/* Project-story pages. Author: Opus 5.5 (claude-opus-5-5), stories slice. Code only; no media or font files. */
.page-story{background:var(--ink,#101816);color:var(--paper,#eeede7)}
.story-opening{max-width:1600px;margin:auto;padding:160px var(--gutter,56px) 80px}
.story-back{margin-bottom:56px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 36px}
/* Repair (claude-opus-5-5): the film is one native link away from the first screen. */
.story-watch{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:12px 22px;background:var(--paper,#eeede7);color:var(--ink,#101816);font:600 14px/1.4 var(--body,'Inter Tight',sans-serif);letter-spacing:.035em;text-decoration:none}
.story-opening .inner-eyebrow{color:#aebbb4}
.story-headline{font:400 clamp(64px,9.4vw,152px)/.92 var(--display,'Newsreader',serif);letter-spacing:-.055em;margin:0;max-width:14ch;overflow-wrap:break-word}
.story-headline em{font-weight:400}
.story-opening-tail{display:grid;grid-template-columns:4fr 8fr;gap:32px 96px;margin-top:56px;padding-top:24px;border-top:1px solid #65716b;align-items:start}
.story-name{margin:0;font:500 15px/1.5 var(--body,'Inter Tight',sans-serif);letter-spacing:.02em}
.story-lede{margin:0;max-width:36ch;font:400 clamp(24px,2.2vw,31px)/1.35 var(--display,'Newsreader',serif);letter-spacing:-.015em;color:#dfe4e0}

.story-stage{background:#030806;padding:clamp(32px,5vw,88px) var(--gutter,56px)}
.story-film{margin:0 auto;display:flex;flex-direction:column;align-items:center;max-width:1488px}
.story-film video{display:block;height:auto;max-width:100%;background:#000}
.story-film-portrait video{width:min(100%,calc(min(80vh,960px) * .5625))}
.story-film-received video{width:min(100%,478px,calc(min(80vh,850px) * .5624))}
.story-film-landscape video{width:min(100%,1280px)}
.story-film figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;margin-top:20px;font:400 13px/1.5 var(--body,'Inter Tight',sans-serif);color:#aebbb4;font-variant-numeric:tabular-nums;text-align:center}
.story-film figcaption a{color:inherit}

.story-body{display:grid;grid-template-columns:4fr 8fr;gap:64px 96px;max-width:1600px;margin:auto;padding:136px var(--gutter,56px);align-items:start}
.story-context{position:sticky;top:120px}
.story-context dl{margin:0;border-top:1px solid #526159}
.story-context dl>div{padding:18px 0;border-bottom:1px solid #2f3d35}
.story-context dt{font:600 12px/1.5 var(--body,'Inter Tight',sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#aebbb4;margin:0 0 6px}
.story-context dd{margin:0;font:400 16px/1.5 var(--body,'Inter Tight',sans-serif);color:#eeede7}
.story-context dd a{color:inherit;text-underline-offset:4px}
.story-section h2{font:400 clamp(40px,4.4vw,64px)/1.04 var(--display,'Newsreader',serif);letter-spacing:-.035em;margin:0 0 48px}
.story-section+.story-section{margin-top:136px}
.story-notes{list-style:none;margin:0;padding:0}
.story-notes>li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:28px 0;border-top:1px solid #46574d}
.story-notes>li:last-child{border-bottom:1px solid #46574d}
.story-note-number{font:400 30px/1 var(--display,'Newsreader',serif);letter-spacing:-.03em;color:#7f9997;font-variant-numeric:tabular-nums}
.story-notes h3{font:400 27px/1.15 var(--display,'Newsreader',serif);letter-spacing:-.02em;margin:0 0 10px}
.story-notes p{margin:0;max-width:52ch;font:400 17px/1.6 var(--body,'Inter Tight',sans-serif);color:#cad3cd}
.story-section>p:not(.story-limit){max-width:54ch;font:400 18px/1.65 var(--body,'Inter Tight',sans-serif);color:#dfe4e0;margin:0 0 24px}
.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:44px}
.story-actions .inner-action{background:var(--paper,#eeede7);color:var(--ink,#101816);border-color:var(--paper,#eeede7)}
.story-choose{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 24px;border:1px solid #eeede799;background:none;color:inherit;font:500 15px/1.4 var(--body,'Inter Tight',sans-serif);cursor:pointer}
.story-actions-note{flex-basis:100%;margin:4px 0 0;font:400 14px/1.5 var(--body,'Inter Tight',sans-serif);color:#aebbb4}

.story-more{border-top:1px solid #526159;max-width:1600px;margin:auto;padding:96px var(--gutter,56px) 120px}
.story-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.story-more li{border-top:1px solid #46574d;padding-top:20px}
.story-more li a{display:block;color:inherit;text-decoration:none;font:400 clamp(26px,2.4vw,36px)/1.12 var(--display,'Newsreader',serif);letter-spacing:-.025em}
.story-more li span{display:block;margin-top:10px;font:400 14px/1.5 var(--body,'Inter Tight',sans-serif);color:#aebbb4}

/* Launch media slice (claude-opus-5-5): silent-film status line, two whole portrait stills per story and a short
   footage note. Stills keep their intrinsic ratio; nothing is cropped. */
.story-film video{object-fit:contain}
.story-film-status{margin:12px 0 0;padding:0 20px;font:400 14px/1.5 var(--body,'Inter Tight',sans-serif);color:#eeede7;text-align:center}
.story-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:760px}
.story-stills figure{margin:0;min-width:0}
.story-stills img{display:block;width:100%;height:auto;background:#030806}
.story-stills figcaption{margin-top:12px;font:400 14px/1.5 var(--body,'Inter Tight',sans-serif);color:#aebbb4}
.story-source{max-width:60ch;margin:96px 0 0;padding-top:20px;border-top:1px solid #2f3d35;font:400 14px/1.6 var(--body,'Inter Tight',sans-serif);color:#aebbb4}
.story-actions-note a,.story-inline-choose{color:inherit;text-decoration:underline;text-underline-offset:4px}
.story-inline-choose{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font:inherit;cursor:pointer}
@media(max-width:760px){.story-stills{gap:12px}.story-stills figcaption{font-size:13px}.story-source{margin-top:64px}}
.page-story a:focus-visible,.page-story button:focus-visible,.page-story video:focus-visible{outline:3px solid #719ca5;outline-offset:6px}
@media(hover:hover){.story-choose:hover{background:#eeede714}.story-watch:hover{background:#fff}.story-more li a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}}
@media(max-width:1100px){.story-opening-tail,.story-body{gap:40px 48px;grid-template-columns:1fr 2fr}.story-more ul{gap:28px}}
@media(max-width:760px){.story-opening{padding:145px 20px 56px}.story-back{margin-bottom:40px}.story-stage{scroll-margin-top:40px}.story-headline{font-size:clamp(52px,14.5vw,96px)}.story-opening-tail{display:block;margin-top:36px}.story-lede{margin-top:20px;font-size:24px}.story-stage{padding:24px 0}.story-film figcaption{padding:0 20px}.story-film-portrait video,.story-film-received video{width:min(100%,calc(min(78vh,850px) * .5625))}.story-body{display:block;padding:80px 20px}.story-context{position:static;margin-bottom:72px}.story-section h2{font-size:clamp(38px,11vw,48px);margin-bottom:32px}.story-section+.story-section{margin-top:88px}.story-notes>li{grid-template-columns:44px minmax(0,1fr);gap:16px}.story-note-number{font-size:24px}.story-notes h3{font-size:24px}.story-section>p:not(.story-limit){font-size:17px}.story-actions{flex-direction:column;align-items:stretch}.story-actions .inner-text-action{align-self:flex-start}.story-more{padding:64px 20px 88px}.story-more ul{display:block}.story-more li{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.page-story *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}