/* The café leads the page; Mango Matcha owns one dedicated product chapter. */
.cafe-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%}.cafe-hero .film-caption{max-width:70%}.cafe-hero .film-caption .text-link{display:inline-block;margin-top:24px;color:#fff8e6;border-color:#fff8e6}.cafe-hero .film-caption>p{font-size:clamp(35px,4vw,64px);line-height:1.02}.cafe-hero .film-label{font-size:12px}.cafe-hero .hero-stamp{font-size:12px}.product-reference video{width:100%;max-height:65svh;object-fit:contain;background:#182d25}
@media(max-width:767px){.cafe-hero .film-caption>p{font-size:38px}.cafe-hero .film-caption{bottom:32px;max-width:70%}.cafe-hero .hero-stamp{width:90px;height:90px;min-height:90px;bottom:34px;right:16px}.product-reference video{max-height:43svh}}
/* A product studio, not a decorative room. Everything here is scoped. */
.product-journey{--studio:#102b25;--studio-ink:#f3efdd;--studio-muted:#b7c6ac;height:340svh;background:var(--studio);color:var(--studio-ink);isolation:isolate}
.product-journey .journey-sticky{height:calc(100svh - 90px);min-height:650px;background:#19382b}
.product-journey .journey-top{top:30px;left:5%;right:5%;padding-bottom:20px;border-bottom:1px solid #e4e8c829}
.product-journey .journey-top .eyebrow{font-size:12px;letter-spacing:.14em;color:#d2dbbe}
.product-journey .journey-pagination{font-size:12px;color:#aabda2}.product-journey .journey-pagination b{color:var(--studio-ink);font-size:26px}
.product-journey .scene-wrap{inset:62px 0 95px 40%;touch-action:pan-y;cursor:grab;z-index:2}
.product-journey .scene-wrap:active{cursor:grabbing}.product-journey canvas{outline-offset:-5px}.product-journey canvas:focus-visible{outline:2px solid #e8c077}
.product-journey .scene-fallback{top:9%;right:17%;height:82%;width:57%;border-radius:2px;object-fit:cover}
.product-journey .journey-copy{left:5%;top:24%;width:38%;max-width:490px;z-index:3}
.product-journey .journey-copy .eyebrow{font-size:12px;color:#d6bc78;letter-spacing:.12em;display:block}
.product-journey .journey-copy h2{font-family:var(--sans);font-size:clamp(48px,5.5vw,82px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 23px;text-wrap:balance}
.product-journey .journey-copy h2 em{font-size:1.18em;color:#d6deba}
.product-journey .journey-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:310px;color:#d0d7c5}
.product-journey .journey-copy>a{font-size:14px;margin-top:26px;border-color:#dde4c5;color:#f3efdd}
.product-journey .journey-bottom{left:5%;right:5%;bottom:22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.product-journey .chapter-controls{background:none;border:0;padding:0;gap:18px;width:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.product-journey .chapter-controls button{border:0;border-top:1px solid #f3efdd38;text-align:left;padding:17px 0 5px;font-size:12px;color:#b6c4ad;opacity:1;min-height:47px;position:relative}
.product-journey .chapter-controls button:before{content:'';position:absolute;top:-1px;left:0;width:0;height:2px;background:#dbbb79;transition:width .3s}
.product-journey .chapter-controls button.active:before{width:100%}.product-journey .chapter-controls button.active{color:#fff9e4}
.product-journey .chapter-controls button span{font-size:14px;display:inline-block;margin-left:10px}
.product-journey .motion-control{color:#d5deca;background:#ffffff0a;border:1px solid #ffffff24;min-height:44px;font-size:12px;padding:10px 15px;border-radius:30px;margin:0}
.product-journey button:hover{color:#fff5cf}.product-journey button:focus-visible,.product-journey a:focus-visible,.product-journey input:focus-visible{outline:2px solid #f3c76a;outline-offset:5px}
.product-journey .product-tools{position:absolute;z-index:4;left:5%;bottom:140px;width:32%;max-width:320px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.product-journey .product-tools button{background:transparent;border:1px solid #e1e8ca4a;color:#e5e9d6;border-radius:30px;padding:10px 14px;min-height:44px;font-size:12px}
.product-journey .product-tools button[aria-pressed=true]{color:#173d32;background:#e1e6c9;border-color:#e1e6c9}
.product-journey .rotation-control{flex:0 0 100%;display:flex;gap:12px;align-items:center;margin-top:5px;font-size:12px;color:#bdccb5}
.product-journey .rotation-control input{min-width:0;flex:1;accent-color:#d5bb78;cursor:ew-resize;height:28px}
.product-journey .scene-instruction{position:absolute;right:5%;bottom:110px;z-index:3;pointer-events:none;text-align:right;font-size:12px;line-height:1.5;color:#b7c5ac}
.product-journey .scene-instruction small{display:block;font-size:12px;color:#93a88f;margin-top:4px}
.product-journey .product-loading{position:absolute;inset:0;display:grid;place-items:center;color:#dce4cc;font-size:12px;letter-spacing:.1em;pointer-events:none;transition:opacity .25s}.product-journey .ready .product-loading{opacity:0}
.product-journey[data-render=fallback]{height:auto}.product-journey[data-render=fallback] .journey-sticky{position:relative;top:0}.product-journey[data-render=fallback] .product-tools,.product-journey[data-render=fallback] .journey-bottom,.product-journey[data-render=fallback] .product-loading{display:none}.product-journey[data-render=fallback] .scene-wrap{cursor:auto}
.product-reference{border:1px solid #c7cdb9;max-width:min(92vw,760px);max-height:90svh;padding:0;background:var(--cream);color:var(--pine)}.product-reference::backdrop{background:#071710dd;backdrop-filter:blur(8px)}
.product-reference .reference-body{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px;align-items:center}.product-reference img{width:100%;max-height:65svh;object-fit:contain}.product-reference h3{font-size:30px;font-family:var(--serif);margin-bottom:15px}.product-reference p{font-size:16px;margin-bottom:18px}.product-reference button{position:absolute;right:8px;top:8px;width:44px;height:44px;background:var(--cream);border:1px solid var(--line);border-radius:50%;font-size:22px}.product-reference a{font-size:14px;text-decoration:underline;text-underline-offset:5px}
@media(min-width:768px) and (max-height:760px){.product-journey .journey-sticky{min-height:580px}.product-journey .journey-copy{top:21%}.product-journey .journey-copy h2{font-size:60px;margin:14px 0}.product-journey .product-tools{bottom:110px}.product-journey .journey-copy>a{margin-top:12px}}
@media(max-width:1050px){.product-journey .chapter-controls{gap:12px}.product-journey .chapter-controls button span{margin-left:5px}.product-journey .motion-control{max-width:130px}.product-journey .journey-copy{width:41%}.product-journey .product-tools{width:38%}}
@media(max-width:767px){
 .product-journey{height:310svh}.product-journey .journey-sticky{top:122px;height:calc(100svh - 122px);min-height:650px}
 .product-journey .journey-top{left:6%;right:6%;top:15px;padding-bottom:12px}.product-journey .journey-top .eyebrow{font-size:10px;letter-spacing:.08em}.product-journey .journey-pagination b{font-size:20px}
 .product-journey .journey-copy{left:6%;top:73px;width:88%;max-width:none;pointer-events:none}.product-journey .journey-copy .eyebrow{display:none}.product-journey .journey-copy h2{font-size:36px;line-height:1;margin:0 0 10px;width:80%}.product-journey .journey-copy h2 br{display:none}.product-journey .journey-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;max-width:290px;width:90%}.product-journey .journey-copy>a{position:absolute;top:-1px;right:0;font-size:12px;width:58px;line-height:1.5;margin:0}
 .product-journey .scene-wrap{inset:194px 0 151px;z-index:2}.product-journey .scene-fallback{top:0;right:22%;width:56%;height:100%;object-fit:cover;border-radius:0}
 .product-journey .journey-bottom{left:6%;right:6%;bottom:14px;display:block}.product-journey .chapter-controls{display:grid;gap:10px;width:100%;grid-template-columns:repeat(4,1fr)}.product-journey .chapter-controls button{font-size:10px;padding:12px 0 0;min-height:46px}.product-journey .chapter-controls button span{display:block;font-size:12px;margin:6px 0 0;white-space:nowrap}.product-journey .motion-control{display:none}
 .product-journey .product-tools{left:6%;bottom:78px;width:88%;max-width:none;display:grid;grid-template-columns:auto auto 1fr;gap:8px}.product-journey .product-tools button{font-size:11px;padding:8px 10px;min-height:40px}.product-journey .rotation-control{margin:0;gap:6px;font-size:11px}.product-journey .rotation-control span{display:none}.product-journey .rotation-control input{width:100%}.product-journey .scene-instruction{bottom:130px;right:6%;font-size:10px}.product-journey .scene-instruction small{font-size:10px;margin:0}.product-journey .scene-instruction #scene-hint{display:none}
 .product-reference .reference-body{grid-template-columns:1fr;padding:24px;gap:18px}.product-reference img{max-height:45svh}.product-reference h3{font-size:26px;margin-bottom:8px}.product-reference p{font-size:14px}
}
@media(max-width:767px){.product-journey .journey-sticky{min-height:0}.product-journey .journey-copy h2{font-size:32px;line-height:1.03;width:82%;text-wrap:initial}.product-journey .journey-copy h2 em{display:block;font-size:1.1em}.product-journey .journey-copy h2 br{display:none}.product-journey .journey-copy>p:not(.eyebrow){font-size:16px;max-width:330px}.product-journey .scene-wrap{top:211px}.product-journey .journey-top .eyebrow{font-size:12px;max-width:76%}.product-journey .product-tools button,.product-journey .rotation-control,.product-journey .scene-instruction small{font-size:12px}.product-journey .scene-instruction{bottom:134px}.product-reference p{font-size:16px}}
.product-journey .ready .product-loading{visibility:hidden}
@media(prefers-reduced-motion:reduce){.product-journey{height:auto}.product-journey .journey-sticky{position:relative;top:0}.product-journey .chapter-controls button:before{transition:none}}