/* Product reveal directly below the film hero. */
.product-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;background:#f9f9f7;padding:44px var(--pad);gap:7vw;border-top:1px solid var(--line)}
.showcase-art{position:relative;width:100%;max-width:580px;aspect-ratio:.86;background:url('media/product-rear.webp') left center/174% auto no-repeat;justify-self:center}
.showcase-art .vertical-note{right:0;font-size:8px}
.showcase-copy .eyebrow{color:#6a6864}
.showcase-copy h2{font-size:clamp(44px,5.8vw,88px);line-height:.98;letter-spacing:-.055em;margin:28px 0}
.showcase-copy p:not(.eyebrow){max-width:38ch;font-size:16px;line-height:1.6;margin:0 0 25px}
.showcase-badge{display:flex;align-items:center;gap:20px;border-left:3px solid var(--red);padding:14px 20px;background:var(--paper);width:fit-content;margin:32px 0}
.showcase-badge strong{font-size:64px;line-height:1;letter-spacing:-.06em}
.showcase-badge span{font-size:10px;letter-spacing:.12em;line-height:1.7}
@media(max-width:760px){
 .hero.hero-with-film{display:flex;position:relative;isolation:isolate;overflow:hidden;min-height:650px;min-height:calc(100svh - 100px);padding:42px 24px 105px;align-items:center;background:var(--black);color:var(--paper)}
 .hero-with-film .hero-copy{position:relative;z-index:2;width:100%;pointer-events:none}
 .hero-with-film .hero-copy a{pointer-events:auto}
 .hero-with-film h1{font-size:clamp(74px,21vw,128px);text-shadow:0 2px 26px #0005}
 .hero-with-film .hero-lead{font-size:16px;color:#fff;max-width:28ch}
 .hero-with-film .eyebrow{color:#fff}
 .hero-with-film .button{background:var(--paper);color:var(--black);border-color:var(--paper)}
 .hero-with-film .text-link{color:var(--paper)}
 .hero-with-film .hero-motion{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .hero-with-film .hero-film-heading{display:none}
 .hero-with-film .hero-screen{position:absolute;inset:0;aspect-ratio:auto}
 .hero-with-film .hero-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0004),linear-gradient(0deg,#000d,transparent 35%,#0003);pointer-events:none}
 .hero-with-film .hero-screen video{object-fit:cover;object-position:50% 50%}
 .hero-with-film .hero-film-controls{position:absolute;bottom:22px;left:24px;right:24px;z-index:3;border-color:#ffffff5c;color:#fff;padding:8px 0 12px;gap:12px}
 .hero-with-film .hero-sound-label{color:#ddd;font-size:8px}
 .hero-with-film .hero-sound-label:before{background:var(--red)}
 .hero-with-film #hero-video-toggle{color:#fff;min-height:44px;font-size:11px}
 .hero-with-film .hero-watch{color:#fff;font-size:11px}
 .product-showcase{grid-template-columns:1fr;padding:25px 20px 45px;gap:18px}
 .showcase-art{max-width:520px}
 .showcase-copy{padding:0 4px}
 .showcase-copy .eyebrow,.showcase-copy h2,.showcase-copy>p:not(.eyebrow){display:none}
 .showcase-badge{margin:8px 0 25px auto;padding:15px 18px}
 .showcase-badge strong{font-size:54px}
 .showcase-badge span{font-size:9px}
 .showcase-copy>.text-link{display:flex;width:fit-content;margin-left:auto}
}
@media(max-width:350px){.hero.hero-with-film{min-height:610px;padding-top:32px}.hero-with-film .actions{gap:18px}.showcase-badge strong{font-size:48px}.showcase-badge{gap:15px}}