: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;--mint-soft:#E8F5EF;--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.75 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{outline-offset:3px}button{cursor:pointer}p{margin:0 0 1em}h1,h2,h3{line-height:1.3;color:var(--ink);letter-spacing:-.025em}h1{font-size:clamp(29px,3.3vw,44px);margin:.35em 0}h2{font-size:clamp(24px,2.2vw,31px);margin:0 0 16px}h3{font-size:20px;margin:0 0 12px}img{display:block;max-width:100%;object-fit:cover}a:hover{color:var(--teal)}.skip-link{position:absolute;top:-90px;left:10px;background:var(--teal);color:white;padding:12px;z-index:30}.skip-link:focus{top:10px}.site-shell{max-width:1700px;min-height:100vh;margin:auto;display:grid;grid-template-columns:204px minmax(0,1fr)}.sidebar{background:var(--paper);border-right:1px solid var(--border);padding:30px 15px 24px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--ink);line-height:1.3;margin:0 5px 39px}.brand small{display:block;font-size:7px;letter-spacing:.08em;font-weight:700;color:var(--muted);margin-top:4px}.brand-mark{display:grid;place-items:center;min-width:38px;height:38px;border-radius:13px;background:var(--teal);color:#fff}.sidebar-caption,.section-kicker,.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--teal)}.sidebar-caption{color:var(--muted);padding:0 12px;margin:23px 0 9px}.main-nav{display:grid;gap:4px}.main-nav a{display:flex;align-items:center;gap:13px;border-radius:10px;padding:9px 13px;font-size:14px;font-weight:650}.main-nav a:hover,.main-nav .active{background:var(--teal-soft);color:var(--teal-deep)}.nav-icon{font-size:19px;width:22px;text-align:center}.side-categories{display:grid}.side-categories a{padding:7px 12px;font-size:13px;display:flex;justify-content:space-between;color:var(--body);border-radius:8px}.side-categories a:hover{background:var(--surface-soft)}.sidebar-note{margin:30px 12px 0;font-size:12px;color:var(--muted)}.site-content{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,43px);background:rgba(255,255,255,.7)}.topbar-location{font-size:13px;color:var(--muted);font-weight:600}.crumb-separator{margin:0 9px;color:#a0aeaa}.top-search{background:white;border:1px solid var(--border);border-radius:30px;padding:5px 18px;color:var(--muted);font-size:13px}.top-search:hover{border-color:var(--teal)}main{max-width:1320px;margin:0 auto;padding:26px clamp(18px,3vw,43px) 75px}.page-intro{padding:13px 0 30px}.page-intro h1{max-width:920px}.page-intro>p{max-width:790px;color:var(--muted)}.section{margin:54px 0 72px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.section-head h2{margin-bottom:0}.section-head p{max-width:320px;margin:0;color:var(--muted);font-size:14px}.button{background:var(--teal);color:white;border:0;border-radius:9px;padding:12px 22px;display:inline-flex;gap:25px;align-items:center;font-weight:700;font-size:14px}.button:hover{background:var(--teal-deep);color:white}.text-link{display:inline-block;color:var(--teal);font-weight:700;font-size:14px}.editorial{display:grid;grid-template-columns:.92fr 1.08fr;background:var(--paper);border:1px solid var(--divider);border-radius:22px;overflow:hidden;min-height:400px;margin-top:0}.hero-copy{padding:clamp(25px,4vw,60px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.hero-copy h2{font-size:clamp(30px,4vw,53px);max-width:510px;margin:18px 0}.hero-copy h2 em{font-style:normal;color:var(--teal)}.hero-copy p{max-width:450px;font-size:15px;line-height:1.9}.hero-copy .button{margin-top:12px}.hero-foot{font-size:12px;color:var(--muted);margin-top:27px}.hero-photo{min-width:0;position:relative;min-height:360px;background:var(--teal-soft)}.hero-media{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-photo-caption{position:absolute;bottom:18px;left:20px;right:20px;padding:11px 17px;background:rgba(255,255,255,.91);border-radius:10px;font-size:10px;font-weight:750;letter-spacing:.11em;display:flex;justify-content:space-between}.art-placeholder{background:linear-gradient(142deg,#e9f2ed 0%,#dedfe9 55%,#f9eee5 100%);color:#466b69;display:flex;gap:14px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:13px;font-weight:700;overflow:hidden}.art-glyph{font-size:58px;font-weight:300;color:rgba(39,100,104,.38);line-height:1}.mood-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mood-list a{border-radius:13px;background:#fff;border:1px solid var(--border);padding:16px 18px;font-weight:680;display:flex;justify-content:space-between}.mood-list a:nth-child(2n){background:var(--plum-soft)}.mood-list a:nth-child(3n){background:var(--apricot-soft)}.spotlight{display:grid;grid-template-columns:.9fr 1.1fr;gap:43px;align-items:center}.spotlight-photo{height:420px;min-width:0}.spotlight-img{width:100%;height:100%;object-fit:cover;border-radius:20px}.spotlight h3{font-size:25px;color:var(--teal)}.spotlight p{max-width:530px}.film-track{display:flex;overflow-x:auto;gap:17px;padding-bottom:18px;scroll-snap-type:x mandatory}.film-track .work-card{min-width:190px;max-width:225px;flex:0 0 22%;scroll-snap-align:start}.work-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;padding-bottom:15px;display:flex;flex-direction:column;min-width:0}.work-card:hover{box-shadow:0 8px 23px rgba(31,68,72,.09);transform:translateY(-2px);transition:transform .2s}.card-media{width:100%;aspect-ratio:2/3;object-fit:cover}.card-meta{font-size:11px;color:var(--teal);font-weight:750;margin:13px 13px 3px}.work-card strong{font-size:16px;color:var(--ink);margin:0 13px;line-height:1.5}.card-description{color:var(--muted);font-size:12px;line-height:1.55;margin:9px 13px;flex:1}.card-link{color:var(--teal);font-size:12px;font-weight:700;margin:2px 13px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.pair p{max-width:430px}.featured-image{height:360px}.wide-image{width:100%;height:100%;border-radius:19px}.mini-list{border-top:1px solid var(--border);margin-top:25px}.mini-list a{padding:12px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.world-panel{background:var(--plum-soft);padding:35px;border-radius:19px;display:grid;grid-template-columns:.88fr 1.12fr;gap:36px}.world-works{display:grid;gap:9px}.world-works a{background:rgba(255,255,255,.8);border:1px solid rgba(103,81,132,.12);border-radius:11px;padding:12px 15px;display:flex;flex-direction:column}.world-works span{font-size:12px;color:var(--muted)}.city-grid,.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.city-grid a,.curation-grid a{min-width:0}.city-media,.curation-art{width:100%;height:185px;border-radius:13px;margin-bottom:14px;object-fit:cover}.city-grid h3,.curation-grid h3{font-size:18px}.city-grid p,.curation-grid p{font-size:13px;color:var(--muted)}.sound-panel{background:var(--teal-deep);color:#fff;border-radius:20px;padding:38px 42px;display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:26px}.sound-panel h2,.sound-panel .section-kicker{color:#fff}.sound-panel p{font-size:14px;color:#d8e9e5;margin:0}.button-light{background:var(--apricot-soft);color:var(--teal-deep);white-space:nowrap}.button-light:hover{background:white;color:var(--teal)}.laughter,.notebook{display:grid;grid-template-columns:1fr .6fr;gap:25px;align-items:center;background:var(--apricot-soft);padding:28px 35px;border-radius:20px}.small-comedy-art,.notebook-art{height:210px;width:100%;border-radius:14px}.notebook{grid-template-columns:1fr 1fr;background:var(--blue-soft)}.closing{text-align:center;border-top:1px solid var(--border);padding-top:42px}.closing>div{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.closing a{font-weight:700;color:var(--teal)}.footer{background:var(--paper);border-top:1px solid var(--border);padding:32px 44px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;font-size:13px;color:var(--muted)}.footer strong{color:var(--ink);font-size:16px}.footer p{margin:4px 0}.footer>div:nth-child(2){display:flex;gap:22px;flex-wrap:wrap}.footer small{width:100%}.library-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px}.library-filters{align-self:start;border:1px solid var(--border);background:white;border-radius:13px;padding:15px;position:sticky;top:16px}.library-filters h2{font-size:17px}.filter-link{display:flex;justify-content:space-between;border-radius:8px;padding:8px 9px;font-size:13px}.filter-link b{color:var(--muted)}.filter-link.selected{background:var(--teal-soft);color:var(--teal);font-weight:750}.library-feature{display:grid;grid-template-columns:1fr .6fr;gap:20px;background:var(--surface-soft);padding:25px;border-radius:16px;min-height:205px}.library-feature p{font-size:14px}.library-feature-img{height:155px;width:100%;border-radius:12px}.filter-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0}.filter-form label{font-size:13px;font-weight:750}.filter-form select,.filter-form button,.search-form input,.search-form select,.search-form button{border:1px solid var(--border);border-radius:8px;background:white;padding:10px 13px;color:var(--ink)}.filter-form button,.search-form button{background:var(--teal);color:#fff;border-color:var(--teal)}.filter-form>a{font-size:13px;text-decoration:underline;color:var(--teal)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pagination{display:flex;gap:8px;justify-content:center;margin:35px}.pagination a{min-width:39px;text-align:center;border-radius:8px;border:1px solid var(--border);background:white;padding:5px 11px}.pagination a[aria-current]{background:var(--teal);color:white}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:26px}.player-frame{background:#223038;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:15px}.player-frame video{width:100%;height:100%}.video-unavailable{width:100%;height:100%;position:relative}.player-image{width:100%;height:100%;filter:brightness(.65);object-fit:cover}.video-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;gap:5px;text-align:center;text-shadow:0 1px 8px #1d2d32}.video-status strong{font-size:20px}.video-status span{font-size:13px}.work-detail,.aside-info,.studio-article{background:white;padding:26px;border:1px solid var(--border);border-radius:15px;margin-top:20px}.work-detail p{line-height:2}.work-detail ol{padding-left:25px}.work-detail li{padding:7px}.aside-info{margin-top:0}.aside-info dl{display:grid;grid-template-columns:80px 1fr;font-size:13px;gap:13px 8px}.aside-info dt{color:var(--muted)}.aside-info dd{margin:0}.detail-aside>h3{margin-top:25px}.related-item{display:flex;flex-direction:column;border-bottom:1px solid var(--border);padding:12px 0}.related-item span{color:var(--muted);font-size:12px}.detail-aside>.text-link{margin-top:24px}.curation-index{display:grid;gap:20px}.curation-row{display:grid;grid-template-columns:60px minmax(0,1fr) 220px;gap:24px;align-items:center;background:#fff;border-radius:15px;border:1px solid var(--border);padding:22px}.curation-no{font-size:33px;font-weight:300;color:var(--plum)}.curation-row h2{font-size:24px;margin:4px 0}.curation-row p{font-size:14px;color:var(--muted)}.curation-list-art{width:100%;height:145px;border-radius:11px}.back-link{display:inline-block;color:var(--teal);font-size:14px;font-weight:700;margin-bottom:22px}.curation-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:center;margin-bottom:46px}.curation-hero-art{height:360px;width:100%;border-radius:16px}.curation-hero p{line-height:2}.studio-top{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:25px 32px;border-radius:17px;background:var(--plum-soft);margin-bottom:32px}.studio-banner{height:235px;width:100%;border-radius:13px}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-card{background:white;border:1px solid var(--border);padding:25px;border-radius:14px}.studio-card>span{color:var(--plum);font-size:11px;font-weight:800;letter-spacing:.1em}.studio-card h3{margin-top:14px}.studio-card p{font-size:14px;color:var(--muted)}.studio-card strong{color:var(--teal);font-size:13px}.studio-article{max-width:850px;margin:0}.studio-article>p{line-height:2}.studio-step{display:flex;gap:20px;border-top:1px solid var(--border);padding:16px 0}.studio-step b{color:var(--plum)}.studio-step p{margin:0}.studio-question{border-left:4px solid var(--teal);background:var(--teal-soft);padding:18px;margin-top:20px}.search-form{background:white;padding:24px;border-radius:14px;border:1px solid var(--border);margin:0 0 35px}.search-form>label{display:block;font-size:14px;font-weight:750;margin-bottom:11px}.search-form>div{display:flex;gap:10px}.search-form input{flex:1;min-width:0}.search-form select{max-width:175px}.search-related{margin-top:30px}.search-related a{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0}.search-suggestions{background:var(--plum-soft);border-radius:15px;padding:34px}.search-suggestions>a{display:inline-block;background:white;border-radius:20px;padding:8px 18px;margin:5px;font-size:14px}.empty-state{padding:50px 20px;text-align:center;background:#fff;border:1px dashed var(--border);border-radius:15px}.empty-state a:not(.button){color:var(--teal);text-decoration:underline}.about-intro{max-width:870px;background:var(--teal-soft);border-radius:18px;padding:35px;margin-bottom:25px}.about-intro h2{max-width:650px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.about-grid section{padding:24px;background:#fff;border:1px solid var(--border);border-radius:13px}.about-grid h2{font-size:21px}.about-grid p{font-size:14px;margin:0}.faq{margin-top:40px;max-width:860px}.faq details{background:white;border:1px solid var(--border);border-radius:10px;padding:13px 18px;margin:9px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{font-size:14px;margin:8px 0}.mobile-menu,.bottom-nav,.nav-shade{display:none}
@media(max-width:1190px){.site-shell{grid-template-columns:186px minmax(0,1fr)}.sidebar{padding:24px 11px}.sound-panel{grid-template-columns:1fr 1.5fr}.sound-panel .button{grid-column:2;justify-self:start}.film-track .work-card{flex-basis:29%}.curation-row{grid-template-columns:45px 1fr 160px}}
@media(max-width:900px){.site-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:258px;height:100vh;z-index:21;transform:translateX(-110%);transition:transform .2s;box-shadow:5px 0 30px rgba(0,0,0,.08)}.sidebar.open{transform:translateX(0)}.nav-shade:not([hidden]){position:fixed;inset:0;background:rgba(27,45,48,.36);z-index:20;display:block}.mobile-menu{display:block;background:none;border:none;color:var(--ink);font-size:22px}.topbar{justify-content:flex-start;gap:18px}.top-search{margin-left:auto}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#fff;border-top:1px solid var(--border);justify-content:space-around;padding:6px 5px max(6px,env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:21px;line-height:1.3;color:var(--teal)}.bottom-nav span{font-size:11px}.footer{padding-bottom:88px}.sound-panel{grid-template-columns:1fr 1fr}.library-layout{grid-template-columns:150px 1fr;gap:20px}.watch-layout{grid-template-columns:1fr 235px}}
@media(max-width:670px){body{font-size:15px}.topbar{height:57px;padding:0 17px}.top-search span{display:none}.topbar-location{font-size:12px}.page-intro{padding:8px 0 24px}main{padding:23px 16px 54px}.section{margin:35px 0 52px}.section-head{align-items:start;flex-direction:column;gap:4px}.editorial,.spotlight,.pair,.world-panel,.laughter,.notebook,.curation-hero,.studio-top{grid-template-columns:1fr}.hero-photo{min-height:250px;order:-1}.hero-copy{padding:26px}.hero-copy h2{font-size:31px}.mood-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-list a{font-size:13px;padding:13px 9px}.spotlight-photo{height:310px}.spotlight{gap:24px}.film-track .work-card{flex:0 0 52%}.featured-image{height:230px}.world-panel{padding:23px;gap:20px}.city-grid,.curation-grid{grid-template-columns:1fr 1fr;gap:13px}.city-media,.curation-art{height:125px}.sound-panel{grid-template-columns:1fr;padding:28px;gap:12px}.sound-panel .button{grid-column:auto}.laughter,.notebook{padding:24px}.small-comedy-art,.notebook-art{height:175px}.library-layout{grid-template-columns:1fr}.library-filters{position:static;display:flex;flex-wrap:wrap;gap:5px;padding:11px}.library-filters h2{width:100%;font-size:15px;margin-bottom:3px}.filter-link{font-size:12px;border:1px solid var(--border)}.filter-link b{margin-left:7px}.library-feature{grid-template-columns:1fr .5fr;padding:17px}.library-feature-img{height:150px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-meta{font-size:10px}.work-card strong{font-size:14px}.watch-layout{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr}.curation-row{grid-template-columns:36px 1fr;gap:10px;padding:15px}.curation-row h2{font-size:19px}.curation-no{font-size:23px}.curation-list-art{grid-column:1/-1;width:100%;height:170px;order:-1}.curation-hero-art{height:230px}.studio-top{padding:20px}.studio-banner{height:180px}.studio-grid,.about-grid{grid-template-columns:1fr}.studio-card{padding:22px}.search-form>div{flex-wrap:wrap}.search-form input{flex:1 0 100%}.search-form select{flex:1}.about-intro{padding:25px}.footer{padding:25px 18px 90px}.film-track .work-card{min-width:175px}.closing>div{gap:16px}}
@media(max-width:370px){.work-grid{gap:7px}.card-description{font-size:11px}.hero-photo{min-height:210px}.library-feature{grid-template-columns:1fr}.library-feature-img{height:120px}.city-grid,.curation-grid{grid-template-columns:1fr}.city-media,.curation-art{height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}