:root{--brand:#8F3F4A;--gold:#C7A06A;--dark:#241F22;--bg:#F7F3EF;--bg2:#EEE6E1;--text:#302B2D;--muted:#746A6D;--accent:#D85C68;--line:#d9cec8;--shadow:0 18px 50px rgba(36,31,34,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:-9999px;top:8px;z-index:999;background:#fff;padding:.7rem 1rem}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,243,239,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(143,63,74,.12)}.header-shell,.footer-shell,.section-shell,.page-intro,.detail-shell{width:min(1180px,calc(100% - 40px));margin:auto}.header-shell{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;object-fit:cover;border-radius:16px}.brand strong,.brand small{display:block}.brand strong{font-size:1.12rem}.brand small{font-size:.78rem;color:var(--muted)}.primary-nav{display:flex;align-items:center;gap:4px}.primary-nav a{padding:.62rem .9rem;border-radius:999px;color:var(--muted)}.primary-nav a:hover,.primary-nav a.is-active{color:var(--brand);background:var(--bg2)}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:999px;padding:.6rem .9rem}.hero{width:min(1280px,calc(100% - 28px));margin:28px auto 0;border-radius:34px;overflow:hidden;background:var(--dark);color:#fff}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:600px}.hero-copy{padding:clamp(48px,7vw,96px);display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--brand);margin:0 0 .8rem}.hero .eyebrow{color:#e7bd84}.hero h1,.page-intro h1,.detail-header h1,.not-found h1{font-size:clamp(2.4rem,5vw,5.3rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 1.4rem}.lead{font-size:1.15rem;color:inherit;opacity:.9}.hero-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.84rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:700}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{border-color:currentColor}.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:2rem}.hero-facts span{border:1px solid rgba(255,255,255,.18);padding:.45rem .7rem;border-radius:999px;font-size:.82rem;color:#e7dddd}.hero-media img{width:100%;height:100%;object-fit:cover;min-height:600px}.section-shell{padding:86px 0}.section-heading{margin-bottom:34px}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.split-heading>p{max-width:560px}.section-heading h2,.viewing-copy h2,.support-strip h2,.editorial-note h2,.people-note h2,.long-read h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.18;margin:.15rem 0}.feature-lead{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.feature-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-rows:320px auto}.feature-card img{width:100%;height:100%;object-fit:cover}.feature-card>div{padding:28px}.feature-card h3{font-size:2rem;margin:.4rem 0}.pill{display:inline-flex;color:var(--brand);font-weight:700;font-size:.8rem;background:var(--bg2);padding:.35rem .62rem;border-radius:999px}.stack-list{display:grid;gap:10px}.stack-list a{background:var(--bg2);padding:18px 20px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:2px 18px}.stack-list span{color:var(--brand);font-size:.76rem}.stack-list strong{font-size:1.08rem}.stack-list small{grid-column:1/-1;color:var(--muted)}.viewing-band{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.viewing-copy p{color:var(--muted)}.text-link{color:var(--brand);font-weight:800}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mini-grid a{background:#fff;border-radius:18px;overflow:hidden;padding-bottom:14px}.mini-grid img{aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:10px}.mini-grid span,.mini-grid strong{display:block;padding:0 14px}.mini-grid span{font-size:.75rem;color:var(--muted)}.collection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.collection-list article{padding:28px;border:1px solid var(--line);border-radius:24px}.collection-list h3{font-size:1.4rem;margin:0}.collection-list p{color:var(--muted)}.link-row{display:flex;flex-wrap:wrap;gap:8px}.link-row a{background:var(--bg2);padding:.4rem .7rem;border-radius:999px;font-size:.84rem}.support-strip,.editorial-note,.people-note{display:grid;grid-template-columns:1fr .72fr;gap:40px;align-items:center}.support-strip img,.editorial-note img,.people-note img{border-radius:28px;aspect-ratio:4/3;object-fit:cover}.people-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.people-row article{background:#fff;padding:22px;border-radius:20px}.people-row h3{margin:0}.people-row span{font-size:.8rem;color:var(--brand)}.people-row p{color:var(--muted);font-size:.92rem}.site-footer{background:var(--dark);color:#efe8e4;margin-top:72px;padding:54px 0 24px}.footer-shell{display:flex;justify-content:space-between;gap:30px}.footer-shell p{color:#bfb3b7;max-width:620px}.footer-shell nav{display:grid;gap:6px}.copyright{text-align:center;color:#93868b;font-size:.8rem;margin:32px 0 0}.page-intro{padding:94px 0 44px}.page-intro>p{max-width:760px;color:var(--muted);font-size:1.08rem}.compact-intro{padding-bottom:12px}.work-layout{display:grid;grid-template-columns:230px 1fr;gap:52px;align-items:start}.work-aside{position:sticky;top:110px;display:grid;gap:6px}.work-aside h2{font-size:1rem}.work-aside a{padding:.55rem .7rem;border-radius:12px;color:var(--muted)}.work-aside a:hover{background:var(--bg2);color:var(--brand)}.work-index{display:grid;gap:70px}.work-group>div:first-child{max-width:680px}.work-group h2{font-size:2rem;margin:0}.work-group>div:first-child p{color:var(--muted)}.work-cards{display:grid;gap:14px}.work-card{display:grid;grid-template-columns:230px 1fr;gap:22px;background:#fff;border-radius:22px;overflow:hidden}.work-card img{width:100%;height:100%;min-height:190px;object-fit:cover}.work-card>div{padding:22px 24px 22px 0}.work-card span{font-size:.78rem;color:var(--brand)}.work-card h3{margin:.2rem 0;font-size:1.35rem}.work-card p{margin:.4rem 0;color:var(--muted)}.work-card small{color:var(--muted)}.editorial-note{background:var(--bg2);padding:34px;border-radius:30px}.video-intro,.people-intro{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:center}.video-intro img,.people-intro img{border-radius:28px;aspect-ratio:4/3;object-fit:cover}.filters{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;padding-bottom:24px}.filter{border:1px solid var(--line);background:transparent;padding:.65rem .95rem;border-radius:999px;cursor:pointer}.filter.is-selected{background:var(--brand);color:#fff;border-color:var(--brand)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:18px}.video-card{background:#fff;border-radius:22px;overflow:hidden}.video-thumb{position:relative;display:block}.video-thumb img{aspect-ratio:16/10;object-fit:cover;width:100%}.play-mark{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}.video-card>div{padding:20px}.video-card h2{font-size:1.25rem;margin:.5rem 0}.video-card p{color:var(--muted);font-size:.92rem}.meta-line{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem}.video-card.is-hidden{display:none}.long-read{border-top:1px solid var(--line)}.columns{columns:2;column-gap:48px}.official-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.official-main{background:#fff;padding:26px;border-radius:28px}.official-main img{border-radius:18px;aspect-ratio:16/9;object-fit:cover;width:100%}.official-side{display:grid;gap:14px}.official-side article,.insight-list article{border:1px solid var(--line);padding:24px;border-radius:22px}.official-side h2,.insight-list h2{margin:0;font-size:1.25rem}.official-side p,.insight-list p{color:var(--muted)}.insight-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.person-index{display:grid;gap:20px}.person-card{display:grid;grid-template-columns:90px 1fr;gap:26px;border-top:1px solid var(--line);padding-top:28px}.person-number{font-size:2.6rem;color:var(--gold);font-weight:800}.person-card h2{font-size:2rem;margin:0}.person-card>div>span{color:var(--brand)}.person-card p{max-width:720px;color:var(--muted)}.person-works{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.person-works a{background:#fff;padding:16px;border-radius:16px;font-weight:700}.person-works small{display:block;color:var(--muted);font-weight:400}.detail-shell{padding:72px 0}.detail-header{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.detail-header img{border-radius:30px;aspect-ratio:4/3;object-fit:cover}.detail-header h1{font-size:clamp(2.8rem,6vw,5.8rem)}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{background:var(--bg2);padding:.4rem .7rem;border-radius:999px}.detail-body{display:grid;grid-template-columns:1fr 280px;gap:60px;margin-top:60px}.detail-body section p{font-size:1.08rem}.detail-body aside{display:grid;gap:8px;align-content:start;background:var(--bg2);padding:24px;border-radius:20px}.detail-body aside h2{margin-top:0}.detail-body aside a{color:var(--brand);font-weight:700}.related-section{border-top:1px solid var(--line)}.not-found{width:min(760px,calc(100% - 40px));margin:100px auto;text-align:center}.not-found p{color:var(--muted)}.not-found .button-row{justify-content:center}@media(max-width:900px){.primary-nav{position:absolute;top:78px;left:20px;right:20px;background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:12px;display:none;box-shadow:var(--shadow)}.primary-nav.is-open{display:grid}.menu-toggle{display:block}.home-hero,.video-intro,.people-intro,.detail-header,.official-grid,.support-strip,.editorial-note,.people-note,.viewing-band{grid-template-columns:1fr}.hero-media img{min-height:360px}.feature-lead,.work-layout{grid-template-columns:1fr}.work-aside{position:static;display:flex;overflow:auto}.video-grid{grid-template-columns:repeat(2,1fr)}.people-row{grid-template-columns:repeat(2,1fr)}.person-works{grid-template-columns:repeat(2,1fr)}.detail-body{grid-template-columns:1fr}.split-heading{align-items:start;flex-direction:column}.columns{columns:1}}@media(max-width:620px){.header-shell,.footer-shell,.section-shell,.page-intro,.detail-shell{width:min(100% - 24px,1180px)}.header-shell{min-height:70px}.brand img{width:44px;height:44px}.brand small{display:none}.hero{width:calc(100% - 12px);margin-top:6px;border-radius:24px}.hero-copy{padding:34px 24px}.hero-media img{min-height:280px}.section-shell{padding:58px 0}.feature-card{grid-template-rows:220px auto}.mini-grid,.collection-list,.people-row,.video-grid,.insight-list{grid-template-columns:1fr}.work-card{grid-template-columns:1fr}.work-card>div{padding:0 20px 22px}.work-card img{min-height:220px}.person-card{grid-template-columns:1fr;gap:4px}.person-works{grid-template-columns:1fr}.footer-shell{flex-direction:column}.detail-body{margin-top:34px}.page-intro{padding-top:60px}.meta-line{flex-direction:column}.hero h1,.page-intro h1,.detail-header h1,.not-found h1{font-size:clamp(2.2rem,12vw,4rem)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.viewing-notes{border-top:1px solid var(--line)}.note-accordion{display:grid;gap:10px}.note-accordion details{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.note-accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:18px;padding:20px 22px}.note-accordion summary::-webkit-details-marker{display:none}.note-accordion summary span{font-size:.8rem;color:var(--gold);font-weight:800}.note-accordion summary strong{font-size:1.08rem}.note-accordion details[open] summary{background:var(--bg2)}.note-body{padding:8px 24px 24px;max-width:900px}.note-body p{color:var(--muted);line-height:1.9}
