/* One atmosphere, one product story. Scoped to the landing page. */
.landing-cinema>.hero-media{background-image:linear-gradient(180deg,#11395670,#204e6625),url('/media/ambient-sky.jpg');background-size:cover}
.landing-cinema>.hero-media:after{background:linear-gradient(180deg,transparent 55%,#d8e9ec25)}
.landing-cinema .cinema-hero h1{font-weight:400;font-size:clamp(76px,12vw,168px);line-height:.94;letter-spacing:-.065em}
.landing-cinema .hero-copy .lead{max-width:36ch;font-size:clamp(18px,2vw,23px);line-height:1.5}
.landing-cinema main>section.product-look{background:#f5fafbe8;padding:clamp(28px,6vw,80px);box-shadow:none}
.landing-cinema .product-look .section-head{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:48px}
.landing-cinema .product-look h2{max-width:14ch;font-size:clamp(36px,4.5vw,60px)}
.landing-cinema .product-look .product-pair{border:0;gap:40px;padding:8px 0 24px;align-items:start}
.landing-cinema .product-pair figure{flex:1 0 260px;max-width:380px;margin:0 auto}
.landing-cinema .phone-frame{max-width:290px;border:5px solid #19262c;border-radius:44px;box-shadow:0 18px 36px #19344018;overflow:hidden}
.landing-cinema .product-pair figcaption{margin:24px auto 0;text-align:center;max-width:30ch;font-size:15px;line-height:1.5}
.landing-cinema .product-pair figcaption strong{font-size:20px;font-weight:500;margin-bottom:8px}
.landing-cinema .product-gallery-controls{display:none}
.landing-cinema .chapter-line{opacity:.9}
@media(max-width:700px){
 .landing-cinema .product-look .section-head{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 .landing-cinema .product-pair figure{flex:0 0 100%;max-width:none}
 .landing-cinema .product-pair{gap:24px;scroll-snap-type:x mandatory}
 .landing-cinema .phone-frame{max-width:258px;border-radius:36px}
 .landing-cinema .product-gallery-controls{display:flex;gap:8px}
 .landing-cinema .product-gallery-controls button{font-size:13px;padding:12px 16px}
 .landing-cinema .product-gallery-controls button[aria-pressed=true]{background:#173d4e;color:white}
}
@media(prefers-reduced-transparency:reduce){.landing-cinema main>section.product-look{background:#f5fafb}}
@media(max-width:600px){
 .landing-cinema .nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}
 .landing-cinema .nav-links{display:flex;gap:0;width:auto}
 .landing-cinema .nav .group-nav{display:none}
 .landing-cinema .nav .wordmark{font-size:19px;gap:9px}
 .landing-cinema .nav .button{font-size:12px;min-height:44px;padding:12px 14px;white-space:nowrap}
 .landing-cinema .hero.cinema-hero{padding-top:135px}
 html:has(.landing-cinema){scroll-padding-top:90px}
}

/* Current product gallery: all three chapters visible on desktop, swipe on mobile. */
.landing-cinema .product-look .product-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;background:transparent}
.landing-cinema .product-pair figure{max-width:100%;min-width:0}
.landing-cinema .product-pair figcaption .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:12px}
.landing-cinema .product-pair figcaption strong{font-size:21px;line-height:1.2;text-wrap:balance}
.landing-cinema .phone-frame{border-color:#232525;aspect-ratio:1320/2868}
.landing-cinema h2{text-wrap:balance}
.landing-questions details{border-top:1px solid #18364025;padding:22px 0}
.landing-questions summary{cursor:pointer;font-size:clamp(18px,2vw,23px);font-weight:500;line-height:1.4}
.landing-questions details p{max-width:62ch;margin:16px 0 0;line-height:1.7}
.landing-questions a{text-decoration:underline;text-underline-offset:4px}
.landing-cinema .product-gallery-controls button[aria-pressed=true]{background:#15191b;color:#fff}
@media(max-width:700px){
 .landing-cinema .product-look .product-pair{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;scrollbar-width:none}
 .landing-cinema .product-pair figure{flex:0 0 100%;scroll-snap-align:center}
 .landing-cinema .product-gallery-controls{justify-content:center;flex-wrap:wrap}
 .landing-cinema .product-gallery-controls button{padding:10px 12px;min-height:44px}
}
@media(prefers-reduced-motion:no-preference){
 #stageContent{animation:file-in .25s ease-out}
 .landing-questions details[open] p{animation:file-in .2s ease-out}
 @keyframes file-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
}

.landing-cinema main section[id]{scroll-margin-top:110px}

.group-walkthrough{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0}
.group-walkthrough article{border-top:1px solid #17364030;padding:24px 0}
.group-walkthrough h3{margin:18px 0;font-size:28px;text-wrap:balance}
.group-walkthrough p{line-height:1.6}
.group-hero h1{text-wrap:balance;font-size:clamp(48px,7vw,92px);max-width:16ch}
@media(max-width:700px){.group-walkthrough{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.group-walkthrough article{animation:chapter-arrive .7s ease-out both}.group-walkthrough article:nth-child(2){animation-delay:.15s}.group-walkthrough article:nth-child(3){animation-delay:.3s}@keyframes chapter-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}