*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#080909;color:#f0ede5}body{font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{cursor:pointer}.app{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.grain{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(2px)}.orbA{width:60vw;height:60vw;max-width:850px;max-height:850px;right:-20%;top:10%;background:radial-gradient(circle at 35% 30%,#ca5037 0%,#772c29 22%,#1f1217 54%,transparent 74%);opacity:.54;animation:breathe 8s ease-in-out infinite alternate}.orbB{width:50vw;height:50vw;left:-33%;bottom:-40%;background:radial-gradient(circle,#665b51,transparent 66%);opacity:.18}@keyframes breathe{to{transform:translate(-3%,4%) scale(1.12);opacity:.7}}header,footer{width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 4.4%;position:relative;z-index:2}header{border-bottom:1px solid #ffffff22}.mark,.issue,.sound,footer,.kicker,.eyebrow,.landingBottom p,.advance,.letterFooter,.sideIndex{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em}.mark{display:flex;align-items:center;gap:10px;letter-spacing:.18em}.markdot{width:9px;height:9px;border-radius:50%;background:#e66a52;box-shadow:0 0 18px #ee735888}.issue{color:#9f9b92}.slash{color:#e26a55;margin:0 12px}.sound{border:0;background:none;color:#bdb8af;display:flex;align-items:center;gap:12px}.sound-ind{width:5px;height:5px;border-radius:50%;background:#6e6861}.sound-ind.active{background:#e47864;box-shadow:0 0 10px #e47864}.landing,.experience{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:8vh 8%;min-height:570px}.landing{padding-left:12%}.eyebrow,.kicker{color:#e47f6d;margin-bottom:34px}.smallcross{font-size:18px;margin-right:8px}.heroWord{line-height:.91;letter-spacing:-.095em;font-size:clamp(56px,9.1vw,154px);font-weight:800}.heroWord span{display:block}.heroTop{color:#f1efe6}.heroMid{color:#77716f}.heroBottom{white-space:nowrap}.period{display:inline!important;color:#e46b52}.landingBottom{margin-top:48px;display:flex;gap:7vw;align-items:center}.landingBottom p{color:#aaa49a;line-height:1.9}.enter{background:#edebe3;color:#101010;border:0;padding:22px 25px;min-width:270px;display:flex;justify-content:space-between;gap:40px;font:500 11px DM Mono,monospace;letter-spacing:.07em;transition:background .25s,transform .25s}.enter:hover{background:#e89c87;transform:translateY(-3px)}.arrow{font-size:22px;line-height:12px}.sideIndex{position:absolute;right:2%;top:38%;writing-mode:vertical-rl;color:#66645e}footer{border-top:1px solid #ffffff21;color:#85817b;padding-top:22px;padding-bottom:22px}.progress{font-size:13px;color:#eee}.progress span{color:#746f69}.experience{padding-left:13%;padding-top:65px;padding-bottom:65px}.bigDisplay,.statement,.letterTitle{font-size:clamp(55px,8.5vw,130px);line-height:.98;font-weight:800;letter-spacing:-.09em}.bigDisplay em,.statement i,.letterTitle em{font-style:normal;font-weight:300;color:#e88973}.subline{color:#b7ada3;max-width:470px;font-size:clamp(14px,1.4vw,18px);line-height:1.85;margin:34px 0}.advance{border:1px solid #8a675f;background:transparent;color:#f0e5da;padding:19px 22px;min-width:200px;display:flex;justify-content:space-between;align-items:center;width:max-content;gap:60px;transition:background .2s}.advance:hover{background:#b95442}.advance span{font-size:19px}.statement{font-size:clamp(56px,8vw,110px)}.statement span{color:#e88973}.largeNumber{font-size:clamp(170px,31vw,450px);font-weight:800;letter-spacing:-.14em;line-height:.83;color:#ece4d9}.largeNumber span{color:#df765c;font-size:.26em;vertical-align:top;letter-spacing:0}.numberHead{font-size:clamp(18px,2.7vw,38px);letter-spacing:-.06em}.letterTitle{font-size:clamp(52px,7vw,108px)}.letterBox{max-width:650px;border:1px solid #6b625b66;background:#ffffff08}.letterBox textarea{resize:vertical;min-height:130px;width:100%;padding:24px;color:#f0e8df;background:none;border:0;outline:0;font-size:19px}.letterBox textarea::placeholder{color:#918981}.letterFooter{border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;padding:14px;color:#888}.letterFooter button{background:#eddfd5;border:0;padding:12px 16px;font:inherit;letter-spacing:inherit;color:#191514}.letterFooter button:disabled{opacity:.35;cursor:not-allowed}.endnote{font-size:12px;letter-spacing:.14em;line-height:1.8;color:#cf8374;margin-top:30px}.endnote strong{color:#f5eade}.footerRight{text-align:right}@media(max-width:750px){header,footer{padding:21px 5%}.issue{display:none}.landing,.experience{min-height:calc(100svh - 129px);padding:38px 7%}.landing{justify-content:center}.heroWord{font-size:clamp(47px,11.1vw,86px)}.landingBottom{align-items:flex-start;flex-direction:column;gap:12px;margin-top:35px}.sideIndex{display:none}.orbA{width:130vw;height:130vw;right:-75%;top:10%}.experience{padding-left:8%}.bigDisplay,.statement{font-size:clamp(49px,10vw,85px)}.letterTitle{font-size:clamp(55px,11vw,80px)}.largeNumber{font-size:clamp(160px,43vw,300px)}.footerRight{display:none}.letterFooter{flex-direction:column;gap:14px;align-items:stretch}.enter{min-width:min(100%,320px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}