@charset "UTF-8";
.watch-section{background:#071e28;color:#f4f8fa;padding:30px 0 24px;--watch-muted:#b6c9d2}
.watch-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}
.watch-heading .eyebrow{color:#7dd4d1;font-size:13px;letter-spacing:2px}
.watch-heading h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.5vw,62px);line-height:1.1;letter-spacing:-1.6px;margin:10px 0 0}
.watch-heading p{font-size:16px;line-height:1.65;color:var(--watch-muted);margin:0 0 4px}
.watch-mobile-break{display:none}
.watch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.film-filters{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:3px 3px 8px;scrollbar-width:thin}
.film-filters button,.saved-empty button{border:1px solid #42606a;border-radius:24px;white-space:nowrap;padding:9px 16px;background:transparent;color:#e4eef3;font-size:14px;cursor:pointer;min-height:42px}
.film-filters button[aria-pressed="true"],.saved-empty button{background:#b1efdc;border-color:#b1efdc;color:#102d36}
.film-filters button:hover{border-color:#b1efdc}
.film-filters button[data-filter="saved"]{display:flex;align-items:center;gap:6px}
.saved-count{font-size:12px;min-width:16px;text-align:center}
.film-filters svg,.film-actions svg,.photo-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feed-hint{font-size:13px;color:var(--watch-muted);white-space:nowrap}
.film-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.film-card{min-width:0;background:#102b37;border:1px solid #29424d;border-radius:13px;overflow:hidden;scroll-margin-top:20px}
.film-card[hidden]{display:none}
.film-topline{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;padding:12px 15px;color:#cedce2}
.film-topline>span:first-child{color:#91ded6;font-size:13px}
.film-screen{position:relative;background:#03121a;aspect-ratio:9/14;overflow:hidden}
.film-screen video{display:block;width:100%;height:100%;object-fit:contain}
.film-kind{display:block;color:#92d5ce;font-size:12px;line-height:1.5;margin-bottom:7px}
.film-feed[hidden],.saved-empty[hidden],.film-error[hidden]{display:none!important}
.film-error{position:absolute;top:40%;left:15px;right:15px;padding:20px;background:#071e28;z-index:2}
.film-error a{text-decoration:underline}
.film-caption{padding:16px 16px 0}
.film-caption h2{font-family:var(--serif);font-size:24px;line-height:1.25;font-weight:400;letter-spacing:-.4px;margin:0 0 7px}
.film-caption>p{font-size:14px;line-height:1.55;color:var(--watch-muted);margin:0 0 14px}
.film-actions{display:flex;gap:8px;align-items:center;padding-bottom:14px;flex-wrap:wrap}
.film-actions button{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid #42606a;border-radius:6px;min-height:42px;background:transparent;color:#eef5f7;cursor:pointer;font-size:14px}
.film-actions button:hover{border-color:#b1efdc}
.film-actions button[aria-pressed="true"]{color:#b1efdc;background:#224d4e;border-color:#75c7ba}
.film-actions button[aria-pressed="true"] svg{fill:#80cfbe33}
.film-story-link{font-size:14px;color:#b1efdc;margin-left:auto;padding:9px 0}
.film-story-link:hover{text-decoration:underline;text-underline-offset:4px}
.film-details{border-top:1px solid #35505b}
.film-details summary{font-size:13px;color:#cadbe3;padding:12px 0;cursor:pointer;min-height:44px}
.film-details-body{font-size:14px;line-height:1.7;color:#d2e1e7;max-height:390px;overflow:auto;padding:0 4px 8px}
.film-details-body ol{padding-left:22px;margin-top:0}
.film-details-body li{margin-bottom:12px}
.film-details-body strong{display:block;color:white}
.film-details-body a{color:#b1efdc;text-decoration:underline;text-underline-offset:3px}
.watch-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--watch-muted);font-size:13px;padding-top:20px}
.watch-bottom a{color:#b1efdc;font-size:14px}
.mobile-swipe-hint,.feed-step{display:none}
.saved-empty{text-align:center;padding:55px 20px;border:1px dashed #48656e;border-radius:10px}
.saved-empty h2{font-family:var(--serif);font-weight:400;font-size:32px;margin-bottom:14px}
.saved-empty p{max-width:510px;margin:0 auto 22px;color:var(--watch-muted)}
.media-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);background:#083e46;color:white;border:1px solid #87d6c3;border-radius:8px;padding:13px 20px;font-size:15px;max-width:calc(100vw - 40px);width:max-content;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.media-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.photo-section{padding:48px 0 58px;border-top:1px solid var(--line)}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.gallery-photo{margin:0;min-width:0}
.gallery-photo button{display:block;border:0;background:#102b38;width:100%;padding:0;position:relative;cursor:zoom-in;overflow:hidden;border-radius:7px}
.gallery-photo img{height:295px;object-fit:cover;transition:transform .35s}
.gallery-photo button:hover img{transform:scale(1.035)}
.photo-expand{position:absolute;right:13px;bottom:13px;color:#fff;background:#0a233bd9;border:1px solid #bcd2d670;border-radius:4px;font-size:13px;padding:6px 10px}
.gallery-photo figcaption{display:flex;flex-direction:column;gap:5px;padding:13px 0 4px;font-size:14px;line-height:1.5;color:var(--muted)}
.gallery-photo figcaption strong{color:var(--teal);font-size:14px;font-weight:600}
.photo-dialog{border:1px solid #46616e;border-radius:12px;padding:22px;background:#071e28;color:#edf4f6;max-width:min(1100px,94vw);max-height:94svh;width:fit-content;overflow:auto}
.photo-dialog::backdrop{background:#031219eb;backdrop-filter:blur(8px)}
.photo-dialog>img{width:auto;max-width:100%;max-height:73svh;object-fit:contain;margin:auto}
.photo-dialog>div{padding:16px 0 0;max-width:850px}
.photo-dialog p{font-size:16px;margin-bottom:5px}
.photo-dialog .photo-source{font-size:14px;color:#a6e6d4;text-decoration:underline}
.photo-close{display:flex;align-items:center;justify-content:center;position:sticky;float:right;top:0;margin:-10px -10px 12px 10px;width:44px;height:44px;border-radius:50%;color:white;background:#163b49;border:1px solid #718e9b;cursor:pointer;z-index:3}
.ai-article-figure{margin:30px 0;padding:0}
.ai-article-figure img{width:100%;height:440px;object-fit:cover;object-position:center 30%;border-radius:8px}
.ai-article-figure figcaption{font-size:13px;color:var(--muted);line-height:1.6;padding-top:10px}
.article-film-link{display:flex;align-items:center;gap:14px;background:#eaf4f3;border:1px solid #afd1ca;border-radius:7px;padding:18px 22px;margin:25px 0;font-size:16px}
.article-film-link a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.site-header .nav{gap:26px;flex-wrap:nowrap}
@media(min-width:1500px){.film-screen{aspect-ratio:9/12}}
@media(max-width:1100px){.film-feed{gap:15px}.film-topline{padding:10px}.film-caption{padding:14px 12px 0}.film-caption h2{font-size:23px}.film-actions{gap:6px}.film-actions button{padding:8px}.film-story-link{font-size:13px}.feed-hint{display:none}.photo-gallery{gap:18px}.gallery-photo img{height:250px}}
@media(max-width:800px){.watch-heading h1{font-size:42px}.watch-heading p{font-size:14px}.film-feed{gap:13px;grid-template-columns:repeat(3,270px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;overscroll-behavior-x:contain}.film-card{scroll-snap-align:start}.film-screen{aspect-ratio:9/14}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .nav{gap:19px}.watch-toolbar{display:block}}
@media(max-width:580px){.header-inner{gap:13px;padding:18px 0 13px}.site-header .nav{display:flex;justify-content:space-between;gap:15px;flex-wrap:nowrap}.site-header .nav a{font-size:14px}.site-header .nav .nav-accent{padding:7px 13px}.watch-section{padding:24px 0 20px}.watch-heading{display:block;margin-bottom:17px}.watch-heading h1{font-size:39px;letter-spacing:-1px}.watch-heading .eyebrow{font-size:12px}.watch-heading p{display:none}.watch-mobile-break{display:block}.watch-toolbar{margin-bottom:12px}.film-filters{margin-right:-18px;padding-right:18px}.film-filters button{padding:8px 14px;min-height:42px}.film-feed{display:block;height:min(830px,calc(100svh - 170px));min-height:480px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;overscroll-behavior-y:auto;padding:0;scrollbar-width:thin}.film-card{margin-bottom:18px;scroll-snap-align:start;border-radius:10px;scroll-margin-top:0}.film-screen{aspect-ratio:9/14;max-height:calc(100svh - 310px);min-height:295px}.film-screen video{object-fit:contain}.film-topline{padding:10px 13px}.film-caption{padding:13px 14px 0}.film-caption h2{font-size:25px}.film-caption>p{margin-bottom:12px}.film-actions{gap:10px}.film-actions button{padding:8px 10px}.film-story-link{font-size:14px}.watch-bottom{flex-wrap:wrap;padding-top:15px;row-gap:14px}.watch-bottom>a{width:100%;font-size:14px}.mobile-swipe-hint{display:inline;font-size:12px}.feed-step{display:flex;gap:6px}.feed-step button{color:#e5f3f3;background:#173a47;border:1px solid #587785;border-radius:5px;width:42px;height:42px;font-size:22px;cursor:pointer}.feed-result{font-size:12px}.photo-section{padding:34px 0 42px}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 13px}.gallery-photo img{height:230px}.photo-expand{right:8px;bottom:8px;font-size:12px;padding:5px 7px}.gallery-photo figcaption{font-size:13px}.photo-dialog{padding:13px}.photo-close{margin:0 0 10px 10px}.ai-article-figure img{height:390px}.brand-sub{font-size:10px}.film-details-body{max-height:none}}
@media(max-width:380px){.watch-heading h1{font-size:35px}.site-header .nav{gap:10px}.site-header .nav a{font-size:13px}.photo-gallery{grid-template-columns:1fr}.gallery-photo img{height:330px}.mobile-swipe-hint{display:none}}
@media(prefers-reduced-motion:reduce){.gallery-photo img,.media-toast{transition:none}}