@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/ibm-plex-mono-regular.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/inter-black.ttf') format('truetype')}
:root{color-scheme:dark;--paper:#000000;--ink:#dddddd;--rule:#3c3c3c;--quiet:#a3a3a3;font-family:Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0}.teaser{max-width:1920px;margin:auto;padding:0 28px}header,.index-row,.playback-row,footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;font:11px/1.35 'IBM Plex Mono',monospace;letter-spacing:.025em}header{padding:25px 0 20px;border-bottom:4px solid var(--rule)}header>:last-child,.index-row>:last-child,footer>:last-child{text-align:right}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:32px 0 35px}h1{margin:0;font-size:clamp(42px,9.55vw,181px);font-family:Inter,Helvetica,Arial,sans-serif;font-weight:900;line-height:.8;letter-spacing:-.05em;white-space:nowrap}.signal{width:clamp(38px,6vw,104px);height:auto;flex-shrink:0}.index-row{padding:12px 0 8px;border-top:4px solid var(--rule);color:var(--quiet)}.index-row>:nth-child(2){text-align:center}.film{margin:0;position:relative;aspect-ratio:2/1;background:#000000;overflow:hidden}.poster,video{display:block;width:100%;height:100%;object-fit:contain}.poster{position:absolute;inset:0}video{position:absolute;inset:0}.has-video .poster{visibility:hidden}.playback-row{padding:9px 0;min-height:45px;align-items:center;border-bottom:4px solid var(--rule)}.timecode{text-align:center;font-variant-numeric:tabular-nums}button{justify-self:end;background:transparent;border:0;border-bottom:1px solid currentColor;padding:3px 0;color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer}button:hover{color:#ff593d}button:focus-visible{outline:2px solid #ff593d;outline-offset:5px}.closing{display:grid;grid-template-columns:1fr 1fr;min-height:330px;padding-top:36px;gap:16px}.closing-left,.closing-right{position:relative;display:flex;flex-direction:column;align-items:flex-start}.micro{font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.025em}.closing-left p{font-size:clamp(30px,4vw,66px);line-height:1.08;letter-spacing:-.055em;font-weight:600;margin:17px 0 35px}.launch{margin-top:auto;font:12px/1.5 'IBM Plex Mono',monospace;padding-bottom:22px}.closing-right{background:#1a1a1a;padding:13px 16px;min-height:294px;align-items:flex-end;justify-content:space-between}.closing-right .micro{align-self:flex-start}.closing-right img{height:150px;width:auto;mix-blend-mode:screen;filter:contrast(3) invert(1);margin:18px 8px 12px}footer{padding:12px 0 25px;margin-top:16px;border-top:4px solid var(--rule);font-size:10px}footer>:nth-child(2){text-align:center}[hidden]{display:none!important}@media(min-width:1600px){.teaser{padding:0 44px}}@media(max-width:650px){.teaser{padding:0 14px}header{font-size:10px;grid-template-columns:1fr 1fr;padding:18px 0 14px}.edition{display:none}.title-row{padding:27px 0;gap:12px}h1{font-size:clamp(30px,9vw,59px)}.signal{width:30px}.index-row,.playback-row{font-size:9px;gap:8px}.playback-row{grid-template-columns:1fr auto;min-height:46px}.timecode{display:none}.closing{min-height:275px;padding-top:24px;gap:12px}.closing-left p{font-size:clamp(25px,6.5vw,42px)}.closing-right{min-height:250px;padding:12px}.closing-right img{height:115px;margin-right:0}.micro{font-size:9px}.launch{font-size:10px}footer{font-size:9px;gap:6px}button{min-height:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Sparse indexing fields, kept outside the film. */
.title-row{position:relative;isolation:isolate}.title-row::before{content:'';position:absolute;inset:0 0 0 65%;background-image:radial-gradient(circle,#696969 .75px,transparent 1px);background-size:12px 12px;opacity:.3;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000000)}
.closing-right{background-image:radial-gradient(circle,#525252 .7px,transparent 1px);background-size:12px 12px;isolation:isolate;overflow:hidden}.closing-right::before{content:'';position:absolute;left:0;right:0;top:49%;height:1px;background:#363636;z-index:-1}.closing-right::after{content:'';position:absolute;top:0;bottom:0;left:38%;width:1px;background:#363636;z-index:-1}.grid-coordinate{position:absolute;left:calc(38% - 4px);top:calc(49% - 8px);font:10px/1.5 'IBM Plex Mono',monospace;color:#8e8e8e}.closing-right img{position:relative}.launch{display:flex;flex-direction:column;gap:9px;padding-bottom:21px;font-size:9px;color:var(--quiet)}.launch .barcode{width:164px;height:34px;opacity:.75}.status{color:var(--quiet)}button{min-width:44px;min-height:36px}.timecode{letter-spacing:.13em}@media(max-width:650px){.launch .barcode{width:115px;height:26px}.launch{font-size:8px}.title-row::before{inset:0 0 0 60%}}

/* Review refinements: headline-aligned mark and left footer signature. */
.signal{transform:scaleX(-1);margin-top:.008em}
.title-row{--heading-size:clamp(42px,9.55vw,181px)}
h1{font-size:var(--heading-size)}
.signal{margin-top:calc(var(--heading-size) * .035)}
:root{--rule:#6c6c6c}
.footer-signature{padding:0 0 30px;display:flex;justify-content:flex-start}
.footer-signature img{display:block;width:82px;height:auto;filter:contrast(3) invert(1);mix-blend-mode:screen;margin-left:-9px}
@media(max-width:650px){.title-row{--heading-size:clamp(30px,9vw,59px)}.footer-signature img{width:62px;margin-left:-7px}.footer-signature{padding-bottom:24px}}

.mobile-stills{display:none}.mobile-stills img{display:block;width:100%;height:auto}
@media(max-width:650px){.film{display:none}.mobile-stills{display:grid;gap:0}.playback-row #playback,.playback-row #timecode{display:none!important}}

/* Shared typography and About layout from the FS-Segment preview. */
@font-face{font-family:Architekt;src:url('preview/fs-segment/assets/fonts/nb-architekt-pro-light.otf') format('opentype');font-style:normal;font-weight:300;font-display:swap}
.masthead>span:first-child{font:800 15px/1.35 Helvetica,Arial,sans-serif;letter-spacing:-.04em}
.about{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:65px 0;border-top:4px solid var(--rule)}
.about>div{grid-column:2 / 4}
.about .eyebrow{font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.04em}
.about h2{margin:0;font:300 45px/1.12 Architekt,Helvetica,Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.about p{font:18px/1.55 Helvetica,Arial,sans-serif;color:#a5a5a5;max-width:740px;margin:26px 0 0}
.about .actions{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px;font:12px/1.5 'IBM Plex Mono',monospace}
.about a{color:inherit;text-decoration:none}
.about a:hover{text-decoration:underline;text-underline-offset:5px}
.about a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.about .footer-banner{grid-column:1 / -1;margin:16px 0 0}
.about .footer-banner img{display:block;width:100%;height:auto}
@media(max-width:650px){.masthead>span:first-child{font-size:12px}.about{grid-template-columns:minmax(0,1fr);gap:20px;padding:40px 0}.about>div{grid-column:1}.about h2{font-size:36px}.about p{font-size:16px}.about .actions{gap:18px;font-size:11px}}

/* One continuous closing section, with artwork before the About copy. */
.closing{display:block;min-height:0}
.closing-left{min-height:294px}
.about{display:block;border-top:0;padding:16px 0 49px}
.about .footer-banner{margin:0 0 48px}
.about .eyebrow{display:block}
.about p{margin-top:20px}
@media(max-width:650px){.closing-left{min-height:251px}.about{padding:16px 0 24px}.about .footer-banner{margin-bottom:32px}}

/* Match the product page's frame, typography and restrained accents. */
:root{--accent:#ff593d;--rule:#666666}
.teaser{max-width:1560px;padding:0 36px}
.accent-mark{color:var(--accent)}
.micro .accent-mark,.about-mark{display:inline-block;margin-left:18px}
.about-mark{font-size:11px;letter-spacing:.12em}
.about h2{font-family:Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;text-transform:none}
.about a:focus-visible{outline-color:var(--accent)}
@media(max-width:800px){.teaser{padding:0 22px}}
@media(max-width:600px){.teaser{padding:0 15px}}