:root{--cream:#f2eadb;--acid:#d9ff43;--ink:#0b0b09;--line:rgba(242,234,219,.26)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.loader{position:fixed;inset:0;z-index:100;background:#d84a26;color:#0b0b09;display:flex;align-items:center;justify-content:center;transition:transform 1.05s cubic-bezier(.76,0,.24,1);overflow:hidden}.loader--done{transform:translateY(-105%);pointer-events:none}.loader-mark{font-size:clamp(8rem,24vw,23rem);font-weight:900;letter-spacing:-.13em;line-height:.7;transform:translateX(-.05em)}.loader-mark i{font-size:1rem;font-style:normal;vertical-align:top;margin-left:.5rem}.loader-bottom{position:absolute;bottom:42px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;text-transform:uppercase;font-size:11px;letter-spacing:.18em}.loader-bottom strong{font-size:34px;letter-spacing:-.05em}.loader-line{position:absolute;bottom:24px;left:4vw;right:4vw;height:1px;background:#0004}.loader-line span{display:block;height:100%;background:#0b0b09;transition:width .2s}
.nav{position:fixed;z-index:40;top:0;left:0;width:100%;height:90px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;transform:translateY(-100%);opacity:0;transition:1s .75s cubic-bezier(.2,.7,.2,1)}.nav--in{transform:none;opacity:1}.brand{font-weight:900;font-size:25px;letter-spacing:-.08em}.brand span{font-size:7px;vertical-align:top;margin-left:4px}.nav nav{display:flex;gap:34px;font-size:11px;text-transform:uppercase;letter-spacing:.17em}.nav nav a{opacity:.72;transition:.25s}.nav nav a:hover{opacity:1}.order{border:1px solid #ffffff61;padding:13px 18px;border-radius:99px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;transition:.3s}.order:hover{background:var(--acid);border-color:var(--acid);color:#111}.order span{margin-left:18px}
.scroll-stage{height:650vh;position:relative}.sticky-scene{position:sticky;top:0;height:100vh;overflow:hidden;background:#000}.film{position:absolute;inset:0;width:100%;height:100%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000a 0%,#0002 55%,#0005 100%),linear-gradient(0deg,#0006,transparent 50%)}.hero-copy{position:absolute;inset:0;opacity:0;transform:translateY(25px);transition:1.1s 1.05s ease}.hero-copy--in{opacity:1;transform:none}.copy-state{position:absolute;left:8vw;top:50%;transform:translateY(-43%);opacity:0;filter:blur(10px);transition:opacity .55s,filter .55s,transform .55s;pointer-events:none}.copy-state.is-active{opacity:1;filter:none;transform:translateY(-50%)}.eyebrow,.section-kicker{text-transform:uppercase;font-size:10px;letter-spacing:.25em;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow span{display:block;width:28px;height:1px;background:var(--acid)}h1{font-size:clamp(4.5rem,8.6vw,9.5rem);line-height:.82;letter-spacing:-.075em;margin:28px 0 32px;font-weight:800;text-transform:uppercase}h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--acid)}.scene-note{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.rail{position:absolute;right:4vw;top:31%;height:38%;width:1px;background:var(--line)}.rail span{display:block;background:var(--acid);width:1px}.rail b{position:absolute;top:-28px;left:-5px;font-size:9px;font-weight:400}.scroll-cue{position:absolute;left:4vw;bottom:38px;display:flex;gap:16px;align-items:center;text-transform:uppercase;font-size:9px;letter-spacing:.18em}.scroll-cue i{font-style:normal;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;animation:bob 1.7s infinite}@keyframes bob{50%{transform:translateY(5px)}}
.manifesto{background:var(--cream);color:var(--ink);padding:13vw 8vw 12vw}.section-kicker{color:#d24b29;margin:0 0 50px}.manifesto h2,.menu-section h2,footer h2{font-size:clamp(3.8rem,8vw,8.5rem);line-height:.88;letter-spacing:-.075em;margin:0;text-transform:uppercase}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:10vw 0 0 35%}.manifesto-grid p{font-family:Georgia,serif;font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.55;margin:0}.menu-section{background:#d84a26;color:var(--ink);padding:11vw 8vw;display:grid;grid-template-columns:1fr 1.05fr;gap:10vw}.menu-section .section-kicker{color:var(--ink)}.menu-list{border-top:1px solid #0006}.menu-list article{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:30px 0;border-bottom:1px solid #0006}.menu-list article>span{font-size:10px}.menu-list h3{font-size:clamp(1.7rem,2.5vw,2.8rem);margin:0;letter-spacing:-.05em;text-transform:uppercase}.menu-list p{grid-column:2;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin:6px 0 0}.menu-list b{grid-column:3;grid-row:1/3;border:1px solid #0006;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:.3s}.menu-list article:hover b{background:var(--acid);transform:rotate(45deg)}footer{min-height:88vh;padding:12vw 8vw 4vw;background:var(--ink);position:relative;display:flex;flex-direction:column;justify-content:center}footer>p{text-transform:uppercase;letter-spacing:.25em;font-size:10px;color:var(--acid)}footer h2{font-size:clamp(5rem,12vw,13rem)}footer>a{margin-top:50px;border-bottom:1px solid var(--cream);align-self:flex-start;padding-bottom:10px;text-transform:uppercase;font-size:11px;letter-spacing:.18em}footer>a span{margin-left:40px}.footer-meta{position:absolute;bottom:35px;left:8vw;right:8vw;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.18em;opacity:.55}
@media(max-width:760px){.nav{height:72px}.nav nav{display:none}.order{padding:11px 13px}.copy-state{left:7vw;right:7vw;top:58%}h1{font-size:clamp(3.3rem,16vw,5.5rem)}.shade{background:linear-gradient(0deg,#000c,transparent 75%)}.scroll-cue span{display:none}.rail{right:7vw}.manifesto,.menu-section{padding:28vw 7vw}.manifesto-grid{grid-template-columns:1fr;margin:22vw 0 0;gap:28px}.menu-section{grid-template-columns:1fr;gap:20vw}.menu-section h2{font-size:16vw}.menu-list article{grid-template-columns:35px 1fr auto}footer{padding:20vw 7vw 7vw}.footer-meta{left:7vw;right:7vw}.loader-bottom{bottom:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue i{animation:none}.loader,.nav,.hero-copy,.copy-state{transition:none}}
