/* Three retail displays: original labels, foil reflections and continuous chapters. */
body[data-page="product"]{--studio:#101b18}
.product-cinema{position:relative;color:#f7f5e9;background:#101b18;overflow:hidden;padding:104px 0 28px;isolation:isolate}
.product-cinema-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 5.5%;border-bottom:1px solid #eee3;position:relative;z-index:2;padding:0 0 17px;font-size:14px}
.product-cinema-top p{letter-spacing:.09em;margin:0;color:#cad0bd}
.product-cinema-top a{color:#f7f5e9;text-decoration:none;display:flex;gap:16px;align-items:center}
.product-cinema-heading{position:absolute;left:5.5%;top:196px;z-index:3;pointer-events:none;max-width:540px}
.product-cinema-heading h1{font-size:clamp(32px,3.1vw,53px);line-height:1.5;font-weight:500;letter-spacing:-.025em;margin:0}
.product-cinema-heading h1 em{font-style:normal;color:#c8d5ae}
.product-cinema-heading>p{font-size:16px;line-height:1.8;max-width:280px;color:#b9c4b2;margin:20px 0 0}
.product-scene{position:relative;width:100%;height:clamp(520px,67vh,850px);min-height:520px;touch-action:pan-y}
.product-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101b18f2 0%,#101b18bb 22%,transparent 47%);z-index:1}
@media(max-width:700px){.product-scene::after{background:linear-gradient(0deg,#101b18f5 0%,#101b1880 15%,transparent 33%)}}
.story-canvas{display:block;width:100%;height:100%;outline:0;opacity:0;transition:opacity .5s}
.product-scene.is-ready .story-canvas{opacity:1}
.story-canvas:focus-visible{outline:2px solid #e9be5d;outline-offset:-5px}
.product-scene.is-exploring .story-canvas{cursor:grab;touch-action:none}
.product-scene.is-exploring .story-canvas:active{cursor:grabbing}
.story-poster{position:absolute;inset:0;margin:auto;right:-20%;width:min(580px,55%);height:90%;object-fit:contain;mix-blend-mode:screen;opacity:.94}
.product-scene.is-ready .story-poster{display:none}
.story-loading{position:absolute;bottom:8%;left:55%;transform:translateX(-50%);font-size:14px;background:#101b18dd;padding:8px 14px;border-radius:3px;text-align:center}
.product-scene.is-ready .story-loading{display:none}
.story-caption{position:absolute;left:5.5%;bottom:42px;pointer-events:none;max-width:31%;z-index:3}
.story-phase{font-size:14px;letter-spacing:.05em;color:#c5ccb8}
.story-caption h2{font-size:clamp(38px,4.2vw,72px);margin:7px 0;line-height:1.25;font-weight:500;letter-spacing:-.03em;color:var(--accent,#b7d67a)}
.story-caption p{font-size:16px;line-height:1.65;color:#c6cbbb;margin:9px 0 0}
.story-interact{position:absolute;bottom:24px;left:50%;transform:translateX(-25%);padding:7px 12px;background:#101b18b8;font-size:14px;border-radius:4px;text-align:center}
.story-dashboard{max-width:1260px;margin:0 auto;padding:0 5.5%;position:relative;z-index:4}
.story-flavors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.story-flavors button{position:relative;background:none;color:#929f8f;border:0;text-align:left;padding:15px 0 20px;font:inherit;font-size:18px;display:flex;gap:16px;align-items:center;cursor:pointer;min-height:62px}
.story-flavors button[aria-pressed="true"]{color:#f5f5e7}
.flavor-number{font-size:14px;font-variant-numeric:tabular-nums;color:var(--flavor)}
.flavor-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#d6dbc02b}
.flavor-line i{display:block;width:var(--progress,0%);height:100%;background:var(--flavor)}
.story-controls{display:flex;align-items:center;gap:15px;padding:20px 0 0;font-size:14px}
.story-controls button{color:#e4e8d8;background:#ffffff08;border:1px solid #c5cdb43b;border-radius:4px;font:inherit;min-height:42px;min-width:44px;padding:8px 14px;cursor:pointer;white-space:nowrap}
.story-controls button:hover{background:#ffffff15}
.story-controls button:disabled{opacity:.35;cursor:default}
.story-controls button:focus-visible,.story-flavors button:focus-visible,.story-seek input:focus-visible{outline:2px solid #f4c756;outline-offset:5px}
.story-seek{flex:1;display:flex;align-items:center;min-width:80px}
.story-seek input{width:100%;accent-color:#d7dbae;cursor:pointer;min-height:32px}
.story-time{font-size:14px;white-space:nowrap;color:#c5ccb8;font-variant-numeric:tabular-nums}
.story-note{font-size:13px;line-height:1.7;color:#aab59e;margin:17px 0 0}
.product-cinema [hidden]{display:none!important}
.cinematic .product-panel .product-still{border:0;border-radius:18px;overflow:hidden;background:white;aspect-ratio:1.08;order:0;width:100%;align-self:center}
.product-still img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
@media(min-width:1600px){.product-cinema-heading{top:230px}.product-scene{height:740px}}
@media(max-width:1000px){.product-cinema-heading{top:180px;max-width:330px}.product-cinema-heading h1{font-size:34px}.product-cinema-heading>p{max-width:240px}.story-caption{max-width:32%;bottom:40px}.story-caption h2{font-size:45px}.story-controls{gap:9px}.story-controls button{padding:8px 10px}}
@media(max-width:700px){.product-cinema{padding-top:91px;padding-bottom:24px}.product-cinema-top{font-size:12px;margin:0 6%;padding-bottom:14px}.product-cinema-top p{letter-spacing:.02em}.product-cinema-top a{font-size:12px;max-width:140px;gap:7px;text-align:right}.product-cinema-heading{position:relative;left:auto;top:auto;margin:26px 6% 0;max-width:none}.product-cinema-heading h1{font-size:clamp(26px,6.4vw,38px);line-height:1.45}.product-cinema-heading>p{font-size:15px;max-width:none;margin:11px 0 0}.product-scene{height:470px;min-height:470px;margin-top:0}.story-poster{width:95%;right:0;height:80%;top:-40px}.story-loading{left:50%;bottom:26%}.story-caption{max-width:90%;left:6%;bottom:6px}.story-caption h2{font-size:34px;display:inline-block;margin:5px 12px 0 0}.story-caption p{font-size:14px;display:inline-block;margin:0}.story-phase{display:block;font-size:13px}.story-dashboard{padding:0 6%;margin-top:8px}.story-flavors{gap:16px}.story-flavors button{font-size:15px;gap:8px;min-height:57px;padding:12px 0 17px}.flavor-number{font-size:12px}.story-controls{flex-wrap:wrap;gap:8px;padding-top:16px}.story-seek{order:5;flex-basis:calc(100% - 113px)}.story-time{order:6;margin-left:auto;font-size:13px}.story-controls button{min-height:42px;font-size:14px}.story-explore{margin-left:auto}.story-note{font-size:12px;margin-top:12px}.story-interact{bottom:110px;left:50%;transform:translateX(-50%);width:90%;font-size:13px}.cinematic .product-panel .product-still{max-width:480px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.story-canvas{transition:none}}

/* Keep the headline and flavor caption in one flowing column on every route. */
.product-cinema-stage{display:grid;isolation:isolate}
.product-cinema-stage .product-scene{grid-area:1 / 1;height:auto;min-height:clamp(32.5rem,67vh,46.25rem)}
.product-cinema-stage .story-canvas{position:absolute;inset:0}
.product-scene-copy{grid-area:1 / 1;align-self:stretch;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;width:39%;min-width:0;margin:3rem 0 2.625rem 5.5%;pointer-events:none}
.product-scene-copy .product-cinema-heading{position:static;inset:auto;max-width:none;margin:0;min-width:0}
.product-scene-copy .product-cinema-heading :is(h1,.product-film-title){font-size:clamp(1.75rem,2.7vw,3rem);line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0;overflow-wrap:break-word}
.product-scene-copy .product-cinema-heading :is(h1,.product-film-title) em{font-style:normal;color:#c8d5ae}
.product-scene-copy .product-cinema-heading>p{font-size:1rem;line-height:1.75;max-width:30ch;margin:1rem 0 0}
.product-scene-copy .story-caption{position:static;inset:auto;max-width:none;min-width:0}
.product-scene-copy .story-caption h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.3;margin:.4rem 0;overflow-wrap:break-word}
.product-scene-copy .story-caption p{font-size:1rem;line-height:1.65;margin:.5rem 0 0}
.product-cinema .story-dashboard{width:100%}
@media(max-width:700px){
  .product-cinema-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 22.5rem auto}
  .product-scene-copy{display:contents}
  .product-scene-copy .product-cinema-heading{grid-area:1 / 1;position:relative;z-index:3;margin:1.625rem 6% 0;pointer-events:none}
  .product-scene-copy .product-cinema-heading :is(h1,.product-film-title){font-size:clamp(1.625rem,6.4vw,2.375rem);line-height:1.45}
  .product-scene-copy .product-cinema-heading>p{max-width:none;margin:.7rem 0 0}
  .product-cinema-stage .product-scene{grid-area:2 / 1;min-height:0;height:100%;margin:0}
  .product-cinema-stage .story-poster{top:0;height:95%}
  .product-scene-copy .story-caption{grid-area:3 / 1;position:relative;z-index:3;margin:0 6% 1rem;pointer-events:none}
  .product-scene-copy .story-caption h2{display:block;font-size:2.125rem;margin:.3rem 0}
  .product-scene-copy .story-caption p{display:block;margin:.25rem 0 0}
  .product-cinema-stage .story-interact{bottom:1rem}
}