:root{--deep:#0D1931;--cinema:#102B53;--nav:#153968;--blue:#2466C1;--button:#245CB2;--bright:#3A83E9;--yellow:#F6C946;--pale:#FFE69A;--ice:#E9F2FF;--bg:#F6F9FD;--white:#fff;--cream:#FFF7DF;--text:#15273F;--muted:#3D5167;--coral:#D98B77;--teal:#53A9AD;--purple:#948ACC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:16px/1.78 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input{font:inherit}button,a:focus-visible,input:focus-visible{outline-offset:3px;outline-color:var(--bright)}.shell{width:min(1240px,calc(100% - 60px));margin:0 auto}.topbar{background:var(--deep);color:#e5efff;font-size:12px}.topbar .shell{display:flex;justify-content:space-between;align-items:center;min-height:29px}.main-header{background:white;border-bottom:1px solid #e5ecf5}.head-inner{height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap}.brand small{display:block;line-height:1.1;font-size:10px;letter-spacing:2px;color:#567}.brand-mark{display:grid;place-items:center;background:var(--yellow);color:var(--deep);height:42px;width:42px;border-radius:12px}.brand-img{width:152px;height:auto;max-height:54px;object-fit:contain}.desktop-nav{display:flex;gap:19px;align-items:center;margin-left:auto;font-size:14px;font-weight:650}.search-small{color:var(--blue)}.menu-button,.drawer-top button{background:var(--deep);color:#fff;border:0;padding:10px 15px;border-radius:9px;cursor:pointer;min-height:44px}.genre-strip{background:var(--ice);border-bottom:1px solid #d7e4f2}.genre-scroll{display:flex;gap:31px;align-items:center;min-height:42px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:14px}.genre-scroll::-webkit-scrollbar{display:none}.genre-scroll a{font-weight:600}.mask{position:fixed;inset:0;background:#071022a8;z-index:40}.menu-drawer{position:fixed;z-index:41;inset:0 0 0 auto;width:min(455px,100%);background:#fff;box-shadow:-12px 0 50px #07102233;transform:translateX(110%);transition:transform .2s;overflow:auto;visibility:hidden}.menu-drawer.open{transform:translateX(0);visibility:visible}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:24px;position:sticky;top:0;background:white;border-bottom:1px solid #dde5f0}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:20px}.drawer-links a{padding:11px;background:var(--ice);border-radius:8px}.hero{background:linear-gradient(130deg,var(--deep),var(--cinema) 70%,#234e7c);color:#f9fcff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:385px;gap:0}.hero-copy{padding:36px 20px 36px 0}.eyebrow{display:block;font-size:12px;letter-spacing:1.1px;color:#2770bc;font-weight:800;margin-bottom:10px}.hero .eyebrow{color:var(--pale)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3.2vw,39px);line-height:1.35;margin-bottom:16px}h2{font-size:clamp(22px,2.5vw,27px);line-height:1.4}h3{font-size:18px;line-height:1.45;margin-bottom:9px}.hero p{color:#dee9f6}.hero-image{padding:24px 0;display:grid;place-items:center}.hero-image img{max-height:350px;width:100%;object-fit:contain}.media-missing{display:grid;place-items:center;background:linear-gradient(145deg,#e4eefc,#fff8dd);color:#34516c;min-height:160px;padding:18px;text-align:center;font-weight:700;border-radius:12px}.hero .media-missing{min-height:300px;width:100%;background:linear-gradient(130deg,#204977,#385b81);color:#f9e5a0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;min-height:44px;padding:9px 20px;background:var(--yellow);font-weight:800;color:var(--deep)}.btn:hover{background:var(--pale);color:var(--deep)}.btn.secondary{background:#fff;color:var(--cinema)}.module{padding:52px 0}.module.alt{background:var(--ice)}.module.cream{background:var(--cream)}.module.dark{background:var(--deep);color:#f9fcff}.module.dark .section-sub{color:#dee9f6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{margin-bottom:4px}.section-sub{font-size:15px;color:var(--muted);max-width:760px;margin-bottom:0}.more-link{font-weight:750;color:var(--blue);white-space:nowrap}.dark .more-link{color:var(--pale)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card,.note-card,.topic-card{border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 24px #193a5c10;border:1px solid #e6eef5;color:var(--text)}.work-art{width:100%;height:190px;object-fit:contain;background:#e9f2ff}.card-content,.note-card,.topic-card{padding:20px}.work-card p,.note-card p,.topic-card p{font-size:14px;color:var(--muted);line-height:1.7}.text-link{color:var(--button);font-weight:800;font-size:14px}.feature-split{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.feature-split.reverse{grid-template-columns:.85fr 1.15fr}.feature-media img{width:100%;max-height:330px;object-fit:contain;border-radius:14px}.feature-copy{padding:12px}.feature-copy p{color:var(--muted)}.mini-list{display:grid;gap:11px}.mini-list a{padding:13px 16px;background:#fff;border:1px solid #dde7f3;border-radius:10px;font-weight:650}.dark .mini-list a{color:var(--text)}.timeline{border-left:3px solid var(--yellow);padding-left:21px;display:grid;gap:15px}.timeline article{background:white;color:var(--text);padding:17px;border-radius:12px}.page-head{padding:47px 0 30px;background:linear-gradient(120deg,var(--cinema),var(--nav));color:#fff}.page-head p{max-width:820px;color:#dee9f6}.page-body{padding:44px 0 75px}.longform{max-width:775px;background:#fff;border:1px solid #e7eef5;padding:35px;border-radius:14px}.longform p{line-height:1.85;color:#364d65}.info-block{padding:20px 24px;background:var(--ice);border-left:4px solid var(--blue);border-radius:9px;margin:20px 0}.status{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--cream);color:#765100;font-weight:800;font-size:13px}.search-form{display:flex;gap:10px;max-width:700px}.search-form input{flex:1;min-width:0;border:1px solid #c7d7ea;border-radius:10px;padding:12px}.search-form button{border:0;background:var(--blue);color:#fff;border-radius:9px;padding:11px 23px;cursor:pointer;min-height:44px}.footer{background:var(--deep);color:#f9fcff;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p{color:#dee9f6;max-width:490px}.footer a{display:block;color:#dee9f6;font-size:14px}.footer-end{border-top:1px solid #34465f;padding-top:20px;margin-top:28px;font-size:13px;color:#a6b7ca}.mobile-bottom{display:none}.crumb{font-size:13px;margin-bottom:14px;color:#657b90}.episode{background:white;border:1px solid #dfe9f4;border-radius:10px;padding:20px;margin-bottom:12px}.episode p{margin:0;color:var(--muted)}@media(max-width:980px){.desktop-nav{display:none}.search-small{margin-left:auto}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-split,.feature-split.reverse{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shell{width:calc(100% - 34px)}.topbar{font-size:10px}.head-inner{gap:10px}.brand{font-size:17px}.brand-mark{height:36px;width:36px}.menu-button{padding:7px 10px;font-size:12px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:34px 0 12px}.hero-image{padding:3px 0 25px}.hero .media-missing{min-height:190px}.hero-image img{max-height:230px}.module{padding:34px 0}.grid,.grid.two,.grid.four,.feature-split,.feature-split.reverse{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading .more-link{font-size:13px}.work-art{height:185px}.page-head{padding:34px 0 20px}.page-body{padding:24px 0 58px}.longform{padding:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #dfe8f3;z-index:20;padding:7px 6px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-bottom a{font-size:13px;min-width:44px;min-height:44px;display:grid;place-items:center}body{padding-bottom:65px}.search-form{flex-direction:column}}