@charset "UTF-8";
:root{--background:#F7F8F5;--paper:#FFFEFB;--surface:#FFF;--surface-soft:#EFF3F1;--teal:#276468;--teal-deep:#204F53;--teal-soft:#DEEEEA;--plum:#675184;--plum-deep:#4D3B67;--plum-soft:#EEE8F5;--apricot:#E8BE78;--apricot-soft:#FBF2DF;--blue:#557FAD;--blue-soft:#EAF0F8;--rose:#B9687E;--rose-soft:#F8E9EF;--mint:#5D9983;--ink:#28343C;--body:#3E4B54;--muted:#65717A;--border:#DEE5E1;--divider:#E9EEEB}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.76 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--plum);outline-offset:3px}h1,h2,h3{color:var(--ink);line-height:1.27;letter-spacing:-.025em}h1{font-size:clamp(28px,3.3vw,45px)}h2{font-size:clamp(23px,2.1vw,29px)}h3{font-size:19px}p{margin:.7em 0 1em}img{display:block;max-width:100%;object-fit:cover}.sr-only,.skip:not(:focus){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;top:10px;left:10px;z-index:100;background:white;padding:10px}.shell{max-width:1580px;margin:auto;display:grid;grid-template-columns:198px minmax(0,1fr);min-height:100vh}.sidebar{padding:34px 19px;position:sticky;top:0;height:100vh;background:var(--paper);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:40}.brand{display:flex;gap:10px;align-items:center;margin:0 0 45px;line-height:1.2}.brand strong{display:block;font-size:19px;color:var(--teal)}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.brand-mark{width:42px;height:42px;border-radius:15px;background:var(--teal);color:white;font-size:29px;display:grid;place-items:center}.main-nav{display:flex;flex-direction:column;gap:9px}.main-nav a{padding:11px 15px;border-radius:11px;font-size:15px;font-weight:600}.main-nav a:hover,.main-nav a[aria-current]{background:var(--teal-soft);color:var(--teal-deep)}.sidebar-note{margin-top:auto;color:var(--muted);font-size:13px;padding:15px;border-top:1px solid var(--divider)}.site-area{min-width:0}.topbar{height:75px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(255,255,255,.72)}.location-label{font-size:14px;font-weight:700;color:var(--teal)}.top-search{display:flex;gap:8px}.top-search input,.search-controls input,.search-controls select{border:1px solid var(--border);background:white;border-radius:11px;padding:11px 14px;min-width:0}.top-search button{border:0;border-radius:10px;background:var(--teal-soft);color:var(--teal-deep);padding:8px 15px;cursor:pointer;font-weight:700}.menu-toggle{display:none}.main-content{max-width:1310px;margin:auto;padding:34px clamp(18px,3vw,45px) 72px}.section{margin:68px 0}.eyebrow{text-transform:uppercase;font-weight:750;letter-spacing:.13em;font-size:12px;color:var(--teal)}.magazine{display:grid;grid-template-columns:1.05fr .95fr;min-height:390px;border-radius:23px;overflow:hidden;background:var(--teal-soft)}.hero-copy{padding:clamp(25px,4vw,55px);display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(31px,3.5vw,48px);margin:18px 0}.hero h1 em{color:var(--teal);font-style:normal}.hero p{max-width:480px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 20px;min-height:44px;background:var(--teal);color:white;font-weight:700;cursor:pointer}.btn:hover{background:var(--teal-deep)}.btn.ghost{background:white;color:var(--teal-deep);border:1px solid #bbd4cc}.hero-image{width:100%;height:100%;min-height:300px}.missing-image{display:grid;place-items:center;min-height:150px;background:linear-gradient(140deg,var(--teal-soft),var(--plum-soft));color:var(--teal-deep);text-align:center;padding:20px;font-weight:650}.missing-image span{max-width:75%}.section-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-header h2{margin:5px 0}.section-header>p{color:var(--muted);font-size:14px;max-width:330px}.text-link{display:inline-block;color:var(--teal-deep);font-weight:750;border-bottom:1px solid currentColor;padding-bottom:3px}.moods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.moods a{padding:18px 18px;border-radius:14px;background:white;border:1px solid var(--border)}.moods a:hover{border-color:var(--teal)}.moods span{display:block;color:var(--ink);font-weight:750}.moods small{font-size:12px;color:var(--muted)}.feature-split{display:grid;grid-template-columns:38% 1fr;min-height:330px;background:var(--apricot-soft);border-radius:22px;overflow:hidden}.feature-visual{min-height:330px;max-height:390px}.feature-visual .poster{height:100%;width:100%}.feature-text{padding:clamp(25px,4vw,56px);align-self:center}.feature-text p{max-width:650px}.filmstrip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,24%);overflow-x:auto;gap:16px;padding:4px 2px 16px;scroll-snap-type:x mandatory}.work-card{min-width:0;background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:block;scroll-snap-align:start;transition:transform .18s}.work-card:hover{transform:translateY(-3px)}.work-card .poster{width:100%;aspect-ratio:2/3;min-height:0}.work-meta{padding:13px 15px 16px}.work-meta h3{font-size:17px;margin:7px 0}.work-meta p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.editorial-layout{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:19px;align-items:stretch}.editorial-intro{padding:18px 18px 18px 0}.editorial-card{border-radius:16px;overflow:hidden;background:white;border:1px solid var(--border)}.editorial-card .landscape{width:100%;aspect-ratio:16/10}.editorial-card h3,.editorial-card p{margin:12px 16px}.editorial-card p{font-size:14px;color:var(--muted)}.double-world{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:var(--plum-soft);border-radius:20px;padding:34px}.double-world .landscape{aspect-ratio:16/10;width:100%;border-radius:13px}.sound-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sound-row a{padding:23px;border:1px solid var(--border);border-radius:16px;background:var(--paper)}.sound-row a>span{display:block;font-size:26px;color:var(--plum)}.sound-row strong,.sound-row small{display:block}.sound-row small{font-size:13px;color:var(--muted)}.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.curation-grid a{padding:27px 24px;background:var(--surface-soft);border-radius:17px}.curation-grid a:nth-child(2){background:var(--plum-soft)}.curation-grid a:nth-child(3){background:var(--apricot-soft)}.curation-grid a small{color:var(--muted)}.curation-grid a span{font-weight:750;color:var(--teal)}.studio-teaser{display:grid;grid-template-columns:48% 1fr;gap:35px;align-items:center}.studio-teaser .landscape{aspect-ratio:16/10;width:100%;border-radius:17px}.explore{border-top:1px solid var(--border);padding-top:20px}.explore>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.explore a{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--border);font-weight:700}.footer{max-width:1240px;margin:auto;padding:35px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap;font-size:13px}.footer strong{color:var(--teal)}.footer p{margin:4px 0}.footer nav{display:flex;gap:15px}.footer small{width:100%;color:var(--muted)}.mobile-bottom,.menu-backdrop{display:none}.page-heading{padding:23px 0 30px;max-width:850px}.page-heading h1{margin:12px 0}.page-heading>p{font-size:18px;color:var(--muted)}.count{display:inline-block;background:var(--teal-soft);padding:6px 12px;border-radius:99px;font-size:13px;color:var(--teal-deep)}.library-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px;margin-top:26px}.filter-panel{align-self:start;position:sticky;top:20px;background:white;border:1px solid var(--border);padding:18px;border-radius:15px}.filter-panel h2{font-size:18px}.filter-panel a{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:9px;font-size:14px}.filter-panel a[aria-current],.filter-panel a:hover{background:var(--teal-soft);color:var(--teal-deep)}.filter-panel span{color:var(--muted)}.results-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 20px}.results-heading h2{margin:5px 0}.results-heading p{font-size:13px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.work-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pagination{display:flex;gap:9px;justify-content:center;margin-top:30px}.pagination a{min-width:42px;text-align:center;padding:8px;border-radius:9px;border:1px solid var(--border)}.pagination a[aria-current]{background:var(--teal);color:white}.breadcrumbs{font-size:13px;color:var(--muted);margin:7px 0 25px}.breadcrumbs a{color:var(--teal);font-weight:700}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.player-area{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:var(--ink)}.player-area video{width:100%;height:100%;display:block;background:#171b20}.watch-cover{width:100%;height:100%;object-fit:cover;opacity:.64}.media-note{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:50px 25px 22px;color:white}.media-note strong,.media-note span{display:block;color:white}.media-note span{font-size:13px}.watch-intro h1{margin:15px 0}.lead{font-size:18px;color:var(--teal)}.watch-intro h2{margin-top:35px}.watch-intro>p{line-height:1.9}.info-panel{padding:20px;background:white;border:1px solid var(--border);border-radius:16px;margin-bottom:16px}.info-panel h2{font-size:18px}.info-panel dl{display:grid;grid-template-columns:80px 1fr;gap:13px 10px;font-size:13px}.info-panel dt{color:var(--muted)}.info-panel dd{margin:0}.info-panel p{font-size:14px}.highlight-list>div{display:flex;gap:17px;padding:12px 0;border-top:1px solid var(--border)}.highlight-list span{font-weight:800;color:var(--plum);font-size:23px}.highlight-list p{margin:0}.curation-directory{display:grid;grid-template-columns:1fr 1fr;gap:15px}.curation-list-item{background:white;border-radius:17px;border:1px solid var(--border);padding:24px;display:flex;align-items:start;gap:17px}.entry-index{color:var(--plum);font-weight:800;font-size:23px}.curation-list-item h2{font-size:22px}.curation-list-item p{font-size:14px;color:var(--muted)}.curation-list-item .arrow{margin-left:auto;color:var(--teal)}.curation-hero{background:var(--plum-soft);padding:30px;border-radius:16px;max-width:none}.curation-hero p{max-width:870px}.curation-entry{display:grid;grid-template-columns:45px 220px minmax(0,1fr);gap:21px;align-items:start;border-bottom:1px solid var(--border);padding:30px 0}.curation-entry .landscape{width:100%;aspect-ratio:4/3;border-radius:12px}.curation-entry h2{margin:7px 0}.curation-entry p{font-size:14px}.curation-entry .small{background:var(--teal-soft);border-radius:10px;padding:12px}.studio-heading{background:var(--apricot-soft);padding:32px;border-radius:18px;max-width:none}.studio-heading p{max-width:800px}.studio-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;margin-top:40px}.studio-index{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:9px}.studio-index strong{font-size:17px;color:var(--teal);margin-bottom:9px}.studio-index a{display:flex;gap:10px;font-size:13px;line-height:1.5;padding:10px;border-radius:9px;background:white}.studio-index a span{color:var(--plum);font-weight:800}.studio-units{min-width:0}.studio-unit{padding:25px 30px;background:white;border:1px solid var(--border);border-radius:18px;margin-bottom:22px;scroll-margin-top:20px}.studio-unit h2{margin:9px 0 20px}.studio-unit p{line-height:1.95}.studio-unit .exercise{padding:17px;border-left:4px solid var(--teal);background:var(--teal-soft);border-radius:0 10px 10px 0}.search-form{padding:25px;background:var(--teal-soft);border-radius:17px}.search-form>label{font-weight:700;color:var(--teal-deep)}.search-controls{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:12px;margin-top:10px}.search-suggestions{display:flex;flex-wrap:wrap;gap:10px}.search-suggestions a{border-radius:99px;background:white;padding:8px 20px;border:1px solid var(--border)}.empty-state{padding:45px 22px;background:white;border-radius:15px;text-align:center}.about-heading{background:var(--teal-soft);padding:30px;border-radius:18px;max-width:none}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.about-grid article{padding:26px;background:white;border:1px solid var(--border);border-radius:16px}.about-grid .about-large{grid-column:span 2;background:var(--plum-soft)}.about-grid article h2{font-size:22px}.faq details{padding:15px 18px;background:white;border:1px solid var(--border);margin:10px 0;border-radius:10px}.faq summary{font-weight:700;color:var(--teal);cursor:pointer}.faq p{font-size:14px}
@media(max-width:1150px){.shell{grid-template-columns:180px minmax(0,1fr)}.main-content{padding-inline:24px}.sidebar{padding-inline:12px}.editorial-layout{grid-template-columns:1fr 1fr}.editorial-intro{grid-column:span 2}.watch-layout{grid-template-columns:minmax(0,1fr) 210px}.moods{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.shell{display:block}.sidebar{display:none;position:fixed;left:0;top:0;bottom:0;width:min(280px,85vw);height:100dvh;box-shadow:10px 0 40px #18262433}.sidebar.open{display:flex}.menu-toggle{display:block;background:transparent;border:0;color:var(--teal);font-weight:750;cursor:pointer}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#15292d99;z-index:30}.topbar{height:65px;padding:0 20px}.main-content{padding:25px 19px 85px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;padding:8px 5px max(8px,env(safe-area-inset-bottom));background:white;z-index:20;border-top:1px solid var(--border)}.mobile-bottom a{min-width:60px;text-align:center;font-size:13px;font-weight:750;color:var(--teal);padding:7px}.footer{padding-bottom:90px}.studio-layout{grid-template-columns:1fr}.studio-index{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.studio-index strong{grid-column:span 2}.watch-layout{grid-template-columns:1fr}.watch-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.watch-aside .info-panel{margin:0}}
@media(max-width:600px){.top-search input{width:105px}.top-search button{padding:7px 10px}.location-label{display:none}.section{margin:45px 0}.magazine,.feature-split,.double-world,.studio-teaser{grid-template-columns:1fr}.hero-copy{padding:28px 23px}.hero-image{min-height:190px;max-height:230px}.moods{grid-template-columns:1fr 1fr;gap:8px}.moods a{padding:12px}.moods small{font-size:11px}.feature-visual{height:265px;min-height:0}.feature-visual .poster{object-position:center 35%}.feature-text{padding:23px}.filmstrip{grid-auto-columns:56%}.editorial-layout{grid-template-columns:1fr 1fr;gap:11px}.editorial-card h3{font-size:16px}.editorial-card p{font-size:12px}.double-world{padding:20px;gap:12px}.sound-row,.curation-grid,.explore>div{grid-template-columns:1fr}.sound-row a{padding:17px}.curation-grid a{padding:20px}.section-header{align-items:start}.section-header>p{display:none}.library-layout{grid-template-columns:1fr;gap:18px}.filter-panel{position:static;display:flex;flex-wrap:wrap;gap:7px;padding:12px}.filter-panel h2{width:100%;margin:3px}.filter-panel a{font-size:12px;padding:7px 9px;background:var(--surface-soft)}.work-grid,.work-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.work-meta{padding:10px}.work-meta h3{font-size:15px}.work-meta p{font-size:12px}.work-card .poster{aspect-ratio:2/3}.curation-directory{grid-template-columns:1fr}.curation-entry{grid-template-columns:34px minmax(0,1fr);gap:12px}.curation-entry .landscape{grid-column:2;aspect-ratio:16/9}.curation-entry>div{grid-column:2}.studio-index{grid-template-columns:1fr}.studio-index strong{grid-column:auto}.studio-unit{padding:20px}.search-controls{grid-template-columns:1fr 1fr}.search-controls input{grid-column:span 2}.search-controls .btn{width:100%}.about-grid{grid-template-columns:1fr}.about-grid .about-large{grid-column:auto}.watch-aside{grid-template-columns:1fr}.media-note{padding:40px 17px 14px}.page-heading>p{font-size:16px}}
@media(max-width:365px){.top-search input{width:90px}.filmstrip{grid-auto-columns:72%}.moods{grid-template-columns:1fr}.hero h1{font-size:29px}.work-meta h3{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.work-card .missing-image.poster{aspect-ratio:2/3;min-height:0}.player-area>.missing-image{height:100%;background:linear-gradient(145deg,#203e43,#4d3b67);color:white}.feature-visual>.missing-image{height:100%}.filmstrip .work-card{height:100%}
