:root{--page-bg:#110d0a;--page-fg:#f1e9da;--accent:#ff6a24;--next-fg:#140d08;--course:0}.s-hero{min-height:120svh;position:relative;overflow:hidden;background:#0a0705}.s-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(1.25);transform:scale(calc(1.08 + var(--progress)*.04))}.s-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#110d0a,transparent 48%),linear-gradient(90deg,rgba(0,0,0,.7),transparent 65%)}.s-steam i{position:absolute;z-index:2;bottom:5%;width:10vw;height:70vh;border-left:1px solid rgba(255,255,255,.25);border-radius:50%;filter:blur(3px);animation:steam 6s ease-in-out infinite}.s-steam i:nth-child(1){left:42%}.s-steam i:nth-child(2){left:55%;animation-delay:-1.5s}.s-steam i:nth-child(3){left:68%;animation-delay:-3s}.s-steam i:nth-child(4){left:78%;animation-delay:-4.5s}.s-copy{position:relative;z-index:3;padding:22vh 5vw}.s-copy h1{font-family:Georgia,serif;font-size:clamp(110px,21vw,310px);font-weight:400;line-height:.68;letter-spacing:-.08em}.s-copy>div{display:grid;grid-template-columns:1fr .55fr;align-items:end;margin-top:20vh;border-top:1px solid rgba(255,255,255,.4);padding-top:18px}.s-copy h2{font:italic clamp(62px,9vw,130px) Georgia,serif;font-weight:400;line-height:.78}.s-copy>div p{line-height:1.8;max-width:40ch}.s-reserve{position:absolute;right:4vw;bottom:4vh;z-index:3;font:8px var(--mono);letter-spacing:.14em}.s-menu{height:460vh;background:#150d08}.s-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-columns:1fr .72fr}.s-plate{position:relative;overflow:hidden;background:radial-gradient(circle,#462012,#160c08 62%)}.s-plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:hue-rotate(calc(var(--course)*65deg)) saturate(calc(1 + var(--course)));transform:scale(calc(1.25 - var(--course)*.18)) rotate(calc(var(--course)*6deg));clip-path:circle(calc(28% + var(--course)*25%) at 50% 50%)}.s-heat{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,100,20,calc(.5 - var(--course)*.25)),transparent 55%);mix-blend-mode:screen}.s-ring{position:absolute;left:50%;top:50%;width:68%;aspect-ratio:1;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%) rotate(calc(var(--course)*180deg));border-style:dashed}.s-course{padding:18vh 5vw;background:#e7dfcf;color:#25150c}.s-course small{font:9px var(--mono);letter-spacing:.15em}.s-course h2{font:italic clamp(70px,9vw,135px) Georgia,serif;font-weight:400;line-height:.8;margin:7vh 0 4vh}.s-course strong{display:block;font:16px Georgia,serif;border-block:1px solid;padding:18px 0}.s-course p{line-height:1.8;max-width:35ch;margin-top:5vh}.s-pin aside{position:absolute;z-index:4;right:4vw;bottom:4vh;color:#25150c}.s-pin ol{display:flex;list-style:none;gap:18px}.s-pin li{font:8px var(--mono);opacity:.3;border-top:1px solid;padding-top:9px}.s-pin li.is-active{opacity:1;color:#b3310c}.s-origin{padding:17vh 0;background:#1b130e}.s-origin h2{font:italic clamp(72px,11vw,165px) Georgia,serif;font-weight:400;line-height:.75;letter-spacing:-.06em;margin:7vh 0 13vh}.s-ledger{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #746253}.s-ledger article{min-height:350px;padding:28px;border-right:1px solid #746253;display:flex;flex-direction:column}.s-ledger article:last-child{border:0}.s-ledger small{font:8px var(--mono);color:#c9a986}.s-ledger strong{font:italic 48px Georgia,serif;font-weight:400;margin:auto 0 25px}.s-ledger p{line-height:1.7;color:#cbbfb0}.s-final{min-height:110svh;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.s-final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(1.3);transform:scale(1.1)}.s-final>div{position:relative;z-index:2}.s-final h2{font:italic clamp(76px,13vw,190px) Georgia,serif;font-weight:400;line-height:.72;margin-top:36px}@keyframes steam{0%{transform:translateY(20%) rotate(8deg);opacity:0}50%{opacity:.7}100%{transform:translateY(-30%) rotate(-18deg);opacity:0}}@media(max-width:800px){.s-copy h1{font-size:25vw}.s-copy>div{grid-template-columns:1fr;gap:30px}.s-pin{grid-template-columns:1fr}.s-course{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:24px;background:rgba(231,223,207,.92);backdrop-filter:blur(15px)}.s-course p{display:none}.s-course h2{font-size:16vw;margin:12px 0}.s-pin aside{right:20px;bottom:18px}.s-pin ol{display:none}.s-ledger{grid-template-columns:1fr}.s-ledger article{min-height:230px;border-right:0;border-bottom:1px solid #746253}.s-final h2{font-size:19vw}}
