/* A shared editorial grid and deliberate insets, on top of the saved motion edition. */
.cinematic-edition{
 --layout-gap:clamp(32px,4.45vw,64px);
 --panel-inset:clamp(24px,2.25vw,32px);
 --detail-rule:color-mix(in srgb,var(--ink) 18%,transparent);
 --caption-paper:#e9e3d3;
}

/* The hero now uses the same left and right edges as the header and body. */
.cinematic-edition .launch-hero{
 width:min(1280px,calc(100% - 112px));
 grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
 gap:36px;
 padding-block:40px 48px;
 min-height:0;
}
.cinematic-edition .launch-copy{min-width:0;padding-right:0}
.cinematic-edition .launch-copy h1{margin-top:28px;line-height:1.72}
.cinematic-edition .launch-lead{margin-top:28px;line-height:1.9}
.cinematic-edition .launch-description{margin-top:24px;line-height:2.1}
.cinematic-edition .launch-actions{gap:28px;margin-top:28px;align-items:center}
.cinematic-edition .launch-actions .text-link{white-space:nowrap}
.cinematic-edition .maker-sign{width:100%;max-width:460px;margin-top:28px;padding-top:20px;gap:12px;border-top-color:var(--detail-rule)}
.cinematic-edition .maker-sign>.maker-link{margin-left:auto;white-space:nowrap}
.cinematic-edition .hero-theatre{border-top-left-radius:128px}
.cinematic-edition .theatre-topline{left:72px;right:32px;top:32px}
.cinematic-edition .hero-theatre-caption{left:32px;right:32px}
.cinematic-edition .hero-stage-controls{padding-inline:20px}

/* Repeated relationships use one column-gap and consistent label spacing. */
.cinematic-edition .feature-spread,.cinematic-edition .feature-spread.reverse{gap:var(--layout-gap)}
.cinematic-edition .feature-explanation>.chapter-marker{margin-bottom:0}
.cinematic-edition .feature-explanation h3{margin-top:20px;line-height:1.75}
.cinematic-edition .feature-explanation>p:not(.chapter-marker){line-height:2.15}
.cinematic-edition .feature-explanation>p:not(.chapter-marker)+p{margin-top:20px}
.cinematic-edition .feature-points{margin-top:24px}
.cinematic-edition .quote-illustration,.cinematic-edition .report-illustration{padding:var(--panel-inset)}
.cinematic-edition .illustration-top{gap:16px;align-items:baseline}
.cinematic-edition .illustration-top small{white-space:nowrap;letter-spacing:.03em}
.cinematic-edition .report-foot,.cinematic-edition .illustration-foot{line-height:1.9}
.cinematic-edition .cinema-playback{font-size:11px;letter-spacing:.02em}
.cinematic-edition .cinema-playback button{font-size:11px;min-height:32px;padding:8px 12px}
.cinematic-edition .reading p{hanging-punctuation:allow-end;text-wrap:pretty}
.cinematic-edition .sample-caption{text-align:left;max-width:68em;line-height:1.9;margin-top:20px}

/* The photograph, inset caption and signature form one composed object. */
.cinematic-edition .closing-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:var(--layout-gap)}
.cinematic-edition .closing-copy{min-width:0}
.cinematic-edition .closing-copy>p:not(.section-kicker){max-width:39em}
.cinematic-edition .closing-copy .launch-actions{gap:28px}
.cinematic-edition .closing-photo{align-self:center;border-bottom:1px solid var(--detail-rule);background:var(--caption-paper);overflow:hidden}
.cinematic-edition .closing-image-frame{position:relative;height:300px;overflow:hidden;border-radius:64px 0 0 0}
.cinematic-edition .closing-image-frame>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 48%;transform:translateY(var(--cinema-photo,0px)) scale(1.18);filter:saturate(.85)}
.cinematic-edition .closing-photo figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;column-gap:24px;row-gap:12px;padding:28px var(--panel-inset) 30px;border:0;background:var(--caption-paper)}
.cinematic-edition .closing-photo figcaption>span{flex-basis:100%;font-size:10px;letter-spacing:.08em;line-height:1.6}
.cinematic-edition .closing-photo figcaption>strong{font-size:22px;line-height:1.6;letter-spacing:.01em;margin:0;white-space:nowrap}
.cinematic-edition .closing-photo figcaption>small{font-size:12px;line-height:1.8;letter-spacing:.02em;align-self:auto;margin:0;white-space:nowrap}
.cinematic-edition .closing::before{right:-29%;opacity:.55}
.cinematic-edition .brand-footer{padding-top:40px}
.cinematic-edition .brand-footer nav{column-gap:24px;row-gap:12px;align-content:start}

