:root{--paper:#fdfcf8;--sea:#5fc9cd;--coral:#f78f7f;--deep:#0b2e33;--abyss:#061c20;--ink:#12302e;--ink-soft:#4a6563;--sea-ink:#1b7377;--coral-ink:#ae4731;--foam:#e9f6f5;--sand:#f6f0e6;--line:#12302e24;--mango:#f7b733;--ease-out:cubic-bezier(.16,1,.3,1);--ease-wave:cubic-bezier(.65,0,.35,1);--gutter:clamp(16px,4vw,56px);--serif:"Fraunces",Georgia,serif;--sans:"Figtree",system-ui,sans-serif;--round:"Quicksand","Figtree",sans-serif;--mono:"Fragment Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.locked{overflow:hidden}img,svg,canvas{display:block}a{color:inherit}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}.skip{background:var(--ink);color:var(--paper);z-index:200;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.serif{font-family:var(--serif);font-variation-settings:"SOFT" 100,"WONK" 0}.mono{font-family:var(--mono);letter-spacing:.04em;font-size:.78rem}.wrap{width:100%;max-width:1320px;padding:0 var(--gutter);margin:0 auto}#intro{z-index:100;background:var(--deep);will-change:transform;place-items:center;display:grid;position:fixed;inset:0}#intro .edge{height:90px;color:var(--deep);pointer-events:none;position:absolute;top:100%;left:0;right:0}#intro .edge svg{width:200%;height:100%;animation:6s linear infinite drift}#intro .stage{text-align:center;justify-items:center;gap:6px;display:grid}#intro .mark{width:min(46vw,210px);height:auto;overflow:visible}#intro .mark path{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}#intro.play .mark .c{animation:draw 1.15s var(--ease-wave) .15s forwards}#intro.play .mark .w1{animation:draw .95s var(--ease-wave) .85s forwards}#intro.play .mark .w2{animation:draw .9s var(--ease-wave) 1.35s forwards}#intro.play .mark .w3{animation:draw .6s var(--ease-wave) 1.75s forwards}#intro .word{font:700 clamp(54px,12vw,92px)/1 var(--round);color:var(--sea);letter-spacing:.05em;margin-top:10px;display:flex}#intro .word span{opacity:0;clip-path:inset(0);display:inline-block;transform:translateY(110%)}#intro.play .word span{animation:rise .8s var(--ease-out) forwards}#intro .sub{font:600 clamp(16px,3vw,22px)/1 var(--round);color:var(--coral);letter-spacing:.42em;opacity:0;margin-left:.42em}#intro.play .sub{animation:.8s 2.55s forwards fade}#intro .gloss{font-family:var(--mono);color:#e9f6f58c;letter-spacing:.12em;opacity:0;margin-top:18px;font-size:.72rem}#intro.play .gloss{animation:.8s 2.85s forwards fade}#intro .skipbtn{right:var(--gutter);font-family:var(--mono);letter-spacing:.1em;color:#e9f6f5b3;border:1px solid #e9f6f540;border-radius:99px;padding:10px 14px;font-size:.75rem;transition:background .3s;position:absolute;bottom:28px}#intro .skipbtn:hover{background:#e9f6f514}#intro.leave{transition:transform 1.25s var(--ease-wave);transform:translateY(calc(-100% - 100px))}@keyframes draw{0%{opacity:1;stroke-dashoffset:1px}to{opacity:1;stroke-dashoffset:0}}@keyframes rise{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}@keyframes drift{to{transform:translate(-50%)}}header.nav{z-index:50;transition:background .4s,backdrop-filter .4s,box-shadow .4s,transform .5s var(--ease-out);position:fixed;top:0;left:0;right:0}header.nav.solid{-webkit-backdrop-filter:blur(14px)saturate(1.3);box-shadow:0 1px 0 var(--line);background:#fdfcf8d1}header.nav.hide{transform:translateY(-100%)}header.nav .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:10px;min-height:44px;text-decoration:none;display:flex}.brand svg{width:40px;height:auto}.brand b{font:700 22px/1 var(--round);color:var(--sea-ink);letter-spacing:.05em}.brand i{font:600 11px/1 var(--round);color:var(--coral-ink);letter-spacing:.3em;margin-top:2px;font-style:normal}.brand .txt{flex-direction:column;gap:2px;display:flex}nav.links{align-items:center;gap:28px;display:flex}nav.links a{align-items:center;min-height:44px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}nav.links a:not(.btn):after{content:"";background:var(--coral);transform-origin:100%;height:1.5px;transition:transform .45s var(--ease-out);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}nav.links a:not(.btn):hover:after{transform-origin:0;transform:scaleX(1)}@media (width<=760px){nav.links a:not(.btn){display:none}}.btn{background:var(--coral);color:var(--ink);transition:background .35s,transform .35s var(--ease-out),box-shadow .35s;will-change:transform;white-space:nowrap;border-radius:99px;align-items:center;gap:10px;padding:14px 22px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#f9a091;box-shadow:0 10px 30px -10px #f78f7fcc}.btn svg{width:18px;height:18px;transition:transform .45s var(--ease-out)}.btn:hover svg{transform:translate(4px)}.btn.small{min-height:44px;padding:12px 18px;font-size:.9rem}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn.ghost:hover{background:var(--foam);box-shadow:inset 0 0 0 1.5px var(--sea)}.hero{align-items:center;min-height:100svh;padding:96px 0 110px;display:flex;position:relative;overflow:hidden}.hero .wrap{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(24px,5vw,80px);display:grid;position:relative}.gloss-line{color:var(--sea-ink);align-items:center;gap:14px;margin-bottom:20px;display:flex}.gloss-line:before{content:"";background:var(--coral);width:36px;height:1.5px}.hero h1{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.025em;font-size:clamp(48px,7.4vw,108px);font-weight:350;line-height:.92}.hero h1 em{color:var(--coral-ink);font-style:italic;font-weight:400}.hero h1 .ln{margin-bottom:-.1em;padding-bottom:.16em;display:block;overflow:hidden}.hero h1 .ln span{display:inline-block;transform:translateY(105%)}.ready .hero h1 .ln span{transition:transform 1.2s var(--ease-out);transform:none}.ready .hero h1 .ln:nth-child(2) span{transition-delay:80ms}.ready .hero h1 .ln:nth-child(3) span{transition-delay:.16s}.hero p.lede{max-width:34ch;color:var(--ink-soft);margin:22px 0 24px;font-size:clamp(17px,1.4vw,20px)}.hero .ctas{flex-wrap:wrap;gap:12px;display:flex}.hero .fade{opacity:0;transform:translateY(16px)}.ready .hero .fade{opacity:1;transition:opacity 1s ease .35s,transform 1s var(--ease-out) .35s;transform:none}.hero-mark{aspect-ratio:1;justify-self:end;width:100%;max-width:520px;position:relative}.hero-mark svg{width:100%;height:100%;overflow:visible}.hero-mark .bob{transform-origin:50% 60%;animation:7s ease-in-out infinite bob}.hero-mark path{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.ready .hero-mark path{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset 1.8s var(--ease-wave),opacity 10ms}.ready .hero-mark .w1{transition-delay:.4s}.ready .hero-mark .w2{transition-delay:.7s}.ready .hero-mark .w3{transition-delay:1s}.hero-mark .halo{filter:blur(10px);background:radial-gradient(circle at 50% 55%,#5fc9cd38,#5fc9cd00 65%);border-radius:50%;position:absolute;inset:8%}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-1.5deg)}}#horizon{z-index:1;pointer-events:none;width:100%;height:26vh;position:absolute;bottom:0;left:0;right:0}.scroll-hint{z-index:3;color:var(--sea-ink);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint i{background:linear-gradient(var(--sea-ink),transparent);transform-origin:top;width:1.5px;height:42px;animation:2.2s ease-in-out infinite hint}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (width<=860px){.hero .wrap{grid-template-columns:1fr}.hero-mark{order:-1;justify-self:start;max-width:120px;margin-bottom:-12px}.hero{padding-top:84px;padding-bottom:90px}.hero p.lede{margin:16px 0 18px}.scroll-hint{display:none}}.order{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.order .btn{min-height:52px;padding:16px 26px;font-size:1.05rem}.order .perk{max-width:36ch;color:var(--ink);font-size:.98rem;font-weight:500;line-height:1.4}.order .alt-channel{color:var(--ink-soft);font-size:.95rem}.order .alt-channel a{color:var(--sea-ink);text-underline-offset:3px;padding:10px 2px;font-weight:600;display:inline-block}.order .alt-channel{margin-top:-6px}.order .hours{color:var(--sea-ink);flex-wrap:wrap;gap:4px 12px;margin-top:2px;display:flex}.order .js-open:not(:empty){color:var(--ink);font-weight:600}.order .js-open:not(:empty):before{content:"";background:var(--ink-soft);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.order .js-open.is-open:before{background:#2e9e6b}.order-dark{text-align:center;align-items:center}.order-dark .perk{color:var(--foam)}.order-dark .alt-channel{color:#e9f6f5bf}.order-dark .alt-channel a{color:var(--sea)}.order-dark .hours{color:#e9f6f5c7;justify-content:center}.order-dark .js-open:not(:empty){color:var(--foam)}.hero .seelink{color:var(--ink-soft);text-underline-offset:3px;margin-top:4px;padding:12px 2px;font-weight:500;display:inline-block}.hero .ctas{flex-direction:column;align-items:flex-start;gap:0}.photostrip{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.6vw,22px);margin-bottom:28px;list-style:none;display:grid}.photostrip img{aspect-ratio:3/2;object-fit:cover;background:var(--foam);border-radius:28px;width:100%;height:auto}.photo-note{color:var(--ink-soft);margin-bottom:20px}@media (width<=860px){.photostrip{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.photostrip::-webkit-scrollbar{display:none}.photostrip li{scroll-snap-align:center;flex:0 0 78vw}}section{position:relative}.kicker{font-family:var(--mono);letter-spacing:.1em;text-transform:none;color:var(--sea-ink);align-items:center;gap:10px;font-size:.75rem;display:inline-flex}.kicker b{color:var(--coral-ink);font-weight:400}h2.big{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;font-size:clamp(40px,5.6vw,84px);font-weight:350;line-height:.98}h2.big em{color:var(--coral-ink);font-style:italic;font-weight:400}.reveal{opacity:0;transition:opacity 1s ease,transform 1.1s var(--ease-out);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.manifesto{padding:clamp(100px,14vw,200px) 0 clamp(60px,8vw,120px)}.manifesto .wrap{grid-template-columns:200px 1fr;gap:clamp(24px,5vw,80px);display:grid}.manifesto p.statement{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.012em;max-width:22ch;font-size:clamp(28px,3.4vw,50px);font-weight:330;line-height:1.18}.manifesto p.statement .w{opacity:.14;transition:opacity .5s}.manifesto p.statement .w.on{opacity:1}.manifesto p.statement em{color:var(--coral-ink);font-style:italic}.manifesto .meta{flex-direction:column;gap:6px;padding-top:12px;display:flex}@media (width<=760px){.manifesto .wrap{grid-template-columns:1fr}}.anatomy{background:var(--deep);color:var(--foam);padding:clamp(90px,10vw,150px) 0 40px;overflow:clip}.anatomy .kicker{color:var(--sea)}.anatomy .kicker b,.anatomy h2.big em{color:var(--coral)}.anatomy .head{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:clamp(30px,6vw,80px);display:grid}.anatomy .head p{color:#e9f6f5b8;max-width:44ch;font-size:1.05rem}.anatomy .grid{grid-template-columns:1fr 1.05fr;gap:clamp(24px,5vw,80px);display:grid}.anatomy .steps{flex-direction:column;display:flex}.step{opacity:.28;border-top:1px solid #e9f6f51f;flex-direction:column;justify-content:center;min-height:72vh;padding:20px 0;transition:opacity .6s;display:flex}.step.active{opacity:1}.step .num{font-family:var(--mono);color:var(--sea);letter-spacing:.1em;font-size:.78rem}.step h3{font-family:var(--serif);font-variation-settings:"SOFT" 100;margin:14px 0 8px;font-size:clamp(34px,4vw,58px);font-weight:380;line-height:1}.step h3 small{font-family:var(--round);letter-spacing:.24em;color:var(--coral);text-transform:uppercase;margin-bottom:12px;font-size:.32em;font-weight:600;display:block}.step p{color:#e9f6f5c7;max-width:40ch}.step ul{flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none;display:flex}.step li{color:#e9f6f5e6;border:1px solid #e9f6f533;border-radius:99px;padding:6px 12px;font-size:.85rem}.stage{place-items:center;height:76vh;display:grid;position:sticky;top:12vh}.stage svg{width:100%;max-width:560px;height:auto;overflow:visible}.stage .lbl{font-family:var(--mono);letter-spacing:.08em;fill:#e9f6f566;font-size:11px;transition:fill .5s}.stage .lbl.on{fill:var(--foam)}.stage .tick{stroke:#e9f6f540;transition:stroke .5s}.stage .tick.on{stroke:var(--coral)}@media (width<=860px){.anatomy .head,.anatomy .grid{grid-template-columns:1fr}.stage{z-index:2;background:linear-gradient(var(--deep) 82%,#0b2e3300);height:44vh;top:68px}.anatomy .grid{flex-direction:column;display:flex}.stage{order:-1}.step{min-height:44vh}}.pokes{background:var(--paper)}.pokes .intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:40px;padding-block:clamp(100px,12vw,170px) 40px;display:grid}.pokes .intro p{color:var(--ink-soft);max-width:40ch}.pin{position:relative}.pin .sticky{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.track{padding:0 var(--gutter);will-change:transform;gap:clamp(16px,2vw,28px);display:flex}.card{box-shadow:0 1px 0 var(--line),0 30px 60px -40px #12302e59;transition:transform .6s var(--ease-out);background:#fff;border-radius:28px;flex-direction:column;flex:0 0 clamp(300px,30vw,420px);padding:22px 22px 26px;display:flex;position:relative}.card:hover{transform:translateY(-6px)}.card .top{color:var(--ink-soft);justify-content:space-between;align-items:center;display:flex}.card .bowl{aspect-ratio:1;width:100%;margin:8px 0 6px}.card .bowl svg{width:100%;height:100%;transition:transform 1.6s var(--ease-out)}.card:hover .bowl svg{transform:rotate(24deg)scale(1.02)}.card h3{font-family:var(--serif);font-variation-settings:"SOFT" 100;font-size:clamp(28px,2.4vw,36px);font-weight:400;line-height:1}.card h3 span{font-family:var(--round);color:var(--sea-ink);letter-spacing:.04em;font-weight:700}.card .prot{color:var(--coral-ink);margin:10px 0 12px;font-weight:600}.card .comp{color:var(--ink-soft);flex:1;font-size:.95rem}.card .foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:14px;display:flex}.card .price{font-family:var(--mono);color:var(--ink);font-size:1.15rem}.card .base{color:var(--sea-ink);font-size:.82rem}.card.end{background:var(--deep);color:var(--foam);justify-content:space-between}.card.end h3{color:var(--foam)}.card.end p{color:#e9f6f5bf}.card.end .end-top{color:#e9f6f599}.card.end .end-h{font-size:clamp(34px,3vw,44px)}.card.end .end-h span{color:var(--sea)}.card.end .end-p{margin-top:14px}.card.end .end-btn{align-self:flex-start}.progress{margin:28px var(--gutter) 0;background:var(--line);border-radius:2px;max-width:420px;height:2px;position:relative}.progress i{background:var(--coral);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.pin.static .sticky{height:auto;padding:10px 0 80px;position:relative}.pin.static .track{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:20px;overflow-x:auto}.pin.static .track::-webkit-scrollbar{display:none}.pin.static .card{scroll-snap-align:center}.pin.static .progress{display:none}@media (width<=860px){.pokes .intro{grid-template-columns:1fr}.card{flex-basis:82vw}}.build{background:var(--foam);padding:clamp(100px,12vw,170px) 0;overflow:hidden}.build .head{grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;display:grid}.build .price-tag{flex-wrap:wrap;justify-self:end;align-items:baseline;gap:14px;display:flex}.build .price-tag strong{font-family:var(--serif);font-variation-settings:"SOFT" 100;color:var(--ink);font-size:clamp(56px,7vw,104px);font-weight:350;line-height:1}.build .price-tag span{color:var(--ink-soft);max-width:22ch;font-size:.95rem}.recipe{border-top:1.5px solid var(--ink);grid-template-columns:repeat(5,1fr);gap:0;margin:clamp(50px,7vw,90px) 0 clamp(40px,6vw,70px);display:grid}.recipe li{padding:20px 18px 0 0;list-style:none;position:relative}.recipe li:before{content:"";background:var(--foam);width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--ink);border-radius:50%;transition:background .4s,box-shadow .4s;position:absolute;top:-6px;left:0}.recipe li.in:before{background:var(--coral);box-shadow:inset 0 0 0 2px var(--coral)}.recipe .n{font-family:var(--serif);font-variation-settings:"SOFT" 100;font-size:clamp(40px,4.4vw,64px);font-weight:350;line-height:1}.recipe .t{margin-top:8px;font-weight:600}.recipe .d{color:var(--ink-soft);margin-top:4px;font-size:.9rem}@media (width<=860px){.build .head{grid-template-columns:1fr}.build .price-tag{justify-self:start}.recipe{grid-template-columns:1fr 1fr;row-gap:30px}}.currents{margin:0 calc(var(--gutter) * -1);flex-direction:column;gap:14px;display:flex}.current{width:max-content;animation:flow var(--dur,60s) linear infinite;gap:12px;display:flex}.current.rev{animation-direction:reverse}.current span{white-space:nowrap;box-shadow:0 1px 0 var(--line);background:#fff;border-radius:99px;flex:none;padding:10px 18px;font-size:.95rem}.current.p span{background:var(--ink);color:var(--foam)}.current.m span{box-shadow:inset 0 0 0 1.5px var(--sea);color:var(--sea-ink);background:0 0}.currents:hover .current{animation-play-state:paused}@keyframes flow{to{transform:translate(-50%)}}.build .notes{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(20px,4vw,60px);margin-top:clamp(50px,7vw,90px);display:grid}.build .notes p{color:var(--ink-soft);font-size:.95rem}.salad{box-shadow:0 1px 0 var(--line);background:#fff;border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:28px;display:grid}.salad svg{width:96px;height:96px}.salad h3{font-family:var(--serif);font-variation-settings:"SOFT" 100;font-size:28px;font-weight:400;line-height:1.05}.salad .price{font-family:var(--mono);color:var(--ink);margin-top:8px}@media (width<=760px){.build .notes{grid-template-columns:1fr}}.final{background:var(--deep);color:var(--foam);align-items:center;min-height:92svh;padding:100px 0 150px;display:flex;overflow:hidden}.final .wrap{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.final h2{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.035em;font-size:clamp(56px,10vw,150px);font-weight:330;line-height:.88}.final h2 em{color:var(--coral);font-style:italic;font-weight:380}.final>.wrap>p{color:#e9f6f5d1;max-width:40ch;margin:20px auto 28px}.final .btn{padding:18px 30px;font-size:1.1rem}.kicker-dark{color:var(--sea)}.kicker-dark b{color:var(--coral)}.final h2{margin-top:22px}#surf{z-index:1;width:100%;height:55%;position:absolute;bottom:0;left:0;right:0}.final .alt{font-family:var(--mono);color:#e9f6f5b3;max-width:46ch;margin-top:22px;font-size:.78rem}footer{background:var(--abyss);color:#e9f6f5b3;padding:56px 0 40px;font-size:.9rem}footer .wrap{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:30px;display:grid}footer .brand b{color:var(--sea)}footer .brand i{color:var(--coral)}footer small{color:#e9f6f5ad;margin-top:10px;font-size:.8rem;line-height:1.5;display:block}footer a{color:var(--foam);padding:10px 0;display:inline-block}footer p{margin:0}footer .ftitle{color:var(--sea);margin-bottom:4px}footer .foot-perk{max-width:30ch}@media (width<=760px){footer .wrap{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal,.hero .fade{opacity:1;transform:none}.hero h1 .ln span{transform:none}.hero-mark path{stroke-dashoffset:0;opacity:1}.manifesto p.statement .w{opacity:1}.current{flex-wrap:wrap;width:auto;transform:none}.current span:nth-child(n+40){display:none}}
