@font-face{font-family:'More Display';src:url('assets/more/founders-grotesk-condensed-semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}@font-face{font-family:'More Text';src:url('assets/more/founders-grotesk-condensed-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'More Text';src:url('assets/more/founders-grotesk-condensed-medium.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{--mint:#e3ebde;--sage:#a4bc90;--forest:#1c4117;--lime:#90ad6c;--white:#f4f8ed;--display:'More Display','Arial Narrow',Arial,sans-serif;--body:'More Text','Arial Narrow',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--mint);color:var(--forest);font-family:var(--body);font-size:20px;line-height:1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.035em}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:var(--forest);color:var(--white)}.skip-link{position:fixed;z-index:20;top:10px;left:10px;background:var(--white);padding:10px 15px;transform:translateY(-150%)}.skip-link:focus{transform:none}.white{color:var(--white)}
.stage{position:relative;background:var(--sage);height:87vw;max-height:1550px;min-height:820px;overflow:clip}.nav{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;top:2.6vw;left:2.6vw;right:2.6vw}.socials{display:flex;gap:7px}.socials a{width:24px;height:24px;transition:transform .4s var(--ease)}.socials a:hover{transform:translateY(-3px) rotate(-10deg)}.socials img{width:100%;height:100%}.nav-links{display:flex;gap:11px;padding-left:30px}.nav-links a{background:#e3ebde40;padding:4px 12px 5px;border-radius:20px;font-size:15px;transition:background .3s}.nav-links a:hover{background:var(--mint)}.buy-pill{display:inline-flex;align-items:center;gap:4px;border-radius:40px;font-size:19px;font-weight:500;line-height:1;transition:transform .4s var(--ease),background .3s;padding:3px 10px 3px 3px;white-space:nowrap}.buy-pill:hover{transform:translateY(-3px) scale(1.025)}.buy-pill:active{transform:scale(.97)}.buy-pill.dark{background:var(--forest);color:var(--mint)}.buy-pill.light{background:var(--mint);color:var(--forest)}.round-arrow{width:23px;height:23px;background:var(--mint);color:var(--forest);border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:15px}.light .round-arrow{background:var(--sage)}.masthead{position:relative;display:flex;align-items:center;flex-direction:column;gap:3.2vw;padding-top:6.2vw;z-index:2}.brand-logo{background:var(--forest);mask:url('assets/more/more-nutrition-logo.svg') center/contain no-repeat;-webkit-mask:url('assets/more/more-nutrition-logo.svg') center/contain no-repeat;width:61vw;aspect-ratio:901/304}.masthead>.buy-pill{font-size:18px}.hero-lower{position:relative;display:grid;grid-template-columns:61% 39%;margin-top:3.2vw}.hero-visual{position:relative;height:53vw}.hero-orbit{position:absolute;width:81%;height:auto;top:3.6vw;left:5.8%;fill:none;stroke:var(--white);stroke-width:22;transform:rotate(-15deg)}.hero-product{position:absolute;width:66%;aspect-ratio:1466/1722;top:-1.6vw;left:22%;transform:rotate(-11deg);animation:product-float 2.76s ease-in-out infinite alternate;z-index:2}.hero-product canvas,.hero-poster{position:absolute;width:100%;height:100%;inset:0}.hero-product canvas{opacity:0;transition:opacity .2s}.hero-product canvas.ready{opacity:1}.hero-scribble{position:absolute;left:4.5%;top:1.1vw;width:19%;transform:rotate(-7deg);z-index:3}.hero-sketch{position:absolute;left:7%;top:7.9vw;width:7.5%;z-index:3}.nutrition-bubble{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mint);border-radius:50%;width:10.1vw;height:10.1vw;z-index:3;box-shadow:1px 3px 0 #335c3005;animation:bubble-in .9s var(--ease) both}.nutrition-bubble>span{display:flex;align-items:baseline;letter-spacing:-.055em;line-height:.78}.nutrition-bubble strong{font-family:var(--display);font-size:4.5vw;font-weight:600}.nutrition-bubble b{font-family:var(--display);font-size:2.9vw;font-weight:600}.nutrition-bubble small{font-size:1.65vw;line-height:.9;margin-top:6px}.protein{left:25%;top:1.4vw;animation-delay:.15s}.sugar{left:11.5%;top:9vw;animation-delay:.25s}.caffeine{left:3%;top:19vw;animation-delay:.35s}.hero-content{padding:1.1vw 6vw 0 4vw;display:flex;align-items:center;text-align:center;flex-direction:column;position:relative;z-index:2}.hero-content h1{font-family:var(--display);font-size:6.9vw;font-weight:600;line-height:.79;letter-spacing:-.035em}.hero-content h1 span{display:block}.hero-content p{font-size:1.68vw;line-height:.98;max-width:27vw;margin:2.1vw -2vw 0}.hero-underline{width:80%;max-width:270px;margin-top:15px;transform:rotate(-2deg)}
.wave-bridge{position:relative;height:29vw;margin-top:-19vw;z-index:4;overflow:clip;pointer-events:none}.wave-bridge svg{width:100%;height:100%;overflow:visible}.ribbon-path{fill:none;stroke:var(--forest);stroke-width:145}.wave-bridge text{font-family:var(--display);font-size:101px;font-weight:600;letter-spacing:-.035em;fill:var(--sage);dominant-baseline:central}.intro{position:relative;margin-top:-2vw;padding-bottom:11vw}.intro>h2{text-align:center;font-size:5.65vw;line-height:.86;letter-spacing:-.04em;font-weight:500}.intro>h2 span{color:var(--lime)}.intro-body{display:grid;grid-template-columns:59% 31%;gap:4%;align-items:center;margin-top:7vw;padding:0 4vw 0 0}.social-fan{position:relative;height:40vw;max-height:700px}.polaroid{position:absolute;width:36%;aspect-ratio:.59;border:7px solid var(--white);background:var(--sage);padding:0;overflow:hidden;box-shadow:2px 9px 0 #335c3004;transition:transform .6s var(--ease)}.polaroid video{width:100%;height:100%;object-fit:cover;display:block}.polaroid-one{left:-1%;top:13%;transform:rotate(-9deg);z-index:1}.polaroid-two{left:30%;top:32%;transform:rotate(7deg);z-index:3}.polaroid-three{left:56%;top:0;transform:rotate(4deg);z-index:2}.polaroid:hover{transform:rotate(0deg) translateY(-8px);z-index:4}.video-play{position:absolute;bottom:8px;right:8px;background:#e3ebdeca;border-radius:50%;font-family:Arial,sans-serif;font-size:12px;display:grid;place-items:center;width:25px;height:25px}.intro-copy h3{font-size:2.8vw;line-height:.96;font-weight:500;letter-spacing:-.02em}.intro-copy>p{font-size:1.8vw;line-height:1.03;margin-top:20px;max-width:95%}.intro-cta{display:flex;align-items:center;gap:22px;margin-top:25px}.stars-link{font-size:15px;display:flex;align-items:center;gap:7px}.stars-link span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px}.why-signature{position:absolute;left:17%;bottom:-25px;width:11%;transform:rotate(-8deg);z-index:2}.why-arrow{position:absolute;left:27%;bottom:-55px;width:5%;z-index:2}
.sequence{position:relative;height:720svh;min-height:4400px}.sequence-stage{position:sticky;top:0;height:100svh;min-height:610px;overflow:clip;isolation:isolate}.sequence-path{position:absolute;left:0;top:5%;width:100%;height:90%;color:var(--white);z-index:-1;opacity:0;overflow:visible}.sequence-path path{fill:none;stroke:currentColor;stroke-width:30;stroke-linecap:round}.sequence-card{position:absolute;top:50%;width:38%;max-width:590px;padding:4vw 3vw 4.4vw;text-align:center;background:var(--sage);border-radius:2px;transform:translateY(100svh);opacity:0;visibility:hidden;z-index:1;box-shadow:0 3px 6px #335c3005}.sequence-card:nth-of-type(odd){right:3.5%}.sequence-card:nth-of-type(even){left:3.5%}.sequence-card h2{font-family:var(--display);font-weight:600;font-size:5.9vw;line-height:.78;color:var(--white);letter-spacing:-.035em}.sequence-card p{font-size:1.7vw;line-height:.96;margin-top:4.2vw}.card-smiley{position:absolute;left:50%;top:-2.5vw;width:5.9vw;transform:translateX(-50%) rotate(-7deg)}.card-doodle{position:absolute;width:5.5vw;height:4vw;object-fit:contain;left:12%;bottom:3.5vw}.sequence-coffee-note{position:absolute;right:19%;top:50%;width:11%;opacity:0;z-index:3}.sequence-poster,#sequence-canvas{position:absolute;height:100%;aspect-ratio:1/1;width:auto;max-width:none;left:50%;top:0;transform:translateX(-50%);pointer-events:none;z-index:2}.sequence-poster{opacity:0}.sequence-poster.loading{opacity:1}#sequence-canvas{opacity:0;transition:opacity .1s}#sequence-canvas.ready{opacity:1}.sequence-title{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:1;transform:translateY(80svh)}.sequence-title h2{position:absolute;top:11%;left:0;right:0;text-align:center;font-size:7vw;line-height:.82;letter-spacing:-.04em;font-weight:500}.sequence-title h2 span{color:var(--lime);display:block;margin-top:12px}.flavour-note{position:absolute;width:12%;top:30%;z-index:3;opacity:0}.flavour-note img+img{width:70%;margin-top:8px}.vanilla-note{left:15%}.strawberry-note{right:14%}.ingredient{position:absolute;z-index:3;opacity:0;pointer-events:none;width:9%}.cookie-one{left:9%;top:43%;transform:rotate(-25deg)}.cookie-two{left:24%;top:69%;width:6%;transform:rotate(35deg)}.strawberry-one{right:8%;top:44%;width:10%;transform:rotate(-25deg)}.strawberry-two{right:23%;top:73%;width:6%;transform:rotate(25deg)}.flavour-buy{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);opacity:0;z-index:4;visibility:hidden}.flavour-buy:hover{transform:translateX(-50%) translateY(-3px)}.flavour-static{display:none}.motion-toggle{position:fixed;bottom:16px;right:16px;display:flex;gap:7px;align-items:center;border:1px solid #335c3030;background:#e3ebdece;border-radius:30px;font-size:13px;padding:8px 12px;z-index:10;backdrop-filter:blur(6px)}.motion-toggle>span:first-child{font-family:Arial,sans-serif;font-size:11px}.motion-label{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s}.motion-toggle:hover .motion-label,.motion-toggle:focus-visible .motion-label{max-width:100px}
@keyframes product-float{from{transform:rotate(-11deg) translateY(-.6%)}to{transform:rotate(-13deg) translateY(1.2%)}}@keyframes bubble-in{from{transform:translate(-25px,40px) rotate(-25deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .hero-product{transform:rotate(-12deg)}.motion-paused .sequence{height:auto;min-height:0;padding:60px 4vw}.motion-paused .sequence-stage{position:relative;height:auto;min-height:0;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:50px 25px}.motion-paused #sequence-canvas{display:none}.motion-paused .sequence-poster{display:block;position:static;grid-column:1/-1;grid-row:1;width:min(100%,700px);height:auto;aspect-ratio:1/1;max-width:100%;transform:none;opacity:1;justify-self:center}.motion-paused .sequence-card{position:relative;left:auto;right:auto;top:auto;width:auto;max-width:none;opacity:1!important;transform:none!important;visibility:visible!important;padding:55px 25px}.motion-paused .sequence-card h2{font-size:65px}.motion-paused .sequence-card p{font-size:22px;margin-top:35px}.motion-paused .card-smiley{top:-28px;width:62px}.motion-paused .sequence-title{position:static;grid-column:1/-1;opacity:1!important;transform:none!important;margin-top:40px}.motion-paused .sequence-title h2{position:static;font-size:85px}.motion-paused .flavour-static{display:block;grid-column:1/-1;width:100%;max-width:800px;justify-self:center;margin-top:-230px;pointer-events:none}.motion-paused .flavour-buy{position:static;grid-column:1/-1;opacity:1!important;visibility:visible!important;transform:none!important;justify-self:center}.motion-paused .sequence-path,.motion-paused .flavour-note,.motion-paused .ingredient,.motion-paused .sequence-coffee-note{display:none}
@media(min-width:1800px){.stage{height:1450px}.nav{top:38px}.masthead{padding-top:95px;gap:50px}.brand-logo{width:1100px}.hero-lower{margin-top:60px;max-width:1800px;margin-left:auto;margin-right:auto}.hero-content h1{font-size:124px}.hero-content p{font-size:30px}.hero-content{padding:20px 100px 0 80px}.hero-visual{height:950px}.hero-product{top:-30px}.nutrition-bubble{width:180px;height:180px}.nutrition-bubble strong{font-size:81px}.nutrition-bubble b{font-size:52px}.nutrition-bubble small{font-size:29px}.hero-orbit{top:65px}.protein{top:25px}.sugar{top:162px}.caffeine{top:342px}.wave-bridge{height:520px;margin-top:-340px}}
@media(max-width:991px){.nav{top:20px;left:20px;right:20px}.socials a{width:21px;height:21px}.nav-links{padding-left:0;gap:4px}.nav-links a{font-size:12px;padding:4px 8px}.buy-pill{font-size:15px}.round-arrow{width:18px;height:18px;font-size:12px}.masthead>.buy-pill{font-size:15px}.stage{min-height:690px}.intro-cta{gap:10px}.stars-link{font-size:12px;gap:4px}.stars-link span{font-size:7px;letter-spacing:1px}.sequence{min-height:4200px}.sequence-card p{font-size:2vw}.sequence-card{padding-top:5vw;padding-bottom:5vw}.hero-content p{font-size:1.9vw}.social-fan .polaroid{border-width:5px}.sequence-title h2{font-size:8vw;top:14%}.card-smiley{width:7vw;top:-3vw}}
@media(max-width:600px){body{font-size:18px}.stage{height:950px;min-height:0;max-height:none}.nav{left:17px;right:17px;top:18px}.socials{gap:5px}.socials a{width:19px;height:19px}.nav-links{display:none}.shop-all{font-size:16px}.masthead{padding:80px 17px 0;gap:22px}.brand-logo{width:100%;max-width:420px}.masthead>.buy-pill{font-size:17px}.masthead>.buy-pill .round-arrow{width:21px;height:21px}.hero-lower{display:block;margin-top:38px}.hero-visual{height:390px;width:100%}.hero-product{width:64%;left:24%;top:3px}.hero-orbit{width:83%;left:4%;top:24px;stroke-width:18}.nutrition-bubble{width:76px;height:76px}.nutrition-bubble strong{font-size:35px}.nutrition-bubble b{font-size:22px}.nutrition-bubble small{font-size:13px;margin-top:5px}.protein{left:25%;top:-8px}.sugar{left:9%;top:58px}.caffeine{left:1%;top:142px}.hero-scribble{width:23%;left:4%;top:-15px}.hero-sketch{top:40px;left:4%;width:9%}.hero-content{padding:10px 20% 0;position:relative;margin-top:12px}.hero-content h1{font-size:70px;line-height:.76}.hero-content p{font-size:17px;line-height:1.02;max-width:270px;margin:20px -15px 0}.hero-underline{width:90%;margin-top:8px}.wave-bridge{height:180px;margin-top:-80px}.wave-bridge svg{width:170%;max-width:none;margin-left:-35%}.wave-bridge text{font-size:105px}.ribbon-path{stroke-width:150}.intro{margin-top:16px;padding-bottom:90px}.intro>h2{font-size:48px;line-height:.87;padding:0 15px}.intro-body{display:flex;flex-direction:column;gap:30px;margin-top:35px;padding:0}.social-fan{width:100%;height:390px;overflow:clip}.polaroid{width:38%;border-width:4px}.polaroid-one{left:-5%;top:9%}.polaroid-two{left:28%;top:23%}.polaroid-three{left:60%;top:3%}.intro-copy{padding:0 11%;max-width:500px}.intro-copy h3{font-size:28px;line-height:.98}.intro-copy>p{font-size:20px;margin-top:16px}.intro-cta{gap:18px;margin-top:22px}.stars-link{font-size:14px}.stars-link span{font-size:8px}.intro-cta .buy-pill{font-size:17px}.why-signature{left:18%;width:25%;bottom:-12px}.why-arrow{left:42%;width:12%;bottom:-40px}.sequence{height:650svh;min-height:4000px}.sequence-stage{height:100svh;min-height:640px}.sequence-poster,#sequence-canvas{height:80%;top:auto;bottom:1%;width:auto}.sequence-card{width:48%;top:37%;padding:32px 15px 35px}.sequence-card:nth-of-type(odd){right:4%}.sequence-card:nth-of-type(even){left:4%}.sequence-card h2{font-size:41px;line-height:.8}.sequence-card p{font-size:15px;line-height:1.02;margin-top:32px}.card-smiley{width:42px;top:-20px}.card-doodle{width:28px;height:30px;left:8%;bottom:25px}.sequence-path{width:160%;left:-30%;top:0;height:100%}.sequence-path path{stroke-width:25}.sequence-coffee-note{right:7%;top:70%;width:25%}.sequence-title h2{font-size:49px;top:12%;line-height:.85}.sequence-title h2 span{font-size:45px;margin-top:10px}.flavour-note{top:34%;width:22%}.vanilla-note{left:5%}.strawberry-note{right:4%}.ingredient{width:13%}.cookie-one{left:3%;top:51%}.cookie-two{left:17%;top:80%;width:8%}.strawberry-one{right:1%;top:53%;width:17%}.strawberry-two{right:15%;top:80%;width:8%}.flavour-buy{bottom:3%;font-size:17px}.motion-toggle{bottom:12px;right:12px;font-size:12px;padding:9px 12px}.motion-paused .sequence{padding:45px 6%}.motion-paused .sequence-stage{grid-template-columns:1fr;gap:45px}.motion-paused .sequence-card{grid-column:1}.motion-paused .sequence-card h2{font-size:58px}.motion-paused .sequence-card p{font-size:20px}.motion-paused .sequence-title h2{font-size:48px}.motion-paused .sequence-title h2 span{font-size:44px}.motion-paused .flavour-static{margin-top:-100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-product:has(canvas.ready) .hero-poster{visibility:hidden}
.sequence-stage:not(:has(#sequence-canvas.ready)) .sequence-poster{opacity:1}
@font-face{font-family:'More Display';src:url('assets/more/founders-grotesk-condensed-medium.woff2') format('woff2');font-weight:400 500;font-display:swap}
.socials a{background:var(--mint);border-radius:50%;display:grid;place-items:center}.socials img{width:65%;height:65%}
@media(min-width:601px) and (max-width:1799px){.socials a{width:2.65vw;height:2.65vw}.nav-links a{font-size:1.2vw}.buy-pill,.masthead>.buy-pill{font-size:2vw;gap:.4vw;padding:0;background:transparent}.buy-pill.dark,.buy-pill.light{background:transparent}.buy-pill>span:last-child{border-radius:40px;padding:.33vw 1.1vw .45vw}.buy-pill.dark>span:last-child{background:var(--forest);color:var(--mint)}.buy-pill.light>span:last-child{background:var(--mint);color:var(--forest)}.round-arrow{width:2.7vw;height:2.7vw;font-size:1.5vw}.dark .round-arrow{background:var(--forest);color:var(--mint)}.light .round-arrow{background:var(--mint);color:var(--forest)}.hero-content{padding-top:0;padding-right:7.4vw}.hero-content h1{font-size:7.5vw}.hero-content p{margin-top:1.4vw}.hero-product{width:60%;left:26%}.hero-orbit{left:8.5%;top:1.8vw}.hero-scribble{top:2.6vw}.protein{top:2vw}.sugar{left:12%}.caffeine{left:4.2%;top:18.3vw}}

/* Perth wordmark keeps the reference's oversized masthead footprint. */
.perth-brand{mask:none;-webkit-mask:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--forest);font-family:var(--display);font-weight:600;letter-spacing:-.055em;line-height:.72;aspect-ratio:901/304;font-size:12.7vw}
.perth-brand span:last-child{font-size:.69em;letter-spacing:-.035em;margin-top:.065em}
.socials a{font-family:var(--display);font-size:1.6vw;font-weight:600}
.nutrition-bubble small{text-align:center;font-size:1.45vw}
@media(min-width:1800px){.perth-brand{font-size:229px}.socials a{font-size:26px}.nutrition-bubble small{font-size:26px}}
@media(max-width:600px){.perth-brand{font-size:21vw;min-height:125px}.socials a{font-size:15px}.nutrition-bubble small{font-size:12px}.nutrition-bubble strong{font-size:32px}}

/* Phone composition: the product, story and controls share a deliberate rhythm. */
@media (max-width:767px) {
  html { scroll-padding-top:20px; }
  body { font-size:18px; overflow-x:clip; -webkit-text-size-adjust:100%; }
  main { min-width:0; }
  a,button { -webkit-tap-highlight-color:transparent; }
  .stage { height:auto; min-height:0; max-height:none; padding-bottom:136px; }
  .nav { top:calc(12px + env(safe-area-inset-top,0px)); left:16px; right:16px; gap:8px; }
  .nav-links { display:none; }
  .socials { gap:3px; }
  .socials a { width:44px; height:44px; flex:0 0 44px; font-size:22px; }
  .buy-pill,.masthead > .buy-pill { min-height:44px; gap:0; padding:0 14px 0 0; font-size:19px; }
  .buy-pill.dark { background:var(--forest); }
  .buy-pill.light { background:var(--mint); }
  .buy-pill.dark > span:last-child,.buy-pill.light > span:last-child { padding:0; background:transparent; }
  .buy-pill .round-arrow { width:42px; height:42px; flex:0 0 42px; font-size:20px; }
  .buy-pill.dark .round-arrow,.buy-pill.light .round-arrow { background:transparent; color:inherit; }
  .nav .shop-all { font-size:17px; padding-right:12px; }
  .nav .shop-all .round-arrow { width:34px; flex-basis:34px; }
  .masthead { position:static; padding:calc(78px + env(safe-area-inset-top,0px)) 20px 0; gap:0; }
  .brand-logo.perth-brand { width:100%; max-width:430px; min-height:0; aspect-ratio:auto; font-size:clamp(68px,20.5vw,112px); line-height:.72; }
  .masthead > .buy-pill { position:absolute; left:50%; bottom:73px; transform:translateX(-50%); z-index:4; }
  .masthead > .buy-pill:active { transform:translateX(-50%) scale(.97); }
  .hero-lower { display:grid; grid-template-columns:minmax(0,1fr); margin-top:8px; }
  .hero-visual { width:100%; max-width:480px; height:clamp(270px,74.5vw,375px); margin:0 auto; }
  .hero-product { width:64%; left:29%; top:2px; transform-origin:50% 65%; }
  .hero-orbit { width:81%; left:9%; top:4px; stroke-width:18; }
  .hero-scribble { width:23%; left:6%; top:0; }
  .hero-sketch { width:8%; left:15%; top:17%; }
  .nutrition-bubble { width:clamp(60px,17vw,74px); height:clamp(60px,17vw,74px); }
  .nutrition-bubble strong { font-size:clamp(28px,8vw,35px); }
  .nutrition-bubble b { font-size:21px; }
  .nutrition-bubble small { font-size:12px; line-height:1; margin-top:5px; }
  .protein { left:15%; top:23%; }
  .sugar { left:4%; top:48%; }
  .caffeine { left:13%; top:73%; }
  .hero-content { padding:0 24px; margin-top:8px; }
  .hero-content h1 { font-size:clamp(58px,16.8vw,86px); line-height:.78; }
  .hero-content p { width:100%; max-width:310px; margin:15px auto 0; font-size:20px; line-height:1.08; }
  .hero-underline { width:155px; max-width:55%; margin-top:10px; }
  .wave-bridge { height:150px; margin-top:-65px; }
  .wave-bridge svg { width:165%; max-width:none; margin-left:-32.5%; }
  .wave-bridge text { font-size:105px; }
  .ribbon-path { stroke-width:145; }
  .intro { margin-top:28px; padding-bottom:100px; }
  .intro > h2 { padding:0 20px; font-size:clamp(43px,12vw,64px); line-height:.9; }
  .intro-body { display:flex; flex-direction:column; gap:30px; margin-top:34px; padding:0; }
  .social-fan { width:100%; height:clamp(315px,87vw,667px); max-height:none; overflow:clip; }
  .social-fan .polaroid { width:38%; border-width:5px; touch-action:pan-y pinch-zoom; }
  .polaroid-one { left:-3%; top:10%; }
  .polaroid-two { left:29%; top:25%; }
  .polaroid-three { left:60%; top:3%; }
  .video-play { width:44px; height:44px; right:5px; bottom:5px; font-size:15px; }
  .intro-copy { width:100%; max-width:460px; padding:0 26px; }
  .intro-copy h3 { font-size:clamp(29px,7.7vw,36px); line-height:1.04; }
  .intro-copy > p { max-width:100%; font-size:22px; line-height:1.1; margin-top:18px; }
  .intro-cta { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:24px; }
  .intro-cta .buy-pill { font-size:19px; }
  .stars-link { min-height:44px; font-size:18px; gap:8px; }
  .stars-link span { font-size:18px; }
  .why-signature { width:25%; left:17%; bottom:-12px; }
  .why-arrow { width:11%; left:42%; bottom:-38px; }
  .sequence { height:650svh; min-height:3500px; touch-action:pan-y pinch-zoom; }
  .sequence-stage { height:100svh; min-height:540px; --mobile-frame-size:min(142vw,60svh); }
  .sequence-poster,#sequence-canvas { width:var(--mobile-frame-size); height:var(--mobile-frame-size); top:0; bottom:auto; left:50%; transform-origin:50% 0; transform:translateX(-50%) translateY(calc(4svh + var(--story-ending,0) * 11svh)) scale(calc(1 - var(--story-ending,0) * .20)); }
  .sequence-card { top:76%; padding:28px 20px 24px; display:grid; grid-template-columns:minmax(82px,.75fr) minmax(0,1.25fr); gap:16px; align-items:center; min-height:180px; text-align:left; }
  .sequence-card:nth-of-type(n) { left:16px; right:16px; width:auto; max-width:none; }
  .sequence-card h2 { font-size:clamp(48px,13vw,62px); line-height:.8; }
  .sequence-card p { font-size:18px; line-height:1.08; margin:0; }
  .card-smiley { width:46px; top:-23px; }
  .card-doodle { width:24px; height:23px; left:auto; right:12px; bottom:9px; }
  .sequence-path { width:160%; left:-30%; top:0; height:100%; }
  .sequence-path path { stroke-width:24; }
  .sequence-coffee-note { width:26%; right:7%; top:15%; }
  .sequence-title h2 { top:6%; padding:0 20px; font-size:clamp(42px,11.8vw,58px); line-height:.88; }
  .sequence-title h2 span { margin-top:12px; font-size:.9em; }
  .flavour-note { width:23%; top:29%; }
  .vanilla-note { left:4%; }
  .strawberry-note { right:4%; }
  .ingredient { width:13%; }
  .cookie-one { left:4%; top:60%; }
  .cookie-two { left:16%; top:73%; width:8%; }
  .strawberry-one { right:3%; top:60%; width:15%; }
  .strawberry-two { right:15%; top:75%; width:8%; }
  .flavour-buy { bottom:calc(32px + env(safe-area-inset-bottom,0px)); font-size:20px; }
  .motion-toggle { min-width:44px; min-height:44px; justify-content:center; right:calc(12px + env(safe-area-inset-right,0px)); bottom:calc(12px + env(safe-area-inset-bottom,0px)); padding:11px 13px; font-size:13px; }
  .motion-toggle > span:first-child { font-size:13px; }
  .motion-paused .sequence { padding:52px 20px; }
  .motion-paused .sequence-stage { display:grid; min-height:0; grid-template-columns:minmax(0,1fr); gap:45px; }
  .motion-paused .sequence-card { display:block; min-height:0; padding:42px 26px; }
  .motion-paused .sequence-card:nth-of-type(n) { left:auto; right:auto; width:auto; }
  .motion-paused .sequence-card h2 { font-size:58px; }
  .motion-paused .sequence-card p { font-size:22px; line-height:1.1; margin-top:28px; }
  .motion-paused .sequence-title h2 { position:static; padding:0; font-size:44px; }
  .motion-paused .sequence-title h2 span { font-size:.9em; }
  .motion-paused .flavour-static { margin-top:-75px; }
}
@media (max-width:359px) {
  .nav { left:12px; right:12px; gap:5px; }
  .socials { gap:0; }
  .nav .shop-all { font-size:16px; }
  .masthead { padding-top:76px; }
  .hero-content { padding-left:22px; padding-right:22px; }
  .hero-content p { font-size:19px; }
  .sequence-card { grid-template-columns:88px minmax(0,1fr); gap:12px; padding:26px 17px 22px; }
  .sequence-card h2 { font-size:44px; }
  .sequence-card p { font-size:17px; }
}
@media (max-width:767px) and (max-height:680px) {
  .sequence-stage { --mobile-frame-size:min(142vw,52svh); }
  .sequence-card { top:74%; min-height:166px; }
  .sequence-title h2 { top:4%; }
  .flavour-note { top:31%; }
}

/* Short landscape phones retain a readable split scene and native scrolling. */
@media(max-width:767px) and (orientation:landscape) and (max-height:500px){
 .sequence-stage{min-height:320px;--mobile-frame-size:100svh}
 .sequence-card:nth-of-type(n){left:auto;right:18px;width:44%;top:53%;min-height:0;padding:22px 18px;gap:12px;grid-template-columns:.7fr 1.3fr}
 .sequence-card h2{font-size:36px}.sequence-card p{font-size:17px}.card-smiley{width:34px;top:-17px}
 .sequence-poster,#sequence-canvas{left:25%;transform:translateX(calc(-50% + var(--story-ending,0)*25vw)) translateY(calc(var(--story-ending,0)*10svh)) scale(calc(1 - var(--story-ending,0)*.20))}
 .sequence-title h2{top:4%;font-size:32px;line-height:.85}.sequence-title h2 span{font-size:28px;margin-top:6px}
 .flavour-note{width:16%;top:38%}.vanilla-note{left:6%}.strawberry-note{right:5%}
 .flavour-buy{left:auto;right:18px;bottom:18px;transform:none}.flavour-buy:hover{transform:translateY(-2px)}
 .motion-paused .sequence-card:nth-of-type(n){left:auto;right:auto;top:auto;width:auto}
}

/* Shorter, more immediate scroll choreography. */
.sequence{height:400svh;min-height:2500px}
@media(max-width:767px){.sequence{height:440svh;min-height:2300px}}
.motion-paused .sequence{height:auto;min-height:0}