@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(route-hw-barlow-condensed-600-215a93c696.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(route-hw-barlow-condensed-700-3787a5a419.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(route-hw-barlow-condensed-800-2515494e8c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(route-hw-barlow-condensed-900-aa01966de3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(route-hw-dm-sans-400-700-9fea608a94.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--paper:#ede9dd;--ink:#242c1b;--blue:#244bcc;--orange:#c8663d;--muted:#646958;--line:rgba(36,44,27,.22);--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif;--hero-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55}::selection{background:var(--blue);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:800;line-height:.9;letter-spacing:-.025em}h2 em{font-style:normal;color:var(--blue)}.eyebrow,.tiny-label,.menu-hint,.finder-top,.hero-eyebrow,.scroll-cue,.hero-counter,.photo-stamp small{font-size:10px;font-weight:700;letter-spacing:.13em}.eyebrow{margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 23px;background:var(--blue);color:var(--paper);font-size:12px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#1535a6;transform:translateY(-2px)}.button-dark{background:var(--ink)}.button-dark:hover{background:var(--blue)}.text-link{padding:0;background:none;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;line-height:1.8}.text-link:hover{color:var(--blue)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:91px;padding:17px 4%;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:rgba(237,233,221,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column;align-items:center;color:var(--blue);line-height:.9}.brand b{font-family:Arial,sans-serif;font-weight:1000;font-size:47px;letter-spacing:-5px;padding-right:4px}.brand span{font-size:8px;font-weight:800;letter-spacing:.12em;margin-top:5px}.site-header nav{display:flex;gap:36px;font-size:12px;font-weight:600}.site-header nav a{position:relative}.site-header nav a:after{content:'';height:1px;width:0;background:var(--blue);position:absolute;bottom:-5px;left:0;transition:width .2s}.site-header nav a:hover:after{width:100%}.header-order{padding:13px 19px}.nav-toggle{display:none}.hero-scroll{height:180vh;min-height:1200px;position:relative}.hero-stage{height:100vh;min-height:690px;position:sticky;top:0;overflow:hidden;background:var(--paper)}.hero-eyebrow{position:absolute;left:4%;right:4%;top:121px;display:flex;justify-content:space-between;font-size:9px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:8px}.hero-title,.hero-secondary{position:absolute;top:157px;left:4%;width:92%;font-size:clamp(90px,12.9vw,220px);line-height:.78;text-align:center;letter-spacing:-.035em;transform:translateY(calc(var(--hero-progress) * -300px));opacity:calc(1 - var(--hero-progress) * 1.65)}.hero-title span,.hero-secondary span{display:block}.hero-title span+span{margin-top:12px}.hero-secondary{font-family:var(--display);font-weight:800;top:210px;font-size:clamp(90px,13vw,200px);line-height:.8;opacity:clamp(0,calc((var(--hero-progress) - .28) * 2.2),1);transform:translateY(calc((1 - var(--hero-progress)) * 140px));color:var(--orange)}.hero-cup-wrap{position:absolute;left:50%;top:53%;height:min(64vh,600px);width:min(44vw,600px);transform:translate(-50%,-50%) translateX(calc(var(--hero-progress) * -50px)) rotate(calc(-9deg + var(--hero-progress) * 14deg));z-index:3;pointer-events:none}.hero-cup{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(18px 24px 12px rgba(36,28,14,.14));animation:cup-arrive 1.2s cubic-bezier(.2,.7,.2,1) both;transition:opacity .18s}.cup-shadow{position:absolute;bottom:0;left:26%;width:50%;height:18px;background:rgba(46,36,12,.17);filter:blur(13px);border-radius:50%;z-index:-1}.cup-orbit{position:absolute;left:-2%;top:51%;display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:var(--blue);color:var(--paper);font-size:11px;font-weight:700;line-height:1.2;text-align:center;padding:20px;transform:rotate(-10deg)}.hero-copy{position:absolute;bottom:113px;left:5%;width:250px;z-index:5}.hero-copy .eyebrow{font-size:8px;margin-bottom:12px}.hero-copy h2{font-family:var(--body);font-size:26px;font-weight:600;line-height:1.07;letter-spacing:-.05em;margin-bottom:14px}.hero-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:20px}.hero-copy .button{padding:13px 19px}.featured-note{position:absolute;right:5%;bottom:130px;width:260px;padding:21px;border:1px solid var(--ink);z-index:5;transform:rotate(2deg);background:rgba(237,233,221,.8)}.featured-note>.eyebrow{font-size:8px;display:block;margin-bottom:11px}.featured-note h3{font-family:var(--display);font-size:34px;font-weight:800;line-height:1;margin-bottom:10px}.featured-note p{font-size:12px;color:var(--muted);min-height:38px}.note-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:13px;margin-top:18px;font-size:12px;font-weight:700}.note-bottom .text-link{font-size:9px}.hero-controls{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;z-index:8}.hero-controls button{height:38px;width:38px;border:1px solid var(--ink);border-radius:50%;background:none;font-size:19px;transition:.2s}.hero-controls button:hover{background:var(--ink);color:var(--paper)}.hero-controls>span{font-size:10px;font-weight:700;letter-spacing:.12em}.scroll-cue{position:absolute;bottom:54px;left:5%;display:flex;align-items:center;gap:9px;font-size:8px}.scroll-line{height:26px;border-left:1px solid var(--ink)}.scroll-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--line)}.scroll-progress span{display:block;height:100%;width:calc(var(--hero-progress) * 100%);background:var(--blue)}.ticker{background:var(--blue);color:var(--paper);overflow:hidden;padding:16px 0;font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:.02em}.ticker>div{display:flex;gap:38px;width:max-content;animation:marquee 35s linear infinite}.ticker span{font-family:Arial;font-size:22px;margin:0 38px}.section-pad{padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{font-size:clamp(65px,7vw,108px);line-height:.85}.section-intro{padding-bottom:6px;max-width:350px}.section-intro p{font-size:14px;line-height:1.7;margin-bottom:22px}.tiny-label{font-size:8px;color:var(--muted)}.menu-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-bottom:35px;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 17px;font-size:11px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters span{font-size:8px;margin-left:8px;opacity:.6}.menu-hint{font-size:8px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.product-card{display:block;text-align:left;background:none;padding:0;width:100%;position:relative}.product-photo{position:relative;overflow:hidden;background:#222415;aspect-ratio:1/1.06}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.product-card:hover img{transform:scale(1.055)}.product-photo .product-tag{position:absolute;left:15px;top:15px;padding:6px 10px;background:var(--paper);font-size:8px;font-weight:700;letter-spacing:.06em}.product-arrow{position:absolute;bottom:15px;right:15px;width:37px;height:37px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--paper);color:var(--ink);font-size:20px;transform:rotate(0);transition:.3s}.product-card:hover .product-arrow{background:var(--blue);color:var(--paper);transform:rotate(45deg)}.product-meta{padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.product-meta h3{font-family:var(--display);font-weight:700;font-size:30px;line-height:1}.product-meta>span{font-size:11px;font-weight:600}.product-card>p{font-size:11px;color:var(--muted);margin-top:8px}.product-card[hidden]{display:none}.menu-footnote{font-size:11px;text-align:center;margin-top:44px;color:var(--muted)}.menu-footnote button{font-size:11px}.finder-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;position:relative;overflow:hidden}.finder-title h2{font-size:clamp(65px,7.4vw,110px);line-height:.85;margin-bottom:25px}.finder-title h2 span{color:#c9d49c}.finder-title>p:not(.eyebrow){font-size:13px;color:#c1c5b6;line-height:1.7}.route-doodle{width:260px;max-width:70%;margin:26px 0 -20px 30px}.route-doodle path{fill:none;stroke:#c9d49c;stroke-width:1.5;stroke-dasharray:5 6}.finder-panel{background:var(--paper);color:var(--ink);padding:32px;min-height:370px;transform:rotate(1deg)}.finder-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px;font-size:8px}.finder-top>span:last-child{font-size:21px}.finder-panel h3{font-family:var(--display);font-size:40px;line-height:1;margin-bottom:12px}.finder-panel p{font-size:12px;color:var(--muted);margin-bottom:24px}.finder-options{display:grid;gap:11px}.finder-option{display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;border:1px solid var(--line);padding:15px;transition:.2s}.finder-option:hover{background:var(--ink);color:var(--paper)}.finder-option b{font-size:13px;display:block}.finder-option small{font-size:10px;opacity:.65}.finder-option span{font-size:22px}.finder-options.flavor-options{grid-template-columns:1fr 1fr}.flavor-options .finder-option{padding:12px}.finder-back{margin-top:20px;font-size:10px}.finder-result{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center}.finder-result img{aspect-ratio:1/1.2;object-fit:cover}.finder-result h3{font-size:33px}.finder-result .button{font-size:10px;padding:11px 14px;gap:10px}.story-section{display:grid;grid-template-columns:1fr 1fr}.story-photo{position:relative;overflow:hidden;min-height:580px}.story-photo>img{height:100%;width:100%;object-fit:cover}.photo-stamp{position:absolute;bottom:35px;left:35px;border:1px solid var(--paper);color:var(--paper);height:120px;width:120px;border-radius:50%;font-family:var(--display);font-size:45px;font-weight:800;line-height:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-12deg)}.photo-stamp small{font-family:var(--body);font-size:6px;width:65px;text-align:center;margin-top:5px;line-height:1.5}.story-copy{padding:85px 10%;align-self:center}.story-copy h2{font-size:clamp(57px,5.6vw,86px);line-height:.9;margin-bottom:32px}.story-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:20px;line-height:1.85}.story-copy>.text-link{display:inline-block;margin-top:9px;font-size:11px}.order-section{background:#d8ddc1;padding-top:85px;padding-bottom:75px}.order-section h2{font-size:clamp(65px,10vw,150px);line-height:.83}.order-section h2 em{color:var(--ink)}.order-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:35px;gap:20px}.order-bottom p{font-size:13px}.order-bottom>div{display:flex;gap:12px}.delivery{background:var(--ink);font-size:12px;justify-content:center;gap:30px}.delivery.grabfood{background:transparent;border:1px solid var(--ink);color:var(--ink)}.delivery.grabfood:hover{background:var(--ink);color:var(--paper)}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .brand b{font-size:37px}footer .brand span{font-size:6px}footer>span{font-size:9px;color:var(--muted)}footer>.text-link{font-size:10px}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:900px;width:90vw;max-height:90vh;overflow:auto;box-shadow:0 30px 120px #0005}dialog::backdrop{background:rgba(18,22,14,.72);backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:14px;right:14px;z-index:4;display:flex;align-items:center;justify-content:center;height:37px;width:37px;border-radius:50%;background:var(--paper);font-size:24px;border:1px solid var(--line)}.dialog-product{display:grid;grid-template-columns:1fr 1.1fr}.dialog-product>img{width:100%;height:100%;min-height:480px;object-fit:cover}.dialog-info{padding:58px 35px 35px}.dialog-info h2{font-size:60px;margin-bottom:20px}.dialog-info>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.dialog-price{font-weight:700;font-size:20px;margin:25px 0 16px}.flavor-notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.flavor-notes span{border:1px solid var(--line);padding:5px 11px;border-radius:20px;font-size:10px}.taste-profile{margin:24px 0;font-size:10px}.taste-row{display:grid;grid-template-columns:75px 1fr;gap:20px;align-items:center;margin:10px 0}.taste-bar{height:4px;background:#242c1b22}.taste-bar span{height:100%;display:block;background:var(--blue)}.dialog-info .button{width:100%;margin-top:12px}.small-print{font-size:10px!important;color:var(--muted);margin-top:16px;line-height:1.5!important}.order-dialog-inner{padding:55px 40px 40px}#order-dialog{max-width:500px}.order-dialog-inner h2{font-size:56px;margin-bottom:24px}.order-dialog-inner>p:not(.eyebrow):not(.small-print){font-size:13px;line-height:1.7;margin-bottom:24px}.order-dialog-inner .delivery{display:flex;width:100%;margin:12px 0}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes cup-arrive{from{opacity:0;transform:translateY(70px) rotate(10deg)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero-copy{bottom:140px}.featured-note{bottom:150px;width:300px}.hero-cup-wrap{height:67vh;width:650px}.hero-title{top:175px}.section-pad{padding-left:7%;padding-right:7%}}
@media(max-width:1100px){.hero-title{font-size:13.5vw;top:180px}.hero-copy{width:210px;left:4%;bottom:115px}.featured-note{right:4%;width:220px;bottom:130px;padding:17px}.featured-note h3{font-size:30px}.hero-cup-wrap{width:50vw;top:52%;height:55vh}.cup-orbit{height:78px;width:78px;font-size:9px;left:5%}.hero-copy h2{font-size:23px}.product-grid{gap:30px 18px}.product-meta h3{font-size:26px}.product-meta>span{font-size:10px}.finder-section{gap:5%}.finder-panel{padding:25px}.story-copy{padding:65px 9%}.order-bottom>div{gap:9px}.delivery{padding:15px 18px}.hero-secondary{font-size:13vw}.hero-copy .eyebrow{max-width:180px}}
@media(max-width:760px){html{scroll-padding-top:82px}.site-header{height:76px;padding:12px 5%}.brand b{font-size:38px}.brand span{font-size:6px}.header-order{font-size:10px;padding:10px 13px;margin-left:auto;margin-right:15px;gap:16px}.nav-toggle{display:block;background:none;font-size:24px;padding:0;width:22px}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line);gap:22px}.site-header nav.open{display:flex;flex-direction:column}.hero-scroll{min-height:0;height:150vh}.hero-stage{min-height:720px;height:calc(var(--scene-vh, 1svh) * 100);max-height:1000px}.hero-eyebrow{top:99px;left:5%;right:5%;font-size:7px}.hero-eyebrow>span:last-child{display:none}.hero-title{top:140px;font-size:17vw;line-height:.82;left:2%;width:96%;transform:translateY(calc(var(--hero-progress) * -160px))}.hero-title span+span{margin-top:4px}.hero-secondary{top:165px;font-size:19vw;line-height:.85;left:2%;width:96%}.hero-cup-wrap{width:77vw;height:calc(var(--scene-vh, 1svh) * 45);max-height:370px;top:45%;transform:translate(-50%,-50%) rotate(calc(-9deg + var(--hero-progress) * 14deg));}.cup-orbit{height:65px;width:65px;font-size:7px;left:4%;top:45%;padding:13px}.hero-copy{left:5%;bottom:96px;max-width:49%;width:180px}.hero-copy .eyebrow{font-size:6px;margin-bottom:9px;max-width:150px}.hero-copy h2{font-size:21px;line-height:1.1;margin-bottom:10px}.hero-copy>p:not(.eyebrow){display:none}.hero-copy .button{padding:10px 12px;font-size:9px;gap:14px}.featured-note{right:5%;bottom:105px;width:40%;padding:12px;transform:rotate(2deg)}.featured-note>.eyebrow{font-size:6px;margin-bottom:7px}.featured-note h3{font-size:25px;margin-bottom:7px}.featured-note p{font-size:9px;min-height:0;line-height:1.5}.note-bottom{margin-top:10px;padding-top:8px;font-size:10px;display:block}.note-bottom .text-link{display:block;margin-top:3px;font-size:8px}.hero-controls{bottom:30px;gap:18px}.hero-controls button{height:32px;width:32px;font-size:16px}.hero-controls>span{font-size:8px}.scroll-cue{display:none}.ticker{font-size:22px;padding:12px 0}.section-pad{padding:65px 5%}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:66px}.section-intro{margin-top:23px}.section-intro p{font-size:12px;margin-bottom:12px}.tiny-label{font-size:7px}.eyebrow{font-size:8px;margin-bottom:15px}.menu-toolbar{display:block;padding-top:17px;margin-bottom:25px}.menu-hint{display:none}.filters button{padding:8px 13px;font-size:9px}.product-grid{grid-template-columns:1fr 1fr;gap:27px 13px}.product-photo{aspect-ratio:1/1.18}.product-photo .product-tag{top:9px;left:9px;font-size:6px;padding:5px 7px}.product-arrow{height:27px;width:27px;bottom:10px;right:10px;font-size:17px}.product-meta{display:block;padding-top:12px}.product-meta h3{font-size:26px}.product-meta>span{display:block;font-size:10px;margin-top:5px}.product-card>p{font-size:9px;margin-top:5px}.menu-footnote{font-size:9px;margin-top:30px}.menu-footnote button{font-size:9px}.finder-section{grid-template-columns:1fr;gap:32px}.finder-title h2{font-size:73px;margin-bottom:22px}.finder-title>p:not(.eyebrow){font-size:12px}.route-doodle{position:absolute;right:0;top:90px;width:120px;margin:0;transform:rotate(100deg);opacity:.6}.finder-panel{transform:none;padding:24px;min-height:340px}.finder-panel h3{font-size:36px}.finder-option{padding:14px}.finder-result{grid-template-columns:110px 1fr;gap:15px}.story-section{grid-template-columns:1fr}.story-photo{min-height:0;aspect-ratio:1/1.04}.photo-stamp{height:95px;width:95px;font-size:36px;bottom:24px;left:24px}.story-copy{padding:58px 5% 65px}.story-copy h2{font-size:67px}.story-copy>p:not(.eyebrow){max-width:420px}.order-section h2{font-size:17vw;line-height:.9}.order-bottom{display:block;margin-top:25px}.order-bottom p{font-size:12px}.order-bottom>div{display:flex;margin-top:26px;flex-direction:column;gap:11px}.delivery{font-size:12px}footer{padding:28px 5%;flex-wrap:wrap;gap:24px}footer>span{order:3;width:100%;font-size:8px}footer>.text-link{margin-left:auto;font-size:9px}.dialog-product{display:block}.dialog-product>img{height:260px;min-height:0;object-position:50% 45%}.dialog-info{padding:28px 25px}.dialog-info h2{font-size:49px}.dialog-info .eyebrow{font-size:7px}.dialog-price{margin-top:20px}.order-dialog-inner{padding:55px 25px 30px}.order-dialog-inner h2{font-size:48px}.order-dialog-inner>p:not(.eyebrow):not(.small-print){font-size:12px}dialog{width:92vw;max-height:calc(var(--scene-vh, 1svh) * 90)}}
@media(max-height:760px) and (min-width:761px){.hero-stage{min-height:650px}.hero-title{top:147px;font-size:12vw}.hero-cup-wrap{top:50%;height:55vh}.hero-copy{bottom:95px}.featured-note{bottom:95px}.hero-controls{bottom:22px}.scroll-cue{bottom:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-scroll{height:100vh;min-height:720px}.hero-title{transform:none;opacity:1}.hero-secondary{display:none}.hero-cup-wrap{transform:translate(-50%,-50%) rotate(-6deg)}.scroll-progress,.scroll-cue{display:none}.js-motion .reveal{opacity:1;transform:none}}

/* DYS Labs footer credit. */
footer .footer-credit{display:grid;gap:6px;line-height:1.6}footer .powered-by{font-size:11px;white-space:nowrap;width:fit-content;text-decoration:none}footer .powered-by strong{font-weight:700;text-decoration:underline;text-underline-offset:3px}footer .powered-by:hover strong{text-decoration-thickness:2px}

:root{--gold:#c1a769;--blue:#735c2d;--orange:#ad5534;--hero-progress:0;--cup-x:0;--cup-y:0;--cup-scale:1;--cup-rotation:-13;--cup-opacity:1;--pointer-rotation:0}
.brand img{width:82px;height:auto;display:block}.brand{line-height:1}.site-header .brand{flex-shrink:0}.photo-stamp>img{width:74px;height:auto}.photo-stamp small{margin-top:8px}footer .brand img{width:70px}
.button:hover{background:#594624}.text-link:hover{color:#735c2d}.hero-scroll{height:calc(var(--scene-vh, 1svh) * 560);min-height:0}.hero-stage{height:calc(var(--scene-vh, 1svh) * 100);min-height:0;background:var(--paper);isolation:isolate}.hero-stage:after{content:'';position:absolute;inset:0;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E");z-index:7}
.hero-eyebrow{top:120px;left:5%;right:5%;z-index:8;font-size:9px}.status-dot{background:var(--gold)}.coffee-scene{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;transform:translate3d(0,var(--scene-y,0px),0);will-change:opacity,transform}.scene-overview{opacity:1;pointer-events:auto}.scene-title{position:absolute;top:23%;left:4%;width:92%;font-size:clamp(110px,16.4vw,270px);text-align:center;line-height:.76;letter-spacing:-.025em;color:var(--ink)}.scene-title span{display:block}.scene-title span+span{margin-top:17px}.scene-overview .hero-copy{bottom:15%;left:6%;width:245px}.scene-overview .hero-copy h2{font-family:var(--display);font-size:43px;line-height:.95;font-weight:700;letter-spacing:-.01em;margin-bottom:23px}.scene-overview .hero-copy .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:14px}.scene-overview .featured-note{bottom:17%;right:6%;width:265px;background:var(--paper);transform:rotate(2deg);padding:22px}.scene-overview .featured-note h3{font-size:37px}.opening-scroll{position:absolute;left:50%;transform:translateX(-50%);bottom:17%;z-index:5;font-size:8px;letter-spacing:.12em;font-weight:700;display:flex;gap:10px;align-items:center;white-space:nowrap}.opening-scroll>span{font-size:23px;font-weight:400}
.hero-cup-wrap{left:50%;top:52%;width:min(62vw,790px);height:calc(var(--scene-vh, 1svh) * 79);max-height:830px;z-index:4;pointer-events:none;opacity:var(--cup-opacity);transform:translate(-50%,-50%) translate(calc(var(--cup-x) * 1vw),calc(var(--cup-y) * calc(var(--scene-vh, 1svh) * 1))) rotate(calc((var(--cup-rotation) + var(--pointer-rotation)) * 1deg)) scale(var(--cup-scale));will-change:transform,opacity}.hero-cup{filter:drop-shadow(22px 22px 13px rgba(49,32,11,.2));animation:none}.cup-shadow{bottom:0;left:28%;width:43%;background:rgba(46,36,12,.23);filter:blur(19px)}.cup-orbit{top:44%;left:2%;width:101px;height:101px;background:var(--blue);line-height:1.1;font-family:var(--display);font-size:21px;font-weight:700;transform:rotate(-8deg);padding:12px;opacity:var(--badge-opacity,1)}
.blend-copy{position:absolute;left:7%;top:31%;width:28%;z-index:3}.blend-copy h2{font-size:clamp(68px,8.5vw,136px);line-height:.82;margin-bottom:25px;color:var(--ink);overflow-wrap:normal}.blend-copy.long-name h2{font-size:clamp(58px,6.2vw,96px)}.blend-copy>p:not(.eyebrow){font-size:13px;max-width:230px;line-height:1.7;margin-bottom:21px}.blend-copy>.text-link{font-size:11px}.blend-recipe{position:absolute;top:32%;right:6%;width:23%;max-width:310px;border:1px solid var(--ink);padding:25px;background:var(--paper);transform:rotate(1deg);z-index:5}.blend-recipe .eyebrow{font-size:8px;margin-bottom:15px}.ingredient-button{width:100%;display:flex;align-items:center;gap:17px;padding:12px 0;background:none;text-align:left;border-bottom:1px solid var(--line)}.ingredient-button>span{font-family:var(--display);font-size:31px;line-height:1;color:var(--blue);width:28px;flex-shrink:0}.ingredient-button b{display:block;font-size:13px;font-weight:600}.ingredient-button small{display:block;font-size:9px;margin-top:2px;color:var(--muted)}.ingredient-button:hover,.ingredient-button[aria-pressed=true]{color:var(--blue)}.ingredient-button[aria-pressed=true] b{text-decoration:underline;text-underline-offset:4px}#ingredient-description{font-size:10px;line-height:1.6;min-height:40px;padding-top:16px;color:var(--muted)}.blend-price{border-top:1px solid var(--line);margin-top:15px;padding-top:15px;display:flex;flex-direction:column;gap:5px}.blend-price>span:first-child{font-family:var(--display);font-size:33px;font-weight:700;line-height:1}.blend-price>span:last-child{font-size:8px;letter-spacing:.12em}.blend-bottom-type{position:absolute;top:76%;left:-3%;width:max-content;font-family:var(--display);font-size:clamp(80px,11.5vw,200px);font-weight:800;line-height:1;white-space:nowrap;color:var(--gold);opacity:.4;transform:translateX(calc(var(--hero-progress) * -12vw));z-index:-1}
.feel-title{position:absolute;left:0;top:19%;width:100%;font-size:clamp(110px,17vw,280px);line-height:.76;text-align:center;color:var(--orange)}.feel-title>span{display:block}.feel-title>span+span{margin-top:12px}.taste-stamp{position:absolute;z-index:6;width:175px;height:161px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;border-radius:53% 47% 61% 39% / 37% 51% 49% 63%;background:var(--ink);color:var(--paper);transform:rotate(var(--stamp-angle));transition:background .2s,box-shadow .2s}.taste-stamp:before{content:'';position:absolute;left:12%;top:-13%;width:14px;height:30px;transform:rotate(-29deg);border-radius:50%;background:inherit}.taste-stamp:after{content:'';position:absolute;right:0;bottom:0;width:22px;height:42px;border-radius:50%;transform:rotate(-32deg);background:inherit}.taste-stamp>strong{font-family:var(--display);font-size:32px;line-height:.95;text-transform:uppercase;max-width:135px}.taste-stamp>span{font-size:8px;letter-spacing:.12em;margin-top:9px}.stamp-0{left:8%;top:35%;--stamp-angle:-12deg;background:var(--blue)}.stamp-1{right:9%;top:28%;--stamp-angle:9deg;background:var(--orange)}.stamp-2{left:18%;bottom:18%;--stamp-angle:5deg;background:var(--ink)}.taste-stamp:hover,.taste-stamp[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 5px currentColor}.taste-copy{position:absolute;right:8%;bottom:18%;width:24%;max-width:290px;z-index:6}.taste-copy .eyebrow{font-size:9px;margin-bottom:10px}.taste-copy>p:last-child{font-size:13px;line-height:1.65}.feel-side-note{position:absolute;right:15px;top:50%;font-size:7px;font-weight:700;letter-spacing:.18em;writing-mode:vertical-rl}
.lineup-title{position:absolute;top:18%;left:0;width:100%;font-size:clamp(95px,12.2vw,205px);text-align:center;line-height:.77;color:var(--ink)}.lineup-title em{font-style:normal;color:var(--gold)}.lineup-selected{position:absolute;top:57%;left:0;width:100%;text-align:center;font-size:8px;font-weight:700;letter-spacing:.15em;z-index:6}.lineup-row{position:absolute;bottom:88px;left:9%;width:82%;height:calc(var(--scene-vh, 1svh) * 25);max-height:230px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;z-index:6;align-items:end}.lineup-card{height:100%;padding:0;background:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.lineup-card svg{width:100%;height:calc(100% - 41px);overflow:visible;filter:drop-shadow(4px 8px 5px #33270722);transform:translateY(0) rotate(var(--lineup-angle,0deg));transition:transform .3s}.lineup-card:hover svg{transform:translateY(-12px) rotate(0)}.lineup-card[aria-pressed=true] svg{transform:translateY(-8px) rotate(0)}.lineup-card h3{font-family:var(--display);font-size:21px;line-height:1;font-weight:700;padding-top:9px;white-space:nowrap}.lineup-card[aria-pressed=true] h3{text-decoration:underline;text-underline-offset:5px}.lineup-card>span{font-size:9px;margin-top:5px;color:var(--muted)}.lineup-card[aria-pressed=true]:after{content:'';position:absolute;bottom:-12px;left:48%;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.hero-controls{left:auto;right:5%;bottom:26px;transform:none;gap:16px;z-index:10}.hero-controls button{width:35px;height:35px;font-size:17px}.hero-controls>span{font-size:8px}.scene-navigation{position:absolute;left:5%;bottom:28px;display:flex;gap:24px;align-items:center;z-index:10}.scene-navigation button{padding:7px 0;display:flex;gap:9px;align-items:center;background:none;font-size:9px;color:var(--muted);border-bottom:1px solid transparent}.scene-navigation b{font-size:8px;font-weight:500;opacity:.65}.scene-navigation button[aria-current=step]{color:var(--ink);border-bottom-color:var(--gold)}.scene-navigation button[aria-current=step] b{opacity:1}.scroll-progress{z-index:10;height:3px}.scroll-progress span{background:var(--gold)}.scene-navigation button:hover{color:var(--ink)}
@media(min-width:1600px){.hero-eyebrow{top:130px}.scene-overview .hero-copy{bottom:18%;width:285px}.scene-overview .hero-copy h2{font-size:52px}.scene-overview .featured-note{bottom:20%;width:300px}.scene-overview .featured-note h3{font-size:42px}.hero-cup-wrap{height:calc(var(--scene-vh, 1svh) * 83);max-height:950px;width:780px}.opening-scroll{bottom:14%}.blend-recipe{top:34%;right:8%}.scene-title{font-size:17vw}.lineup-row{max-height:280px;height:calc(var(--scene-vh, 1svh) * 25)}}
@media(max-width:1100px){.scene-overview .hero-copy{left:5%;width:190px}.scene-overview .hero-copy h2{font-size:34px}.scene-overview .featured-note{right:5%;width:215px;padding:18px}.scene-overview .featured-note h3{font-size:31px}.hero-cup-wrap{width:70vw;height:calc(var(--scene-vh, 1svh) * 73)}.cup-orbit{width:83px;height:83px;font-size:17px}.opening-scroll{font-size:7px;bottom:14%}.blend-copy{left:6%;width:28%;top:33%}.blend-copy h2{font-size:9vw}.blend-copy.long-name h2{font-size:6vw}.blend-copy>p:not(.eyebrow){font-size:12px;max-width:180px}.blend-recipe{right:5%;width:24%;padding:19px}.blend-recipe .eyebrow{font-size:7px}.ingredient-button{padding:11px 0;gap:9px}.ingredient-button>span{font-size:26px;width:25px}.ingredient-button b{font-size:11px}.ingredient-button small{font-size:8px}.taste-stamp{width:138px;height:131px;padding:17px}.taste-stamp>strong{font-size:26px}.taste-stamp>span{font-size:7px}.taste-copy{width:25%;right:5%}.taste-copy>p:last-child{font-size:12px}.stamp-2{left:13%}.lineup-row{left:5%;width:90%;gap:6px}.lineup-card h3{font-size:17px}.lineup-card>span{font-size:8px}.scene-navigation{gap:18px}.hero-controls{gap:11px}.scene-title{top:26%}.feel-title{top:25%}}
@media(max-width:760px){.brand img{width:68px}.site-header{height:76px}.hero-scroll{height:calc(var(--scene-vh, 1svh) * 540)}.hero-stage{height:calc(var(--scene-vh, 1svh) * 100);min-height:0;max-height:none}.hero-eyebrow{top:99px;font-size:7px}.hero-eyebrow>span:last-child{display:block;font-size:6px;letter-spacing:.05em}.hero-eyebrow>span:first-child{font-size:6px;max-width:60%}.scene-title{font-size:23.5vw;top:24%;line-height:.76;left:3%;width:94%}.scene-title span+span{margin-top:10px}.hero-cup-wrap{width:99vw;height:calc(var(--scene-vh, 1svh) * 63);max-height:none;top:48%}.cup-orbit{height:66px;width:66px;font-size:14px;left:16%;top:44%;padding:8px}.scene-overview .hero-copy{left:5%;bottom:14%;width:42%;max-width:180px}.scene-overview .hero-copy h2{font-size:27px;margin-bottom:16px;line-height:.95}.scene-overview .hero-copy .eyebrow{font-size:6px;max-width:none;margin-bottom:10px}.scene-overview .hero-copy .button{font-size:9px;padding:11px 12px;gap:12px}.scene-overview .featured-note{right:5%;bottom:15%;width:39%;padding:13px}.scene-overview .featured-note h3{font-size:26px}.scene-overview .featured-note p{font-size:9px;line-height:1.45}.scene-overview .featured-note .eyebrow{font-size:6px}.scene-overview .note-bottom{font-size:10px}.opening-scroll{bottom:10%;font-size:6px;gap:6px}.opening-scroll>span{font-size:16px}.blend-copy{left:5%;top:28%;width:36%}.blend-copy .eyebrow{font-size:6px;margin-bottom:13px}.blend-copy h2{font-size:11.5vw;margin-bottom:17px;line-height:.83}.blend-copy.long-name h2{font-size:8.3vw}.blend-copy>p:not(.eyebrow){font-size:10px;line-height:1.6;max-width:140px}.blend-copy>.text-link{font-size:8px}.blend-recipe{right:5%;top:35%;width:31%;padding:13px}.blend-recipe .eyebrow{font-size:6px;margin-bottom:8px;letter-spacing:.07em}.ingredient-button{gap:6px;padding:9px 0}.ingredient-button>span{font-size:20px;width:15px}.ingredient-button b{font-size:9px}.ingredient-button small{font-size:7px}#ingredient-description{font-size:8px;min-height:40px;padding-top:11px}.blend-price{margin-top:10px;padding-top:11px}.blend-price>span:first-child{font-size:24px}.blend-price>span:last-child{font-size:6px}.blend-bottom-type{top:77%;font-size:19vw;opacity:.3}.feel-title{top:26%;font-size:23.5vw;line-height:.8}.feel-title>span+span{margin-top:8px}.taste-stamp{height:101px;width:105px;padding:14px}.taste-stamp>strong{font-size:21px;max-width:85px}.taste-stamp>span{font-size:6px;letter-spacing:.06em;margin-top:7px}.taste-stamp:before{height:20px;width:9px;top:-9%}.taste-stamp:after{height:26px;width:14px}.stamp-0{left:5%;top:34%}.stamp-1{right:5%;top:31%}.stamp-2{left:9%;bottom:22%}.taste-copy{right:5%;bottom:16%;width:40%;max-width:180px}.taste-copy .eyebrow{font-size:6px;margin-bottom:8px}.taste-copy>p:last-child{font-size:10px;line-height:1.55}.feel-side-note{right:9px;font-size:6px}.lineup-title{top:20%;font-size:20vw;line-height:.82}.lineup-selected{display:none}.lineup-row{left:6%;width:88%;top:40%;bottom:85px;height:auto;max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:15px 7px;align-items:stretch}.lineup-card{min-height:0}.lineup-card svg{height:calc(100% - 30px);min-height:0}.lineup-card h3{font-size:18px;white-space:normal;min-height:18px;padding-top:5px}.lineup-card>span{font-size:8px;margin-top:2px}.lineup-card[aria-pressed=true]:after{bottom:-8px;width:4px;height:4px}.scene-navigation{left:5%;bottom:23px;gap:13px}.scene-navigation button{gap:6px;font-size:7px;padding:7px 0}.scene-navigation b{font-size:7px}.scene-navigation button>span{display:none}.scene-navigation button[aria-current=step]>span{display:inline}.hero-controls{right:5%;bottom:23px;gap:10px}.hero-controls button{width:31px;height:31px;font-size:15px}.hero-controls>span{font-size:7px}footer .brand img{width:65px}.photo-stamp>img{width:62px}}
@media(max-width:420px){.hero-eyebrow>span:last-child{font-size:5px}.scene-overview .hero-copy h2{font-size:24px}.scene-overview .featured-note h3{font-size:23px}.scene-overview .featured-note p{font-size:8px}.scene-overview .featured-note{padding:11px}.taste-stamp{height:85px;width:87px}.taste-stamp>strong{font-size:19px}.taste-stamp>span{font-size:5px}.ingredient-button small{font-size:6px}.blend-recipe{padding:10px}.lineup-card h3{font-size:16px}.scene-navigation{gap:10px}.scene-navigation button{gap:4px}.hero-controls{gap:8px}.hero-controls button{width:28px;height:28px}}
@media(max-height:700px) and (min-width:761px){.hero-eyebrow{top:107px}.scene-title{top:27%;font-size:14.5vw}.hero-cup-wrap{top:52%;height:calc(var(--scene-vh, 1svh) * 75);width:57vw}.scene-overview .hero-copy{bottom:14%}.scene-overview .hero-copy h2{font-size:31px}.scene-overview .featured-note{bottom:17%;padding:17px}.opening-scroll{bottom:14%;font-size:7px}.blend-copy{top:32%}.blend-copy h2{font-size:7.6vw}.blend-copy.long-name h2{font-size:5.5vw}.blend-recipe{top:29%;padding:16px}.ingredient-button{padding:7px 0}#ingredient-description{padding-top:9px;min-height:31px}.blend-price{padding-top:9px;margin-top:8px}.feel-title{top:26%;font-size:14.5vw}.taste-stamp{width:130px;height:115px}.taste-stamp>strong{font-size:25px}.stamp-2{bottom:19%}.lineup-title{top:25%;font-size:10vw}.lineup-selected{top:58%}.lineup-row{height:calc(var(--scene-vh, 1svh) * 24);bottom:78px}}
@media(max-height:620px) and (max-width:760px){.hero-eyebrow{top:96px}.scene-title{top:26%;font-size:20.5vw}.hero-cup-wrap{height:calc(var(--scene-vh, 1svh) * 59);top:50%}.scene-overview .hero-copy{bottom:15%}.scene-overview .hero-copy h2{font-size:23px}.scene-overview .featured-note{bottom:17%;padding:10px}.scene-overview .featured-note h3{font-size:23px}.scene-overview .featured-note p{font-size:8px}.scene-overview .note-bottom{margin-top:8px;padding-top:7px}.opening-scroll{bottom:10%}.blend-copy{top:30%}.blend-copy h2{font-size:10vw}.blend-copy.long-name h2{font-size:7vw}.blend-copy>p:not(.eyebrow){font-size:9px}.blend-recipe{top:34%;padding:11px}.ingredient-button{padding:7px 0}.blend-price>span:first-child{font-size:22px}.taste-stamp{width:88px;height:82px}.taste-stamp>strong{font-size:19px}.taste-stamp>span{font-size:5px}.feel-title{top:30%;font-size:21vw}.stamp-0{top:39%}.stamp-1{top:32%}.stamp-2{bottom:24%}.taste-copy{bottom:16%;width:38%}.taste-copy>p:last-child{font-size:9px}.lineup-title{top:26%;font-size:17vw}.lineup-row{top:45%;bottom:78px;gap:11px 6px}.lineup-card h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:calc(var(--scene-vh, 1svh) * 100);min-height:0}.hero-cup-wrap{transform:translate(-50%,-50%) translate(calc(var(--cup-x) * 1vw),calc(var(--cup-y) * calc(var(--scene-vh, 1svh) * 1))) rotate(calc(var(--cup-rotation) * 1deg)) scale(var(--cup-scale));opacity:var(--cup-opacity)}.opening-scroll{display:none}.scroll-progress{display:block}.coffee-scene{will-change:auto}.js-motion .reveal{opacity:1;transform:none}}

/* Keep the product in its own visual space; the copy remains readable throughout. */
:root{--cup-x:0px;--cup-y:0px}
.hero-cup-wrap{height:min(calc(var(--scene-vh, 1svh) * 46),460px);max-height:460px;width:min(calc(var(--scene-vh, 1svh) * 36.8),368px);aspect-ratio:4/5;top:52%;transform:translate(-50%,-50%) translate(var(--cup-x),var(--cup-y)) rotate(calc((var(--cup-rotation) + var(--pointer-rotation)) * 1deg)) scale(var(--cup-scale))}
.hero-cup{width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 14px 9px #33270724)}
.hero-cup-wrap{overflow:visible}
.hero-cup-outgoing{pointer-events:none}
/* A padded viewport keeps the resting cup and its shadow inside the opaque
   center. Only cups sliding through the two ends meet the transparent mask. */
.cup-slide-viewport{position:absolute;left:-24%;top:-12%;width:148%;height:124%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%)}
.cup-slide-viewport>.hero-cup{position:absolute;left:16.216216%;top:9.677419%;width:67.567568%;height:80.645161%;max-width:none;transition:none}
.cup-orbit,.cup-shadow{display:none}
.changing-flavor .hero-cup-wrap{transition:transform .5s cubic-bezier(.22,.7,.2,1)}
.hero-eyebrow{font-size:11px;letter-spacing:.08em}.hero-eyebrow>span:last-child{font-size:11px}
.scene-title{left:6%;width:48%;top:25%;font-size:clamp(72px,min(10vw,calc(var(--scene-vh, 1svh) * 17)),158px);text-align:left;line-height:.89}
.scene-title span+span{margin-top:8px}
.scene-overview .hero-copy{left:6%;bottom:13%;width:230px;max-width:24%}
.scene-overview .hero-copy h2{font-size:28px;line-height:1.05;margin-bottom:18px}
.scene-overview .hero-copy .eyebrow{font-size:11px;max-width:none;margin-bottom:12px}
.scene-overview .hero-copy .button{font-size:13px;padding:13px 17px;gap:18px}
.scene-overview .featured-note{left:31%;right:auto;bottom:13%;width:270px;max-width:27%;padding:18px;transform:none}
.scene-overview .featured-note .eyebrow{font-size:11px;margin-bottom:10px;letter-spacing:.06em}
.scene-overview .featured-note h3{font-size:32px;margin-bottom:9px}
.scene-overview .featured-note p{font-size:14px;line-height:1.6;min-height:0}
.scene-overview .note-bottom{font-size:14px;display:flex;margin-top:12px;padding-top:10px}
.scene-overview .note-bottom .text-link{font-size:12px}
.opening-scroll{bottom:67px;font-size:11px;letter-spacing:.07em}.opening-scroll>span{font-size:20px}
.blend-copy{left:6%;width:27%;top:28%}.blend-copy .eyebrow{font-size:11px}
.blend-copy h2{font-size:clamp(55px,min(7.6vw,calc(var(--scene-vh, 1svh) * 13)),114px);line-height:.91;margin-bottom:21px}
.blend-copy.long-name h2{font-size:clamp(36px,min(4.6vw,calc(var(--scene-vh, 1svh) * 9)),72px)}
.blend-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:280px;margin-bottom:18px}
.blend-copy>.text-link{font-size:13px}
.blend-recipe{top:28%;right:6%;width:26%;max-width:340px;padding:20px;transform:none}
.blend-recipe .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:10px}
.ingredient-button{gap:12px;padding:10px 0}.ingredient-button>span{font-size:28px;width:27px}
.ingredient-button b{font-size:14px}.ingredient-button small{font-size:12px;margin-top:3px;line-height:1.45}
#ingredient-description{font-size:13px;line-height:1.6;min-height:38px;padding-top:12px}
.blend-price{margin-top:12px;padding-top:12px}.blend-price>span:first-child{font-size:30px}.blend-price>span:last-child{font-size:11px}
.blend-bottom-type{font-size:clamp(65px,8vw,120px);opacity:.2;top:81%}
.feel-title{left:6%;width:35%;top:26%;text-align:left;font-size:clamp(65px,min(9vw,calc(var(--scene-vh, 1svh) * 15)),145px);line-height:.9}
.feel-title>span+span{margin-top:8px}
.taste-stamp{width:145px;height:132px;padding:16px}.taste-stamp>strong{font-size:29px;line-height:1.05;max-width:100%;overflow-wrap:anywhere}.taste-stamp>span{font-size:11px;letter-spacing:.04em}
.stamp-0{left:auto;right:7%;top:27%;bottom:auto}.stamp-1{left:auto;right:7%;top:51%;bottom:auto}.stamp-2{left:auto;right:21%;top:65%;bottom:auto}
.taste-copy{left:6%;right:auto;bottom:17%;width:31%;max-width:420px}.taste-copy .eyebrow{font-size:11px}.taste-copy>p:last-child{font-size:15px;line-height:1.65}
.feel-side-note{display:none}
.lineup-title{left:6%;width:48%;top:20%;text-align:left;font-size:clamp(64px,min(9vw,calc(var(--scene-vh, 1svh) * 15)),145px);line-height:.91}
.lineup-selected{display:none}
.lineup-row{left:6%;width:88%;height:calc(var(--scene-vh, 1svh) * 27);max-height:250px;bottom:82px;gap:16px;grid-template-rows:minmax(0,1fr);align-items:stretch}
.lineup-card{min-height:0}
.lineup-card .lineup-cup{width:100%;height:0;flex:1 1 0;min-height:0;object-fit:contain;filter:drop-shadow(4px 7px 5px #3327071c);transform:none;transition:none}
.lineup-card h3,.lineup-card>span{flex:0 0 auto}
.lineup-card h3{font-size:clamp(16px,1.7vw,23px);white-space:normal;line-height:1.1;padding-top:9px}.lineup-card>span{font-size:12px;line-height:1.4;margin-top:5px}
.hero-controls{bottom:25px;gap:12px}.hero-controls button{height:36px;width:36px}.hero-controls>span{font-size:11px}
.scene-navigation{bottom:27px;gap:21px}.scene-navigation button{font-size:12px;gap:8px}.scene-navigation b{font-size:11px}
@media(max-width:1100px){
 .hero-cup-wrap{height:min(calc(var(--scene-vh, 1svh) * 44),390px);max-height:390px;width:min(calc(var(--scene-vh, 1svh) * 35.2),312px)}
 .scene-overview .hero-copy{max-width:25%}.scene-overview .hero-copy h2{font-size:25px}
 .scene-overview .featured-note{left:32%;max-width:29%;padding:16px}
 .blend-recipe{width:28%;right:5%;padding:16px}.blend-copy{left:5%;width:28%}
 .ingredient-button{gap:9px;padding:9px 0}.ingredient-button>span{width:23px;font-size:25px}.ingredient-button small{font-size:11px}
 .taste-stamp{width:121px;height:112px}.taste-stamp>strong{font-size:25px}.taste-stamp>span{font-size:10px}
 .stamp-2{right:20%}.taste-copy{left:5%;width:31%}
 .lineup-row{gap:9px}.scene-navigation{gap:16px}
}
@media(max-width:760px){
 .hero-cup-wrap{height:min(calc(var(--scene-vh, 1svh) * 34),48vw);max-height:none;width:min(calc(var(--scene-vh, 1svh) * 27.2),38.4vw);top:48%}
 .hero-eyebrow{top:98px;font-size:10px;letter-spacing:.04em}.hero-eyebrow>span:first-child{font-size:10px;max-width:55%}.hero-eyebrow>span:last-child{display:block;font-size:10px;letter-spacing:0}
 .scene-title{left:5%;width:57%;top:24%;font-size:clamp(38px,min(13vw,calc(var(--scene-vh, 1svh) * 12)),76px);line-height:.94}
 .scene-title span+span{margin-top:5px}
 .scene-overview .hero-copy{left:5%;top:52%;bottom:auto;width:auto;max-width:none}
 .scene-overview .hero-copy h2,.scene-overview .hero-copy .eyebrow{display:none}
 .scene-overview .hero-copy .button{font-size:12px;padding:11px 14px;gap:16px}
 .scene-overview .featured-note{left:5%;right:5%;bottom:88px;width:90%;max-width:none;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 22px}
 .scene-overview .featured-note .eyebrow{grid-column:1/-1;font-size:10px;margin-bottom:2px}
 .scene-overview .featured-note h3{grid-column:1;font-size:27px;margin:0}
 .scene-overview .featured-note p{grid-column:1;font-size:13px;line-height:1.5}
 .scene-overview .note-bottom{grid-column:2;grid-row:2/4;border:0;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;font-size:14px}
 .scene-overview .note-bottom .text-link{font-size:12px;margin:0}
 .opening-scroll{bottom:61px;font-size:10px;gap:8px}.opening-scroll>span{font-size:15px}
 .blend-copy{left:5%;top:25%;width:55%}.blend-copy .eyebrow{font-size:10px;margin-bottom:13px}
 .blend-copy h2{font-size:clamp(40px,min(11vw,calc(var(--scene-vh, 1svh) * 11)),70px);line-height:.94;margin-bottom:15px}
 .blend-copy.long-name h2{font-size:clamp(31px,min(8vw,calc(var(--scene-vh, 1svh) * 8)),53px)}
 .blend-copy>p:not(.eyebrow){display:none}.blend-copy>.text-link{font-size:12px}
 .blend-recipe{left:5%;right:5%;top:auto;bottom:82px;width:90%;max-width:none;padding:12px 16px}
 .blend-recipe>.eyebrow{display:none}#recipe-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .ingredient-button{gap:7px;padding:9px 0;align-items:center}.ingredient-button>span{font-size:22px;width:20px}.ingredient-button b{font-size:13px;overflow-wrap:anywhere}.ingredient-button small{display:none}
 #ingredient-description{font-size:13px;min-height:39px;padding-top:10px;line-height:1.5}
 .blend-price{flex-direction:row;align-items:center;justify-content:space-between;padding-top:9px;margin-top:8px}.blend-price>span:first-child{font-size:24px}.blend-price>span:last-child{font-size:10px}
 .blend-bottom-type{display:none}
 .feel-title{left:5%;width:53%;top:24%;font-size:clamp(38px,min(12vw,calc(var(--scene-vh, 1svh) * 11)),72px);line-height:.96;text-align:left}
 #taste-stamps{position:absolute;left:5%;right:5%;bottom:158px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .taste-stamp{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:90px;transform:none;padding:12px}.taste-stamp>strong{font-size:clamp(18px,4.2vw,24px);line-height:1.1}.taste-stamp>span{display:none}
 .taste-stamp:before{height:13px;top:-7%}.taste-stamp:after{height:18px;right:0}
 .taste-copy{left:5%;right:5%;bottom:83px;width:90%;max-width:none}.taste-copy .eyebrow{font-size:10px;margin-bottom:8px}.taste-copy>p:last-child{font-size:14px;line-height:1.5}
 .lineup-title{left:5%;width:90%;top:22%;text-align:center;font-size:clamp(36px,min(11vw,calc(var(--scene-vh, 1svh) * 8)),70px);line-height:1}
 .lineup-row{left:6%;width:88%;top:40%;bottom:82px;height:auto;max-height:none;gap:14px 10px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
 .lineup-card .lineup-cup{height:0;min-height:0}.lineup-card h3{font-size:18px;padding-top:5px;line-height:1.05}.lineup-card>span{font-size:11px;margin-top:4px}
 .scene-navigation{left:5%;bottom:25px;gap:13px}.scene-navigation button{font-size:11px;gap:6px}.scene-navigation b{font-size:11px}
 .scene-navigation button>span{display:none}.scene-navigation button[aria-current=step]>span{display:inline}
 .hero-controls{right:5%;bottom:24px;gap:10px}.hero-controls button{width:32px;height:32px}.hero-controls>span{font-size:10px}
}
@media(max-width:420px){
 .hero-eyebrow>span:first-child,.hero-eyebrow>span:last-child{font-size:9px}
 .scene-overview .featured-note{gap:5px 13px;padding:13px}.scene-overview .featured-note p{font-size:12px}.scene-overview .note-bottom .text-link{font-size:11px}
 .taste-copy>p:last-child{font-size:13px}.taste-stamp{padding:9px;height:90px}
 .ingredient-button{gap:5px}.ingredient-button b{font-size:12px}.ingredient-button>span{font-size:20px;width:17px}
 .lineup-card h3{font-size:16px}.lineup-card>span{font-size:11px}.scene-navigation{gap:10px}.scene-navigation button{gap:4px}.hero-controls{gap:7px}
}
@media(max-height:650px) and (min-width:761px){
 .hero-eyebrow{top:106px}.scene-title{top:25%;font-size:clamp(65px,min(10vw,calc(var(--scene-vh, 1svh) * 16)),120px)}
 .scene-overview .featured-note{bottom:12%;padding:15px}.scene-overview .hero-copy{bottom:12%}.scene-overview .hero-copy h2{font-size:24px}
 .scene-overview .featured-note h3{font-size:28px}.scene-overview .featured-note p{font-size:13px}
 .blend-recipe{top:27%;padding:15px}.ingredient-button{padding:7px 0}#ingredient-description{font-size:12px;min-height:33px;padding-top:9px}
 .blend-price{margin-top:9px;padding-top:9px}.blend-copy>p:not(.eyebrow){font-size:14px}
 .taste-stamp{width:118px;height:102px}.taste-stamp>strong{font-size:24px}.taste-stamp>span{font-size:10px}.stamp-2{top:63%}
 .taste-copy>p:last-child{font-size:14px}.lineup-title{font-size:clamp(60px,min(9vw,calc(var(--scene-vh, 1svh) * 13)),110px);top:24%}
 .lineup-row{height:calc(var(--scene-vh, 1svh) * 25);bottom:78px}.lineup-card h3{font-size:18px}.lineup-card>span{font-size:11px}
}
@media(min-height:720px) and (max-width:760px){.blend-copy>p:not(.eyebrow){display:block;font-size:14px;line-height:1.6;max-width:220px}}
@media(prefers-reduced-motion:reduce){.hero-cup-wrap{transform:translate(-50%,-50%) translate(var(--cup-x),var(--cup-y)) rotate(calc(var(--cup-rotation) * 1deg)) scale(var(--cup-scale))}.changing-flavor .hero-cup-wrap{transition:none}}

/* Explicit shapes and top-aligned cards also render consistently in Safari. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button{-webkit-appearance:none;appearance:none}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex-shrink:0;pointer-events:none}
.button .ui-icon{width:16px;height:16px}
.product-grid{align-items:start}
.product-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:start;min-width:0}
.product-photo{width:100%;flex:none}
.product-photo img{position:absolute;inset:0;width:100%;height:100%}
.product-arrow .ui-icon{width:19px;height:19px}
.text-link .ui-icon{width:14px;height:14px;margin-left:3px}
.ticker .ui-icon{width:23px;height:23px;vertical-align:middle}
.hero-controls button,.nav-toggle,.dialog-close{align-items:center;justify-content:center}
.hero-controls button{display:flex}
@media(hover:none){
 .button:hover{transform:none}
 .product-card:hover img{transform:none}
 .product-card:hover .product-arrow{background:var(--paper);color:var(--ink);transform:none}
}
@media(max-width:760px){
 :root{--header-height:calc(76px + env(safe-area-inset-top,0px))}
 .site-header{height:var(--header-height);padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:max(5%,env(safe-area-inset-left,0px));padding-right:max(5%,env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(12px)}
 .site-header nav{top:calc(var(--header-height) - 1px)}
 .nav-toggle{display:flex;flex-shrink:0;width:28px;height:38px}
 .hero-eyebrow{top:calc(var(--header-height) + 22px)}
 .hero-controls{bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 .scene-navigation{bottom:calc(25px + env(safe-area-inset-bottom,0px))}
 .scene-overview .featured-note{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .opening-scroll{bottom:calc(61px + env(safe-area-inset-bottom,0px))}
 .blend-recipe,.lineup-row{bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 .lineup-row{top:38%}
 .lineup-card h3{height:calc(2.1em + 5px);min-height:calc(2.1em + 5px);display:flex;align-items:center;justify-content:center}
 .lineup-card>span{height:1.4em;min-height:1.4em;white-space:nowrap;font-size:10px}
 .taste-copy{bottom:calc(83px + env(safe-area-inset-bottom,0px))}
 #taste-stamps{bottom:calc(158px + env(safe-area-inset-bottom,0px))}
 .product-meta h3{min-height:2em}
 .product-card>p{line-height:1.6;font-size:10px}
 .product-arrow .ui-icon{width:16px;height:16px}
 .section-heading h2{font-size:clamp(52px,16vw,66px)}
}
@media(max-width:760px) and (max-height:620px){
 .scene-overview .hero-copy{top:48%}
 .scene-overview .featured-note{padding:10px 12px}
 .scene-overview .featured-note h3{font-size:24px}
 .scene-overview .featured-note p{font-size:11px}
}

/* Keep the menu CTA separate from the cup and its arrows. */
.scene-overview .hero-actions{position:absolute;left:6%;right:6%;bottom:112px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;z-index:6}
.scene-overview .hero-actions .hero-copy{position:static;inset:auto;transform:none;width:230px;max-width:230px;margin:0}
.hero-scene-footer{position:absolute;inset:auto 0 0;height:78px;display:flex;align-items:center;background:var(--paper);border-top:1px solid var(--line);padding:0 5%;z-index:10}
.hero-scene-footer .scene-navigation{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:660px;gap:24px;margin:auto}
.hero-scene-footer .scene-navigation button{display:flex;justify-content:center;gap:8px;min-height:44px;padding:8px 0;font-size:12px}
.hero-scene-footer .scene-navigation button>span{display:inline}
.lineup-row{bottom:108px}
/* Explicit image dimensions override the HTML height hint that stretched the finder photo. */
.finder-result{grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:24px;align-items:center}
.finder-result>img{display:block;width:100%;height:215px;min-height:0;max-height:215px;aspect-ratio:auto;object-fit:contain;object-position:center;align-self:center}
.finder-result>div{min-width:0}
.finder-result .eyebrow{font-size:10px;line-height:1.5;margin-bottom:12px}
.finder-result h3{line-height:1.05}
.finder-result .button{min-height:44px}
@media(max-width:760px){
 .hero-cup-wrap{top:56%}
 .scene-overview .hero-actions{left:5%;right:5%;bottom:calc(102px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .scene-overview .hero-actions .hero-copy{width:100%;max-width:none}
 .scene-overview .hero-actions .hero-copy .button{display:inline-flex;min-height:44px}
 .hero-scene-footer{height:calc(78px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
 .hero-scene-footer .scene-navigation{gap:10px;max-width:none}
 .hero-scene-footer .scene-navigation button{flex-direction:column;gap:5px;align-items:center;font-size:11px;line-height:1.2;white-space:nowrap}
 .hero-scene-footer .scene-navigation b{font-size:10px}
 .lineup-row{bottom:calc(108px + env(safe-area-inset-bottom,0px))}
 .blend-recipe{bottom:calc(102px + env(safe-area-inset-bottom,0px))}
 .taste-copy{bottom:calc(103px + env(safe-area-inset-bottom,0px))}
 #taste-stamps{bottom:calc(178px + env(safe-area-inset-bottom,0px))}
 .finder-result{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center}
 .finder-result>img{width:180px;height:225px;max-height:225px;margin:0 auto}
 .finder-result h3{font-size:38px;margin-bottom:12px}
 .finder-result>div>p:not(.eyebrow){font-size:13px;line-height:1.6;margin-bottom:20px}
 .finder-result .button{font-size:12px;min-height:44px;padding:12px 18px}
 .finder-panel .finder-back{display:block;width:max-content;margin:24px auto 0}
}
@media(max-width:760px) and (max-height:620px){
 .hero-cup-wrap{top:52%;height:min(calc(var(--scene-vh,1svh) * 34),40vw);width:min(calc(var(--scene-vh,1svh) * 27.2),32vw)}
 .scene-overview .scene-title{top:calc(var(--header-height,76px) + 55px)}
 .scene-overview .hero-actions{gap:12px}
 .lineup-title{top:23%;font-size:clamp(32px,9vw,50px)}
 .lineup-row{top:39%;gap:10px}
}

/* Arrows travel beside the cup without inheriting its rotation or scale. */
.hero-stage{overflow:clip}
.cup-flavor-controls{position:absolute;inset:0;pointer-events:none;z-index:8}
.cup-flavor-controls[hidden]{display:none}
.cup-flavor-arrow{position:absolute;left:0;top:0;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.cup-flavor-arrow .ui-icon{width:20px;height:20px}
.cup-flavor-arrow:hover{background:var(--ink);color:var(--paper)}
.cup-flavor-arrow:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-action-links .text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.feel-heading{position:absolute;left:6%;top:26%;width:35%;z-index:6}
.feel-heading .feel-title{position:static;inset:auto;width:100%;margin:0}
@media(hover:none){.cup-flavor-arrow:hover{background:var(--paper);color:var(--ink)}}
@media(max-width:760px){
 .hero-cup-wrap{height:min(calc(var(--scene-vh,1svh) * 34),40vw);width:min(calc(var(--scene-vh,1svh) * 27.2),32vw)}
 .blend-copy>p:not(.eyebrow){display:none}
 .feel-heading{left:5%;top:24%;width:53%}
}
@media(max-width:760px) and (max-height:620px){
 .blend-copy{top:calc(var(--header-height,76px) + 30px)}
 .blend-copy>.eyebrow{display:none}
 .blend-copy h2{margin-bottom:10px}
 .hero-cup-wrap{top:48%;height:min(calc(var(--scene-vh,1svh) * 34),36vw);width:min(calc(var(--scene-vh,1svh) * 27.2),28.8vw)}
 .feel-heading{top:22%}
 .feel-heading .feel-title{font-size:36px}
 .taste-stamp{height:78px}
}

/* Three chapters: the first sip, ingredients and tasting notes, then the menu. */
.hero-scroll{height:calc(var(--scene-vh,1svh) * 360)}
.hero-scene-footer .scene-navigation{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}
.blend-copy{top:27%;width:26%}
.blend-recipe{top:23%;right:5%;width:28%;max-width:390px;padding:18px}
.scene-blend #recipe-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.scene-blend .ingredient-button{min-height:56px;flex-direction:column;align-items:flex-start;gap:6px;padding:6px 0 10px}
.scene-blend .ingredient-button>span{font-size:20px;width:auto}
.scene-blend .ingredient-button b{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.scene-blend .ingredient-button small{display:none}
.scene-blend #ingredient-description{padding-top:10px;min-height:48px;font-size:13px;line-height:1.5}
.blend-taste{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.blend-taste>.eyebrow{font-size:9px;margin-bottom:9px}
.scene-blend #taste-stamps{position:static;inset:auto;display:flex;flex-wrap:wrap;gap:6px}
.scene-blend .taste-stamp{position:static;inset:auto;width:auto;height:auto;min-height:32px;display:inline-flex;flex-direction:row;border:1px solid var(--line);border-radius:24px;padding:6px 11px;transform:none;background:transparent;color:var(--ink);font-family:var(--body);font-size:12px;font-weight:600;line-height:1.2;box-shadow:none}
.scene-blend .taste-stamp:before,.scene-blend .taste-stamp:after{display:none}
.scene-blend .taste-stamp:hover,.scene-blend .taste-stamp[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}
#taste-description{font-size:13px;line-height:1.5;color:var(--muted);min-height:40px;margin-top:10px}
.scene-blend .blend-price{flex-direction:row;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px}
.scene-blend .blend-price>span:first-child{font-size:28px}
.blend-bottom-type{display:none}
.lineup-card{border-radius:8px;transition:background .2s}
.lineup-card:hover,.lineup-card:focus-visible{background:#c1a76920}
.lineup-card h3{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;text-decoration-thickness:1px}
@media(min-width:761px) and (max-height:720px){
 .blend-recipe{top:142px;padding:12px 15px}
 .blend-recipe>.eyebrow{margin-bottom:6px;font-size:9px}
 .scene-blend .ingredient-button{min-height:45px;padding:3px 0 7px;gap:3px}
 .scene-blend #ingredient-description{min-height:39px;font-size:12px;padding-top:7px}
 .blend-taste{margin-top:8px;padding-top:8px}
 .scene-blend .taste-stamp{min-height:28px;padding:4px 8px;font-size:11px}
 #taste-description{font-size:12px;min-height:36px;margin-top:7px}
 .scene-blend .blend-price{padding-top:8px;margin-top:8px}
}
@media(max-width:760px){
 .hero-scroll{height:calc(var(--scene-vh,1svh) * 360)}
 .blend-copy{left:5%;top:21%;width:45%}
 .blend-copy>.eyebrow{font-size:9px;margin-bottom:10px}
 .blend-copy h2{font-size:clamp(36px,10.4vw,58px);margin-bottom:8px}
 .blend-copy.long-name h2{font-size:clamp(27px,7.6vw,45px)}
 .blend-copy .scene-action-links .text-link{font-size:11px;min-height:32px}
 .blend-recipe{left:5%;right:5%;width:90%;max-width:none;top:auto;bottom:calc(102px + env(safe-area-inset-bottom,0px));padding:12px 15px}
 .scene-blend .ingredient-button{min-height:38px;flex-direction:row;align-items:center;gap:6px;padding:4px 0 8px}
 .scene-blend .ingredient-button b{font-size:12px}
 .scene-blend .ingredient-button>span{font-size:18px}
 .scene-blend #ingredient-description{min-height:39px;padding-top:7px;font-size:12px}
 .blend-taste{margin-top:8px;padding-top:8px}
 .blend-taste>.eyebrow{margin-bottom:7px;font-size:9px}
 .scene-blend .taste-stamp{min-height:30px;font-size:11px;padding:5px 9px}
 #taste-description{font-size:12px;min-height:36px;margin-top:7px}
 .scene-blend .blend-price{margin-top:8px;padding-top:8px}
 .scene-blend .blend-price>span:first-child{font-size:24px}
}
@media(max-width:760px) and (max-height:680px){
 .blend-copy{top:calc(var(--header-height,76px) + 45px)}
 .blend-copy>.eyebrow{display:none}
 .scene-blend .ingredient-button{min-height:34px;padding-bottom:6px}
 .scene-blend .taste-stamp{min-height:28px;padding:4px 8px}
 .blend-recipe{padding:10px 12px}
 .blend-taste>.eyebrow{margin-bottom:5px}
 .scene-blend #ingredient-description{min-height:36px}
}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:calc(var(--scene-vh,1svh) * 100)}}

/* Keep the supporting copy in one place as one- and two-line names change.
   The reserved title height uses the regular size even for long drink names. */
.blend-copy{--blend-title-size:clamp(55px,min(7.6vw,calc(var(--scene-vh,1svh) * 13)),114px)}
.blend-copy h2{min-height:calc(var(--blend-title-size) * 1.82);margin-bottom:32px}
.blend-copy>p:not(.eyebrow){min-height:4.95em}
@media(min-width:761px) and (max-height:650px){
 .blend-copy h2{margin-bottom:18px}
}
@media(max-width:760px){
 .blend-copy{--blend-title-size:clamp(36px,10.4vw,58px)}
 .blend-copy h2{min-height:calc(var(--blend-title-size) * 1.88);margin-bottom:8px}
}
@media(max-width:760px) and (max-height:620px){
 .blend-copy{--blend-title-size:32px}
 .blend-copy h2{font-size:32px;margin-bottom:6px}
 .blend-copy.long-name h2{font-size:25px}
}

/* Clear, accessible legal links in the website footer. */
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;font-size:12px}.footer-legal a{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.footer-legal{width:100%;font-size:12px;gap:20px}}

/* Halloween review theme. All artwork is code-native; product photography is untouched. */
:root{--paper:#211b18;--ink:#f3e9d3;--muted:#c3b7a2;--line:#e8d8b52c;--blue:#f19a56;--orange:#f19a56;--gold:#d6b476;--pumpkin:#f19a56;--coal:#211b18;--cream:#f3e9d3}
body{background:var(--coal)}
::selection{background:var(--pumpkin);color:var(--coal)}
.site-header{background:#211b18ed;border-bottom-color:var(--line)}
.site-header .brand img{width:75px}
.season-wordmark{margin-right:auto;margin-left:22px;padding-left:22px;border-left:1px solid var(--line);font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:.035em;line-height:1}
.season-wordmark>span{display:block;margin-top:7px;font-family:var(--body);font-size:8px;letter-spacing:.16em;color:var(--muted)}
.site-header nav{margin-right:50px}
.button{background:var(--pumpkin);color:var(--coal);border-radius:2px}
.button:hover,.button-dark:hover{background:#ffb778;color:var(--coal)}
.button-dark{background:var(--pumpkin);color:var(--coal)}
.text-link:hover{color:var(--pumpkin)}
.hero-stage{background:radial-gradient(ellipse at 75% 44%,#48302360,transparent 52%),#211b18}
.hero-stage:after{opacity:.075}
.hero-eyebrow{color:#d6c9b3;font-size:10px;letter-spacing:.11em}
.hero-eyebrow>span:last-child{font-size:10px}
.hero-eyebrow{justify-content:flex-end}
.status-dot{background:var(--pumpkin);box-shadow:0 0 14px #f19a5660}
.scene-title{top:30%;font-size:clamp(80px,min(10vw,calc(var(--scene-vh,1svh)*15.5)),160px);line-height:.86;letter-spacing:-.018em;width:50%;color:var(--cream)}
.scene-title span+span{margin-top:4px}
.scene-title span:nth-child(2){color:var(--pumpkin)}
.season-pill{position:absolute;left:6%;top:23.5%;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.11em;color:var(--gold)}
.season-pill>span{display:inline-block;width:22px;height:1px;background:var(--gold)}
.scene-overview .hero-actions{bottom:114px}
.scene-overview .hero-actions .hero-copy{width:350px;max-width:350px}
.hero-season-copy{color:var(--muted)!important;font-size:14px!important;line-height:1.7;margin:0 0 22px!important;display:block!important}
.scene-overview .hero-copy .button{padding:16px 22px;font-size:13px;gap:42px}
.hero-cup{filter:drop-shadow(15px 22px 16px #0008)}
.haunted-art{position:absolute;left:48%;right:2%;top:16%;bottom:15%;pointer-events:none}
.harvest-moon{position:absolute;left:9%;top:8%;width:min(35vw,calc(var(--scene-vh,1svh)*58));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 33%,#f9bd78 0,#e99a54 53%,#c96e39 100%);box-shadow:0 0 110px 30px #d7843910;overflow:hidden;opacity:.94}
.harvest-moon:after{content:'';position:absolute;inset:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.45' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.6}
.moon-crater{position:absolute;border-radius:50%;background:#a44b2824;box-shadow:inset 7px 9px 18px #65301c0a}
.crater-one{width:21%;height:21%;top:16%;left:26%}.crater-two{width:12%;height:12%;top:42%;right:13%}.crater-three{width:26%;height:26%;bottom:8%;left:17%}
.bat{position:absolute;fill:#211b18;z-index:1;overflow:visible;animation:bat-drift 6s ease-in-out infinite}
.bat-one{width:94px;top:29%;left:13%;transform:rotate(-18deg)}
.bat-two{width:66px;top:18%;left:53%;transform:rotate(16deg);animation-delay:-2s}
.bat-three{width:41px;top:38%;left:62%;transform:rotate(24deg);animation-delay:-4s}
.little-star{position:absolute;color:var(--gold);font-size:29px;font-weight:400;line-height:1}
.star-one{left:4%;bottom:22%}.star-two{right:9%;bottom:32%;font-size:18px}.star-three{right:20%;top:1%;font-size:18px}
.night-coordinate{position:absolute;right:2%;bottom:5%;font-size:9px;letter-spacing:.14em;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}
.haunted-note{position:absolute;right:6%;bottom:115px;display:flex;align-items:center;gap:17px;color:var(--muted);z-index:5}
.haunted-note svg{width:49px;color:#d6c39e;animation:ghost-hover 5s ease-in-out infinite}
.haunted-note p{font-size:9px;line-height:1.8;letter-spacing:.13em}.haunted-note b{color:var(--cream);font-weight:600}
.hero-scene-footer{background:#211b18f7;border-top-color:var(--line)}
.hero-scene-footer .scene-navigation button{color:#b4a58f}.hero-scene-footer .scene-navigation button[aria-current=step]{color:var(--cream);border-bottom-color:var(--pumpkin)}
.hero-scene-footer .scene-navigation b{color:var(--pumpkin)}
.scroll-progress span{background:var(--pumpkin)}
.blend-copy h2{color:var(--cream)}
.blend-copy .eyebrow{color:var(--gold)}
.blend-recipe{background:#2d2420;border-color:#e5ae6e55;border-radius:4px;box-shadow:0 12px 50px #100b0720}
.ingredient-button>span{color:var(--pumpkin)}
.ingredient-button:hover,.ingredient-button[aria-pressed=true]{color:var(--pumpkin)}
.scene-blend .taste-stamp{border-color:#e8d8b540;color:var(--cream)}
.scene-blend .taste-stamp:hover,.scene-blend .taste-stamp[aria-pressed=true]{background:var(--pumpkin);border-color:var(--pumpkin);color:var(--coal)}
.blend-price>span:first-child{color:var(--pumpkin)}
.cup-flavor-arrow{background:#2c231f;border-color:#e8d8b570;color:var(--cream)}
.cup-flavor-arrow:hover{background:var(--pumpkin);border-color:var(--pumpkin);color:var(--coal)}
.lineup-title em{color:var(--pumpkin)}
.lineup-card{border-radius:3px}.lineup-card:hover,.lineup-card:focus-visible{background:#f19a5610}
.lineup-card h3{text-decoration-color:#e99a5480}
.lineup-card .lineup-cup{filter:drop-shadow(5px 9px 8px #0007)}
.ticker{background:var(--pumpkin);color:var(--coal);font-size:25px;padding:17px 0;border:0}
.ticker .ui-icon{width:20px;height:20px}
.finder-section{background:#eee2c8;color:#29201a;--paper:#f9f0df;--ink:#29201a;--muted:#6b5c4a;--line:#573a282e;--blue:#9f4b27;padding-top:110px;padding-bottom:110px;gap:10%}
.finder-title{position:relative}
.finder-title h2{font-size:clamp(60px,6.5vw,105px);line-height:.91}
.finder-title h2 span{color:#a54e28}
.finder-title>p:not(.eyebrow){color:#6b5c4a;font-size:14px}
.finder-ghost{position:absolute;right:0;top:-8px;transform:rotate(15deg);color:#ba9a69;opacity:.65;width:70px}
.finder-panel{transform:rotate(1deg);background:#f9f0df;border:1px solid #a78b664a;border-radius:3px;box-shadow:6px 9px 0 #bb9a6920}
.finder-option:hover{background:#29201a;color:#f9f0df}
.finder-section .button{color:#211b18;background:#f19a56}
.finder-section .route-doodle path{stroke:#b06b42}
.story-section{background:#2b221d}
.story-copy h2 em{color:var(--pumpkin)}
.story-copy>.eyebrow{color:var(--gold)}
.photo-stamp{border-color:#d6b476;background:#211b18c9}
.story-photo>img{filter:saturate(.88)}
.order-section{position:relative;overflow:hidden;background:var(--pumpkin);color:var(--coal);--ink:#211b18;--paper:#f3e9d3;--muted:#583422}
.order-section h2{font-size:clamp(70px,10vw,150px);position:relative;z-index:1}
.order-section h2 em{color:#6f371e}
.order-section>.eyebrow{position:relative;z-index:1}
.order-pumpkin{position:absolute;width:200px;right:7%;top:35px;transform:rotate(8deg);opacity:.6;pointer-events:none}
.order-pumpkin svg{width:100%}
.order-section .delivery{background:#211b18;color:#f3e9d3}
.order-section .delivery.grabfood{background:transparent;color:#211b18;border-color:#211b18}
.order-section .delivery.grabfood:hover{background:#211b18;color:#f3e9d3}
.order-bottom{position:relative;z-index:1}
footer{background:#181411;border-top:1px solid var(--line)}
dialog{background:#f3e9d3;color:#29201a;--ink:#29201a;--paper:#f3e9d3;--line:#573a2830;--muted:#6b5c4a;border:1px solid #dfac7350;border-radius:5px}
dialog::backdrop{background:#100b07bd;backdrop-filter:blur(8px)}
dialog .button{background:#a24e29;color:#fff4df}
dialog .button:hover{background:#78391e}
dialog .delivery.grabfood{background:transparent;border-color:#a24e29;color:#78391e}
dialog .taste-bar{background:#29201a20}
dialog .taste-bar span{background:#a24e29}
dialog .dialog-close{color:#29201a;background:#f3e9d3}
dialog .eyebrow{color:#874b2c}
@keyframes ghost-hover{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes bat-drift{0%,100%{translate:0 0}50%{translate:4px -7px}}
@media(min-width:761px) and (max-height:760px){
 .scene-title{top:29%;font-size:clamp(76px,min(9.8vw,calc(var(--scene-vh,1svh)*15)),136px)}
 .season-pill{top:23.5%}.hero-season-copy{font-size:12px!important;margin-bottom:14px!important}
 .scene-overview .hero-actions{bottom:102px}.haunted-note{bottom:106px}
}
@media(max-width:1100px){.season-wordmark{font-size:16px;margin-left:15px;padding-left:15px}.site-header nav{margin-right:25px;gap:22px}.finder-ghost{width:48px;right:-10px;top:-25px}}
@media(max-width:760px){
 .site-header{background:#211b18f2}.site-header .brand img{width:62px}.season-wordmark{display:none}.site-header nav{background:#2b221d;margin:0}.header-order{background:var(--pumpkin);color:var(--coal);font-size:10px;min-height:40px}.nav-toggle{color:var(--cream)}
 .hero-eyebrow>span:first-child{font-size:8px!important;max-width:60%;letter-spacing:.06em}.hero-eyebrow>span:last-child{font-size:8px!important;letter-spacing:0}
 .season-pill{top:22%;left:5%;font-size:8px;letter-spacing:.08em;gap:7px}.season-pill>span{width:14px}
 .scene-title{top:28%;left:5%;width:60%;font-size:clamp(40px,11.8vw,78px);line-height:.9}.scene-title span+span{margin-top:3px}
 .haunted-art{left:52%;right:-3%;top:24%;bottom:29%}
 .harvest-moon{left:0;top:8%;width:48vw;max-width:290px;opacity:.8}
 .bat-one{width:49px;top:25%;left:8%}.bat-two{width:38px;top:18%;left:60%;right:auto}.bat-three{width:25px;top:43%;left:72%;right:auto}
 .star-one{left:8%;bottom:9%;font-size:18px}.star-two{right:19%;bottom:19%;font-size:12px}.star-three{display:none}.night-coordinate{display:none}
 .scene-overview .hero-actions{bottom:calc(112px + env(safe-area-inset-bottom,0px));left:5%;right:5%}
 .scene-overview .hero-actions .hero-copy{max-width:none;width:100%}
 .hero-season-copy{font-size:12px!important;line-height:1.6;margin-bottom:17px!important}
 .scene-overview .hero-copy .button{font-size:12px;padding:14px 17px;gap:28px}
 .haunted-note{right:6%;bottom:calc(118px + env(safe-area-inset-bottom,0px));gap:9px}.haunted-note svg{width:32px}.haunted-note p{font-size:6px;letter-spacing:.06em}
 .hero-scene-footer .scene-navigation button{font-size:10px}.hero-scene-footer .scene-navigation b{font-size:9px}
 .blend-copy .eyebrow{font-size:8px}.blend-copy h2{color:var(--cream)}
 .blend-recipe{border-radius:3px}
 .cup-flavor-arrow{width:44px;height:44px;background:#2c231f}
 .lineup-title{font-size:clamp(38px,12vw,70px);line-height:.96;top:21%}
 .ticker{font-size:21px;padding:13px 0}
 .finder-section{padding-top:70px;padding-bottom:75px;gap:36px}
 .finder-title h2{font-size:clamp(54px,15vw,80px);max-width:90%}
 .finder-title>p:not(.eyebrow){font-size:13px}
 .finder-ghost{width:49px;right:0;top:42px;transform:rotate(15deg)}
 .finder-panel{transform:none;padding:23px}.finder-panel h3{font-size:33px}
 .story-copy h2{font-size:clamp(48px,14vw,70px)}
 .order-pumpkin{width:100px;right:-5px;top:60px;opacity:.3}
 .order-section h2{font-size:clamp(52px,16vw,95px)}
}
@media(max-width:380px){.haunted-note p{display:none}.scene-overview .hero-copy .button{gap:20px}.hero-eyebrow>span:first-child{font-size:7px!important}}
@media(max-width:760px) and (max-height:680px){
 .season-pill{top:calc(var(--header-height,76px) + 64px)}
 .scene-title{top:calc(var(--header-height,76px) + 88px);font-size:clamp(37px,11vw,58px)}
 .haunted-art{top:23%;bottom:23%}.haunted-note{bottom:118px}
 .hero-season-copy{font-size:11px!important;margin-bottom:12px!important}.scene-overview .hero-copy .button{padding:12px 15px}
 .scene-overview .hero-actions{bottom:calc(106px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.bat,.haunted-note svg{animation:none}.ticker>div{animation:none}}

/* Keep sign-in visible, including outside the phone's navigation drawer. */
.header-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid #e8d8b56b;border-radius:2px;font-size:12px;font-weight:700;white-space:nowrap;margin-left:12px}.header-login:hover{background:#f3e9d315}.site-header .header-order{margin-left:0}.site-header .header-login{order:0}
@media(max-width:760px){.header-login{min-height:40px;padding:9px 10px;font-size:11px;margin:0 12px 0 0}.site-header .header-order{margin-left:auto;margin-right:10px}.site-header{backdrop-filter:none;-webkit-backdrop-filter:none}.hero-stage:after{display:none}.bat,.haunted-note svg{animation:none}}

/* The first cup has its final position before animation JavaScript starts. */
:root{--cup-x:20vw;--cup-y:-5svh;--cup-scale:.98;--cup-rotation:-9}
.cup-slide-viewport{-webkit-mask-image:none;mask-image:none;overflow:visible}
.cup-slide-viewport.is-sliding{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%)}
@media(max-width:760px){:root{--cup-x:21vw;--cup-y:-13svh}.hero-cup,.lineup-card .lineup-cup{filter:none}.harvest-moon:after{display:none}}