@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Montserrat:wght@500&display=swap');
:root{--ink:#090e15;--fg:#dfe6ec;--muted:#94a1ae;--line:#c9dff42c;--font:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--ink);color:var(--fg);font:13px var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;border:0;background:none;color:inherit;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #c3deef;outline-offset:5px}h1,h2,p,figure{margin:0}img,video{display:block;max-width:100%}.micro{text-transform:uppercase;letter-spacing:.15em;font-size:8px}.skip{position:fixed;z-index:20;left:20px;top:-80px;padding:15px;background:#dfe6ec;color:#111}.skip:focus{top:15px}.masthead{position:absolute;top:0;left:0;right:0;padding:28px 4%;display:flex;justify-content:space-between;align-items:center;z-index:4}.affiliations{display:flex;align-items:center;gap:25px}.flags{display:flex;align-items:center;gap:10px}.flags img{width:24px;height:24px;object-fit:contain;opacity:.9}.union-marks{display:flex;align-items:center;gap:16px;border-left:1px solid var(--line);padding-left:23px}.sag-mark{background:#e4e7e8;padding:6px 9px;border-radius:2px}.sag-mark img{width:49px;height:41px;object-fit:contain}.actra-mark img{width:78px;height:39px;object-fit:contain}.imdb-link{display:flex;gap:19px;align-items:center;font-size:13px;font-weight:600;letter-spacing:-.03em;padding:12px 0}.imdb-link span{font-size:15px;font-weight:400;color:#b7c7d6}.opening{position:relative;height:100svh;min-height:560px;isolation:isolate;overflow:hidden;background:#090d13}.opening-media,.opening-wash{position:absolute;inset:0;z-index:-1}.opening-media>img,.opening-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:47% 40%}.opening-media>img{filter:brightness(.84) saturate(.48)}.opening-media>video{opacity:0;filter:brightness(.81) saturate(.55);transition:opacity 1s}.opening.has-motion .opening-media>video{opacity:1}.opening-wash{background:linear-gradient(180deg,#050a1465,transparent 25%,transparent 43%,#060b1650 65%,#050912e8 88%,#050912),linear-gradient(90deg,#050b1725,transparent 60%)}.scene-note{position:absolute;left:4.2%;top:150px}.scene-note .micro{color:#aab8c4;font-size:7px}.scene-note p{font-size:24px;letter-spacing:-.04em;font-weight:500;margin:10px 0 7px}.scene-note>span:last-child{font-size:9px;color:#bdc8d0}.ring-control{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d7e2ed65;border-radius:50%;font-size:12px;background:#a7c1df06;backdrop-filter:blur(5px);transition:background .25s,box-shadow .25s,transform .3s}.ring-control:hover{background:#dfe6ec;color:#0c121a;box-shadow:0 0 30px #acc6d420;transform:scale(1.06)}.motion-toggle{position:absolute;right:4%;top:150px;width:30px;height:30px;font-size:10px}.motion-toggle[hidden]{display:none}.reel-orbit{position:absolute;left:76%;top:36%;width:93px;height:93px;border:1px solid #d7e2ed85;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;backdrop-filter:blur(4px);background:#a7c1df06;box-shadow:0 0 35px #9ebbd10a;transition:background .3s,transform .4s,box-shadow .3s}.reel-orbit:hover{background:#dfe6ec;color:#0c121a;transform:scale(1.08);box-shadow:0 0 50px #acc6d423}.orbit-symbol{font-size:8px}.opening-name{position:absolute;left:4%;right:4%;bottom:232px;font:500 clamp(62px,9.5vw,155px)/1 var(--font);letter-spacing:-.065em;pointer-events:none;color:#e2e6e9;text-shadow:0 2px 35px #0002}
/* A quiet streaming rail, kept within the cover. */
.clip-dock{position:absolute;left:4.2%;right:4.2%;bottom:24px}.dock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:15px;margin-bottom:17px}.dock-toolbar>.micro{color:#bac8d3;font-size:7px}.dock-options{display:flex;align-items:center;gap:32px}.playback-modes{display:flex;align-items:center;gap:18px;font-size:9px}.playback-modes>button{color:#91a0ae;padding:4px 0;border-bottom:1px solid transparent}.playback-modes>button[aria-pressed=true]{color:#e2ebf1;border-bottom-color:#c5d8e6}.comparison-link{font-size:8px;color:#b4c0cb;display:flex;gap:13px;align-items:center}.clip-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.clip-tile{display:block;text-align:left;min-width:0;position:relative}.clip-still{height:88px;position:relative;overflow:hidden;background:#080c12;outline:1px solid #b8c9d41c;outline-offset:-1px;transition:outline-color .25s}.clip-still img{width:100%;height:100%;object-fit:cover;filter:saturate(.45) brightness(.7);transition:filter .4s,transform .7s}.clip-tile:hover .clip-still img,.clip-tile[aria-pressed=true] .clip-still img{filter:saturate(.7) brightness(.95)}.clip-tile:hover .clip-still img{transform:scale(1.04)}.clip-tile[aria-pressed=true] .clip-still{outline-color:#c6dce9b0}.clip-still .tile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:31px;height:31px;border:1px solid #e2ecf286;border-radius:50%;display:grid;place-items:center;font-size:8px;color:#e7edf1;background:#08121a33;backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.clip-tile:hover .tile-play,.clip-tile:focus-visible .tile-play{opacity:1}.clip-caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:9px;font-size:9px}.clip-caption>small{font-size:7px;color:var(--muted);white-space:nowrap}.clip-tag{display:block;font-size:7px;margin-top:4px;color:var(--muted)}.clip-tile[data-film=birds] .clip-still img{object-fit:cover}
/* Full-scene playback retains the same gallery at its foot. */
dialog{border:0;padding:0;background:#080d13;color:var(--fg);width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#04080df0;backdrop-filter:blur(10px)}.player-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 4% 18px;position:relative;z-index:2}.player-header .micro{color:var(--muted);font-size:7px}.player-header h2{font-size:20px;line-height:1.25;letter-spacing:-.045em;font-weight:500;margin-top:8px}.player-utilities{display:flex;gap:14px;align-items:center}.close-dialog{font-size:25px;font-weight:400}.film-player{height:calc(100svh - 297px);min-height:230px;background:#030609;position:relative}.film-player video,.film-player iframe{width:100%;height:100%;object-fit:contain;border:0}.film-player>div{width:100%;height:100%}.film-player iframe{display:block}.player-dock{position:relative;left:auto;right:auto;bottom:auto;margin:0 4%;padding-bottom:20px}.player-dock .dock-toolbar{padding-top:14px;margin-bottom:13px}.player-status{font-size:10px;color:#b5c8d7;position:absolute;left:4%;top:110px;z-index:2;max-width:70ch;line-height:1.7}.player-status:empty{display:none}.comparison-dialog{padding:0 4% 35px}.comparison-dialog .player-header{padding-left:0;padding-right:0}.take-tabs{display:flex;justify-content:flex-end;gap:27px;font-size:10px;margin:10px 0 35px}.take-tabs button{padding:12px 0;border-bottom:1px solid transparent;color:var(--muted)}.take-tabs button[aria-pressed=true]{border-color:var(--fg);color:var(--fg)}.take-frames{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;padding-top:5vh}.take-frames figcaption{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);padding-bottom:15px}.take-frames video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#090d0a}.take-frames[data-layout=audition],.take-frames[data-layout=broadcast]{grid-template-columns:1fr;max-width:1100px;margin:auto;padding-top:0}.take-frames[data-layout=audition] #broadcast-pane,.take-frames[data-layout=broadcast] #audition-pane{display:none}
@media(min-width:1600px){.clip-still{height:115px}.opening-name{bottom:265px}.film-player{height:calc(100svh - 325px)}}
@media(max-width:900px){.opening-name{font-size:10vw}.reel-orbit{left:auto;right:10%;width:80px;height:80px}.clip-rail{gap:11px}.clip-caption{font-size:8px}.clip-caption>small{display:none}.dock-options{gap:23px}.clip-still{height:80px}}
@media(max-width:640px){.masthead{padding:20px 6%;align-items:flex-start}.affiliations{flex-direction:column;align-items:flex-start;gap:13px}.flags{gap:10px}.flags img{width:22px;height:22px}.union-marks{border:0;padding:0;gap:14px}.sag-mark{padding:4px 6px}.sag-mark img{width:34px;height:28px}.actra-mark img{width:58px;height:29px}.imdb-link{font-size:12px;gap:12px;padding-top:5px}.opening-media>img,.opening-media>video{object-position:25% center}.opening-wash{background:linear-gradient(180deg,#050b1570,transparent 25%,#050b1510 45%,#050b1590 72%,#050b15f5 88%,#050b15)}.scene-note{top:162px;left:6%}.scene-note p{font-size:22px}.scene-note .micro{font-size:7px}.motion-toggle{right:6%;top:161px}.reel-orbit{width:73px;height:73px;top:39%;right:10%;font-size:10px}.opening-name{left:5.5%;right:6%;bottom:221px;max-width:88%;font-size:17vw;line-height:.98;letter-spacing:-.07em}.clip-dock{left:6%;right:0;bottom:20px}.dock-toolbar{margin-right:6.4%;gap:10px;margin-bottom:14px;padding-top:14px;align-items:center}.dock-toolbar>.micro{font-size:6px;letter-spacing:.1em}.dock-options{gap:15px}.playback-modes{gap:12px;font-size:8px}.comparison-link{font-size:7px;gap:7px}.comparison-link>span{display:none}.clip-rail{display:flex;overflow-x:auto;gap:12px;padding:1px 6.4% 9px 1px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9db4c53b transparent}.clip-tile{flex:0 0 128px;scroll-snap-align:start}.clip-still{height:76px}.clip-caption{font-size:9px;line-height:1.4}.clip-tag{font-size:7px}.clip-still .tile-play{opacity:1;width:27px;height:27px;font-size:7px}.player-header{padding:20px 6% 18px}.player-header h2{font-size:18px;max-width:230px}.player-header .micro{font-size:6px;letter-spacing:.1em}.ring-control{width:34px;height:34px;font-size:11px}.motion-toggle{width:29px;height:29px;font-size:9px}.close-dialog{font-size:23px}.player-utilities{gap:10px}.film-player{height:calc(100svh - 282px);min-height:220px}.player-dock{margin:0 0 0 6%;padding-bottom:15px;left:auto;right:auto;bottom:auto}.player-dock .dock-toolbar{margin-right:6.4%}.player-status{left:6%;top:100px;font-size:9px;max-width:85%}.comparison-dialog{padding:0 6% 30px}.take-tabs{font-size:9px;gap:24px;margin-bottom:25px}.take-frames{grid-template-columns:1fr;gap:28px;padding-top:0}.take-frames figcaption{font-size:8px}}
@media(max-height:650px) and (min-width:641px){.opening-name{bottom:193px;font-size:8vw}.clip-still{height:62px}.clip-dock{bottom:15px}.masthead{padding-top:15px}.scene-note,.motion-toggle{top:115px}.film-player{height:calc(100svh - 262px);min-height:160px}.player-header{padding-top:15px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.opening-media>video{display:none}}
.clip-still{display:block}.seen-trigger{position:absolute;left:4.3%;bottom:207px;display:flex;align-items:center;gap:13px;font-size:9px;color:#bbccd9}.seen-trigger>span{width:22px;height:22px;border:1px solid #c3d8e16b;border-radius:50%;display:grid;place-items:center;font-size:13px;transition:background .25s,color .25s}.seen-trigger:hover>span{background:#dfe6ec;color:#0c121a}.seen-dialog{position:fixed;left:auto;right:4%;top:118px;bottom:auto;margin:0;width:min(510px,92vw);max-width:92vw;height:auto;max-height:calc(100svh - 145px);padding:25px 30px 30px;background:linear-gradient(135deg,#182632ed,#0b141eee);border:1px solid #bacfdf40;border-radius:3px;box-shadow:0 20px 90px #0007,inset 0 1px #e1f4ff0b;backdrop-filter:blur(25px);animation:seen-in .35s cubic-bezier(.22,1,.36,1)}.seen-dialog::backdrop{background:#03070b35;backdrop-filter:blur(3px)}.seen-dialog.is-leaving{animation:seen-out .24s ease forwards}.seen-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.seen-header h2{font-size:22px;font-weight:400;letter-spacing:-.04em}.seen-header .ring-control{font-size:23px}.logo-group{margin-top:24px}.logo-group h3{font-size:7px;text-transform:uppercase;letter-spacing:.16em;font-weight:400;color:#8fa6b9;margin-bottom:17px}.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 25px}.network-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:9px}.network-mark img{height:43px;width:75px;object-fit:contain;filter:grayscale(1) brightness(0) invert(.88);opacity:.85}.network-mark figcaption{font-size:7px;color:#8b9fac;text-align:center}.mark-warnerbros img{height:47px}.mark-paramount img{width:104px}.mark-cbs img{width:52px}.mark-netflix img{width:60px}.mark-amazonprime img{width:78px}.logo-group:nth-of-type(2) .logo-grid{grid-template-columns:1fr 1fr}.mark-syfy img{filter:grayscale(1) brightness(0) invert(.88)}@keyframes seen-in{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:none}}@keyframes seen-out{to{opacity:0;transform:translateX(45px)}}@media(min-width:1600px){.seen-trigger{bottom:232px}}@media(max-width:640px){.opening-name{bottom:239px}.seen-trigger{left:6%;bottom:206px;font-size:8px;gap:10px}.seen-trigger>span{width:20px;height:20px;font-size:12px}.seen-dialog{right:4%;top:95px;padding:20px 23px 25px;max-height:calc(100svh - 120px)}.seen-header{padding-bottom:17px}.seen-header h2{font-size:20px}.logo-group{margin-top:22px}.logo-grid{gap:18px 20px}.network-mark img{height:35px;width:65px}.mark-cbs img{width:43px}.mark-paramount img{width:94px}.network-mark figcaption{font-size:7px}}@media(max-height:650px) and (min-width:641px){.opening-name{bottom:207px}.seen-trigger{bottom:173px}.seen-dialog{top:75px;max-height:calc(100svh - 95px)}}

/* Silver linework, aligned around the cover's central axis. */
.linework-filters{position:absolute;pointer-events:none}
.masthead{height:112px;padding:24px 4%;justify-content:flex-end}
.affiliations{position:absolute;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:66px 146px 66px;align-items:center;gap:25px}
.flags{gap:13px;justify-content:center}
.flags img{width:38px;height:27px;opacity:.82}
.union-mark{display:flex;align-items:center;justify-content:center;height:48px;padding:0;background:none;border:0;opacity:.85}
.sag-mark img{width:53px;height:45px}.actra-mark img{width:66px;height:33px;filter:url(#silver-contour)}
.imdb-link{min-width:112px;min-height:43px;justify-content:center;gap:19px;padding:12px 23px;border:1px solid #c9dce16b;font-size:12px;letter-spacing:.015em;transition:background .25s,border-color .25s,box-shadow .25s}
.imdb-link:hover{background:#d7e5ef0c;border-color:#dceaf0;box-shadow:0 0 24px #b3cfe012}
.opening-name{bottom:250px}
.seen-dialog{left:50%;right:auto;transform:translateX(-50%);top:50%;width:min(590px,92vw);max-height:86svh;translate:0 -50%;padding:25px 34px 30px;text-align:center}
.seen-header{justify-content:center;position:relative;min-height:45px}.seen-header .ring-control{position:absolute;right:0;top:0}
.logo-group h3{margin:0 0 20px}.logo-grid{gap:23px 27px}.network-mark{min-height:63px}.network-mark img,.mark-syfy img{filter:none;opacity:.9}.mark-syfy img{filter:url(#silver-contour)}
@keyframes seen-in{from{opacity:0;translate:0 calc(-50% + 30px)}to{opacity:1;translate:0 -50%}}
@keyframes seen-out{to{opacity:0;translate:0 calc(-50% + 30px)}}
@media(max-width:900px){.affiliations{gap:16px;grid-template-columns:54px 128px 54px}.flags{gap:10px}.flags img{width:33px;height:24px}.sag-mark img{width:46px;height:39px}.actra-mark img{width:54px;height:29px}.imdb-link{min-width:94px;padding:12px 16px}}
@media(max-width:640px){.masthead{height:155px;padding:19px 6%;align-items:flex-start}.imdb-link{min-width:99px;min-height:39px;padding:10px 18px;font-size:11px}.affiliations{top:83px;gap:22px;grid-template-columns:53px 127px 53px;align-items:center}.union-mark{height:40px}.flags{gap:10px}.flags img{width:33px;height:23px}.sag-mark img{width:43px;height:36px}.actra-mark img{width:53px;height:28px}.scene-note,.motion-toggle{top:164px}.opening-name{bottom:239px}.seen-dialog{top:50%;right:auto;left:50%;padding:22px 25px 27px;max-height:88svh}.logo-grid{gap:20px 18px}.network-mark{min-height:51px}}
@media(max-height:650px) and (min-width:641px){.masthead{height:85px;padding-top:15px}.opening-name{bottom:207px}}

.mark-syfy img{filter:url(#syfy-contour)}.mark-amazonprime img{width:100px}

/* Companion to IMDb: a compact screen control on the name baseline. */
.seen-trigger{left:auto;right:4%;bottom:250px;width:60px;height:43px;padding:10px 16px;justify-content:center;border:1px solid #c9dce16b;background:#a7c1df06;backdrop-filter:blur(5px);transition:background .25s,border-color .25s,box-shadow .25s}
.seen-trigger svg{display:block;width:27px;height:23px;flex:none}.seen-trigger:hover{background:#d7e5ef0c;border-color:#dceaf0;box-shadow:0 0 24px #b3cfe012}
@media(min-width:1600px){.opening-name,.seen-trigger{bottom:265px}}
@media(max-width:640px){.seen-trigger{left:auto;right:6%;bottom:239px;width:49px;height:39px;padding:8px 12px}.seen-trigger svg{width:24px;height:21px}}
@media(max-height:650px) and (min-width:641px){.seen-trigger{bottom:207px}}

/* An articulated film slate, drawn in the same silver-and-glass language. */
.seen-dialog{padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible;max-height:none;width:min(590px,90vw)}
.slate-clapper{position:relative;width:100%;line-height:0;filter:drop-shadow(0 6px 10px #0004)}.slate-clapper svg{display:block;width:100%;height:auto;overflow:visible}
.slate-body{position:relative;margin-top:-1px;background:linear-gradient(135deg,#182632ed,#0b141eee);border:1px solid #bacfdf40;border-top:0;border-radius:0 0 7px 7px;box-shadow:0 20px 90px #0007,inset 0 1px #e1f4ff0b;backdrop-filter:blur(25px);padding:25px 34px 30px}
.slate-content{overflow-y:auto;max-height:calc(85svh - 155px);scrollbar-width:thin;scrollbar-color:#9db4c53b transparent;overscroll-behavior:contain}
.seen-header h2{font-size:21px;letter-spacing:.04em}.seen-header{padding-bottom:21px}.logo-group{margin-top:23px}.logo-group+.logo-group{border-top:1px solid #c9dff41a;padding-top:20px}.logo-grid{gap:19px 27px}.network-mark{min-height:57px}.logo-group h3{margin-bottom:18px}
@media(max-width:640px){.seen-dialog{padding:0;width:92vw}.slate-body{padding:20px 24px 25px}.slate-content{max-height:calc(85svh - 115px)}.seen-header h2{font-size:19px}.logo-grid{gap:15px 18px}.network-mark{min-height:47px}.logo-group{margin-top:20px}.logo-group+.logo-group{padding-top:17px}.logo-group h3{margin-bottom:16px}}

/* Wide slate proportions; substantial clapper arm and compact credit rows. */
.seen-dialog{width:min(880px,92vw)}.slate-body{padding:18px 34px 23px}.slate-content{max-height:calc(90svh - 225px)}.seen-header{min-height:36px;padding-bottom:15px}.seen-header .ring-control{top:-2px}.seen-header h2{font-size:19px}
.logo-group{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;margin-top:15px}.logo-group+.logo-group{margin-top:15px;padding-top:15px}.logo-group h3{margin:0;text-align:left;line-height:1.6}.logo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.network-mark{min-height:48px;gap:8px}.network-mark img{height:32px;width:57px}.mark-cbs img{width:38px}.mark-warnerbros img{height:36px}.mark-paramount img{width:97px}.mark-amazonprime img{width:92px}.logo-group:nth-of-type(2) .logo-grid{grid-template-columns:repeat(2,1fr);max-width:330px;width:100%;justify-self:center}.logo-group:nth-of-type(3) .logo-grid{grid-template-columns:repeat(3,1fr);max-width:510px;width:100%;justify-self:center}
@media(max-width:640px){.seen-dialog{width:94vw}.slate-body{padding:12px 14px 16px}.slate-content{max-height:calc(88svh - 100px)}.seen-header{min-height:29px;padding-bottom:10px}.seen-header h2{font-size:16px}.seen-header .ring-control{width:27px;height:27px;top:-2px;font-size:19px}.logo-group{display:block;margin-top:12px}.logo-group+.logo-group{margin-top:12px;padding-top:12px}.logo-group h3{text-align:center;font-size:6px;letter-spacing:.12em;margin:0 0 10px}.logo-grid{gap:7px;grid-template-columns:repeat(6,minmax(0,1fr))}.network-mark{min-height:30px;gap:6px}.network-mark img{width:34px;height:22px}.network-mark figcaption{font-size:5px}.mark-cbs img{width:25px}.mark-warnerbros img{height:25px}.mark-paramount img{width:80px}.mark-amazonprime img{width:74px}.logo-group:nth-of-type(2) .logo-grid{max-width:240px;margin:auto}.logo-group:nth-of-type(3) .logo-grid{max-width:270px;margin:auto}}
@media(max-width:640px){.logo-group{display:grid;grid-template-columns:45px minmax(0,1fr);gap:7px;margin-top:9px}.logo-group h3{text-align:left;margin:0;font-size:5px;letter-spacing:.07em}.logo-group+.logo-group{margin-top:9px;padding-top:9px}.logo-grid{gap:5px}.network-mark{min-height:27px;gap:5px}.network-mark img{width:29px;height:19px}.mark-cbs img{width:23px}.mark-warnerbros img{height:23px}.mark-paramount img{width:72px}.mark-amazonprime img{width:67px}.network-mark figcaption{font-size:4.5px}.slate-body{padding:10px 13px 13px}.logo-group:nth-of-type(2) .logo-grid,.logo-group:nth-of-type(3) .logo-grid{margin:0}}

.mobile-seen-tabs{display:none}
/* Mobile gets its own glass credit tray, rather than a scaled-down slate. */
@media(max-width:640px){
.seen-dialog{left:4%;right:4%;top:auto;bottom:26px;width:92%;transform:none;translate:none;max-width:none;animation:tray-in .35s cubic-bezier(.22,1,.36,1)}
.seen-dialog.is-leaving{animation:tray-out .24s ease forwards}.slate-clapper{display:none}
.slate-body{padding:17px 20px 20px;border:1px solid #bacfdf40;border-radius:14px;background:linear-gradient(135deg,#182632ed,#0b141eee);box-shadow:0 20px 70px #0008}
.slate-content{max-height:70svh;overflow-y:auto}.seen-header{border:0;padding-bottom:12px;min-height:32px}.seen-header h2{font-size:15px;letter-spacing:.04em}.seen-header .ring-control{top:-2px;width:28px;height:28px}
.mobile-seen-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-bottom:1px solid var(--line);margin-bottom:16px}
.mobile-seen-tabs button{font-size:8px;letter-spacing:.04em;color:#91a6b8;padding:8px 3px 11px;border-bottom:1px solid transparent}
.mobile-seen-tabs button[aria-pressed=true]{color:#e3edf4;border-bottom-color:#d4e4ed}
.seen-dialog .logo-group{display:none;border:0;padding:0;margin:0}.seen-dialog .logo-group.mobile-active{display:block}.logo-group h3{display:none}
.seen-dialog .logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 13px;width:100%;max-width:none;margin:0;min-height:92px;align-content:center}
.network-mark{min-height:37px;gap:7px}.network-mark img{width:54px;height:25px}.network-mark figcaption{font-size:6px}.mark-cbs img{width:30px}.mark-warnerbros img{height:36px}.mark-paramount img{width:104px}.mark-amazonprime img{width:82px}
.seen-dialog .logo-group[data-credit-panel=studios] .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@keyframes tray-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@keyframes tray-out{to{opacity:0;translate:0 35px}}
/* Larger marks use the slate's width while preserving even optical spacing. */
@media(min-width:641px){
.seen-dialog{width:min(1040px,92vw)}
.slate-body{padding:20px 28px 26px}
.logo-group{grid-template-columns:78px minmax(0,1fr);gap:18px;margin-top:18px}
.logo-group+.logo-group{margin-top:18px;padding-top:18px}
.logo-group h3{font-size:8px;letter-spacing:.11em}
.logo-grid{gap:16px}
.network-mark{min-height:65px;gap:10px}
.network-mark img{width:80px;height:46px}
.network-mark figcaption{font-size:8px}
.mark-cbs img{width:52px}.mark-nbc img{width:65px}.mark-syfy img{width:86px;height:60px}
.mark-warnerbros img{width:81px;height:54px}.mark-paramount img{width:150px;height:52px}
.mark-hbo img{width:86px}.mark-netflix img{width:74px}.mark-amazonprime img{width:140px;height:48px}
.logo-group:nth-of-type(2) .logo-grid{max-width:460px}
.logo-group:nth-of-type(3) .logo-grid{max-width:650px}
}
@media(min-width:641px) and (max-width:800px){.slate-body{padding-left:22px;padding-right:22px}.logo-group{grid-template-columns:65px minmax(0,1fr);gap:12px}.logo-grid{gap:10px}.network-mark img{width:69px;height:42px}.mark-cbs img{width:47px}.mark-syfy img{width:74px;height:54px}.mark-warnerbros img{width:75px;height:50px}.mark-paramount img{width:140px;height:50px}.mark-amazonprime img{width:125px}}
@media(max-width:640px){
.seen-dialog .logo-grid{min-height:117px;gap:19px 16px}
.network-mark{min-height:48px;gap:9px}.network-mark img{width:68px;height:34px}
.network-mark figcaption{font-size:7px}.mark-cbs img{width:40px}.mark-syfy img{width:72px;height:43px}
.mark-warnerbros img{width:68px;height:49px}.mark-paramount img{width:130px;height:46px}.mark-amazonprime img{width:103px;height:38px}
}

/* Desktop: matte charcoal, soft edge light and restrained material depth. */
@media(min-width:641px){
.slate-clapper{filter:drop-shadow(0 8px 7px #0005)}
.slate-body{background:radial-gradient(ellipse at 28% 0%,#85867f0e,transparent 65%),linear-gradient(135deg,#252a2aeb,#13191cec);border-color:#c4c8c02b;border-radius:0 0 5px 5px;box-shadow:0 22px 65px #0007,inset 1px 0 #d5d8d007,inset 0 -2px #080b0d75}
.seen-header{border-bottom-color:#c9d0c720}.logo-group+.logo-group{border-top-color:#c9d0c718}
.logo-group h3,.network-mark figcaption{color:#a4ada9}
}

/* Quieter matte edges: keep the slate's material without a machined bevel. */
@media(min-width:641px){
.slate-clapper{filter:drop-shadow(0 4px 5px #0003)}
.slate-body{background:radial-gradient(ellipse at 28% 0%,#85867f08,transparent 65%),linear-gradient(135deg,#252a2aeb,#181e20ec);border-color:#c4c8c01c;box-shadow:0 18px 55px #0005;border-radius:0 0 3px 3px}
}

/* Closed clapper: one flush striped head above the translucent glass plate. */
@media(min-width:641px){
.slate-clapper{filter:none;border:1px solid #bacfdf40;border-bottom:0;overflow:hidden;border-radius:7px 7px 0 0}
.slate-clapper svg{width:100%;height:auto;overflow:hidden}
.slate-body{margin-top:0;background:linear-gradient(135deg,#182632ed,#0b141eee);border:1px solid #bacfdf40;border-top:0;border-radius:0 0 7px 7px;box-shadow:0 20px 70px #0006;backdrop-filter:blur(25px)}
}

/* Chalk lettering on neutral gray glass. */
.seen-header h2{font-family:'Walter Turncoat','Chalkboard SE','Comic Sans MS',cursive;font-size:25px;font-weight:400;letter-spacing:.015em;color:#d8dbd6}
@media(min-width:641px){.slate-body{background:linear-gradient(135deg,#2a2e2eeb,#1b2022ec);border-color:#c4c8c02b}.slate-clapper{border-color:#c4c8c02b}}
@media(max-width:640px){.seen-header h2{font-size:21px}}

/* A more expressive chalk face and a 15% taller closed clapper head. */
.seen-header h2{font-family:'Fredericka the Great','Chalkboard SE',cursive;font-size:29px;letter-spacing:.025em}
@media(min-width:641px){.slate-clapper svg{aspect-ratio:600 / 54.05;height:auto}}
@media(max-width:640px){.seen-header h2{font-size:24px}}
/* Free, self-hosted brush lettering; see assets/fonts/east-sea-dokdo/OFL.txt. */
@font-face{font-family:'East Sea Dokdo';src:url('assets/fonts/east-sea-dokdo/EastSeaDokdo-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.seen-header h2{font-family:'East Sea Dokdo','Chalkboard SE',cursive;font-size:48px;line-height:.95;font-weight:400;letter-spacing:.015em;transform:rotate(-2deg);color:#e0e2db}
@media(max-width:640px){.seen-header h2{font-size:36px}}

.seen-header h2{font-size:56px;filter:url(#chalk-wear);transform:rotate(-3deg)}
@media(max-width:640px){.seen-header h2{font-size:41px}}
@media(min-width:641px){.seen-dialog{width:min(936px,82.8vw)}}

/* Keep the clapper's height independent of the narrower plate. */
@media(min-width:641px){.slate-clapper svg{height:min(93.51px,calc(8.2876667vw - .18px));aspect-ratio:auto}}
/* Loose, chalk-written word shapes and an offhand double underline. */
.seen-header{min-height:80px;padding-bottom:20px}
.seen-header h2{display:inline-flex;align-items:baseline;justify-content:center;gap:.17em;font-size:62px;line-height:1.05;transform:rotate(-2deg);padding:4px 12px 13px}
.seen-header h2>span{display:inline-block;position:relative}
.chalk-as{transform:translateY(-3px) rotate(-9deg);font-size:.87em}
.chalk-seen{transform:rotate(4deg);font-size:1.12em}
.chalk-on{transform:translateY(-5px) rotate(-7deg);font-size:.94em}
.chalk-swish{position:absolute;width:108%;height:13px;left:-4%;bottom:-8px;overflow:visible;opacity:.75;transform:rotate(-3deg)}
@media(max-width:640px){.seen-header{min-height:52px;padding-bottom:14px}.seen-header h2{font-size:42px;padding:0 9px 9px;gap:.18em}.chalk-swish{height:10px;bottom:-7px}}
/* Height belongs to the striped clapper head, not the lettering row. */
@media(min-width:641px){
.slate-clapper svg{height:min(107.54px,calc(9.5308167vw - .207px))}
.seen-header{min-height:58px;padding-bottom:12px}
.seen-header h2{line-height:.7;padding:0 12px 10px}
.chalk-swish{bottom:-5px}
}

/* A shallow splash arc, growing gently from the first letter to the last. */
.seen-header h2{gap:0;align-items:baseline;transform:rotate(-3deg);letter-spacing:0;padding:5px 12px 14px;line-height:.8}
.seen-header h2 .chalk-letter{font-size:calc(1em * var(--size));transform:translateY(var(--lift)) rotate(var(--tilt));transform-origin:50% 80%;margin-right:.012em}
.seen-header h2 .chalk-gap{width:.22em;white-space:pre;font-size:1em}
@media(max-width:640px){.seen-header h2{padding:3px 9px 12px}.seen-header h2 .chalk-letter{transform:translateY(calc(var(--lift) * .65)) rotate(var(--tilt))}}

.seen-header h2{transform:rotate(-1deg)}

/* Familiar, quickly written chalk handwriting, with natural connected rhythm. */
@font-face{font-family:'Caveat';src:url('assets/fonts/caveat/Caveat.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
.seen-header h2{display:block;font-family:'Caveat','Chalkboard SE',cursive;font-size:51px;font-weight:500;line-height:1;letter-spacing:-.025em;transform:rotate(-2deg);padding:0 14px 8px;color:#d9ddd5;filter:url(#chalk-wear);font-kerning:normal}
@media(max-width:640px){.seen-header h2{font-size:36px;padding:0 10px 7px}}

/* Solid official brand artwork, with native colors retained. */
.network-mark img,.mark-syfy img{filter:none;opacity:1}
.mark-apple img{width:102px;height:50px;transform:scale(1.8);mix-blend-mode:screen}
.mark-nbc img{width:95px;height:65px;transform:scale(1.55)}
.mark-warnerbros img{width:76px;height:65px}
.mark-amazonstudio img{width:175px;height:50px}
.logo-group:nth-of-type(2) .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
.logo-group:nth-of-type(3) .logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
@media(max-width:800px) and (min-width:641px){.mark-amazonstudio img{width:143px}.mark-apple img{width:85px;height:43px}.mark-nbc img{width:80px;height:57px}.mark-warnerbros img{width:67px;height:58px}}
@media(max-width:640px){
.seen-dialog .logo-group[data-credit-panel=studios] .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seen-dialog .logo-group[data-credit-panel=voice] .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 22px;padding-top:4px}
.mark-apple img{width:89px;height:44px}.mark-nbc img{width:76px;height:51px}.mark-warnerbros img{width:60px;height:49px}.mark-amazonstudio img{width:95px;height:40px}.mark-paramount img{width:94px;height:40px}
}

/* Shared chalk labels: static rows on desktop, interactive tabs on phones. */
.logo-group h3{font-family:'Caveat','Chalkboard SE',cursive;font-weight:500;font-size:22px;line-height:1.05;letter-spacing:0;text-transform:none;color:#d1d7d0;filter:url(#chalk-wear)}
@media(min-width:641px){.logo-group{grid-template-columns:95px minmax(0,1fr);gap:16px}.logo-group h3{font-size:22px}.logo-group[data-credit-panel=voice] h3{font-size:20px}}
@media(min-width:641px) and (max-width:800px){.logo-group{grid-template-columns:82px minmax(0,1fr);gap:12px}.logo-group h3{font-size:21px}.logo-group[data-credit-panel=voice] h3{font-size:19px}}
@media(max-width:640px){
.logo-group h3{display:none}
.mobile-seen-tabs{gap:7px}
.mobile-seen-tabs button{font-family:'Caveat','Chalkboard SE',cursive;font-weight:500;font-size:21px;letter-spacing:0;line-height:1.1;padding:8px 0 12px;color:#a2b0ad;white-space:nowrap}
.mobile-seen-tabs button[data-credit-group=voice]{font-size:19px}
.mobile-seen-tabs button[aria-pressed=true]{color:#edf0e6;border-bottom-color:#d4e4ed}
}

/* Key only the black press-art backdrop; preserve the colored Apple TV mark. */
.mark-apple img{mix-blend-mode:normal;filter:url(#apple-logo-alpha)}
/* Desktop chalk category labels, increased by 15%. */
@media(min-width:641px){.logo-group h3{font-size:25.3px}.logo-group[data-credit-panel=voice] h3{font-size:23px}}
@media(min-width:641px) and (max-width:800px){.logo-group h3{font-size:24.15px}.logo-group[data-credit-panel=voice] h3{font-size:21.85px}}
/* HBO mark enlarged by 20% at each breakpoint. */
@media(min-width:801px){.mark-hbo img{width:103.2px;height:55.2px}}
@media(min-width:641px) and (max-width:800px){.mark-hbo img{width:82.8px;height:50.4px}}
@media(max-width:640px){.mark-hbo img{width:81.6px;height:40.8px}}

/* Give the on-camera networks two centered rows instead of squeezing seven across. */
@media(min-width:641px){
.logo-group[data-credit-panel=networks] .logo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:19px 22px}
.logo-group[data-credit-panel=networks] .network-mark{flex:0 0 calc((100% - 66px) / 4);min-width:0}
}
/* Center the seventh network mark in the phone tray. */
@media(max-width:640px){.logo-group[data-credit-panel=networks] .network-mark:last-child{grid-column:2}}

/* Desktop slate: chalk tabs remain on the left; one logo field fills the right. */
.slate-category-tab{font:inherit;line-height:inherit;text-align:left;color:inherit}
@media(min-width:641px){
.slate-content{display:grid;grid-template-columns:95px minmax(0,1fr);grid-template-rows:auto repeat(3,76px);column-gap:20px}
.seen-header{grid-column:1 / -1;grid-row:1;margin-bottom:15px}
.seen-dialog .logo-group{display:contents}
.seen-dialog .logo-group h3{grid-column:1;margin:0;align-self:stretch;display:flex;align-items:center;border:0}
.logo-group[data-credit-panel=networks] h3{grid-row:2}.logo-group[data-credit-panel=studios] h3{grid-row:3}.logo-group[data-credit-panel=voice] h3{grid-row:4}
.slate-category-tab{display:block;width:fit-content;padding:8px 0;border-bottom:1px solid transparent;opacity:.5;transition:opacity .2s,border-color .2s}
.slate-category-tab:hover{opacity:.85}.slate-category-tab[aria-pressed=true]{opacity:1;color:#eef0e6;border-bottom-color:#d6ddd0}
.seen-dialog .logo-group .logo-grid{display:none;grid-column:2;grid-row:2 / 5;align-self:center;margin:0;width:100%;max-width:none}
.seen-dialog .logo-group.mobile-active .logo-grid{display:grid;align-content:center;justify-content:center;row-gap:23px}
.seen-dialog .logo-group[data-credit-panel=networks].mobile-active .logo-grid{display:flex;flex-wrap:wrap;gap:23px 22px}
.seen-dialog .logo-group[data-credit-panel=studios].mobile-active .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seen-dialog .logo-group[data-credit-panel=voice].mobile-active .logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:641px) and (max-width:800px){.slate-content{grid-template-columns:82px minmax(0,1fr);column-gap:14px}}
/* Selected category gets a hand-drawn chalk frame. */
.slate-category-tab,.mobile-seen-tabs button{position:relative}
.slate-category-tab[aria-pressed=true],.mobile-seen-tabs button[aria-pressed=true]{border-bottom-color:transparent}
.slate-category-tab[aria-pressed=true]:after,.mobile-seen-tabs button[aria-pressed=true]:after{content:'';position:absolute;inset:-4px -8px;background:url('assets/linework/chalk-tab-frame.svg') center / 100% 100% no-repeat;pointer-events:none;transform:rotate(-1deg)}
@media(min-width:641px){.slate-category-tab{padding:8px 3px}}
@media(max-width:640px){.mobile-seen-tabs button[aria-pressed=true]:after{inset:1px -3px 5px;transform:rotate(-1deg)}}
/* The selected category can use the full slate field at a larger scale. */
@media(min-width:641px){
.slate-content{grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto repeat(3,100px);column-gap:22px;overflow-x:hidden;padding-left:8px;margin-left:-8px;padding-right:8px;margin-right:-8px}
.seen-dialog .logo-group .logo-grid{min-width:0}
.seen-dialog .logo-group.mobile-active .logo-grid{row-gap:28px}
.seen-dialog .logo-group[data-credit-panel=networks].mobile-active .logo-grid{gap:28px 20px}
.logo-group[data-credit-panel=networks] .network-mark{flex-basis:calc((100% - 60px) / 4)}
.seen-dialog .network-mark{min-height:98px;gap:13px;overflow:hidden;padding:14px 0;margin:-14px 0}
.seen-dialog .network-mark img{width:120px;height:78px}
.seen-dialog .network-mark figcaption{font-size:9px;line-height:1.35}
.seen-dialog .mark-cbs img{width:85px;height:78px}
.seen-dialog .mark-nbc img{width:145px;height:100px;transform:scale(1.35)}
.seen-dialog .mark-syfy img{width:128px;height:77px}
.seen-dialog .mark-warnerbros img{width:120px;height:110px}
.seen-dialog .mark-paramount img{width:200px;height:85px}
.seen-dialog .mark-amazonstudio img{width:220px;height:80px}
.seen-dialog .mark-apple img{width:145px;height:76px;transform:scale(1.7)}
.seen-dialog .mark-hbo img{width:126px;height:76px}
.seen-dialog .mark-amazonprime img{width:165px;height:76px}
.seen-dialog .mark-netflix img{width:100px;height:78px}
.slate-category-tab[aria-pressed=true]:after{inset:-3px -5px}
}
@media(min-width:641px) and (max-width:800px){
.slate-content{grid-template-columns:100px minmax(0,1fr);column-gap:16px}
.seen-dialog .logo-group[data-credit-panel=voice].mobile-active .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.seen-dialog .mark-apple img{width:140px;height:70px}
}
/* Active chalk tabs use a loose swish underline. */
.slate-category-tab[aria-pressed=true]:after,.mobile-seen-tabs button[aria-pressed=true]:after{inset:auto -4px -4px;height:12px;background-image:url('assets/linework/chalk-tab-swish.svg');transform:rotate(-2deg)}
@media(max-width:640px){.mobile-seen-tabs button[aria-pressed=true]:after{inset:auto 2px 1px;height:10px}}
/* A hurried, imperfectly closed oval identifies the active chalk tab. */
.slate-category-tab[aria-pressed=true]:after,.mobile-seen-tabs button[aria-pressed=true]:after{inset:-8px -12px;height:auto;background-image:url('assets/linework/chalk-tab-oval.svg');transform:rotate(-4deg)}
@media(max-width:640px){.mobile-seen-tabs button[aria-pressed=true]:after{inset:-3px -5px 1px;transform:rotate(-4deg)}}
@media(min-width:641px){.slate-content{padding-left:16px;margin-left:-16px}}
/* Let the chalk selection carry the mobile navigation without a divider. */
@media(max-width:640px){.mobile-seen-tabs{border-bottom:0}}
/* Keep the mobile chalk stroke inside the tab field so it cannot create overflow. */
@media(max-width:640px){
.mobile-seen-tabs{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.mobile-seen-tabs button{min-width:0}
.mobile-seen-tabs button[aria-pressed=true]:after{inset:-3px 2px 1px;transform:none}
.slate-content{overflow-x:hidden}
}
/* Keep the phone panel and its navigation steady while categories change. */
@media(max-width:640px){
.seen-dialog{top:max(24px,7svh);bottom:auto}
.seen-dialog .logo-grid{height:232px;min-height:232px;align-content:center}
.seen-dialog .logo-group[data-credit-panel=voice] .logo-grid{padding-top:0}
}
@media(max-width:640px){.seen-dialog{top:auto;bottom:26px}}
/* The phone tray becomes a slate too, retaining its horizontal chalk tabs. */
@media(max-width:640px){
.slate-clapper{display:block;border:1px solid #c4c8c02b;border-bottom:0;border-radius:7px 7px 0 0;overflow:hidden;filter:none}
.slate-clapper svg{display:block;width:100%;height:48px;aspect-ratio:auto;overflow:hidden}
.slate-body{margin-top:0;background:linear-gradient(135deg,#2a2e2eeb,#1b2022ec);border-color:#c4c8c02b;border-top:0;border-radius:0 0 7px 7px}
}
/* Taller clapper head and fine slate field dividers. */
@media(min-width:641px){
.slate-clapper svg{height:min(123.67px,calc(10.9604392vw - .23805px))}
.seen-header{border-bottom:1px solid #c4c8c030}
.slate-content:after{content:'';grid-column:1;grid-row:2 / 5;justify-self:end;align-self:stretch;width:1px;background:#c4c8c026;transform:translateX(11px);pointer-events:none}
.seen-dialog .logo-group[data-credit-panel=networks] h3,.seen-dialog .logo-group[data-credit-panel=studios] h3{border-bottom:1px solid #c4c8c020}
}
@media(max-width:640px){
.slate-clapper svg{height:55.2px}
.seen-header{border-bottom:1px solid #c4c8c030;margin-bottom:10px}
.mobile-seen-tabs{border-bottom:1px solid #c4c8c030;padding-bottom:5px}
}
/* Slate rules retain a slight hand-drawn drift across their length. */
.seen-header{border-bottom-color:transparent;background:url('assets/linework/slate-divider.svg') left bottom / 100% 7px no-repeat}
@media(min-width:641px){
.seen-dialog .logo-group[data-credit-panel=networks] h3,.seen-dialog .logo-group[data-credit-panel=studios] h3{border-bottom-color:transparent;background:url('assets/linework/slate-divider.svg') left bottom / 100% 6px no-repeat}
}
@media(max-width:640px){.mobile-seen-tabs{border-bottom-color:transparent;background:url('assets/linework/slate-divider.svg') left bottom / 100% 7px no-repeat}}
/* Studios: Warner Bros. and Paramount above a centered Amazon mark. */
.seen-dialog .logo-group[data-credit-panel=studios].mobile-active .logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;align-items:center;row-gap:26px}
.logo-group[data-credit-panel=studios] .mark-amazonstudio{grid-column:1 / -1;justify-self:center;width:min(100%,300px)}
@media(min-width:641px){
.seen-dialog .logo-group[data-credit-panel=studios].mobile-active .logo-grid{min-height:260px;align-content:center}
.seen-dialog .mark-warnerbros img{width:145px;height:125px}
.seen-dialog .mark-paramount img{width:255px;height:100px}
.seen-dialog .mark-amazonstudio img{width:265px;height:83px}
}
@media(max-width:640px){
.seen-dialog .logo-group[data-credit-panel=studios].mobile-active .logo-grid{height:232px;min-height:232px;row-gap:23px;align-content:center}
.seen-dialog .mark-warnerbros img{width:97px;height:84px}
.seen-dialog .mark-paramount img{width:165px;height:68px}
.seen-dialog .mark-amazonstudio img{width:205px;height:64px}
}
@media(min-width:641px){.slate-content{padding-bottom:18px}}
/* Give the labels, slate rule, and logo field separate breathing room. */
@media(min-width:641px){.seen-header{padding-bottom:24px;margin-bottom:22px}.slate-content{column-gap:30px}.slate-content:after{transform:translateX(15px)}}
@media(max-width:640px){.mobile-seen-tabs{padding-bottom:17px;margin-bottom:24px}}
/* Voice / Dubbing keeps the same two-by-two layout at every size. */
@media(min-width:641px){.seen-dialog .logo-group[data-credit-panel=voice].mobile-active .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 30px;max-width:620px;justify-self:center}}

/* A small retro TV badge replaces the handwritten panel title. */
.seen-header h2{padding:0;line-height:0;filter:none;transform:rotate(-2deg)}
.seen-tv-badge{display:block;width:132px;height:auto;overflow:visible}
.seen-header{min-height:125px}
@media(max-width:640px){.seen-tv-badge{width:104px}.seen-header{min-height:96px;padding-bottom:14px}}

/* TV badge belongs on the cover; the slate keeps its chalk heading. */
.seen-trigger{width:76px;height:60px;padding:0;border:0;background:none;backdrop-filter:none}
.seen-trigger .seen-tv-badge{width:76px;height:auto;flex:none}
.seen-trigger:hover{background:none;box-shadow:none;filter:brightness(1.25)}
.seen-header h2{display:block;font-family:'Caveat','Chalkboard SE',cursive;font-size:51px;font-weight:500;line-height:1;letter-spacing:-.025em;transform:rotate(-2deg);padding:0 14px 8px;color:#d9ddd5;filter:url(#chalk-wear)}
.seen-header{min-height:58px}
@media(max-width:640px){
.seen-trigger{width:62px;height:49px;padding:0}.seen-trigger .seen-tv-badge{width:62px;height:auto}
.seen-header{min-height:52px;padding-bottom:14px}.seen-header h2{font-size:36px;padding:0 10px 7px}
}
/* Cover TV badge reduced by 20%. */
.seen-trigger{width:60.8px;height:48px}
.seen-trigger .seen-tv-badge{width:60.8px}
@media(max-width:640px){.seen-trigger{width:49.6px;height:39.2px}.seen-trigger .seen-tv-badge{width:49.6px}}

/* Retain 90% of the original badge size with stronger, clearer strokes. */
.seen-trigger{width:68.4px;height:54px}
.seen-trigger .seen-tv-badge{width:68.4px}
@media(max-width:640px){.seen-trigger{width:55.8px;height:44.1px}.seen-trigger .seen-tv-badge{width:55.8px}}
/* Reduce the current cover badge by another 20%. */
.seen-trigger{width:54.72px;height:43.2px}
.seen-trigger .seen-tv-badge{width:54.72px}
@media(max-width:640px){.seen-trigger{width:44.64px;height:35.28px}.seen-trigger .seen-tv-badge{width:44.64px}}

/* Another 10% reduction, with reinforced badge outlines. */
.seen-trigger{width:49.248px;height:38.88px}
.seen-trigger .seen-tv-badge{width:49.248px}
@media(max-width:640px){.seen-trigger{width:40.176px;height:31.752px}.seen-trigger .seen-tv-badge{width:40.176px}}
/* Cover badge reduced a further 15%. */
.seen-trigger{width:41.8608px;height:33.048px}
.seen-trigger .seen-tv-badge{width:41.8608px}
@media(max-width:640px){.seen-trigger{width:34.1496px;height:26.9892px}.seen-trigger .seen-tv-badge{width:34.1496px}}

/* Filled affiliation cards: one height, original colors, half opacity. */
.affiliations{display:flex;flex-direction:row;gap:10px;opacity:.5}
.affiliations .flags{display:flex;gap:10px}
.affiliations .union-mark,.affiliations .flag-card{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:34px;padding:4px;border:1px solid #ffffff30;border-radius:4px;overflow:hidden;opacity:1}
.affiliations .sag-mark{background:#f1f0ec}
.affiliations .actra-mark{background:#17191c}
.affiliations .union-mark img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1}
.affiliations .flag-card img{position:absolute;left:0;top:50%;width:100%;height:auto;max-width:none;transform:translateY(-50%);opacity:1}
.imdb-link{opacity:.5}
.imdb-link .imdb-brand{width:43px;height:auto}
@media(max-width:640px){
 .affiliations,.affiliations .flags{gap:8px}
 .affiliations .union-mark,.affiliations .flag-card{flex-basis:44px;width:44px;height:28px;padding:3px}
 .imdb-link .imdb-brand{width:39px}
}

/* Keep affiliations quiet beside the performance. IMDb stays at half opacity. */
.affiliations{opacity:.25}
.affiliations .actra-mark{background:#f1f0ec}

/* Optically balanced badge: drawn lettering, no font rendering dependency. */
.seen-trigger{color:#cbd3d8}
.seen-trigger .seen-tv-badge{shape-rendering:geometricPrecision;overflow:visible}

/* Affiliation cards reduced uniformly by 5%, preserving their proportions. */
.affiliations .union-mark,.affiliations .flag-card{flex-basis:46.17px;width:46.17px;height:29.07px;padding:3.42px;border-width:.855px;border-radius:3.42px}
@media(max-width:640px){.affiliations .union-mark,.affiliations .flag-card{flex-basis:37.62px;width:37.62px;height:23.94px;padding:2.565px}}

/* Whole-pixel placement prevents the small vector badge being resampled. */
.seen-trigger{right:round(nearest,4vw,1px);width:42px;height:33px}
.seen-trigger .seen-tv-badge{width:42px;height:33px;flex:none}
@media(max-width:640px){.seen-trigger{right:round(nearest,6vw,1px);width:34px;height:27px}.seen-trigger .seen-tv-badge{width:34px;height:27px}}

/* Clean native-size vector badge; no effects or inherited texture. */
.seen-trigger,.seen-trigger:hover,.seen-trigger .seen-tv-badge,.seen-trigger .seen-tv-badge *{filter:none;backdrop-filter:none;text-shadow:none;box-shadow:none;transform:none}
.seen-trigger .seen-tv-badge{shape-rendering:geometricPrecision}

/* A framed companion to IMDb for the audition/broadcast comparison. */
.comparison-link{border:1px solid #c9dce16b;padding:10px 15px;justify-content:center;transition:background .25s,border-color .25s,box-shadow .25s}
.comparison-link:hover{background:#d7e5ef0c;border-color:#dceaf0;box-shadow:0 0 24px #b3cfe012}
@media(max-width:640px){.comparison-link{padding:9px 10px}}

/* Keep the credits badge secondary to the performance. */
.seen-trigger{opacity:.8}

/* Matching subtle corners on the framed links. */
.imdb-link,.comparison-link{border-radius:4px}
.seen-trigger{opacity:.7}

/* Affiliation spacing increased by another 50%. */
.affiliations,.affiliations .flags{gap:18.75px}
@media(max-width:640px){.affiliations,.affiliations .flags{gap:15px}}

/* On phones, affiliations sit above the IMDb link. */
@media(max-width:640px){
 .masthead .affiliations{top:20px}
 .masthead .imdb-link{margin-top:52px}
}

/* Five evenly spaced cards across the mobile header margins. */
@media(max-width:640px){
 .masthead .affiliations{left:6%;right:6%;width:auto;transform:none;display:flex;justify-content:space-between;gap:0}
 .masthead .affiliations .flags{display:contents}
}

/* Keep the same TV badge dimensions on phones and desktop. */
@media(max-width:640px){
 .seen-trigger,.seen-trigger .seen-tv-badge{width:42px;height:33px}
}

/* Stacked show-reel label and a larger play mark inside the existing ring. */
.reel-orbit{gap:9px}
.reel-orbit .orbit-symbol{width:18px;height:22px;flex:none}
.orbit-label{text-align:left;line-height:1.2}
@media(max-width:640px){.reel-orbit{gap:7px}.reel-orbit .orbit-symbol{width:15px;height:19px}}

/* Let the show-reel triangle sit quietly beside its label. */
.reel-orbit .orbit-symbol{opacity:.65}

/* A restrained edge gives the play triangle a little definition. */
.reel-orbit .orbit-symbol path{stroke:#e1e7eb;stroke-width:.65;stroke-linejoin:round;fill:#9aa7b1}

/* Six selected scenes, with Extinction after S.W.A.T. */
@media(min-width:641px){.clip-rail{grid-template-columns:repeat(6,minmax(0,1fr))}}
.film-prime-link{display:inline-block;margin-top:8px;font-size:9px;color:#aebbc5}
.film-prime-link[hidden]{display:none}
.film-prime-link:hover{color:#e2e6e9}

.clip-tile[data-film=birds] .clip-still img{object-position:right center}

/* The Delivery joins the selected performances; narrow screens keep roomy tiles. */
@media(min-width:1001px){.clip-rail{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:641px) and (max-width:1000px){.clip-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:128px;overflow-x:auto;padding:1px 1px 9px;scrollbar-width:thin;scrollbar-color:#9db4c53b transparent}}
.clip-tile[data-film=delivery] .clip-still img{object-position:76% center}

/* Balance perceived gallery exposure across daylight, night, and poster artwork. */
.clip-tile{--thumb-level:.7;--thumb-color:.7;--thumb-emphasis:1}
.clip-tile[data-film=swat]{--thumb-level:1.2;--thumb-color:.65}
.clip-tile[data-film=extinction]{--thumb-level:.8;--thumb-color:.7}
.clip-tile[data-film=delivery]{--thumb-level:.65;--thumb-color:.65}
.clip-tile[data-film=bloodlines]{--thumb-level:1.1;--thumb-color:.68}
.clip-tile[data-film=comedy]{--thumb-level:.5;--thumb-color:.7}
.clip-tile[data-film=birds]{--thumb-level:.42;--thumb-color:.8}
.clip-tile[data-film=teaser]{--thumb-level:.5;--thumb-color:.65}
.clip-tile:hover,.clip-tile:focus-visible,.clip-tile[aria-pressed=true]{--thumb-emphasis:1.08}
.clip-tile .clip-still img,.clip-tile:hover .clip-still img,.clip-tile:focus-visible .clip-still img,.clip-tile[aria-pressed=true] .clip-still img{filter:saturate(var(--thumb-color)) brightness(calc(var(--thumb-level)*var(--thumb-emphasis))) contrast(1.02)}

/* Eight selected scenes; keep the new close-up consistent with the gallery. */
@media(min-width:1001px){.clip-rail{grid-template-columns:repeat(8,minmax(0,1fr))}}
.clip-tile[data-film=flowers]{--thumb-level:1.15;--thumb-color:.65}
.clip-tile[data-film=flowers] .clip-still img{object-position:30% center}

/* Montserrat name comparison, preserving size and weight. */
.opening-name{font-family:'Montserrat',Arial,sans-serif}

.clip-tile[data-film=flowers] .clip-still img{object-position:center center}

.no-script-note{position:fixed;left:4%;right:4%;bottom:18px;z-index:10;padding:12px;background:#090d13e8;font-size:12px}.no-script-note a{text-decoration:underline}