@font-face{font-family:Display;src:url('./fonts/BarlowCondensed-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Marker;src:url('./fonts/Knewave-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('./fonts/DM-Sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
/* Useful links remain real HTML even if the animation module cannot run. */
html:not([data-enhanced="true"]) .header,html:not([data-enhanced="true"]) .story,html:not([data-enhanced="true"]) .skip{display:none}
html[data-enhanced="true"] .basic-info{display:none}
.basic-info{width:90%;max-width:650px;margin:0 auto;padding:30px 0 40px;color:#f3e9d6}
.basic-info>img{max-width:70%;height:auto;margin-bottom:36px;filter:brightness(0) invert(1)}
.basic-info h1{font:800 64px/.88 Display,Impact,sans-serif;font-size:clamp(64px,14vw,120px);margin:16px 0 28px}
.basic-info>p{line-height:1.65}.basic-info .button-solid{background:#f3e9d6;color:#231d1a;margin:12px 0}
.basic-info nav{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0 28px}.basic-info nav a{display:inline-block;padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.basic-info small{display:block;font-size:11px;line-height:1.6}.basic-info small a{text-decoration:underline}
html[data-set-design="off"] .set-design{display:none}
html[data-render-quality="lite"] .product-wrap,html[data-render-quality="lite"] .stage[data-product-front="true"] .product-wrap{filter:none}
html[data-render-quality="lite"] .photo-product{will-change:auto}
html[data-render-quality="lite"] .atmosphere{mix-blend-mode:normal;opacity:.26}
:root{--shade-rgb:177,20,45;--red:#b1142d;--bone:#f3e9d6;--ink:#231d1a;--stage-bg:#b1142d;--stage-fg:#f3e9d6;font:400 16px DM,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;background:var(--red);color:var(--bone)}body{overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}::selection{color:var(--bone);background:var(--red)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--bone);color:var(--red);padding:16px}.skip:focus{top:20px}
.header{position:fixed;top:16px;left:22px;right:22px;height:60px;z-index:30;background:var(--bone);color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:2px}
.brand{display:flex;align-items:center;width:180px;min-height:48px}.brand img{width:100%;height:auto;max-height:44px;filter:brightness(0)}.header-place{font-size:11px;letter-spacing:.07em;text-transform:uppercase;margin-left:55px}.header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}.header nav>a{min-height:44px;display:flex;align-items:center;gap:18px}.menu-link{background:var(--ink);color:var(--bone);padding:0 18px;min-height:44px;display:flex;align-items:center;gap:28px}.menu-link:hover{background:var(--red)}.menu-link span{font-size:18px}
.story{height:560svh;position:relative}.stage{height:100dvh;min-height:100svh;position:sticky;top:0;isolation:isolate;overflow:clip;background:var(--stage-bg);color:var(--stage-fg)}.set-design{position:absolute;inset:0;z-index:0;pointer-events:none}
.poster-type{position:absolute;left:6vw;top:25%;width:54vw;height:47%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none;z-index:2;will-change:transform,opacity}.poster-line{font:800 clamp(110px,17vw,650px)/.77 Display,Impact,sans-serif;letter-spacing:-.025em;white-space:nowrap}.poster-bottom{font-size:clamp(80px,12.7vw,470px);margin-top:2.4vh}
.world{position:absolute;inset:0;z-index:3;pointer-events:none}.product-wrap{position:absolute;width:min(65vw,88svh);aspect-ratio:1;left:50%;top:54%;transform:translate3d(-50%,-50%,0);will-change:transform;contain:layout style}.product-wrap canvas,.product-poster,.product-poster img{display:block;width:100%;height:100%}.product-wrap canvas{position:absolute;inset:0;opacity:0}.product-poster{position:absolute;inset:0}.product-poster img{object-fit:contain}.product-wrap.ready canvas{opacity:1}.product-wrap.ready .product-poster{visibility:hidden}.product-shadow{position:absolute;left:50%;top:83%;width:32vw;height:3vw;background:radial-gradient(ellipse,#28090746,transparent 70%);transform:translate(-50%,-50%);opacity:.5}
.copy-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.copy{position:absolute;inset:0;transform-origin:30% 50%;will-change:transform,opacity}.copy a,.copy button{pointer-events:auto}
.copy-hero .hero-caption{position:absolute;left:6vw;bottom:12%;margin:0;font-size:clamp(16px,1.2vw,24px);font-weight:500;line-height:1.35;letter-spacing:-.025em}.hero-cta{position:absolute;right:6vw;bottom:12%;min-width:155px}
.copy-left{left:6vw;top:23%;width:42vw;height:auto;bottom:auto}.copy-left.copy-right{left:58vw;width:36vw}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;margin:0 0 18px}.copy h2{font:800 clamp(76px,9.2vw,210px)/.84 Display,Impact,sans-serif;letter-spacing:-.025em;margin:0 0 28px;position:relative}.script-accent{display:block;font:400 clamp(24px,2.3vw,46px)/1.2 Marker,cursive;transform:rotate(-6deg);margin:9px 0 0 2.7vw;letter-spacing:-.035em}.body-copy{font-size:clamp(14px,1.05vw,20px);line-height:1.5;letter-spacing:-.015em;margin:0;max-width:350px}.text-cta{font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:46px;border-bottom:1px solid currentColor;padding:10px 0;margin-top:18px}.text-cta span{font-size:20px}.hero-cta{margin:0}.stage[data-chapter="3"] .copy h2{font-size:clamp(65px,8.2vw,185px)}.stage[data-chapter="3"] .copy-left{top:28%}
.stage-bottom{position:absolute;bottom:12px;left:4vw;right:4vw;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.03em}.scroll-hint{min-height:44px;display:flex;gap:12px;align-items:center}.scroll-hint>span{font-size:24px}.motion-toggle{font-size:10px;min-height:44px;display:flex;gap:12px;align-items:center}.motion-toggle>span:first-child{font-size:18px}.bottom-location{font-size:9px;letter-spacing:.12em}.scroll-marker{position:absolute;top:18%;width:1px;height:1px;pointer-events:none}.marker-local{top:84%}.scene-end-note{position:absolute;bottom:70px;left:6vw;right:5vw;display:none;justify-content:space-between;gap:20px;font-size:10px;z-index:7;line-height:1.5}.stage[data-chapter="4"] .scene-end-note{display:flex}.scene-end-note a{text-decoration:underline;text-underline-offset:4px}.stage[data-chapter="4"] .scroll-hint{visibility:hidden}
.location-info .address{font-size:22px;letter-spacing:-.03em;margin:0 0 10px}.hours{font-size:13px;margin:0}.location-actions{display:flex;gap:26px;align-items:center;margin-top:22px}.location-actions .text-cta{margin:0}.button-solid{background:var(--ink);color:var(--bone);padding:14px 18px;min-height:46px;display:inline-flex;align-items:center;gap:26px;font-size:12px;font-weight:600}.button-solid:hover{background:#401c17}
dialog{width:min(660px,calc(100% - 28px));max-height:92svh;overflow:auto;overscroll-behavior:contain;border:0;background:var(--bone);color:var(--ink);padding:26px 40px 32px}dialog::backdrop{background:#0a0f0bea}.menu-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #191b1928;padding-bottom:15px;margin-bottom:28px}.menu-top img{width:150px;height:42px;background:var(--red);padding:8px;object-fit:contain}.close-menu{display:flex;align-items:center;gap:14px;min-height:44px;font-size:11px;padding:0}.close-menu span{font-size:28px}.menu-top+.eyebrow{font-size:9px;margin-bottom:14px}dialog h2{font:400 clamp(40px,5.5vw,68px)/1.02 Knewave,cursive;letter-spacing:-.03em;margin:0 0 25px;transform:rotate(-2deg)}dialog h2 span{color:var(--red)}.category-tabs{display:flex;gap:24px;border-bottom:1px solid #191b1930;margin-top:20px}.category-tabs button{font-size:12px;padding:12px 0;min-height:44px;opacity:.55;border-bottom:2px solid transparent}.category-tabs button[aria-selected="true"]{color:var(--red);opacity:1;border-bottom-color:var(--red);font-weight:600}.category-panel{min-height:230px;padding-top:7px}.menu-products{list-style:none;margin:0;padding:0}.menu-products li{padding:11px 0;border-bottom:1px solid #191b191a;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;line-height:1.35}.menu-products small{font-size:10px;max-width:55%;text-align:right;opacity:.65}.kira-description{padding:25px 0}.kira-description h3{font:400 30px/1.2 Knewave,cursive;margin:0 0 18px}.kira-description p{font-size:13px;line-height:1.7;margin:0}.menu-original{margin-top:25px}.menu-source-note{display:block;font-size:9px;line-height:1.5;margin-top:15px;opacity:.65}.no-script{position:fixed;bottom:65px;left:5vw;right:5vw;z-index:20;background:var(--bone);color:var(--ink);padding:22px;font-size:13px;line-height:1.5}.no-script a{text-decoration:underline}

dialog h2,.kira-description h3{font-family:Marker,cursive}.menu-top img{filter:brightness(0);background:none;padding:0}.menu-products li{font-size:14px}.menu-source-note{font-size:11px}.category-tabs button{font-size:14px}.menu-products small{font-size:11px}.menu-original{display:flex}.no-script{z-index:40}.stage[data-chapter="4"] .scroll-hint{visibility:hidden}

@media(min-width:2100px){.header{height:82px;top:24px;left:32px;right:32px;padding:0 32px}.brand{width:240px}.header nav{font-size:16px}.header-place{font-size:13px}.menu-link{height:58px}.copy-left{top:25%}.eyebrow{font-size:14px}.text-cta,.hours{font-size:16px}.stage-bottom,.motion-toggle,.scene-end-note{font-size:12px}.location-info .address{font-size:30px}}
@media(max-width:800px) and (orientation:portrait){
 .header{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;height:52px;padding:0 12px}.brand{width:128px}.header-place{display:none}.header nav{font-size:11px;gap:15px}.header nav>a{gap:5px}.menu-link{padding:0 12px;min-height:40px;gap:12px;font-size:11px}
 .story{height:480svh}.poster-type{left:6vw;top:17%;width:88vw;height:auto;justify-content:flex-start;align-items:flex-start;gap:10px}.poster-line{font-size:min(31vw,15svh);line-height:.8}.poster-bottom{font-size:min(23.5vw,11.6svh);margin:0}
 .product-wrap{width:min(102vw,62svh);top:59%}.product-shadow{top:80%;width:66vw;height:6vw}
 .copy-hero .hero-caption{left:6vw;bottom:12%;font-size:14px;line-height:1.3}.hero-cta{right:6vw;bottom:12%;min-width:122px;font-size:12px}.local-stamp{font-size:11px;right:7vw;top:12.5%}
 .copy-left,.copy-left.copy-right{left:6vw;top:13%;width:88vw}.eyebrow{font-size:10px;margin-bottom:12px}.copy h2{font-size:min(23vw,12svh);line-height:.84;margin-bottom:16px}.script-accent{font-size:min(7vw,4svh);margin:7px 0 0 12vw;line-height:1.05}.body-copy{font-size:13px;line-height:1.45}.text-cta{font-size:12px;gap:25px;min-height:44px;margin-top:10px;padding:6px 0}.hero-cta{margin:0}
 .stage[data-chapter="1"] .copy h2{font-size:min(25vw,13svh)}.stage[data-chapter="2"] .copy h2{font-size:min(19vw,10.5svh)}.stage[data-chapter="3"] .copy h2{font-size:min(18vw,10.5svh)}.stage[data-chapter="3"] .copy-left{top:13%}
 .stage-bottom{bottom:calc(8px + env(safe-area-inset-bottom));left:6vw;right:6vw;font-size:10px}.bottom-location{display:none}.motion-label{display:none}.motion-toggle{min-width:44px;justify-content:center}.scene-end-note{bottom:calc(66px + env(safe-area-inset-bottom));left:6vw;right:6vw;flex-direction:column;gap:4px;font-size:9px;max-width:310px}
 .location-info .address{font-size:18px}.hours{font-size:12px}.location-actions{gap:20px;margin-top:16px}.button-solid{font-size:12px;min-height:44px;padding:12px 16px}.stage[data-chapter="4"] .copy h2{font-size:min(20vw,11svh)}
 .stage[data-chapter="4"] .set-arch{margin-top:9svh}
 dialog{padding:20px 24px;max-height:90dvh}dialog h2{font-size:46px}.menu-top img{width:130px}.category-tabs{gap:22px}.category-tabs button{font-size:13px}.menu-products li{font-size:13px}.menu-products small{font-size:11px}.menu-source-note{font-size:10px}.category-panel{min-height:210px}
}
@media(max-height:700px) and (orientation:portrait){
 .copy-left,.copy-left.copy-right{top:14%}.eyebrow{font-size:9px;margin-bottom:10px}.copy h2{margin-bottom:12px}.script-accent{margin-top:5px}.body-copy{font-size:12px}.text-cta{font-size:11px;margin-top:8px}.copy-hero .hero-caption{font-size:13px}.hero-cta{min-width:110px;font-size:11px}
 .stage[data-chapter="1"] .product-wrap{top:63%}
 .stage[data-chapter="2"] .copy-left,.stage[data-chapter="3"] .copy-left{top:18%;width:50vw}
 .stage[data-chapter="2"] .copy h2,.stage[data-chapter="3"] .copy h2{font-size:17vw}
 .stage[data-chapter="2"] .script-accent{margin-left:3vw;font-size:6vw}
 .stage[data-chapter="2"] .set-arch{margin-top:10svh}
 .stage[data-chapter="4"] .product-wrap{top:55%}.scene-end-note{font-size:8px;bottom:62px}.location-actions{margin-top:12px;gap:15px}.location-actions .button-solid{font-size:11px;padding:10px 13px}
 .stage[data-chapter="4"] .set-arch{margin-top:13svh}
}
@media(max-width:360px){.brand{width:117px}.header nav{gap:10px}.header nav>a{font-size:10px}.menu-link{padding:0 10px}.local-stamp{font-size:10px}}
@media(max-height:600px) and (orientation:landscape){
 .header{height:46px;top:8px;left:10px;right:10px;padding:0 12px}.brand{width:130px}.header-place{display:none}.header nav{font-size:11px}.menu-link{min-height:34px;padding:0 12px}
 .poster-type{left:6vw;top:25%;width:52vw;height:47%}.poster-line{font-size:27svh}.poster-bottom{font-size:21svh;margin-top:2vh}
 .product-wrap{width:85svh}.hero-caption{font-size:12px!important;bottom:18%!important}.hero-cta{bottom:18%;font-size:11px;min-height:36px}.local-stamp{font-size:12px;top:21%}
 .copy-left{top:23%;width:46vw}.copy-left.copy-right{left:58vw;width:36vw}.copy h2,.stage[data-chapter="3"] .copy h2{font-size:15svh;margin-bottom:15px}.copy-right h2{font-size:14svh!important}.script-accent{font-size:5svh;margin-top:5px}.eyebrow{font-size:9px;margin-bottom:9px}.body-copy{font-size:11px}.text-cta{font-size:10px;min-height:34px;margin-top:8px}
 .stage-bottom{bottom:2px;font-size:9px}.bottom-location,.motion-label{display:none}.location-info .address{font-size:15px}.hours{font-size:10px}.location-actions{margin-top:10px;gap:18px}.button-solid{font-size:10px;min-height:36px;padding:8px 12px}.scene-end-note{bottom:47px;font-size:8px;max-width:33vw;left:auto;flex-direction:column;gap:3px}.stage[data-chapter="3"] .copy-left{top:23%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Photographic products and backgrounds retain the scene's depth choreography. */
.set-design{opacity:.28}
.photo-scene{position:absolute;inset:0;z-index:1;overflow:clip;pointer-events:none;isolation:isolate}
.photo-scene picture,.photo-scene img{display:block;width:100%;height:100%}
.room-photo{position:absolute;inset:-9%;width:118%!important;height:118%!important;opacity:0;will-change:transform,opacity}
.room-photo img{object-fit:cover;object-position:58% 64%}
.facade-photo{position:absolute;right:-7%;top:-6%;width:61%!important;height:112%!important;opacity:0;transform-origin:70% 60%;will-change:transform,opacity;mask-image:linear-gradient(90deg,transparent,black 22%)}
.facade-photo img{object-fit:cover;object-position:52% 55%}
.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--stage-bg) 0%,rgba(var(--shade-rgb),0.94) 29%,rgba(var(--shade-rgb),0.64) 52%,transparent 80%)}
.photo-scene[data-copy-side="right"] .photo-shade{background:linear-gradient(270deg,var(--stage-bg) 0%,rgba(var(--shade-rgb),0.94) 28%,rgba(var(--shade-rgb),0.58) 53%,transparent 82%)}
.photo-product{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;will-change:opacity;backface-visibility:hidden}
.photo-product img{display:block;width:100%;height:100%;object-fit:contain}
.photo-product[data-photo="donut"]{opacity:1}
.photo-product[data-photo="cup-open"]{z-index:1}
.photo-product[data-photo="cup-closed"]{z-index:2;transform-origin:50% 40%}
.product-wrap[data-layered-lid="true"] [data-photo="cup-closed"]{clip-path:inset(0 0 55% 0);transform:translate3d(-1%,var(--lid-lift,0%),0) rotate(var(--lid-turn,0deg))}
.photo-logo{position:absolute;left:35%;top:57%;width:30%;height:auto;filter:brightness(0) invert(1);opacity:0;transform:rotate(-3deg);pointer-events:none;z-index:3}
.stage[data-chapter="3"] .photo-logo{opacity:.9}
.product-shadow{opacity:.25}
@media(max-width:800px) and (orientation:portrait){
 .facade-photo{right:-28%;top:27%;width:120%!important;height:84%!important;mask-image:linear-gradient(180deg,transparent,black 20%,black 90%,transparent)}
 .room-photo{inset:-5% -30%;width:160%!important;height:110%!important}
 .room-photo img{object-position:64% 65%}
 .photo-shade,.photo-scene[data-copy-side="right"] .photo-shade{background:linear-gradient(180deg,var(--stage-bg) 0%,var(--stage-bg) 30%,rgba(var(--shade-rgb),0.95) 39%,rgba(var(--shade-rgb),0.46) 63%,rgba(var(--shade-rgb),0.1) 82%,var(--stage-bg) 100%)}
 .stage[data-chapter="4"] .photo-shade{background:linear-gradient(180deg,var(--stage-bg) 0%,var(--stage-bg) 43%,rgba(var(--shade-rgb),0.72) 57%,transparent 80%,var(--stage-bg) 100%)}
}
@media(max-height:700px) and (orientation:portrait){
 .stage[data-chapter="2"] .photo-shade,.stage[data-chapter="3"] .photo-shade{background:linear-gradient(90deg,var(--stage-bg) 0%,var(--stage-bg) 35%,rgba(var(--shade-rgb),0.66) 60%,transparent 100%)}
}

/* Foreground crossing and the final full-bleed photographic scene. */
.stage{--finale:0}
.stage[data-product-front="true"] .world{z-index:6}
.product-wrap{filter:drop-shadow(1.1vmin 2.6vmin 2vmin #190b0642)}
.stage[data-product-front="true"] .product-wrap{filter:drop-shadow(1.8vmin 3.2vmin 2.3vmin #10090560)}
.photo-scene{--closing:0}
.closing-photo{position:absolute;inset:-4%;width:108%!important;height:108%!important;opacity:0;will-change:transform,opacity}
.closing-photo img{object-fit:cover;object-position:70% 47%}
.closing-shade{position:absolute;inset:0;opacity:var(--closing);background:linear-gradient(90deg,#16120ff2 0%,#191310e8 23%,#1b14109c 44%,#20160b12 73%),linear-gradient(0deg,#100c0bed,transparent 24%,transparent 75%,#20120e24)}
.location-frame{position:absolute;inset:12% 4vw 13%;z-index:2;pointer-events:none;border:1px solid #f3e9d64d;opacity:var(--finale);transform:translate3d(0,calc((1 - var(--finale))*30px),0)}
.location-frame span{position:absolute;right:20px;bottom:18px;font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--bone);writing-mode:vertical-rl;transform:rotate(180deg)}
.stage[data-chapter="4"]{color:var(--bone)}
.stage[data-chapter="4"] .copy-left{top:24%;width:44vw}
.stage[data-chapter="4"] .copy h2{font-size:clamp(78px,9.1vw,200px);line-height:.83;text-shadow:0 2px 25px #140c0950}
.stage[data-chapter="4"] .script-accent{font-size:clamp(25px,2.4vw,48px);margin-bottom:32px}
.stage[data-chapter="4"] .button-solid{background:var(--bone);color:var(--ink)}
.stage[data-chapter="4"] .button-solid:hover{background:white}
.stage[data-chapter="4"] .scene-end-note{bottom:8.5%;font-size:10px;color:var(--bone)}
@media(max-width:800px) and (orientation:portrait){
 .closing-photo{inset:0 -20%;width:140%!important;height:100%!important}
 .closing-photo img{object-position:59% 69%}
 .closing-shade{background:linear-gradient(180deg,#17120ff0 0%,#19120fed 18%,#1b120fd2 36%,#1b120f52 60%,#110b07bb 86%,#110b07f2 100%)}
 .stage[data-chapter="4"] .copy-left{top:15%;left:8vw;width:84vw}
 .stage[data-chapter="4"] .copy h2{font-size:min(22vw,10.5svh);margin-bottom:14px}
 .stage[data-chapter="4"] .script-accent{font-size:min(7vw,3.4svh);margin:8px 0 22px 7vw}
 .location-frame{inset:12% 4vw 16%}
 .location-frame span{right:12px;bottom:14px;font-size:8px;letter-spacing:.10em}
 .stage[data-chapter="4"] .scene-end-note{left:8vw;bottom:9%;font-size:9px;max-width:80vw}
 .stage[data-chapter="4"] .location-actions{margin-top:18px}
}
@media(max-height:700px) and (orientation:portrait){
 .stage[data-chapter="4"] .copy-left{top:15%}
 .stage[data-chapter="4"] .copy h2{font-size:min(20vw,10svh)}
 .stage[data-chapter="4"] .script-accent{margin-bottom:16px}
 .stage[data-chapter="4"] .scene-end-note{font-size:8px}
 .stage[data-chapter="4"] .location-actions{margin-top:14px}
}
@media(max-height:600px) and (orientation:landscape){
 .stage[data-chapter="4"] .copy-left{top:24%;width:46vw}
 .stage[data-chapter="4"] .copy h2{font-size:15svh;margin-bottom:10px}
 .stage[data-chapter="4"] .script-accent{font-size:4.8svh;margin-bottom:12px}
 .stage[data-chapter="4"] .scene-end-note{bottom:9%;max-width:38vw}
 .location-frame{inset:19% 4vw 17%}
}
/* Older engines ignore svh/dvh declarations; keep a usable viewport baseline. */
@supports not (height:100svh){
 .story{height:560vh}.stage{height:100vh;min-height:100vh;overflow:hidden}
 .product-wrap{width:min(65vw,88vh)}
 @media(max-width:800px) and (orientation:portrait){
  .story{height:480vh}.product-wrap{width:min(102vw,62vh)}
  .poster-line{font-size:min(31vw,15vh)}.poster-bottom{font-size:min(23.5vw,11.6vh)}
  .copy h2{font-size:min(23vw,12vh)}.script-accent{font-size:min(7vw,4vh)}
  .stage[data-chapter="1"] .copy h2{font-size:min(25vw,13vh)}
  .stage[data-chapter="2"] .copy h2{font-size:min(19vw,10.5vh)}
  .stage[data-chapter="3"] .copy h2{font-size:min(18vw,10.5vh)}
  .stage[data-chapter="4"] .copy h2{font-size:min(22vw,10.5vh)}
  .stage[data-chapter="4"] .script-accent{font-size:min(7vw,3.4vh)}
 }
}