:root{--midnight:#101B32;--deep:#0A1428;--navy:#192C4B;--aurora:#42C5C2;--amber:#D5AA62;--ice:#A9C6DB;--violet:#827BB6;--rose:#C77F91;--surface:#F5F7FA;--white:#fff;--title:#1C293D;--body:#405066;--muted:#69778A;--border:#DCE4EB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--body);background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.24;color:var(--title)}h1{font-size:clamp(32px,4vw,50px)}h2{font-size:clamp(24px,2.5vw,31px)}h3{font-size:21px}.wrap{width:min(1340px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:8px;z-index:100;background:#fff;padding:8px}.skip:focus{top:8px}.topbar{height:74px;background:var(--midnight);color:#fff;position:relative;z-index:30}.topinner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;white-space:nowrap;line-height:1.12;color:white}.brand small{font-size:10px;font-weight:500;letter-spacing:.22em;display:block;margin-top:4px;color:#b8d3df}.brand-mark{font-size:39px;color:var(--aurora)}.desktop-nav{display:flex;gap:clamp(12px,2.3vw,32px);align-items:center}.desktop-nav a,.top-actions a{font-size:14px;white-space:nowrap;color:#d8e4ef}.desktop-nav a:hover,.top-actions a:hover{color:var(--aurora)}.top-actions{display:flex;gap:15px}.menu-toggle{display:none;color:white;background:transparent;border:1px solid #60738c;border-radius:6px;padding:5px 11px}.channel-track{border-bottom:1px solid #dbe6ed;background:#f8fafc}.channels{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:58px}.channels a{font-size:13px;white-space:nowrap;color:#38516b}.channels a:hover{color:#158985}.mobile-menu,.overlay{position:fixed;z-index:50}.mobile-menu{right:0;top:0;background:#12223a;color:#fff;width:min(320px,80vw);height:100vh;padding:100px 25px 25px;box-shadow:-20px 0 50px #07102066}.mobile-menu nav{display:grid;gap:10px}.mobile-menu a{padding:10px;border-bottom:1px solid #34465a}.overlay{inset:0;background:#0815298c;z-index:40}.menu-open{overflow:hidden}.mobile-bottom{display:none}.eyebrow{display:block;color:#198c91;font-size:11px;font-weight:800;letter-spacing:.17em;margin-bottom:13px}.hero{background:radial-gradient(circle at 70% 25%,#264b66 0,transparent 45%),linear-gradient(120deg,#101b32,#0b162c);color:#d9e8f0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:490px;padding-block:47px}.hero h1{font-size:clamp(38px,4vw,56px);color:white;letter-spacing:-.04em;line-height:1.2}.hero h1 em{font-style:normal;color:#6ad6d1}.hero-copy>p{max-width:540px;line-height:1.9;color:#cad8e7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b9ced0;padding:10px 21px;border-radius:8px;background:white;color:#164254;font-weight:700;font-size:14px;min-height:44px}.btn.primary{background:var(--aurora);border-color:var(--aurora);color:#0a2638}.btn.outline{background:transparent;border-color:#66819a;color:#e5f4f5}.btn:hover{filter:brightness(.94)}.hero-metrics{display:flex;gap:26px;border-top:1px solid #456278;padding-top:18px;margin-top:30px;font-size:12px}.hero-metrics strong{font-size:23px;color:#f1c984;margin-right:4px}.hero-art{height:395px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(150deg,#17344c,#385879 52%,#17263e);border:1px solid #537084}.hero-picture{width:100%;height:100%;object-fit:cover}.hero-caption{position:absolute;bottom:0;inset-inline:0;padding:40px 24px 22px;background:linear-gradient(transparent,#081529e8);display:flex;flex-direction:column}.hero-caption strong{font-size:23px;color:white}.hero-caption small{color:#85ece5}.hero-caption span{font-size:13px}.image-fallback{display:flex;align-items:center;justify-content:center;min-height:100px;background:linear-gradient(135deg,#203b57,#314e65 55%,#142b48);color:#bde9e6;text-align:center;padding:20px;font-size:13px;letter-spacing:.07em}.hero-picture.image-fallback{height:100%}.section{padding-block:76px}.pale{background:#f4f7fa}.dark-section{background:#182b46;color:#dfebf3}.dark-section h2{color:#fff}.dark-section .eyebrow{color:#78dfd9}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:380px;font-size:14px;margin-bottom:0}.section-heading>a,.text-link{color:#0f828a;font-weight:750;font-size:14px}.dark-section .section-heading>a{color:#6fe2da}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{position:relative;border:1px solid var(--border);padding:23px 18px;min-height:145px;display:flex;gap:14px;align-items:start;border-radius:12px;background:linear-gradient(135deg,#fff,#f6f9fb);transition:.2s}.category-tile:hover{transform:translateY(-3px);border-color:var(--accent,var(--aurora))}.category-symbol{font-size:29px}.category-tile strong{display:block;color:#1b3651;font-size:18px}.category-tile small{display:block;color:#697a8d;font-size:12px;margin-top:8px;line-height:1.55}.category-tile b{margin-left:auto;color:#399a9a}.featured-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.feature-main{border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.feature-photo{width:100%;height:320px;object-fit:cover}.feature-main>div:last-child{padding:23px}.feature-main h3{font-size:30px;margin:8px 0}.feature-main small{color:#148f90}.featured-side{display:grid;gap:10px}.work-card{display:block;border-radius:12px;overflow:hidden;background:white;border:1px solid #e0e8ed;min-width:0;transition:transform .18s}.work-card:hover{transform:translateY(-3px)}.work-visual{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#18324d}.work-copy{padding:15px}.work-copy small{font-size:11px;color:#128d8e;display:block}.work-copy strong{font-size:17px;color:#1f3044;display:block;margin:3px 0}.work-copy p{font-size:13px;line-height:1.65;margin:0;color:#69798a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card.compact{display:flex;align-items:center}.work-card.compact .work-visual{width:112px;min-height:112px;height:100%;aspect-ratio:1;object-fit:contain;flex-shrink:0}.work-card.compact .work-copy{padding:12px}.work-card.landscape .work-visual{aspect-ratio:16/9;object-fit:contain}.horizontal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.poster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.route-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.route-item{padding:24px 18px;border:1px solid #dce7ed;border-top:3px solid #45c3c2;border-radius:10px;min-height:220px}.route-no{font-weight:800;color:#a4865c;font-size:14px;display:block;margin-bottom:18px}.route-item strong{display:block;font-size:19px;color:#1d334c}.route-item p{font-size:13px;line-height:1.6;margin:8px 0}.route-item small{font-size:12px;color:#158b8b}.split-feature{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:60px}.split-feature>div>p{font-size:17px;max-width:450px}.mini-grid{display:grid;gap:13px}.editorial-block{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}.editorial-picture{width:100%;height:330px;object-fit:cover;border-radius:15px}.editorial-block p{max-width:470px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection-card{border:1px solid #dae5ec;border-radius:13px;overflow:hidden}.collection-card>img,.collection-card>.image-fallback{width:100%;aspect-ratio:16/9;object-fit:cover}.collection-card>div:last-child{padding:20px}.collection-card h3{margin-bottom:8px}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.lesson-card{padding:24px;border-radius:12px;background:#fff;min-height:235px;border-left:3px solid #42c5c2}.lesson-card span{font-size:11px;color:#718196;letter-spacing:.1em}.lesson-card h3{margin:19px 0 10px}.lesson-card p{font-size:13px}.end-note{text-align:center}.end-note h2{font-size:clamp(28px,3vw,40px)}.end-note p{max-width:670px;margin:20px auto}.footer{background:#0e1c30;color:#b6c5d5;padding:56px 0 65px}.footer h3,.footer h4{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-grid a{display:block;margin:8px 0;font-size:14px}.footer p{font-size:13px;max-width:480px}.page-intro{padding:65px 0 35px}.page-intro h1{margin-bottom:16px}.page-intro>p{font-size:17px;max-width:760px}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:36px;padding-bottom:80px}.filter-panel{background:#f6f8fb;border:1px solid #e1e8ef;border-radius:12px;align-self:start;padding:20px}.filter-panel h2{font-size:21px}.filter-panel label{display:block;font-size:13px;color:#35475b;font-weight:700;margin:16px 0}.filter-panel input,.filter-panel select,.search-form input,.search-form select{display:block;width:100%;min-height:43px;border:1px solid #cbd9e4;border-radius:7px;padding:8px 10px;background:#fff;margin-top:7px;color:#21364e}.filter-panel .btn{width:100%}.reset-link{display:block;text-align:center;font-size:13px;color:#388b8b;margin-top:15px}.results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.results-head h2{margin:0}.results-head span{font-size:13px;color:#718095}.catalog-grid{grid-template-columns:repeat(4,1fr);gap:14px}.pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pagination a{border:1px solid #cbdbe4;border-radius:6px;padding:6px 13px}.pagination a.active{background:#19506b;color:#fff}.empty-state{padding:45px;background:#f5f7f9;border-radius:12px;text-align:center}.breadcrumb{font-size:12px;color:#75859a;padding:25px 0}.breadcrumb a{color:#1b8491}.watch-grid{display:grid;grid-template-columns:1fr 310px;gap:55px}.watch-main h1{margin:16px 0}.watch-lead{font-size:19px;max-width:740px}.media-unavailable{aspect-ratio:16/9;background:linear-gradient(130deg,#13283e,#284860);border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#dbe9f4;padding:24px;margin:30px 0}.media-unavailable span{font-size:50px;color:#57d3cb}.media-unavailable h2{color:#fff}.media-unavailable p{font-size:13px;max-width:450px}.player{width:100%;aspect-ratio:16/9;background:#081527}.reading{padding:20px 0;border-bottom:1px solid #e1e9ed;max-width:820px}.reading p{line-height:1.95}.watch-cover img,.watch-cover>.image-fallback{width:100%;aspect-ratio:2/3;object-fit:contain;border-radius:9px}.meta-card{border:1px solid #dae5ea;padding:22px;border-radius:10px;margin:22px 0}.meta-card h2{font-size:21px}.meta-card dl,.about-side dl{display:grid;grid-template-columns:90px 1fr;gap:10px;font-size:13px}.meta-card dt,.about-side dt{color:#758699}.meta-card dd,.about-side dd{margin:0;color:#293c52}.collection-directory{padding:0 0 80px}.collection-row{display:grid;grid-template-columns:55px 240px 1fr 35px;gap:28px;align-items:center;border-top:1px solid #dae4eb;padding:24px 10px}.collection-row:last-child{border-bottom:1px solid #dae4eb}.collection-number{font-size:20px;color:#9a7b4e}.collection-thumb img,.collection-thumb .image-fallback{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.collection-text h2{margin:6px 0}.collection-text p{margin:0}.collection-text small{color:#6c8395}.collection-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;margin:20px 0 60px;padding:24px;background:#f3f6f9;border-radius:13px}.collection-detail img,.collection-detail .image-fallback{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:9px}.collection-works{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:70px}.collection-work{border-bottom:1px solid #dee8ed;padding:18px 0}.collection-work .work-card{display:flex;align-items:center}.collection-work .work-visual{max-width:175px}.collection-work>p{font-size:13px}.studio-layout{display:grid;grid-template-columns:220px 1fr;gap:50px;padding-bottom:80px}.studio-index{position:sticky;top:20px;align-self:start;background:#f5f8fa;padding:22px;border-radius:11px}.studio-index h2{font-size:20px}.studio-index a{display:block;border-top:1px solid #d8e4eb;padding:11px 0;font-size:14px}.studio-index a span{color:#168e90;font-size:12px;margin-right:10px}.studio-article{scroll-margin-top:24px;padding:30px 0 48px;border-bottom:1px solid #dce5ec;max-width:870px}.studio-article h2{font-size:33px}.studio-article p{line-height:2}.studio-opening{font-size:18px}.studio-tip{padding:15px 20px;background:#e8f5f5;border-left:3px solid #3cb8b4;font-size:13px}.search-form{display:flex;gap:10px;max-width:920px;margin-top:35px}.search-form input{flex:1;margin:0}.search-form select{max-width:175px;margin:0}.search-results{padding-top:15px}.search-list{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.search-list .work-card{display:flex}.search-list .work-visual{max-width:170px}.about-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;padding-bottom:80px}.about-story h2{margin-top:30px}.about-story p{line-height:2}.about-side{background:#f5f8fa;border-radius:12px;padding:26px;align-self:start}.about-side h3{margin-top:20px}.about-side p{font-size:14px}.about-side dl{padding:10px 0 20px;border-bottom:1px solid #dce6ed}
@media(max-width:1100px){.wrap{width:calc(100% - 44px)}.desktop-nav{gap:13px}.desktop-nav a{font-size:12px}.channels{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.hero-grid{gap:25px}.category-grid{grid-template-columns:repeat(2,1fr)}.route-grid{grid-template-columns:repeat(3,1fr)}.poster-grid{grid-template-columns:repeat(4,1fr)}.lesson-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.desktop-nav{display:none}.menu-toggle{display:inline-block}.hero-grid{grid-template-columns:1fr;padding:45px 0}.hero-art{height:290px}.featured-layout,.split-feature,.editorial-block,.watch-grid,.about-grid,.collection-detail{grid-template-columns:1fr}.featured-side{grid-template-columns:repeat(2,1fr)}.horizontal-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filter-panel form{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 15px}.filter-panel .btn{align-self:end}.collection-row{grid-template-columns:35px 170px 1fr 20px;gap:15px}.collection-works{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.studio-index{position:static}.studio-index a{display:inline-block;margin-right:18px}.footer-grid{gap:25px}.search-list{grid-template-columns:1fr}}
@media(max-width:600px){body{font-size:15px}.wrap{width:calc(100% - 34px)}.topbar{height:66px}.channels{min-height:50px}.channels a{font-size:12px}.search-link{font-size:0!important}.search-link::first-letter{font-size:22px}.hero h1{font-size:34px}.hero-grid{padding-top:38px;gap:20px}.hero-art{height:225px}.hero-metrics{gap:12px;justify-content:space-between}.hero-metrics strong{display:block;font-size:19px}.section{padding-block:48px}.section-heading{align-items:start}.section-heading p{display:none}.section-heading h2{font-size:23px}.section-heading>a{font-size:12px;white-space:nowrap}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{padding:15px 12px;min-height:135px;display:block}.category-symbol{font-size:24px}.category-tile strong{font-size:15px}.category-tile small{font-size:11px}.category-tile b{position:absolute;top:10px;right:9px}.featured-layout{gap:12px}.feature-photo{height:220px}.featured-side{grid-template-columns:1fr}.poster-grid{grid-template-columns:repeat(2,1fr);gap:10px}.work-copy{padding:10px}.work-copy strong{font-size:15px}.work-copy p{font-size:12px}.work-card.compact .work-visual{width:92px;height:105px;min-height:105px}.horizontal-grid{gap:10px}.route-grid{grid-template-columns:repeat(2,1fr);gap:10px}.route-item{padding:16px 12px;min-height:180px}.route-item strong{font-size:16px}.editorial-block{gap:23px}.editorial-picture{height:200px}.collection-grid{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr 1fr;gap:9px}.lesson-card{padding:14px;min-height:190px}.lesson-card h3{font-size:17px}.lesson-card p{font-size:12px}.footer{padding-bottom:120px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bottom{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dee7ed;z-index:35;padding:7px 0 max(7px,env(safe-area-inset-bottom));box-shadow:0 -3px 15px #12243b18}.mobile-bottom a{font-size:22px;line-height:1.2;text-align:center;min-width:55px;color:#213f52}.mobile-bottom span{display:block;font-size:11px}.page-intro{padding:38px 0 26px}.page-intro h1{font-size:32px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.filter-panel form{grid-template-columns:1fr}.results-head{align-items:start}.results-head h2{font-size:21px}.results-head span{font-size:11px}.watch-grid{gap:20px}.watch-aside{display:grid;grid-template-columns:100px 1fr;gap:15px}.watch-cover{grid-row:span 2}.meta-card{margin:0;padding:12px}.meta-card dl{grid-template-columns:1fr;gap:2px}.watch-aside>.btn{grid-column:2}.collection-row{grid-template-columns:32px 90px 1fr;gap:10px}.collection-row>b{display:none}.collection-text h2{font-size:18px}.collection-text p,.collection-text small{font-size:12px}.collection-text .eyebrow{font-size:9px}.collection-detail{padding:12px}.search-form{flex-wrap:wrap}.search-form input{width:100%;flex:auto}.search-form select{max-width:none;flex:1}.search-form button{flex:0 0 100px}.studio-article h2{font-size:27px}.studio-opening{font-size:16px}.search-list .work-visual{max-width:110px}.about-side{padding:18px}}@media(max-width:360px){.wrap{width:calc(100% - 28px)}.category-tile strong{font-size:14px}.hero h1{font-size:29px}.route-grid{grid-template-columns:1fr 1fr}}