@media(min-width:1600px){
 .cinematic-edition .launch-hero{width:min(1340px,calc(100% - 140px));gap:40px;padding-block:48px}
 .cinematic-edition .closing-image-frame{height:324px}
}
@media(max-width:1150px){
 .cinematic-edition .launch-hero{width:calc(100% - 64px);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px;padding-block:36px 40px}
 .cinematic-edition .launch-copy h1{line-height:1.75}
 .cinematic-edition .launch-actions{gap:20px}
 .cinematic-edition .maker-sign{gap:10px}.cinematic-edition .maker-sign>.maker-link{font-size:9px}
 .cinematic-edition .theatre-topline{left:56px;right:24px}.cinematic-edition .hero-theatre-caption{left:24px;right:24px}
 .cinematic-edition .closing-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px}
 .cinematic-edition .closing-image-frame{height:280px}
 .cinematic-edition .closing-photo figcaption{row-gap:10px;padding:24px}
 .cinematic-edition .closing-photo figcaption>strong{font-size:20px}
 .cinematic-edition .closing-photo figcaption>small{flex-basis:100%}
}
@media(max-width:900px){
 .cinematic-edition .launch-hero{gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .cinematic-edition .launch-copy h1{font-size:28px}
 .cinematic-edition .launch-lead{margin-top:24px;font-size:14px}.cinematic-edition .launch-description{margin-top:20px}
 .cinematic-edition .launch-actions{gap:16px;flex-wrap:wrap}
 .cinematic-edition .maker-sign{margin-top:24px;flex-wrap:wrap}.cinematic-edition .maker-sign>.maker-link{margin-left:0}
 .cinematic-edition .hero-theatre{border-top-left-radius:96px}.cinematic-edition .theatre-topline{left:42px;right:20px;top:24px}.cinematic-edition .hero-theatre-caption{left:20px;right:20px}
 .cinematic-edition .closing-layout{gap:32px}.cinematic-edition .closing-image-frame{height:256px}
 .cinematic-edition .closing-photo figcaption>strong{font-size:18px}
}
@media(max-width:600px){
 .cinematic-edition{--layout-gap:28px;--panel-inset:24px}
 .cinematic-edition .launch-hero{width:calc(100% - 40px);gap:0;padding-block:28px 28px}
 .cinematic-edition .launch-copy h1{font-size:clamp(27px,7.5vw,38px);line-height:1.72;margin-top:16px;margin-bottom:24px}
 .cinematic-edition .launch-lead{font-size:16px;margin-top:28px}.cinematic-edition .launch-description{font-size:14px;margin-top:20px}
 .cinematic-edition .launch-actions{margin-top:24px;gap:20px;flex-wrap:nowrap}.cinematic-edition .launch-actions .text-link{font-size:10px}
 .cinematic-edition .maker-sign{flex-wrap:nowrap;margin-top:24px;padding-top:20px;max-width:none}.cinematic-edition .maker-sign>.maker-link{margin-left:auto}
 .cinematic-edition .theatre-topline{left:48px;right:20px;top:24px}.cinematic-edition .hero-theatre-caption{left:20px;right:20px}
 .cinematic-edition .hero-stage-controls{padding-inline:8px}
 .cinematic-edition .feature-spread,.cinematic-edition .feature-spread.reverse{gap:28px}
 .cinematic-edition .feature-explanation h3{margin-top:16px;line-height:1.75}
 .cinematic-edition .quote-illustration,.cinematic-edition .report-illustration{padding:24px 20px}
 .cinematic-edition .cinema-playback{font-size:10px}.cinematic-edition .cinema-playback button{font-size:10px;min-height:40px;padding:10px 12px}
 .cinematic-edition .closing-layout{gap:32px;align-items:stretch}.cinematic-edition .closing-photo{align-self:stretch}
 .cinematic-edition .closing-copy .launch-actions{gap:20px;flex-wrap:wrap}
 .cinematic-edition .closing-image-frame{height:232px;border-top-left-radius:48px}
 .cinematic-edition .closing-photo figcaption{padding:24px;row-gap:10px;column-gap:20px}
 .cinematic-edition .closing-photo figcaption>strong{font-size:21px}.cinematic-edition .closing-photo figcaption>small{flex-basis:100%;font-size:12px}
 .cinematic-edition .closing::before{right:-76%;opacity:.35}
 .cinematic-edition .brand-footer nav{gap:12px 20px}
}
@media(max-width:359px){
 .cinematic-edition .launch-hero{width:calc(100% - 32px)}
 .cinematic-edition .launch-copy h1{font-size:25px}
 .cinematic-edition .launch-actions{gap:14px}
 .cinematic-edition .theatre-topline{left:38px;right:16px}.cinematic-edition .hero-theatre-caption{left:16px;right:16px}
 .cinematic-edition .maker-sign>.maker-link{font-size:8px}
 .cinematic-edition .closing-photo figcaption{padding:22px}.cinematic-edition .closing-photo figcaption>strong{font-size:19px}
}
.motion-paused .cinematic-edition .closing-image-frame>img{transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.cinematic-edition .closing-image-frame>img{transform:scale(1.08)}}
