/* Full-viewport native-scroll cinema: one stage, eight controlled scenes. */
.cinema-track{height:920svh;position:relative;background:#eee8da}.cinema-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:#eee8da}.cinema-stage .cinema-scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;z-index:1}.cinema-stage .cinema-scene.cinema-active{visibility:visible;pointer-events:auto}.cinema-stage .cinema-scene[inert]{pointer-events:none}.cinema-counter,.cinema-bottom{position:absolute;z-index:20;left:5%;right:5%;display:flex;align-items:center;gap:18px;pointer-events:none;color:var(--cinema-ink,#302a21);transition:color .3s}.cinema-counter{top:4%;font-size:8px;letter-spacing:.15em}.cinema-counter>span:first-child{font:italic 17px Georgia}.cinema-counter i{width:45px;height:1px;background:currentColor;opacity:.4}.cinema-bottom{bottom:3.5%;justify-content:space-between;font-size:7px;letter-spacing:.17em}.cinema-stage h2{font-size:clamp(34px,3.7vw,62px)}.cinema-stage .description{font-size:12px;line-height:1.9}.cinema-stage .chapter-heading .eyebrow{margin-bottom:19px}.cinema-stage #journey{padding:0;background:#dcd8c7;display:grid;grid-template-columns:42% 58%}.cinema-stage #journey .chapter-heading{padding:0;position:absolute;left:7%;top:21%;width:34%;z-index:3}.cinema-stage #journey h2{font-size:clamp(34px,3.4vw,54px);line-height:1.35}.cinema-stage #journey h2 br{display:none}.cinema-stage #journey .description{margin-top:28px;max-width:300px}.cinema-stage .landscape{position:absolute;right:0;top:0;width:56%;height:100%;overflow:hidden}.cinema-stage .landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#dcd8c722,transparent 30%);pointer-events:none}.cinema-stage .terrain{height:100%;width:100%;object-position:center}.cinema-stage .origin-passport{bottom:12%;right:8%;width:77%;padding:24px;z-index:3;background:#f4eddeed}.cinema-stage .origin-passport h3{font-size:40px;margin:10px 0}.cinema-stage .origin-passport p{font-size:11px}.cinema-stage .origin-passport>div{padding-top:15px;margin-top:15px}.cinema-stage .map-pin{width:40px;height:40px;font-size:16px;z-index:4}.cinema-stage .pin-br{left:10%;top:28%}.cinema-stage .pin-co{left:44%;top:18%}.cinema-stage .pin-et{left:78%;top:31%}.cinema-stage .map-pin span{top:48px;font-size:7px}.cinema-stage .journey-route i{left:14%;top:32%;width:39%;transform:rotate(-18deg)}.cinema-stage .journey-route i+i{left:48%;top:22%;width:39%;transform:rotate(20deg)}.cinema-stage .map-disclaimer{bottom:7%;left:8%;font-size:6px;z-index:4}.cinema-stage .lab-sticky{position:absolute;inset:0;height:100%;min-height:0;padding:0}.cinema-stage .lab-sticky .chapter-heading{position:absolute;left:8%;top:16%;width:32%}.cinema-stage .roast-spectrum{left:40%;right:-2%;top:20%;height:40%;gap:5%}.cinema-stage .spectrum-bean{flex-basis:23%;height:100%;transform:translateY(var(--bean-rise,0px)) rotate(-12deg)}.cinema-stage .roast-scale{bottom:23%}.cinema-stage .roast-story{bottom:11%}.cinema-stage .lab-footnote{bottom:6%}.cinema-stage #brew{padding:10vh 8%;grid-template-columns:46% 46%;gap:8%;align-items:center;background:#f3eddf}.cinema-stage .brew-visual{height:78vh;max-height:720px;width:100%;border-radius:44% 44% 3px 3px}.cinema-stage .brew-copy{position:relative;max-height:80vh}.cinema-stage .brew-copy>.eyebrow{margin-bottom:18px}.cinema-stage .brew-tabs{margin:23px 0;gap:22px}.cinema-stage .brew-copy h3{font-size:20px;margin-bottom:16px}.cinema-stage #brew-description{font-size:12px}.cinema-stage .brew-facts{margin:20px 0}.cinema-stage .brew-facts div{padding:12px 0}.cinema-stage .brew-copy .disclaimer{font-size:8px}.cinema-stage #brew-cinema{background:#261c14;padding:0}.cinema-stage .brew-film-wrap{position:absolute;inset:0;width:100%;height:100%;margin:0}.cinema-stage .brew-film-copy{top:31%;left:9%}.cinema-stage .brew-film-copy>p{font-size:clamp(44px,6vw,90px)}.cinema-stage .brew-film-wrap video{transform:scale(var(--film-scale,1.04));will-change:transform}.cinema-stage .unbox-sticky{position:absolute;inset:0;height:100%;min-height:0;padding:0}.cinema-stage .unbox-sticky .chapter-heading{position:absolute;left:8%;top:16%;width:35%}.cinema-stage .parcel-scene{left:49%;top:24%;width:43vw;max-width:600px;height:54vh;transform:rotate(var(--parcel-rotation,-5deg));will-change:transform}.cinema-stage .parcel-photo,.cinema-stage .parcel-closed{inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--parcel-photo-scale,1))}.cinema-stage .unbox-label{left:8%;font-size:11px}.cinema-stage .ul1{top:51%}.cinema-stage .ul2{top:60%}.cinema-stage .ul3{top:69%}.cinema-stage .unbox-note{left:8%;bottom:9%;font-size:11px}.cinema-stage #plan{padding:8vh 8%;gap:9%;align-items:center}.cinema-stage .plan-art{height:78vh;min-height:0}.cinema-stage .plan-art>.eyebrow{padding-top:20px}.cinema-stage .desk-bag{top:15%;height:48vh;max-height:390px;width:240px;left:26%}.cinema-stage .desk-caption{bottom:4%;font-size:20px}.cinema-stage .plan-copy{max-height:82vh}.cinema-stage .plan-copy>.eyebrow{margin-bottom:18px}.cinema-stage .plan-copy .pill-options{margin-top:22px}.cinema-stage .plan-total{margin:25px 0 18px;padding-top:19px}.cinema-stage .primary{padding:16px 20px}.cinema-stage #manage{padding:10vh 9%;gap:10%;grid-template-columns:45% 45%}.cinema-stage .calendar-card{padding:26px;max-height:78vh}.cinema-stage .calendar-month{margin:25px 0 18px}.cinema-stage .calendar-grid{gap:5px}.cinema-stage .manage-copy h2{font-size:clamp(34px,3.8vw,58px)}.cinema-stage #finale{height:100%;min-height:0;padding:0}.cinema-stage .finale-content h2{font-size:clamp(60px,8vw,120px);margin:24px 0}.cinema-stage .finale-word{bottom:-5%}.cinema-stage .finale-rings{width:70vw;height:70vw}
@media(min-width:761px) and (max-height:670px){.cinema-stage h2{font-size:32px}.cinema-stage .description{font-size:11px;margin-top:15px}.cinema-stage .brew-tabs{margin:15px 0}.cinema-stage .brew-facts{margin:12px 0}.cinema-stage .brew-facts div{padding:8px 0}.cinema-stage .brew-copy h3{font-size:17px}.cinema-stage .plan-copy .pill-options{margin-top:15px}.cinema-stage .pill-options span{padding:9px 16px}.cinema-stage .plan-total{margin:17px 0 12px;padding-top:12px}.cinema-stage .calendar-card{padding:20px;max-width:370px}.cinema-stage .calendar-month{margin:15px 0}.cinema-stage .calendar-month h3{font-size:26px}.cinema-stage .calendar-grid{gap:0}.cinema-stage .calendar-grid>span{aspect-ratio:1.5}.cinema-stage .calendar-status{margin-top:12px;padding-top:12px}.cinema-stage .manage-actions{gap:8px;margin-top:20px}.cinema-stage .manage-actions button{padding:11px 15px}.cinema-stage .origin-passport{padding:20px}.cinema-stage .origin-passport h3{font-size:32px}}
@media(max-width:760px){.cinema-track{height:950svh}.cinema-stage .cinema-counter{top:3%;left:7%;right:7%;font-size:6px;gap:12px}.cinema-stage .cinema-bottom{bottom:3%;left:7%;right:7%;font-size:6px}.cinema-stage h2{font-size:31px!important;line-height:1.3}.cinema-stage .description{font-size:10px;line-height:1.8;margin-top:15px}.cinema-stage .eyebrow{font-size:7px}.cinema-stage #journey{display:block}.cinema-stage #journey .chapter-heading{top:10%;left:8%;width:84%}.cinema-stage #journey h2{font-size:29px!important;max-width:300px}.cinema-stage #journey h2 br{display:initial}.cinema-stage #journey .description{margin-top:12px;font-size:10px}.cinema-stage .landscape{top:38%;height:62%;width:100%}.cinema-stage .origin-passport{bottom:13%;left:8%;right:8%;width:auto;padding:18px}.cinema-stage .origin-passport h3{font-size:30px}.cinema-stage .origin-passport p{font-size:10px;line-height:1.7}.cinema-stage .origin-passport>div{font-size:6px;margin-top:12px;padding-top:12px}.cinema-stage .pin-br{left:12%;top:10%}.cinema-stage .pin-co{left:44%;top:7%}.cinema-stage .pin-et{left:77%;top:11%}.cinema-stage .map-pin{height:34px;width:34px;font-size:14px}.cinema-stage .map-pin span{top:39px;font-size:6px}.cinema-stage .map-disclaimer{bottom:8%;font-size:5px}.cinema-stage .journey-route i{top:16%;left:16%;transform:rotate(-4deg)}.cinema-stage .journey-route i+i{top:12%;left:48%;transform:rotate(6deg)}.cinema-stage .lab-sticky .chapter-heading{top:11%;left:8%;width:84%}.cinema-stage .roast-spectrum{left:5%;right:-35%;top:40%;height:28%;gap:6%}.cinema-stage .spectrum-bean{flex-basis:20%}.cinema-stage .roast-scale{bottom:24%;font-size:6px}.cinema-stage .roast-story{bottom:11%;display:block}.cinema-stage .roast-story strong{font-size:20px}.cinema-stage .roast-story p{font-size:10px;margin-top:10px}.cinema-stage .lab-footnote{bottom:6%;font-size:5px}.cinema-stage #brew{display:block;padding:0}.cinema-stage .brew-visual{position:absolute;left:0;right:0;top:0;width:100%;height:37%;max-height:none;border-radius:0;order:0}.cinema-stage .brew-visual>img{object-position:center 48%}.cinema-stage .photo-caption{bottom:15px;left:8%;font-size:6px}.cinema-stage .brew-copy{position:absolute;top:41%;left:8%;width:84%;height:54%;max-height:none}.cinema-stage .brew-copy>.eyebrow{display:none}.cinema-stage .brew-copy h2{font-size:26px!important}.cinema-stage .brew-tabs{margin:12px 0 16px;gap:22px}.cinema-stage .brew-tabs button{font-size:10px;padding:9px 0}.cinema-stage .brew-copy h3{font-size:17px;margin-bottom:10px}.cinema-stage #brew-description{font-size:10px;line-height:1.8}.cinema-stage .brew-facts{margin:12px 0}.cinema-stage .brew-facts div{padding:8px 0}.cinema-stage .brew-facts dt{font-size:6px}.cinema-stage .brew-facts dd{font-size:9px}.cinema-stage .brew-copy .disclaimer{font-size:6px;line-height:1.6}.cinema-stage .brew-film-copy{top:30%;left:8%;right:8%}.cinema-stage .brew-film-copy>p{font-size:41px;line-height:1.35}.cinema-stage .unbox-sticky .chapter-heading{top:11%;left:8%;width:84%}.cinema-stage .parcel-scene{left:8%;top:35%;width:84%;height:37%;max-width:none;transform:rotate(var(--parcel-rotation,-4deg))}.cinema-stage .unbox-label{top:auto;bottom:19%;font-size:8px;gap:6px;word-break:keep-all}.cinema-stage .unbox-label b{font-size:20px}.cinema-stage .ul1{left:8%}.cinema-stage .ul2{left:39%}.cinema-stage .ul3{left:72%;width:23%}.cinema-stage .unbox-note{bottom:8%;font-size:9px}.cinema-stage .unbox-note small{font-size:6px}.cinema-stage #plan{display:block;padding:0}.cinema-stage .plan-art{position:absolute;top:7%;left:6%;width:88%;height:28%;min-height:0}.cinema-stage .plan-art>.eyebrow,.cinema-stage .desk-caption,.cinema-stage .desk-line,.cinema-stage .desk-shadow{display:none}.cinema-stage .desk-bag{top:0;left:40%;width:140px;height:100%;max-height:none;transform:rotate(-8deg)}.cinema-stage .desk-bag .bag-label{margin:40% 19% 0;padding:5% 3%}.cinema-stage .desk-bag .bag-word{font-size:18px}.cinema-stage .desk-bag .bag-label>strong{font-size:5px}.cinema-stage .desk-bag .bag-label>small{font-size:3px;margin:3px 0}.cinema-stage .desk-bag .bag-label>span:not(.bag-word){font-size:4px}.cinema-stage .desk-bag .bag-label p{font-size:5px}.cinema-stage .desk-bag .bag-rule{margin:4px 0}.cinema-stage .cup{height:90px;width:90px;left:17%;bottom:5%}.cinema-stage .plan-copy{position:absolute;top:37%;left:8%;width:84%;height:59%;max-height:none}.cinema-stage .plan-copy>.eyebrow{display:none}.cinema-stage .plan-copy h2{font-size:27px!important}.cinema-stage .plan-copy .description{margin-top:10px;font-size:9px}.cinema-stage .plan-copy .pill-options{margin-top:15px;gap:7px}.cinema-stage .pill-options legend{font-size:10px;margin-bottom:9px}.cinema-stage .pill-options span{font-size:10px;padding:9px 16px}.cinema-stage .plan-total{margin:16px 0 12px;padding-top:13px}.cinema-stage .plan-total strong{font-size:21px}.cinema-stage .plan-total p{font-size:10px;margin-top:5px}.cinema-stage .primary{padding:13px 17px;font-size:11px}.cinema-stage .plan-copy>.disclaimer{font-size:7px;margin-top:9px}.cinema-stage #manage{display:block;padding:0}.cinema-stage .manage-copy{position:absolute;left:8%;top:10%;width:84%}.cinema-stage .manage-copy>.eyebrow{margin-bottom:13px}.cinema-stage .manage-copy h2{font-size:29px!important}.cinema-stage .manage-copy .description{font-size:9px;margin-top:10px}.cinema-stage .manage-actions{flex-direction:row;flex-wrap:wrap;gap:8px;margin:16px 0 0}.cinema-stage .manage-actions button{font-size:8px;padding:9px 11px}.cinema-stage .manage-actions #reset-delivery{font-size:8px;padding:9px 0}.cinema-stage .manage-copy>.disclaimer{font-size:6px;margin-top:8px}.cinema-stage .calendar-card{position:absolute;left:13%;top:47%;width:74%;padding:18px;max-height:45%;border-radius:8px}.cinema-stage .calendar-top .logo{font-size:26px}.cinema-stage .calendar-top>span:last-child{font-size:6px}.cinema-stage .calendar-month{margin:15px 0 12px}.cinema-stage .calendar-month h3{font-size:24px}.cinema-stage .calendar-month>span{font-size:8px}.cinema-stage .calendar-week{font-size:6px;margin-bottom:8px;gap:3px}.cinema-stage .calendar-grid{gap:3px}.cinema-stage .calendar-grid>span{font-size:8px;aspect-ratio:1.5}.cinema-stage .calendar-status{margin-top:12px;padding-top:12px}.cinema-stage .calendar-status p{font-size:8px}.cinema-stage .calendar-foot{font-size:5px;margin-top:7px}.cinema-stage .finale-content h2{font-size:63px!important}.cinema-stage .finale-content>p:not(.eyebrow){font-size:11px}.cinema-stage .finale-word{font-size:65vw;bottom:7%}.cinema-stage .finale-rings{width:145vw;height:145vw}}
/* Short screens and reduced motion use ordinary readable flow, never trap content. */
@media(max-height:620px) and (max-width:760px),(prefers-reduced-motion:reduce){.cinema-track{height:auto}.cinema-stage{position:relative;height:auto;overflow:visible}.cinema-stage .cinema-scene{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;min-height:850px;height:100svh}.cinema-counter,.cinema-bottom{display:none}.cinema-stage #brew,.cinema-stage #plan,.cinema-stage #manage{min-height:900px}.cinema-stage .brew-visual{max-height:none}.cinema-stage .brew-copy{max-height:none}.cinema-stage #finale{height:100svh;min-height:750px}}
/* Actual photographed coffee beans, not a sculpted oval or illustration. */
.bean-object{inset:40px -45px;filter:drop-shadow(12px 20px 18px #30200e25)}.bean-photo{object-fit:cover;border-radius:5px;aspect-ratio:1.45}.satellite{object-fit:cover;width:60px;height:42px;border-radius:3px}.taste-art:after,.origin-art:after{left:18%!important;top:22%!important;width:66%!important;height:50%!important;background-size:cover!important;border-radius:4px!important;transform:rotate(-5deg)!important}.spectrum-bean img{object-fit:cover;aspect-ratio:.72;border-radius:4px}.cinema-stage .roast-spectrum{top:24%;height:34%}.cinema-stage .spectrum-bean{transform:translateY(var(--bean-rise,0px)) rotate(-3deg)}
@media(min-width:761px){.cinema-stage .calendar-card{width:100%;max-width:min(470px,52vh);max-height:none;justify-self:center}.cinema-stage .calendar-grid>span{aspect-ratio:1.25}.cinema-stage .calendar-status{margin-top:14px;padding-top:14px}}
@media(max-width:760px){.cinema-stage .calendar-card{max-height:none}.cinema-stage .calendar-grid>span{aspect-ratio:1.7}.cinema-stage .calendar-status{margin-top:10px;padding-top:10px}}
@media(max-width:760px){.cinema-stage .roast-spectrum{top:40%;height:25%}}
@media(max-width:760px) and (min-height:621px) and (max-height:720px){.cinema-stage .plan-art{top:7%;height:23%}.cinema-stage .plan-copy{top:32%;height:63%}.cinema-stage .plan-copy h2{font-size:25px!important}.cinema-stage .plan-copy .description{font-size:8px;margin-top:8px}.cinema-stage .plan-copy .pill-options{margin-top:12px}.cinema-stage .plan-copy .pill-options span{padding:7px 14px}.cinema-stage .plan-total{margin:12px 0 9px;padding-top:10px}.cinema-stage .plan-copy .primary{padding:12px 15px}.cinema-stage .plan-copy .primary span{font-size:20px;line-height:1}.cinema-stage .plan-copy>.disclaimer{margin-top:7px;font-size:6px}}
@media(max-width:760px) and (min-height:621px) and (max-height:720px){.cinema-stage .plan-art{overflow:hidden}.cinema-stage .desk-bag{width:110px}.cinema-stage .desk-bag .bag-label{margin-top:33%;}.cinema-stage .desk-bag .bag-word{font-size:15px}.cinema-stage .desk-bag .bag-label>small{margin:2px 0}.cinema-stage .desk-bag .bag-rule{margin:2px 0}}

/* Isolated roasted beans: preserve their transparent silhouette and natural colour. */
.bean-object{inset:0;filter:none}.bean-photo{object-fit:contain;border-radius:0;aspect-ratio:auto}.satellite{object-fit:contain;width:48px;height:65px;border-radius:0}.taste-art:after,.origin-art:after{left:22%!important;top:12%!important;width:56%!important;height:74%!important;background-size:contain!important;border-radius:0!important;transform:rotate(-14deg)!important}.spectrum-bean img{object-fit:contain;aspect-ratio:auto;border-radius:0}.cinema-stage .spectrum-bean{transform:translateY(var(--bean-rise,0px)) rotate(-12deg);filter:none}.cinema-stage .sb0 img{filter:brightness(1.12)}.cinema-stage .sb1 img{filter:brightness(1.06)}.cinema-stage .sb2 img{filter:none}.cinema-stage .sb3 img{filter:brightness(.92)}.cinema-stage .sb4 img{filter:brightness(.84)}

.cinema-stage .cinema-scene{will-change:auto}.cinema-stage .cinema-scene.cinema-active{will-change:opacity}.origin-passport,#motion-toggle{backdrop-filter:none}