:root{--ink:#191713;--cream:#f5efe5;--paper:#fffaf2;--orange:#e87338;--orange-light:#f6b978;--muted:#6f6a62;--line:#d8d0c4;--display:'Outfit',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
::selection{background:var(--orange);color:white}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.wrap{width:min(100% - 96px,1440px);margin-inline:auto}
.skip-link{position:absolute;z-index:30;top:-60px;left:16px;background:white;color:var(--ink);padding:12px 18px;font-weight:700}
.skip-link:focus{top:12px}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;padding:0 max(48px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid rgba(255,255,255,.16)}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:207px}
.brand img{width:44px;height:44px;object-fit:cover;border-radius:50%;background:white}
.brand-type{display:flex;flex-direction:column;line-height:.94;letter-spacing:.05em}
.brand-type strong{font-family:var(--display);font-weight:900;font-size:19px}
.brand-type small{font-size:9px;letter-spacing:.39em;margin-top:6px;font-weight:700}
.site-nav{display:flex;align-items:center;gap:42px;font-size:13px;font-weight:700}
.site-nav>a:not(.nav-order){transition:color .25s}
.site-nav>a:not(.nav-order):hover{color:var(--orange-light)}
.nav-order{border:1px solid rgba(255,255,255,.55);border-radius:100px;padding:13px 18px;transition:background .25s,color .25s,transform .25s}
.nav-order:hover{background:white;color:var(--ink);transform:translateY(-2px)}
.nav-order span{margin-left:16px;font-size:17px}
.menu-toggle{display:none}
.hero{min-height:min(850px,100svh);background:#171512;color:white;position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse 45% 62% at 77% 43%,#67402b 0%,#34241d 34%,transparent 78%),radial-gradient(ellipse 40% 60% at 0% 90%,#292018,transparent 80%)}
.hero-grain{pointer-events:none;position:absolute;z-index:5;inset:0;opacity:.1;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' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.hero-content{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:min(850px,100svh);padding-top:92px;position:relative}
.hero-copy{position:relative;z-index:7;padding-bottom:52px}
.eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;line-height:1.5}
.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#f5d7bc;margin-bottom:31px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(232,115,56,.16)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-family:var(--display);font-size:clamp(70px,7.2vw,126px);font-weight:900;letter-spacing:-.055em;word-spacing:.12em;line-height:.88;margin:0 0 30px;white-space:nowrap}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero h1 em{margin-right:.09em}
.accent-period{color:var(--orange)}
.hero-lead{max-width:425px;font-size:18px;line-height:1.65;color:#d1c5b9;margin-bottom:33px}
.hero-actions,.visit-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.button{min-height:56px;padding:0 23px;border-radius:2px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:13px;font-weight:800;transition:transform .25s,background .25s,color .25s}
.button:hover{transform:translateY(-4px)}
.button span{font-size:21px;font-weight:400;line-height:1}
.button-light{background:var(--paper);color:var(--ink)}
.button-light:hover{background:var(--orange-light)}
.button-dark{background:var(--ink);color:white}
.button-dark:hover{background:#563929}
.text-link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:13px;font-weight:800;transition:gap .25s,color .25s}
.text-link:hover{gap:23px;color:var(--orange)}
.text-link span{font-size:19px;font-weight:400}
.text-link-light{color:white}
.hero-stage{height:100%;min-height:580px;position:relative;display:grid;place-items:center;perspective:1000px}
.stage-halo{position:absolute;width:min(64vw,630px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 48%,#e48a50 0%,#a15735 45%,#3d251c 65%,transparent 71%);filter:blur(2px);opacity:.82;transform:translate(3%,0)}
.stage-ring{position:absolute;border:1px solid rgba(255,240,213,.21);border-radius:50%;transform:rotateX(61deg) rotate(-18deg);pointer-events:none}
.ring-one{width:670px;height:590px}
.ring-two{width:830px;height:720px;opacity:.5}
.hero-product{position:relative;z-index:3;width:min(100%,630px);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .35s ease-out;filter:drop-shadow(20px 36px 30px rgba(0,0,0,.45))}
.hero-product img{width:100%;height:auto;max-height:700px;object-fit:contain;animation:cupFloat 5s ease-in-out infinite}
@keyframes cupFloat{50%{transform:translateY(-10px)}}
.float-label{position:absolute;z-index:4;font-size:10px;letter-spacing:.19em;font-weight:800;color:#f4d8c0;white-space:nowrap}
.float-label-top{top:21%;right:-10px;transform:rotate(90deg)}
.float-label-top span{color:var(--orange-light);padding-right:12px}
.float-label-bottom{bottom:16%;left:3%;transform:rotate(-90deg);transform-origin:left center}
.stage-pearl{position:absolute;z-index:4;display:block;border-radius:50%;background:radial-gradient(circle at 30% 25%,#8b5a42,#392119 68%,#130d0b);box-shadow:10px 13px 18px rgba(0,0,0,.3);animation:pearlFloat 5s ease-in-out infinite}
.pearl-one{width:52px;height:52px;top:26%;left:9%}.pearl-two{width:30px;height:30px;right:9%;bottom:28%;animation-delay:-1.5s}.pearl-three{width:18px;height:18px;left:19%;bottom:25%;animation-delay:-2.5s}
@keyframes pearlFloat{50%{translate:0 -16px}}
.hero-bottom{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:19px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#c8bdb1}
.hero-scroll-line{height:1px;flex:1;background:rgba(255,255,255,.25)}
.marquee{background:var(--orange);color:var(--ink);height:70px;overflow:hidden;display:flex;align-items:center;border-top:1px solid rgba(0,0,0,.16);border-bottom:1px solid rgba(0,0,0,.16)}
.marquee-track{display:flex;align-items:center;width:max-content;animation:marquee 28s linear infinite}
.marquee-track>span{white-space:nowrap;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:0;word-spacing:.1em;padding-right:40px}
.marquee b{padding:0 28px;font-size:22px}
@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding:132px 0}
.intro{background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:1fr 3fr;gap:55px}
.intro-grid>.eyebrow{padding-top:16px;color:var(--orange)}
.intro-title{font-family:var(--display);font-weight:900;letter-spacing:-.04em;word-spacing:.1em;font-size:clamp(55px,7.5vw,125px);line-height:.95;max-width:1150px;margin-bottom:54px}
.intro-title span{color:#c9c0b2;margin-left:.13em}
.intro-bottom{border-top:1px solid var(--line);padding-top:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.intro-bottom .asterisk{font-size:58px;color:var(--orange);line-height:1}
.intro-bottom p{font-size:19px;line-height:1.65;max-width:530px;margin:0}
.flavors{background:var(--cream)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:68px}
.section-heading .eyebrow{color:#b94f27;margin-bottom:18px}
.section-heading h2,.experience-heading h2,.visit h2{font-family:var(--display);font-size:clamp(54px,6vw,101px);font-weight:900;letter-spacing:-.04em;word-spacing:.1em;line-height:.95;margin:0}
.section-heading h2 span{color:#aaa092}
.section-heading>p{max-width:290px;color:var(--muted);line-height:1.6;font-size:15px;margin:0 2% 3px 0}
.flavor-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);background:#efe4d6;min-height:610px}
.flavor-list{padding:38px 0 38px 48px;display:flex;flex-direction:column;justify-content:center}
.flavor-tab{width:100%;min-height:93px;background:none;border:0;border-bottom:1px solid #cfc3b3;color:#716b62;display:flex;align-items:center;text-align:left;gap:22px;cursor:pointer;padding:0 32px 0 0;transition:color .25s,padding .25s}
.flavor-tab:first-child{border-top:1px solid #cfc3b3}
.flavor-tab:hover,.flavor-tab.active{color:var(--ink)}
.flavor-tab.active{padding-left:10px}
.flavor-tab>span:nth-child(2){font-family:var(--display);font-size:clamp(24px,2.35vw,37px);font-weight:700;letter-spacing:-.02em;word-spacing:.1em}
.flavor-num{font-size:10px;align-self:center;letter-spacing:.15em}
.tab-arrow{margin-left:auto;font-size:23px;opacity:0;transform:translate(-10px,10px);transition:opacity .25s,transform .25s}
.flavor-tab.active .tab-arrow,.flavor-tab:hover .tab-arrow{opacity:1;transform:translate(0,0)}
.flavor-panel{display:grid;grid-template-columns:1fr .8fr;background:#e3a067;min-height:610px;position:relative;overflow:hidden;transition:background .5s}
.flavor-art{position:relative;display:grid;place-items:center;overflow:hidden;min-width:0}
.art-orbit{position:absolute;border:1px solid rgba(68,30,18,.18);border-radius:50%;transform:rotate(-28deg)}
.orbit-a{width:95%;height:66%}.orbit-b{width:125%;height:92%}
.drink-model{position:relative;width:220px;height:340px;z-index:2;transform:rotate(-9deg) translateY(10px);filter:drop-shadow(15px 25px 14px rgba(67,30,16,.22));transition:transform .45s}
.flavor-panel:hover .drink-model{transform:rotate(-4deg) translateY(-5px)}
.drink-cup{position:absolute;left:25px;top:58px;width:180px;height:265px;background:linear-gradient(110deg,rgba(255,255,255,.7),transparent 23%,var(--drink,#b97643) 27%,var(--drink,#b97643) 75%,rgba(255,255,255,.6));clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-radius:5px 5px 20px 20px;overflow:hidden;border:2px solid rgba(255,255,255,.4)}
.drink-cup::after{content:'';position:absolute;inset:8px 15px auto auto;width:10px;height:220px;border-radius:50%;background:rgba(255,255,255,.18)}
.drink-surface{position:absolute;left:0;right:0;top:0;height:36%;background:linear-gradient(180deg,rgba(255,250,230,.8),rgba(255,245,223,.2));opacity:.8}
.drink-lid{position:absolute;z-index:3;top:45px;left:18px;width:195px;height:28px;border-radius:50% 50% 18% 18%;background:#f4e8d9;border:4px solid rgba(255,255,255,.85);box-shadow:0 6px 2px rgba(64,31,17,.15)}
.drink-straw{position:absolute;z-index:1;top:-14px;left:114px;width:17px;height:100px;transform:rotate(5deg);background:#43251c;border-radius:8px 8px 0 0}
.drink-pearls{position:absolute;left:15px;right:15px;bottom:10px;height:60px}
.drink-pearls i{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#664433,#1b110e 75%)}
.drink-pearls i:nth-child(1){left:3px;bottom:4px}.drink-pearls i:nth-child(2){left:27px;bottom:15px}.drink-pearls i:nth-child(3){left:49px;bottom:0}.drink-pearls i:nth-child(4){left:69px;bottom:19px}.drink-pearls i:nth-child(5){left:94px;bottom:0}.drink-pearls i:nth-child(6){left:115px;bottom:17px}.drink-pearls i:nth-child(7){left:132px;bottom:1px}.drink-pearls i:nth-child(8){left:79px;bottom:34px}
.art-word{position:absolute;bottom:9%;left:0;font-family:var(--display);font-weight:900;font-size:clamp(130px,14vw,235px);letter-spacing:-.11em;color:rgba(255,255,255,.18);line-height:.8}
.panel-copy{position:relative;z-index:3;align-self:end;padding:0 42px 57px 0}
.panel-kicker{color:#4e2d20;margin-bottom:16px}
.panel-copy h3{font-family:var(--display);font-size:clamp(37px,3.5vw,56px);letter-spacing:-.03em;word-spacing:.12em;line-height:1;margin-bottom:16px}
.panel-copy>p:not(.eyebrow){line-height:1.55;max-width:270px;font-size:15px;margin-bottom:22px}
.flavor-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:31px}
.flavor-tags span{border:1px solid rgba(36,25,16,.45);border-radius:30px;padding:7px 11px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.menu-note{font-size:12px;color:var(--muted);margin:14px 0 0}
/* Full Rappi catalogue lives immediately after the landing hero. */
.catalog{background:var(--cream);overflow:clip;padding-top:105px;padding-bottom:110px}
.catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:45px;margin-bottom:56px}
.catalog-heading .eyebrow{color:#ab4d2b;margin-bottom:18px}
.catalog-heading h2{font-family:var(--display);font-size:clamp(61px,7.5vw,118px);font-weight:900;line-height:.86;letter-spacing:-.06em;word-spacing:.13em;margin:0 0 25px}
.catalog-heading h2 em{font-style:normal;color:#e87338}
.catalog-heading p:last-child{max-width:610px;color:#5d574f;font-size:16px;line-height:1.6;margin:0}
.catalog-stat{align-self:stretch;min-height:245px;background:#211a17;color:#fff3e5;padding:23px 25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.catalog-stat::after{content:'✳';font-size:145px;line-height:1;color:rgba(232,115,56,.2);position:absolute;right:-20px;top:-35px;transform:rotate(-16deg)}
.catalog-stat strong{font-family:var(--display);color:#f3a56d;font-weight:900;font-size:106px;letter-spacing:-.09em;line-height:.85;position:relative;z-index:1}
.catalog-stat span{font-size:11px;font-weight:800;letter-spacing:.18em;line-height:1.5;position:relative;z-index:1}
.catalog-toolbar{position:sticky;top:0;z-index:12;background:rgba(245,239,229,.97);backdrop-filter:blur(12px);border-top:1px solid #cfc4b5;border-bottom:1px solid #cfc4b5;padding:16px 0;margin-bottom:25px}
.catalog-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}
.catalog-filters{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;min-width:0}
.catalog-filters::-webkit-scrollbar{display:none}
.catalog-filter{flex:none;background:transparent;border:1px solid transparent;color:#6d655b;border-radius:100px;min-height:40px;padding:0 13px;cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.catalog-filter:hover{border-color:#bdb0a1;color:#231a15}
.catalog-filter[aria-pressed='true']{background:#241b17;color:#fff8ef;border-color:#241b17}
.catalog-filter small{font-size:10px;opacity:.64;margin-left:4px}
.catalog-search{position:relative;flex:0 0 225px;display:flex;align-items:center;border-bottom:1px solid #a99e8f;height:40px}
.catalog-search svg{width:18px;height:18px;flex:none;stroke:#3d332b}
.catalog-search input{background:transparent;border:0;outline:0;min-width:0;width:100%;height:100%;padding:0 8px;font:600 12px var(--body);color:#211a17}
.catalog-search input::placeholder{color:#797167;opacity:1}
.catalog-search:focus-within{border-bottom:2px solid #bd562a}
.catalog-results{font-size:11px;font-weight:800;letter-spacing:.1em;color:#756c61;text-transform:uppercase;margin:0 0 20px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.product-card{min-width:0;display:flex;flex-direction:column;background:#fffaf2;border:1px solid #ded5c9;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.product-card[hidden]{display:none}
.product-card:hover{transform:translateY(-5px);border-color:#bd8b68;box-shadow:0 16px 28px rgba(60,35,20,.1)}
.product-photo{position:relative;aspect-ratio:1;background:#e9dfd0;overflow:hidden}
.product-card[data-category='te-verde-sabor-frutas'] .product-photo{background:#ebddc5}
.product-card[data-category='cheese-cover'] .product-photo{background:#efd9c4}
.product-card[data-category='lattes'] .product-photo{background:#e4dfcd}
.product-card[data-category='frappes'] .product-photo{background:#ded9cb}
.product-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.product-card:hover .product-photo img{transform:scale(1.045)}
.product-index{position:absolute;z-index:1;top:15px;left:15px;background:#fffaf2;color:#5b4335;padding:8px 9px;font-size:10px;font-weight:800;letter-spacing:.08em}
.product-details{padding:19px 19px 16px;display:flex;flex-direction:column;flex:1}
.product-family{font-size:10px;font-weight:800;letter-spacing:.12em;color:#aa512c;text-transform:uppercase;margin:0 0 10px}
.product-details h3{font-family:var(--display);font-size:clamp(20px,1.7vw,27px);line-height:1.1;letter-spacing:-.035em;font-weight:800;margin:0 0 28px;min-height:2.25em}
.product-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;border-top:1px solid #e5ddd2;padding-top:12px;margin-top:auto}
.product-foot strong{font-family:var(--display);font-size:22px;letter-spacing:-.04em;white-space:nowrap}
.product-foot span{font-size:10px;font-weight:800;color:#a34c26;letter-spacing:.02em;text-align:right}
.catalog-empty{padding:60px 20px;text-align:center;background:#fffaf2;border:1px solid #ded5c9}
.catalog-empty[hidden]{display:none}
.catalog-empty h3{font-family:var(--display);font-size:30px;margin:0 0 8px}
.catalog-empty p{color:#6d655b;margin:0 0 18px}
.catalog-clear{border:1px solid #211a17;background:#211a17;color:#fffaf2;padding:11px 16px;cursor:pointer;font-size:12px;font-weight:800}
.catalog-source{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cfc4b5;margin-top:40px;padding-top:18px;font-size:12px;color:#625b53;line-height:1.5}
.catalog-source p{margin:0}
.catalog-source a{font-weight:800;color:#a34c26;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media (max-width:1180px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar-inner{display:block}.catalog-filters{margin-bottom:9px}.catalog-search{width:100%;max-width:370px}.catalog-heading h2{font-size:clamp(60px,8vw,100px)}}
@media (max-width:760px){.catalog{padding-top:72px;padding-bottom:76px}.catalog-heading{display:block;margin-bottom:36px}.catalog-heading h2{font-size:clamp(56px,12vw,82px)}.catalog-heading p:last-child{font-size:14px}.catalog-stat{display:none}.catalog-toolbar{padding:10px 0}.catalog-filter{min-height:38px;padding:0 12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-details{padding:13px 12px 12px}.product-family{font-size:9px}.product-details h3{font-size:19px;margin-bottom:21px}.product-foot strong{font-size:19px}.product-foot span{font-size:9px}.product-index{top:9px;left:9px;padding:6px;font-size:9px}.catalog-source{display:block}.catalog-source a{display:inline-block;margin-top:11px}}
@media (max-width:410px){.catalog-heading h2{font-size:clamp(47px,12vw,60px)}.catalog-grid{gap:7px}.product-details h3{font-size:17px}.product-foot span{max-width:54px}.catalog-search{max-width:none}}
.experience{background:#1d1a16;color:var(--paper);overflow:hidden}
.experience-heading{text-align:center;max-width:850px;margin:0 auto 75px}
.experience-heading .eyebrow{color:var(--orange-light);margin-bottom:22px}
.experience-heading h2{font-size:clamp(54px,6.8vw,108px)}
.experience-heading h2 em{font-style:normal;color:var(--orange)}
.experience-heading>p:last-child{margin:23px 0 0;color:#bcb1a4;font-size:17px}
.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reel-card{min-width:0}
.reel-visual{height:min(46vw,530px);min-height:360px;position:relative;overflow:hidden;isolation:isolate}
.reel-number{position:absolute;z-index:5;top:22px;left:22px;font-size:10px;font-weight:800;letter-spacing:.15em}
.reel-word{position:absolute;z-index:4;left:5%;bottom:10%;font-family:var(--display);font-weight:900;font-size:clamp(62px,7vw,120px);letter-spacing:-.1em;line-height:.8;transform:rotate(-7deg);transition:transform .5s}
.reel-card:hover .reel-word{transform:rotate(0) scale(1.06)}
.reel-card-one .reel-visual{background:radial-gradient(circle at 55% 48%,#ab643d,#653c2c 55%,#402b23)}
.big-pearl{position:absolute;border-radius:50%;background:radial-gradient(circle at 27% 22%,#97705a,#35211d 66%,#1e1412);box-shadow:20px 25px 30px rgba(0,0,0,.32)}
.p1{width:170px;height:170px;left:16%;top:15%}.p2{width:265px;height:265px;right:-10%;top:24%}.p3{width:95px;height:95px;left:9%;bottom:19%}
.reel-card-two .reel-visual{background:radial-gradient(circle at 60% 40%,#fbb86f,#e98a4f 60%,#b75538)}
.fruit-slice{position:absolute;width:260px;height:260px;border-radius:50%;border:24px solid #ffdc9c;background:repeating-conic-gradient(from -4deg,#ffbc69 0 26deg,#f9d292 27deg 30deg);box-shadow:14px 22px 28px rgba(107,47,22,.22),inset 0 0 0 10px rgba(255,243,204,.5)}
.slice-one{left:2%;top:9%;transform:rotate(-24deg)}.slice-two{right:-16%;bottom:8%;width:220px;height:220px;transform:rotate(37deg)}
.reel-card-three .reel-visual{background:radial-gradient(circle at 42% 32%,#c3c38d,#667352 64%,#404d3a)}
.cream-swirl{position:absolute;border:45px solid rgba(239,237,201,.78);border-radius:50%;box-shadow:15px 20px 25px rgba(30,52,30,.25)}
.swirl-one{width:335px;height:335px;top:3%;left:8%;transform:rotateX(60deg) rotate(-30deg)}.swirl-two{width:360px;height:360px;bottom:0;right:-26%;transform:rotateX(62deg) rotate(30deg)}
.reel-caption{padding:22px 2px 0}
.reel-caption h3{font-family:var(--display);font-size:25px;letter-spacing:-.01em;word-spacing:.09em;margin-bottom:5px}
.reel-caption p{font-size:13px;color:#b8ad9e;margin:0}
.visit{background:var(--orange-light)}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.visit .eyebrow{color:#7f3d20;margin-bottom:24px}
.visit h2{font-size:clamp(60px,6vw,100px);margin-bottom:27px}
.visit h2 em{font-style:normal;color:#aa522b}
.visit-copy>p:not(.eyebrow){max-width:390px;line-height:1.6;font-size:18px;margin-bottom:32px}
.visit-card{background:var(--paper);min-height:520px;box-shadow:20px 25px 0 rgba(85,43,25,.12)}
.visit-card-top{height:62px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:var(--display);font-size:16px;font-weight:900;letter-spacing:.05em}
.visit-card-top span:last-child{font-size:25px;font-weight:400}
.map-art{height:292px;position:relative;overflow:hidden;background-color:#e9e4da;background-image:linear-gradient(36deg,transparent 45%,#dad2c3 46%,#dad2c3 48%,transparent 49%),linear-gradient(122deg,transparent 42%,#d2c9b8 43%,#d2c9b8 45%,transparent 46%),linear-gradient(0deg,transparent 46%,#d8d0c2 47%,#d8d0c2 49%,transparent 50%);background-size:220px 160px,300px 220px,100% 83px}
.map-art::before,.map-art::after{content:'';position:absolute;background:#d5ddc9;border-radius:45%}
.map-art::before{width:150px;height:90px;top:12%;right:15%;transform:rotate(22deg)}.map-art::after{width:100px;height:80px;bottom:7%;left:8%}
.map-road{position:absolute;background:var(--paper);box-shadow:0 0 0 1px #d2cabd}.road-one{width:130%;height:19px;top:47%;left:-10%;transform:rotate(-20deg)}.road-two{width:120%;height:17px;top:27%;left:-8%;transform:rotate(43deg)}.road-three{width:18px;height:130%;left:58%;top:-15%;transform:rotate(15deg)}
.map-pin{position:absolute;z-index:2;top:39%;left:50%;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--orange-light);font-size:35px;box-shadow:0 8px 0 rgba(30,20,10,.16);animation:pinBob 2.5s ease-in-out infinite}
@keyframes pinBob{50%{transform:translateY(-9px)}}
.visit-details{display:grid;grid-template-columns:1fr 1fr;padding:25px 28px;gap:15px}
.visit-details>div{display:flex;flex-direction:column;gap:10px}
.visit-details span{font-size:10px;letter-spacing:.17em;font-weight:800;color:#a34d28}
.visit-details strong{font-size:15px;line-height:1.45}
.footer{background:#171512;color:#f2e9de;padding:70px 0 23px}
.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:98px}
.footer-logo{font-family:var(--display);font-size:clamp(62px,9vw,138px);font-weight:900;letter-spacing:-.09em;line-height:.8}
.footer-logo span{color:var(--orange);margin-left:15px;font-size:.65em;vertical-align:top}
.footer-main p{margin:24px 0 0;color:#b9a99b;font-size:15px}
.footer-links{display:grid;grid-template-columns:repeat(2,max-content);gap:19px 35px;align-content:end;font-size:13px;font-weight:700}
.footer-links a:hover,.footer-bottom a:hover{color:var(--orange-light)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;letter-spacing:.11em;color:#a99b8e}
.mobile-order{display:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:1100px){.wrap{width:min(100% - 64px,1440px)}.site-header{padding-inline:32px}.site-nav{gap:24px}.hero h1{font-size:clamp(66px,7.5vw,100px)}.hero-stage{min-height:540px}.hero-product{width:118%;max-width:none}.float-label-top{right:-22px}.flavor-layout{grid-template-columns:.7fr 1.3fr}.flavor-list{padding-left:26px}.flavor-panel{grid-template-columns:1fr .9fr}.panel-copy{padding-right:20px}.reel-visual{min-height:310px}.fruit-slice{width:190px;height:190px}.footer-main{padding-bottom:70px}}
@media (max-width:760px){html{scroll-padding-top:65px}.wrap{width:min(100% - 40px,1440px)}.site-header{height:72px;padding-inline:20px}.brand{min-width:0}.brand img{width:39px;height:39px}.brand-type strong{font-size:17px}.brand-type small{font-size:8px}.menu-toggle{display:flex;position:relative;z-index:25;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.5);background:transparent;color:white;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:currentColor;transition:transform .25s}.menu-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.site-nav{position:fixed;z-index:24;inset:0;background:#171512;padding:110px 24px 32px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(100%);transition:transform .35s}.menu-open .site-nav{transform:translateX(0)}.site-nav>a{font-family:var(--display);font-size:30px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2)}.site-nav .nav-order{font-family:var(--body);font-size:14px;margin-top:30px;padding:16px 20px;border:1px solid white}.hero{min-height:820px}.hero-content{min-height:820px;padding-top:115px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.hero-copy{padding:0;z-index:8}.hero-eyebrow{font-size:9px;margin-bottom:19px}.hero h1{font-size:clamp(55px,12vw,83px);margin-bottom:18px}.hero-lead{font-size:15px;max-width:345px;margin-bottom:21px}.hero-actions{gap:20px}.hero-actions .button{min-height:48px;font-size:12px;padding:0 15px}.hero-actions .text-link{font-size:12px}.hero-stage{height:440px;min-height:440px;position:absolute;bottom:24px;left:7%;right:-9%;opacity:.94}.stage-halo{width:440px}.hero-product{width:420px;max-width:100%;transform:rotate(-5deg) translate3d(0,var(--hover-y,0px),0)}.stage-ring{opacity:.35}.float-label{display:none}.hero-bottom{bottom:16px;font-size:8px}.hero-bottom span:last-child{display:none}.stage-pearl{transform:scale(.7)}.marquee{height:54px}.marquee-track>span{font-size:16px}.section-pad{padding:78px 0}.intro-grid{display:block}.intro-grid>.eyebrow{padding:0;margin-bottom:25px}.intro-title{font-size:clamp(52px,10vw,77px);margin-bottom:34px}.intro-bottom{padding-top:22px}.intro-bottom .asterisk{font-size:40px}.intro-bottom p{font-size:15px;max-width:320px}.section-heading{display:block;margin-bottom:35px}.section-heading h2,.experience-heading h2,.visit h2{font-size:clamp(50px,10vw,77px)}.section-heading>p{font-size:14px;margin-top:22px}.flavor-layout{display:block}.flavor-list{padding:12px 18px;display:flex;flex-direction:row;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.flavor-list::-webkit-scrollbar{display:none}.flavor-tab{flex:0 0 auto;min-height:51px;width:auto;padding:0 15px;gap:6px;border:0;border-bottom:2px solid transparent}.flavor-tab:first-child{border-top:0}.flavor-tab.active{padding-left:15px;border-color:var(--ink)}.flavor-tab>span:nth-child(2){font-size:17px;white-space:nowrap}.flavor-num,.tab-arrow{display:none}.flavor-panel{min-height:545px;grid-template-columns:1fr 1fr}.flavor-art{min-height:345px}.drink-model{transform:scale(.72) rotate(-9deg)}.flavor-panel:hover .drink-model{transform:scale(.72) rotate(-5deg)}.art-word{font-size:130px}.panel-copy{padding:0 16px 32px 0}.panel-copy h3{font-size:34px}.panel-copy>p:not(.eyebrow){font-size:13px}.panel-kicker{font-size:9px}.flavor-tags span{font-size:8px}.experience-heading{margin-bottom:42px}.experience-heading>p:last-child{font-size:15px}.reel-grid{grid-template-columns:repeat(3,78%);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:20px;margin-inline:-20px;padding:0 20px 20px;scrollbar-width:none}.reel-grid::-webkit-scrollbar{display:none}.reel-card{scroll-snap-align:start}.reel-visual{height:420px}.reel-word{font-size:85px}.fruit-slice{width:250px;height:250px}.visit-grid{display:block}.visit-copy{margin-bottom:48px}.visit-card{min-height:0}.footer-main{display:block;padding-bottom:55px}.footer-logo{font-size:clamp(55px,14vw,85px)}.footer-links{margin-top:45px}.footer-bottom{flex-wrap:wrap;line-height:1.6}.footer-bottom span:nth-child(2){display:none}.mobile-order{position:fixed;z-index:18;bottom:14px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;width:min(100% - 28px,460px);background:var(--orange);color:var(--ink);padding:15px 20px;font-weight:800;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.mobile-order span{font-size:20px}.menu-open .mobile-order{display:none}}
@media (max-width:480px){.hero{min-height:920px}.hero-content{min-height:920px}.hero h1{font-size:clamp(49px,13vw,66px)}.hero-lead{font-size:14px;max-width:310px}.hero-stage{bottom:24px;left:-4%;right:-17%;height:490px;min-height:490px}.hero-product{width:320px}.stage-halo{width:380px}.hero-bottom{bottom:14px}.hero-bottom>span:first-child{white-space:nowrap}.intro-title{font-size:clamp(47px,12vw,64px)}.intro-bottom p{font-size:14px}.flavor-panel{display:block;min-height:590px}.flavor-art{height:350px}.drink-model{transform:scale(.85) rotate(-9deg)}.flavor-panel:hover .drink-model{transform:scale(.85) rotate(-5deg)}.art-word{font-size:165px}.panel-copy{padding:0 24px 29px}.panel-copy h3{font-size:39px}.panel-copy>p:not(.eyebrow){max-width:none}.flavor-tags{margin-bottom:18px}.experience-heading h2{font-size:clamp(40px,11vw,47px)}.reel-grid{grid-template-columns:repeat(3,86%)}.visit h2{font-size:clamp(50px,11.2vw,65px)}.visit-actions{gap:18px}.visit-card{box-shadow:10px 12px 0 rgba(85,43,25,.12)}.visit-details{padding:18px}.visit-details strong{font-size:12px}.visit-card-top{height:55px;padding-inline:18px}.map-art{height:240px}.footer{padding-top:58px}.footer-logo{font-size:clamp(48px,13.5vw,66px)}}
@media (prefers-reduced-motion:reduce){html:not(.motion-on){scroll-behavior:auto}html:not(.motion-on) *,html:not(.motion-on) *::before,html:not(.motion-on) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html:not(.motion-on) .reveal{opacity:1;transform:none}}

.motion-toggle{position:fixed;z-index:19;right:20px;bottom:18px;display:flex;align-items:center;gap:9px;background:#fff8ed;color:#241c18;border:1px solid #d9ad8b;border-radius:100px;padding:10px 15px;box-shadow:0 8px 25px rgba(0,0,0,.22);font-size:11px;font-weight:800;cursor:pointer}
.motion-toggle[hidden]{display:none}.motion-toggle>span:first-child{font-size:17px;color:#bd5728;line-height:1}

/* Scroll story: the product, type and details travel on separate depth planes. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scroll-story{background:#241c18;color:#fff8ed;overflow:clip}
.story-sticky{height:min(800px,100svh);min-height:650px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 73% 52%,#74402a 0%,#3f2921 32%,#241c18 67%)}
.story-glow{position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(circle at 72% 52%,rgba(245,144,79,.3),transparent 30%);filter:blur(24px)}
.story-noise{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.085;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' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.story-frame{height:100%;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;z-index:2}
.story-topline,.story-bottomline{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.18em;font-weight:800;color:#f5d9bf}
.story-topline{top:37px}.story-bottomline{bottom:37px}
.story-copy{position:relative;z-index:3;height:345px;display:flex;flex-direction:column;justify-content:center}
.story-beat{position:relative;width:100%;max-width:660px;padding-right:10px}
.story-kicker{margin:0 0 26px;color:#f3ad70;letter-spacing:.21em;font-size:11px;font-weight:800}
.story-beat h2{margin:0 0 28px;font-family:var(--display);font-size:clamp(58px,6.1vw,103px);line-height:.9;letter-spacing:-.06em;font-weight:900;word-spacing:.08em}
.story-beat h2 em{font-style:normal;color:#f5a55f}
.story-beat>p:last-child{max-width:365px;color:#ecd5c5;font-size:17px;line-height:1.5;margin:0}
.story-beat:not(:first-child){margin-top:70px}
.story-scene{position:relative;height:100%;min-width:0;perspective:1200px;transform-style:preserve-3d}
.story-aura{position:absolute;top:50%;left:53%;width:min(46vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#eb9a56 0%,#ae6139 33%,rgba(92,47,29,.5) 58%,transparent 72%);transform:translate(-50%,-50%);filter:blur(3px);opacity:.9}
.story-orbit{position:absolute;top:50%;left:53%;width:84%;aspect-ratio:1.4;border:1px solid rgba(255,226,195,.32);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg) rotateX(65deg);pointer-events:none}
.story-orbit-two{width:114%;opacity:.5;transform:translate(-50%,-50%) rotate(26deg) rotateX(63deg)}
.story-drink{position:absolute;z-index:3;top:51%;left:53%;width:min(39vw,570px);transform:translate(-50%,-50%) rotateZ(-5deg);filter:drop-shadow(22px 34px 24px rgba(12,7,5,.52));will-change:transform}
.story-drink img{width:100%;max-height:77svh;object-fit:contain}
.story-pearl{position:absolute;z-index:4;display:block;border-radius:50%;background:radial-gradient(circle at 26% 21%,#ae8061 0%,#6c4331 29%,#241412 76%);box-shadow:13px 18px 22px rgba(0,0,0,.33);will-change:transform}
.story-pearl-one{width:76px;height:76px;top:20%;left:8%}.story-pearl-two{width:48px;height:48px;top:38%;right:2%}.story-pearl-three{width:29px;height:29px;left:19%;bottom:18%}.story-pearl-four{width:20px;height:20px;right:21%;bottom:26%}
.story-mini-disc{position:absolute;z-index:1;border:15px solid rgba(255,206,149,.78);border-radius:50%;box-shadow:10px 20px 28px rgba(28,10,7,.23);background:repeating-conic-gradient(#f7a55b 0 24deg,#ffd391 25deg 30deg);will-change:transform}
.story-disc-one{width:155px;height:155px;right:7%;top:13%;transform:rotateX(52deg) rotate(-20deg)}.story-disc-two{width:110px;height:110px;left:5%;bottom:16%;transform:rotateX(52deg) rotate(28deg)}
.story-scene-label{position:absolute;z-index:5;right:-12px;top:50%;font-size:9px;font-weight:800;letter-spacing:.17em;color:#f6ddc8;writing-mode:vertical-rl}
.story-track{height:1px;flex:1;max-width:360px;background:rgba(255,230,205,.3);overflow:hidden}.story-track-fill{display:block;width:100%;height:100%;background:#ffae69;transform:scaleX(0);transform-origin:left center}
.story-count{min-width:67px;text-align:right}
html:not(.has-js) .story-sticky{height:auto;min-height:0;overflow:visible;padding:80px 0}
html:not(.has-js) .story-copy{height:auto;padding:30px 0}
html:not(.has-js) .story-scene{height:620px}
html:not(.has-js) .story-topline,html:not(.has-js) .story-bottomline{display:none}
html.has-js .scroll-story{height:330svh}
html.has-js .story-sticky{height:100svh;min-height:560px;position:sticky;top:0}
html.has-js .story-beat{position:absolute;left:0;top:50%;transform:translateY(calc(-50% + var(--beat-shift,0px)));opacity:0;pointer-events:none;will-change:transform,opacity}
html.has-js .story-beat:first-child{opacity:1}
html.has-js .story-beat:not(:first-child){margin-top:0}
@media (max-width:1100px){.story-beat h2{font-size:clamp(49px,6.2vw,79px)}.story-drink{width:min(45vw,520px)}.story-aura{width:53vw}.story-mini-disc{border-width:12px}.story-disc-one{width:125px;height:125px}}
@media (max-width:760px){
  .story-sticky{min-height:720px;height:800px}
  .story-frame{display:block}
  .story-topline{top:24px;font-size:8px}.story-topline span:last-child{display:none}
  .story-copy{position:absolute;top:75px;left:0;right:0;height:auto;min-height:205px;display:block}
  .story-beat{max-width:none;padding:0}.story-beat:not(:first-child){margin-top:36px}
  .story-kicker{font-size:9px;margin-bottom:15px}
  .story-beat h2{font-size:clamp(43px,9.4vw,75px);margin-bottom:12px;line-height:.89}
  .story-beat>p:last-child{font-size:13px;max-width:275px;line-height:1.45}
  .story-scene{position:absolute;left:-5%;right:-5%;top:32%;height:62%}
  .story-aura{width:min(92vw,570px)}
  .story-drink{width:min(72vw,420px)}.story-drink img{max-height:55svh}
  .story-orbit{width:95%}.story-orbit-two{width:120%}
  .story-pearl-one{width:49px;height:49px}.story-pearl-two{width:34px;height:34px}.story-pearl-three{width:23px;height:23px}
  .story-disc-one{width:95px;height:95px}.story-disc-two{width:75px;height:75px}
  .story-scene-label{display:none}
  .story-bottomline{top:56px;bottom:auto;font-size:8px;gap:12px}.story-bottomline>span:first-child{display:none}.story-track{max-width:none}
  html:not(.has-js) .story-scene{position:relative;left:auto;right:auto;top:auto;height:450px}
  html:not(.has-js) .story-copy{position:relative;top:auto;left:auto;right:auto;padding:0}
  html.has-js .scroll-story{height:300svh}
  html.has-js .story-sticky{min-height:600px}
  html.has-js .story-copy{top:20%;min-height:0;height:220px}
  html.has-js .story-beat{top:0;transform:translateY(var(--beat-shift,0px))}
}
@media (max-width:480px){.story-beat h2{font-size:clamp(39px,10vw,51px)}.story-copy{top:68px}.story-scene{top:35%;height:57%}.story-aura{width:105vw}.story-pearl-one{left:1%}.story-pearl-two{right:0}.story-disc-one{right:0}html.has-js .story-copy{top:17%}}
@media (max-width:760px){.motion-toggle{bottom:79px;right:14px;padding:8px 11px;font-size:10px}.mobile-order{transition:transform .3s,opacity .3s}body.immersive-view .mobile-order{transform:translate(-50%,130%);opacity:0;pointer-events:none}body.immersive-view .motion-toggle{bottom:14px}}
@media (prefers-reduced-motion:reduce){html.has-js:not(.motion-on) .scroll-story{height:auto}html.has-js:not(.motion-on) .story-sticky{height:auto;min-height:0;position:relative;padding:75px 0}html.has-js:not(.motion-on) .story-frame{display:block}html.has-js:not(.motion-on) .story-topline,html.has-js:not(.motion-on) .story-bottomline{display:none}html.has-js:not(.motion-on) .story-copy{position:relative;top:auto;left:auto;right:auto;height:auto;min-height:0}html.has-js:not(.motion-on) .story-beat{position:relative;top:auto;left:auto;opacity:1!important;transform:none!important;margin:0 0 80px!important}html.has-js:not(.motion-on) .story-beat:last-child{margin-bottom:0!important}html.has-js:not(.motion-on) .story-beat h2{font-size:clamp(43px,8vw,76px)}html.has-js:not(.motion-on) .story-scene{display:none}}

/* Lightweight 3D product stage: the poster remains useful when WebGL is unavailable. */
.model-showcase{background:#efb488;overflow:hidden}
.model-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:5%;align-items:center;min-height:670px}
.model-copy{position:relative;z-index:2;padding:35px 0}
.model-eyebrow{color:#703a25;margin-bottom:28px}
.model-copy h2{font-family:var(--display);font-weight:900;font-size:clamp(55px,5.8vw,98px);line-height:.91;letter-spacing:-.055em;word-spacing:.1em;margin:0 0 30px}
.model-copy h2 em{font-style:normal;color:#fff7e8}
.model-copy>p:not(.eyebrow){max-width:420px;font-size:17px;line-height:1.6;margin-bottom:32px}
.model-stage{height:650px;position:relative;isolation:isolate;display:grid;place-items:center;min-width:0}
.model-stage::before{content:'360°';position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(150px,19vw,330px);font-weight:900;letter-spacing:-.11em;color:rgba(255,248,231,.21);white-space:nowrap}
.model-halo{position:absolute;z-index:-2;top:50%;left:50%;width:min(43vw,590px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 40%,#ffdda8,#dc8b58 56%,rgba(170,83,46,0) 72%)}
.model-ring{position:absolute;top:50%;left:50%;width:84%;aspect-ratio:1.4;border:1px solid rgba(92,45,23,.35);border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg) rotateX(63deg);pointer-events:none}
.model-ring-two{width:108%;transform:translate(-50%,-50%) rotate(24deg) rotateX(66deg);opacity:.6}
.model-static{position:absolute;z-index:1;top:50%;left:50%;width:min(90%,600px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(23px 30px 20px rgba(70,35,18,.3));transition:opacity .4s}
.cup-viewer{display:block;position:absolute;z-index:2;inset:0;width:100%;height:100%;background:transparent;opacity:0;transition:opacity .4s}
.model-ready .cup-viewer{opacity:1}.model-ready .model-static{opacity:0}
.model-side-note{position:absolute;right:0;top:50%;writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.18em;color:#6e3622}
.model-gesture{position:absolute;z-index:3;bottom:6px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:.17em;white-space:nowrap;margin:0;color:#5d3425;opacity:0}
.model-ready .model-gesture{opacity:1}
@media (max-width:1100px){.model-layout{gap:1%}.model-copy h2{font-size:clamp(49px,5.7vw,76px)}.model-stage{height:540px}}
@media (max-width:760px){.model-layout{display:block;min-height:0}.model-copy{padding:0 0 20px}.model-eyebrow{margin-bottom:17px}.model-copy h2{font-size:clamp(47px,9.5vw,72px);margin-bottom:19px}.model-copy>p:not(.eyebrow){font-size:15px;max-width:450px;margin-bottom:24px}.model-stage{height:540px;margin:10px -20px -30px}.model-halo{width:min(100vw,540px)}.model-static{width:105%}.model-gesture{bottom:20px}}
@media (max-width:480px){.model-copy h2{font-size:clamp(42px,10.5vw,54px)}.model-stage{height:430px;margin-bottom:-10px}.model-side-note{right:15px;font-size:8px}.model-gesture{bottom:8px}.model-static{width:110%}}
@media (max-width:360px){.hero h1{font-size:44px}.story-scene{top:37%;height:55%}.story-drink{width:62vw}}
@media (max-height:620px){html.has-js .scroll-story{height:auto}html.has-js .story-sticky{height:auto;min-height:0;position:relative;overflow:visible;padding:65px 0}html.has-js .story-frame{display:block}html.has-js .story-topline,html.has-js .story-bottomline{display:none}html.has-js .story-copy{position:relative;top:auto;left:auto;right:auto;height:auto;min-height:0}html.has-js .story-beat{position:relative;top:auto;left:auto;opacity:1!important;transform:none!important;margin:0 0 65px!important}html.has-js .story-beat:last-child{margin-bottom:0!important}html.has-js .story-beat h2{font-size:clamp(36px,6vw,66px)}html.has-js .story-scene{display:none}}