@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--background:#F1F3F1;--paper:#FBFCFA;--surface:#fff;--surface-soft:#E9EEEB;--pine:#234B43;--pine-deep:#17372F;--pine-light:#38685C;--electric:#36AFA5;--electric-deep:#237E78;--electric-soft:#DFF3F0;--amber:#C88A45;--amber-soft:#F7EDDF;--silver:#AAB5B3;--ice:#DDEBF0;--graphite:#252E30;--title:#273432;--body:#485651;--muted:#75817C;--border:#DCE4DF;--divider:#E9EEEA;--player-bg:#080D0E;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--title);font:16px/1.7 'Noto Sans SC',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:76px;background:rgba(251,252,250,.94);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 max(28px,calc((100vw - var(--max))/2));gap:34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;min-width:175px}.brand-mark{width:40px;height:40px;background:var(--pine);color:white;display:grid;place-items:center;border-radius:12px;font:500 14px 'DM Mono';letter-spacing:-1px}.brand b,.brand small{display:block}.brand b{font-size:17px;line-height:1.25}.brand small{font-size:10px;color:var(--muted);letter-spacing:1.2px}.main-nav{display:flex;gap:25px;align-items:center;flex:1}.main-nav a{font-size:14px;color:var(--body);white-space:nowrap}.main-nav a.on,.main-nav a:hover{color:var(--electric-deep)}.nav-search{display:flex;background:#eef2ef;border:1px solid var(--border);border-radius:30px;padding:4px}.nav-search input{width:130px;border:0;background:transparent;padding:6px 10px;outline:0;font-size:12px}.nav-search button{border:0;background:var(--pine);color:white;border-radius:22px;padding:6px 13px;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:22px}.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(340px,85vw);background:var(--paper);z-index:50;padding:75px 28px 30px;box-shadow:-20px 0 60px #14251e22}.mobile-menu a{display:block;padding:15px 0;border-bottom:1px solid var(--border)}.menu-close{position:absolute;right:22px;top:18px;border:0;background:none;font-size:30px}.site-main{max-width:var(--max);margin:auto;padding:0 30px}.hero{margin:34px 0 80px;min-height:420px;background:var(--pine-deep);color:#f7faf8;border-radius:22px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative}.hero-copy{padding:58px 30px 42px 58px;position:relative;z-index:2}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:1.7px;color:var(--electric-deep);display:block;margin-bottom:15px}.hero .eyebrow{color:#8ed4c8}.hero h1{font-size:clamp(36px,4vw,54px);line-height:1.25;letter-spacing:-1.8px;margin:0 0 20px}.hero h1 em{font-style:normal;color:#8ed4c8}.hero-copy>p{max-width:490px;color:#d1dfd9;font-size:15px}.hero-actions{display:flex;align-items:center;gap:22px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--electric);color:#092c29}.btn.secondary{background:var(--pine);color:#fff}.btn.ghost{border-color:var(--border);color:var(--body)}.text-link{color:var(--electric-deep);font-size:13px;font-weight:600}.hero .text-link{color:#c2e6dc}.hero-meta{display:flex;gap:22px;color:#b2c8be;font:10px 'DM Mono';letter-spacing:.6px}.hero-art{position:relative;min-height:420px;background:radial-gradient(circle at 55% 45%,#36796b 0,#234b43 36%,#17372f 72%);display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #9dd8c533;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:440px;height:260px}.orbit-b{width:520px;height:340px;transform:rotate(28deg)}.film-frame{width:270px;height:310px;border:1px solid #c6e7d866;background:linear-gradient(145deg,#c2e1d51b,#071c1838);display:flex;flex-direction:column;justify-content:space-between;padding:20px;transform:rotate(5deg);box-shadow:22px 28px 70px #071c1855}.film-frame span,.film-frame i{font:10px 'DM Mono';letter-spacing:2px;color:#c6e7d8}.film-frame strong{font:700 42px/1.05 'DM Mono';letter-spacing:-3px;color:#e6f2ec}.art-caption{position:absolute;bottom:24px;right:28px;color:#c2ded4;font-size:11px;letter-spacing:2px}.section{margin:74px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.section-head h2,.page-intro h1{font-size:30px;line-height:1.3;margin:0 0 8px;letter-spacing:-.8px}.section-head p,.page-intro p{margin:0;color:var(--muted);font-size:14px}.section-head .eyebrow{margin-bottom:8px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.channel-tile{min-height:210px;background:var(--paper);border:1px solid var(--border);border-radius:13px;padding:19px 20px;position:relative;overflow:hidden;transition:.2s}.channel-tile:hover{transform:translateY(-3px);border-color:var(--accent)}.channel-num{font:11px 'DM Mono';color:var(--muted)}.channel-emoji{display:block;font-size:25px;margin:14px 0 8px}.channel-tile b{display:block;font-size:17px}.channel-tile small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:6px}.channel-tile i{position:absolute;right:18px;bottom:18px;font-style:normal;color:var(--accent);font-size:11px}.feature-section{padding:40px;background:#e6ece8;border-radius:18px}.empty-editorial{padding:45px;background:var(--paper);border:1px solid var(--border);border-radius:12px}.empty-editorial>span,.empty-state>span{font:10px 'DM Mono';letter-spacing:2px;color:var(--electric-deep)}.empty-editorial h3{font-size:23px;margin:10px 0}.empty-editorial p{color:var(--muted);max-width:660px;font-size:14px}.split-band{margin:75px 0;background:var(--amber-soft);padding:40px 48px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.split-band h2{font-size:29px;line-height:1.45;margin:0}.split-band p{color:var(--body);font-size:14px;max-width:500px}.compact-section{margin:55px 0}.thin-empty{padding:20px 24px;border-left:3px solid var(--silver);background:#e9eeeb;color:var(--muted);font-size:13px}.mini-list{border-top:1px solid var(--border)}.mini-list a{display:flex;justify-content:space-between;gap:20px;padding:15px 5px;border-bottom:1px solid var(--border);font-size:14px}.mini-list a:hover span{color:var(--electric-deep)}.mini-list small{color:var(--muted);white-space:nowrap}.collection-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.collection-strip a{min-height:175px;padding:24px;background:var(--pine);color:#f4f8f5;border-radius:13px;display:flex;flex-direction:column;justify-content:space-between}.collection-strip a:nth-child(2){background:#dce9e5;color:var(--title)}.collection-strip a:nth-child(3){background:#e9dfd1;color:var(--title)}.collection-strip span{font:10px 'DM Mono';opacity:.7}.collection-strip b{font-size:20px}.collection-strip small{font-size:12px;opacity:.75}.explore-cta{margin:75px 0 55px;padding:34px 40px;background:var(--graphite);color:white;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:25px}.explore-cta h2{margin:0;font-size:24px}.explore-cta .eyebrow{color:#8ed4c8}.explore-cta>div:last-child{display:flex;gap:10px}.page-intro{padding:62px 0 38px}.page-intro h1{font-size:42px}.catalog-layout{display:grid;grid-template-columns:245px 1fr;gap:32px;margin-bottom:75px}.filter-panel{background:var(--paper);border:1px solid var(--border);padding:22px;border-radius:12px;height:max-content}.filter-panel h3{margin:0 0 14px}.filter-link{display:block;padding:9px 11px;border-radius:7px;font-size:13px;color:var(--body)}.filter-link.selected{background:var(--electric-soft);color:var(--pine-deep)}.filter-form{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.filter-form label,.date-filter label{display:block;font-size:12px;color:var(--muted);margin-bottom:14px}.filter-form input,.filter-form select,.date-filter input{display:block;width:100%;margin-top:6px;border:1px solid var(--border);border-radius:7px;padding:10px;background:white;color:var(--body);font-size:13px}.filter-form .btn{width:100%}.results-head{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:18px}.results-head b{color:var(--title)}.catalog-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:var(--paper);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.cover-fallback{background:linear-gradient(135deg,#dfe9e4,#b9ccc3);display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:var(--pine);font-size:11px}.cover-fallback b{font-size:20px}.video-info{padding:15px}.video-info small,.detail-category{color:var(--electric-deep);font-size:11px}.video-info h3{font-size:16px;margin:6px 0}.video-info p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.empty-state{text-align:center;padding:65px 20px;background:var(--paper);border:1px solid var(--border);border-radius:14px}.empty-state h2{font-size:24px;margin:12px}.empty-state p{font-size:13px;color:var(--muted);max-width:540px;margin:0 auto 20px}.pagination{display:flex;gap:7px;justify-content:center;margin:28px}.pagination a{padding:7px 12px;border:1px solid var(--border);border-radius:6px}.pagination .current{background:var(--pine);color:white}.detail-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding:48px 0}.detail-cover .cover{aspect-ratio:4/3;border-radius:14px}.detail-copy{align-self:center}.detail-copy h1{font-size:38px;margin:8px 0}.detail-copy>p{color:var(--body);font-size:14px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tag-row span{background:var(--surface-soft);padding:5px 10px;border-radius:30px;font-size:11px}.detail-actions{display:flex;gap:10px;align-items:center}.status-note{font-size:12px;color:#8c622f}.detail-body{display:grid;grid-template-columns:1fr 300px;gap:55px;padding:35px 0;border-top:1px solid var(--border)}.detail-body h2{font-size:24px}.prose,.detail-body>div>p{font-size:14px;color:var(--body);line-height:2}.facts{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px;height:max-content}.facts dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.facts dt{color:var(--muted)}.facts dd{margin:0;text-align:right}.rights-note{font-size:11px;color:var(--muted)}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.episode-grid a{padding:14px;background:var(--paper);border:1px solid var(--border);border-radius:8px}.episode-grid a.active{border-color:var(--electric);background:var(--electric-soft)}.episode-grid b,.episode-grid span{display:block}.episode-grid b{font-size:13px}.episode-grid span{font-size:11px;color:var(--muted)}.watch-heading{padding:42px 0 20px}.watch-heading .eyebrow{margin-top:25px}.watch-heading h1{font-size:29px;margin:0}.watch-heading p{color:var(--muted);font-size:13px}.player-shell{background:var(--player-bg);padding:14px;border-radius:14px;color:white}.player-screen{aspect-ratio:16/9;background:#050909;display:grid;place-items:center;overflow:hidden}.player-screen video{width:100%;height:100%;object-fit:contain}.player-unavailable{text-align:center;padding:25px;max-width:520px}.player-unavailable span{font:10px 'DM Mono';letter-spacing:2px;color:#8ed4c8}.player-unavailable h2{font-size:22px}.player-unavailable p{font-size:13px;color:#aebbb6}.player-meta{display:flex;justify-content:space-between;padding:14px 5px 3px;font-size:12px}.player-meta span{color:#9cb1a8}.date-filter{display:flex;align-items:end;gap:14px;margin:0 0 28px}.date-filter label{width:240px;margin:0}.schedule-list{margin-bottom:80px}.schedule-list article{display:grid;grid-template-columns:190px 1fr 150px;gap:20px;padding:22px;border-bottom:1px solid var(--border);align-items:center}.schedule-list time{font:12px 'DM Mono';color:var(--muted)}.schedule-list time b{display:block;color:var(--pine);font-size:16px}.schedule-list small{color:var(--electric-deep)}.schedule-list h3{margin:3px 0;font-size:17px}.schedule-list p{margin:0;color:var(--muted);font-size:12px}.schedule-list article>span{font-size:11px;color:var(--muted);text-align:right}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:80px}.collection-card{background:var(--paper);border:1px solid var(--border);border-radius:13px;padding:28px;min-height:250px;display:flex;flex-direction:column}.collection-card:nth-child(3n+1){background:#e2ece7}.collection-card:nth-child(3n+2){background:#f5eadc}.collection-card>span{font:10px 'DM Mono';color:var(--electric-deep)}.collection-card h2{font-size:24px;margin:24px 0 8px}.collection-card p{font-size:13px;color:var(--body);line-height:1.9;flex:1}.collection-card b{font-size:12px;color:var(--pine)}.collection-detail{max-width:850px;background:var(--paper);padding:35px;border-radius:14px;margin-bottom:80px}.collection-detail h2{font-size:25px}.collection-detail>p{font-size:14px;line-height:2;color:var(--body)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:80px}.about-grid article{background:var(--paper);border:1px solid var(--border);padding:28px;border-radius:12px;min-height:230px}.about-grid h2{font-size:21px}.about-grid p{font-size:13px;line-height:1.9;color:var(--body)}.footer{background:var(--pine-deep);color:#e9f0ec;padding:40px max(30px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:18px}.footer p{font-size:12px;color:#b8c9c0}.footer-links{display:flex;gap:20px;align-items:center;font-size:12px}.footer>small{grid-column:1/-1;color:#9db2a7;font-size:10px}.not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}.not-found>span{font:12px 'DM Mono';color:var(--electric-deep)}.not-found h1{font-size:30px}
@media(max-width:1100px){.topbar{gap:18px;padding:0 22px}.main-nav{gap:14px}.nav-search input{width:95px}.site-main{padding:0 24px}.channel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.main-nav,.nav-search{display:none}.menu-toggle{display:block;margin-left:auto}.hero{grid-template-columns:1fr;margin-top:20px}.hero-copy{padding:42px 30px}.hero-art{min-height:290px}.film-frame{width:210px;height:235px}.film-frame strong{font-size:34px}.catalog-layout{grid-template-columns:1fr}.filter-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.filter-panel h3,.filter-form{grid-column:1/-1}.catalog-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:1fr;gap:22px}.detail-cover .cover{max-height:340px}.detail-body{grid-template-columns:1fr}.facts{max-width:none}.split-band{grid-template-columns:1fr;gap:8px}.schedule-list article{grid-template-columns:130px 1fr}.schedule-list article>span{grid-column:2;text-align:left}.footer{padding:35px 24px}}@media(max-width:560px){.site-main{padding:0 16px}.topbar{height:64px;padding:0 16px}.hero{border-radius:14px}.hero-copy{padding:34px 22px}.hero h1{font-size:36px}.hero-meta{gap:10px;flex-wrap:wrap}.hero-art{min-height:250px}.section{margin:52px 0}.section-head h2,.page-intro h1{font-size:26px}.section-head{align-items:start;flex-direction:column}.channel-grid{gap:9px}.channel-tile{min-height:190px;padding:14px}.channel-tile b{font-size:14px}.channel-tile small{font-size:11px}.feature-section{padding:20px}.collection-strip{grid-template-columns:1fr}.collection-strip a{min-height:135px}.explore-cta{padding:25px;display:block}.explore-cta>div:last-child{margin-top:20px;flex-wrap:wrap}.page-intro{padding:42px 0 28px}.catalog-grid,.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.video-info{padding:10px}.video-info h3{font-size:13px}.video-info p{font-size:11px}.filter-panel{padding:14px}.detail-copy h1{font-size:30px}.detail-body{gap:20px}.episode-grid{grid-template-columns:repeat(2,1fr)}.player-shell{padding:7px}.player-meta{font-size:10px;gap:10px}.collection-grid,.about-grid{grid-template-columns:1fr}.collection-card{min-height:210px;padding:22px}.schedule-list article{grid-template-columns:1fr;gap:7px;padding:18px 4px}.schedule-list article>span{grid-column:1}.date-filter{align-items:start;flex-direction:column}.date-filter label{width:100%}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer>small{grid-column:1}.split-band{padding:28px 24px}}