:root{--ink:#181511;--ivory:#f2ede4;--warm:#c99b65;--mist:rgba(241,237,229,.72);--progress:0;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);overflow-x:hidden}.skip-link{position:fixed;z-index:99;left:1rem;top:1rem;transform:translateY(-180%);padding:.75rem 1rem;background:#fff;color:#111}.skip-link:focus{transform:none}.topbar{position:fixed;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:1.5rem clamp(1.25rem,4vw,4.5rem);mix-blend-mode:difference}.wordmark{color:#fff;text-decoration:none;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.04em}.wordmark i{color:#d8ad78;font-style:normal}.wordmark b{font-weight:400;opacity:.7}.status{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:#fff}.story{position:relative;height:430vh;background:#191511}.scene{position:sticky;top:0;height:100svh;overflow:hidden}.scene-photo{position:absolute;inset:0;display:block;transform:scale(calc(1.03 + var(--progress)*.055)) translate3d(calc(var(--progress)*-1.3%),0,0);transform-origin:65% 55%;will-change:transform}.scene-photo img{width:100%;height:100%;object-fit:cover;object-position:61% center}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,11,.87) 0%,rgba(19,16,13,.52) 33%,rgba(15,12,10,.03) 68%),linear-gradient(0deg,rgba(15,12,10,.48),transparent 45%);opacity:calc(.78 + var(--progress)*.22)}.glass{position:absolute;inset:-15%;pointer-events:none;will-change:transform,opacity}.glass-a{background:linear-gradient(115deg,transparent 31%,rgba(255,246,226,.18) 33%,rgba(215,229,226,.05) 40%,transparent 42%);transform:translate3d(calc(-26% + var(--progress)*54%),0,0) skewX(-7deg);opacity:calc(.25 + var(--progress)*.75)}.glass-b{background:linear-gradient(72deg,transparent 40%,rgba(194,216,214,.09) 41%,rgba(253,229,194,.23) 46%,transparent 48%);transform:translate3d(calc(35% - var(--progress)*47%),0,0);opacity:calc(var(--progress)*.8)}.light-trace{position:absolute;left:calc(7% + var(--progress)*45%);top:14%;height:72%;width:1px;background:linear-gradient(transparent,rgba(255,221,175,.8),transparent);box-shadow:0 0 34px 3px rgba(211,167,111,.32);opacity:calc(var(--progress)*.85)}.threshold{position:absolute;inset:0;background:radial-gradient(circle at 67% 53%,transparent 0 8%,rgba(18,16,14,.15) 22%,rgba(18,16,14,.92) 70%);opacity:calc(var(--progress)*1.18);transform:scale(calc(1.25 - var(--progress)*.25))}.story-copy{position:absolute;z-index:3;left:clamp(1.25rem,7vw,8rem);top:19svh;width:min(38rem,84vw);opacity:calc(1 - var(--progress)*1.55);transform:translateY(calc(var(--progress)*-5rem))}.eyebrow{margin:0 0 1.5rem;font-size:.67rem;letter-spacing:.25em;text-transform:uppercase;color:#d6b589}.story h1{margin:0;font-family:var(--serif);font-size:clamp(4rem,8.2vw,9.4rem);font-weight:400;line-height:.82;letter-spacing:-.065em;text-wrap:balance}.story h1 em{font-weight:400;color:#d7b07e}.lede{max-width:33rem;margin:2rem 0 2.2rem;font-family:var(--serif);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55;color:rgba(255,255,255,.72)}.discover{display:inline-flex;gap:1rem;align-items:center;color:#fff;text-decoration:none;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:.65rem}.chapters{position:absolute;z-index:4;right:clamp(1.2rem,4vw,4rem);bottom:2.25rem;display:flex;gap:clamp(1rem,2.5vw,3rem);margin:0;padding:0;list-style:none;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42)}.chapters span{color:#cfa06c;margin-right:.45rem}.connection{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 30%,#34302b 0,#1c1916 38%,#11100e 75%);padding:8rem clamp(1.25rem,7vw,8rem) 2rem;isolation:isolate}.connection:before,.connection:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(229,202,166,.13);transform:rotate(45deg)}.connection:before{width:38vw;height:38vw;left:31%;top:10%}.connection:after{width:22vw;height:22vw;left:39%;top:26%;box-shadow:0 0 100px rgba(211,168,112,.08)}.connection-inner{margin:auto;text-align:center;max-width:56rem}.connection h2{font-family:var(--serif);font-weight:400;font-size:clamp(3.1rem,6.5vw,7.3rem);line-height:.94;letter-spacing:-.055em;margin:0 0 2rem}.connection-inner>p:not(.eyebrow){max-width:37rem;margin:0 auto;color:rgba(242,237,228,.58);font-family:var(--serif);font-size:1.08rem;line-height:1.7}.waiting{width:min(29rem,100%);margin:3.5rem auto 0;padding:1.1rem 1.3rem;display:flex;align-items:center;gap:1rem;text-align:left;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);backdrop-filter:blur(8px)}.waiting>span{width:.55rem;height:.55rem;border-radius:50%;background:#b68c5e;box-shadow:0 0 16px #b68c5e}.waiting div{display:flex;flex:1;justify-content:space-between;align-items:center}.waiting strong{font-family:var(--serif);font-weight:400}.waiting small{text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.5);font-size:.57rem}.connection footer{display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.34)}
@media(max-width:700px){.topbar{padding:1.15rem}.status{font-size:.53rem}.story{height:350vh}.scene-photo{transform:scale(calc(1.07 + var(--progress)*.08)) translate3d(calc(var(--progress)*-2%),0,0)}.scene-photo img{object-position:64% center}.scene-shade{background:linear-gradient(0deg,rgba(13,11,9,.88) 0,rgba(13,11,9,.24) 64%,rgba(13,11,9,.25))}.story-copy{top:46svh;bottom:auto;left:1.25rem}.story h1{font-size:clamp(3.9rem,18vw,6rem)}.lede{font-size:1rem;max-width:85%;margin:1.5rem 0}.chapters{left:1.25rem;right:auto;bottom:1.4rem;gap:.8rem}.chapters li{font-size:0;width:1.8rem;height:1px;background:rgba(255,255,255,.25)}.chapters span{display:none}.connection{padding:7rem 1.25rem 1.5rem}.connection h2{font-size:clamp(3rem,15vw,5rem)}.connection:before{width:70vw;height:70vw;left:15%;top:17%}.connection footer{gap:1rem}.connection footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:auto;min-height:100svh}.scene{position:absolute;inset:0}.scene-photo,.story-copy,.glass-a,.glass-b,.threshold{transform:none}.glass,.light-trace,.threshold{display:none}.story-copy{position:relative;padding-top:24svh;opacity:1}.chapters{display:none}}
@supports not (backdrop-filter:blur(2px)){.waiting{background:#24201c}}