:root{--ink:#0b0b0e;--paper:#f4f1eb;--white:#fff;--blue:#1f4bff;--red:#f04b3f;--sand:#d9c9a4;--muted:#6d6d74;--line:rgba(11,11,14,.17);--shell:min(1460px,calc(100% - 80px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}body.nav-open{overflow:hidden}img{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}.section-shell{width:var(--shell);margin-inline:auto}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.2em}
.site-header{position:relative;z-index:20;padding-bottom:22px;background:var(--paper);border-top:5px solid var(--ink)}.brand-row{width:var(--shell);min-height:112px;margin:auto;display:grid;grid-template-columns:1fr auto 48px;align-items:center;gap:30px}.brand-lockup{display:flex;align-items:center;gap:16px}.brand-lockup img{width:66px;height:66px;border-radius:15px;object-fit:cover}.brand-lockup strong{display:block;font-size:30px;letter-spacing:-.05em}.brand-lockup span{display:block;margin-top:7px;color:var(--muted);font-size:11px;letter-spacing:.18em}.brand-note{color:var(--muted);font-size:12px;letter-spacing:.12em}.nav-toggle{display:none;width:44px;height:44px;padding:11px;border:1px solid var(--line);background:transparent}.nav-toggle span{display:block;height:2px;margin:6px 0;background:var(--ink)}.site-nav{width:var(--shell);margin:auto;padding:10px;display:flex;align-items:center;gap:4px;background:var(--ink);border-radius:18px;box-shadow:0 18px 45px rgba(11,11,14,.14)}.site-nav a{position:relative;flex:1;min-height:48px;display:grid;place-items:center;color:#aeb1ba;font-size:13px;font-weight:700;text-decoration:none;border-radius:11px;transition:.2s}.site-nav a:before{content:"";width:4px;height:4px;margin-bottom:-20px;border-radius:50%;background:#4f525b;transition:.2s}.site-nav a:hover{color:var(--white);background:rgba(255,255,255,.08)}.site-nav a.is-active{color:var(--white);background:var(--blue)}.site-nav a.is-active:before{background:var(--white)}
.hero{min-height:760px;display:grid;grid-template-columns:150px minmax(520px,.95fr) minmax(500px,1.05fr) 150px;background:var(--ink);color:var(--white)}.hero-mark{padding:42px 30px;color:#7b7d85;font:700 11px/1.8 Inter,sans-serif;letter-spacing:.2em;writing-mode:vertical-rl;border-right:1px solid rgba(255,255,255,.14)}.hero-copy{align-self:center;padding:80px clamp(40px,5vw,92px)}.hero h1{margin-top:28px;font-family:Georgia,"Songti SC",serif;font-size:clamp(50px,5.2vw,88px);font-weight:500;line-height:1.08;letter-spacing:-.06em}.hero-lead{margin-top:38px;color:#b7bac3;font-size:16px;line-height:2}.hero-visual{position:relative;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,14,.82),transparent 52%)}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual figcaption{position:absolute;z-index:1;left:34px;right:34px;bottom:38px;display:flex;justify-content:space-between;align-items:end;padding-top:17px;border-top:1px solid rgba(255,255,255,.45)}.hero-visual figcaption span{color:#b7bac3;font-size:11px;letter-spacing:.12em}.hero-visual figcaption strong{max-width:300px;font-family:Georgia,"Songti SC",serif;font-size:28px;font-weight:500;text-align:right}.hero-stamp{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:0 20px 48px;border-left:1px solid rgba(255,255,255,.14)}.hero-stamp b{color:var(--red);font-family:Georgia,serif;font-size:58px}.hero-stamp span{color:#777b86;font-size:9px;line-height:1.5;letter-spacing:.15em;text-align:center}
.cover{padding:130px 0}.cover-head{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding-bottom:30px;border-bottom:2px solid var(--ink)}.cover-head h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(52px,6vw,92px);font-weight:500;letter-spacing:-.06em}.cover-head>p:last-child{color:var(--muted);font-size:15px;text-align:right}.cover-stage{display:grid;grid-template-columns:1.15fr .85fr;min-height:690px;margin-top:36px;background:var(--white)}.cover-stage>figure{position:relative;overflow:hidden}.cover-stage>figure img{width:100%;height:100%;object-fit:cover}.cover-stage>figure figcaption{position:absolute;left:24px;bottom:22px;padding:9px 12px;background:var(--ink);color:var(--white);font-size:10px;letter-spacing:.15em}.cover-story{align-self:center;padding:clamp(42px,6vw,94px)}.cover-story h3{margin-top:22px;font-family:Georgia,"Songti SC",serif;font-size:clamp(46px,5vw,76px);font-weight:500;line-height:1.15;letter-spacing:-.05em}.cover-story>p:not(.eyebrow){margin-top:32px;color:var(--muted);font-size:16px;line-height:2}.cover-ledger{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cover-ledger span{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}.cover-ledger b{display:block;margin-bottom:5px;color:var(--blue)}
.pulse{display:grid;grid-template-columns:.8fr 1.2fr .9fr;background:#e8e4dc;border-block:1px solid var(--line)}.pulse-title{padding:90px clamp(34px,5vw,80px)}.pulse-title h2{margin-top:20px;font-family:Georgia,"Songti SC",serif;font-size:clamp(56px,6vw,94px);font-weight:500;letter-spacing:-.06em}.pulse-title>p:last-child{margin-top:32px;color:var(--muted);font-size:15px;line-height:2}.signal-board{border-left:1px solid var(--line)}.signal-board article{position:relative;padding:32px 36px 38px;border-bottom:1px solid var(--line)}.signal-board b{color:var(--red);font-size:11px;letter-spacing:.1em}.signal-board h3{margin-top:10px;font-size:22px}.signal-board p{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.7}.signal-board i{position:absolute;left:0;bottom:0;width:var(--signal);height:4px;background:var(--blue)}.pulse-image{position:relative;overflow:hidden;min-height:680px}.pulse-image img{width:100%;height:100%;object-fit:cover}.pulse-image figcaption{position:absolute;left:22px;right:22px;bottom:22px;padding:22px;background:rgba(11,11,14,.86);color:var(--white)}.pulse-image figcaption strong,.pulse-image figcaption span{display:block}.pulse-image figcaption span{margin-top:7px;color:#b7bac3;font-size:11px;line-height:1.6}
.archive{padding:140px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.archive-aside{align-self:start;position:sticky;top:28px}.archive-aside h2{margin-top:22px;font-family:Georgia,"Songti SC",serif;font-size:clamp(52px,5vw,80px);font-weight:500;line-height:1.1;letter-spacing:-.06em}.archive-aside>p:last-child{margin-top:30px;color:var(--muted);font-size:15px;line-height:2}.archive-shelves{border-top:2px solid var(--ink)}.archive-shelves article{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;min-height:150px;padding:30px 0;border-bottom:1px solid var(--line)}.archive-shelves article>span{font-family:Georgia,serif;font-size:38px;color:var(--blue)}.archive-shelves h3{font-size:24px}.archive-shelves p{margin-top:8px;color:var(--muted);font-size:13px}.archive-shelves em{color:#96979d;font-size:9px;letter-spacing:.16em;font-style:normal}
.production{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--blue);color:var(--white)}.production-copy{align-self:center;padding:100px clamp(38px,6vw,110px)}.production-copy .eyebrow{color:#c2ceff}.production-copy h2{margin-top:22px;font-family:Georgia,"Songti SC",serif;font-size:clamp(56px,6vw,94px);font-weight:500;line-height:1.05;letter-spacing:-.06em}.production-copy>p:not(.eyebrow){margin-top:34px;color:#dce3ff;font-size:15px;line-height:2}.production-copy ol{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.35)}.production-copy li{display:grid;grid-template-columns:70px 1fr;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.25)}.production-copy li b{color:#c2ceff}.production-copy li span{font-size:12px}.production-strip{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;min-height:820px}.production-strip figure{overflow:hidden}.production-strip figure:first-child{grid-row:1/-1}.production-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}
.responses{padding:140px 0;display:grid;grid-template-columns:.95fr 1.05fr;min-height:760px}.response-visual{position:relative;overflow:hidden}.response-visual img{width:100%;height:100%;object-fit:cover}.response-visual>span{position:absolute;left:20px;bottom:20px;padding:10px 13px;background:var(--white);font-size:10px;letter-spacing:.17em}.response-copy{align-self:center;padding:clamp(40px,7vw,110px)}.response-copy h2{margin-top:22px;font-family:Georgia,"Songti SC",serif;font-size:clamp(52px,6vw,88px);font-weight:500;letter-spacing:-.06em}.response-copy>p:not(.eyebrow){margin-top:30px;color:var(--muted);font-size:16px;line-height:2}.response-notes{margin-top:35px;border-top:2px solid var(--ink)}.response-notes article{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.response-notes h3{font-size:18px}.response-notes p{color:var(--muted);font-size:13px;line-height:1.7}
.briefing{padding:120px max(40px,calc((100% - 1460px)/2));background:var(--ink);color:var(--white)}.briefing-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.briefing-head .eyebrow{color:#8fa8ff}.briefing-head h2{margin-top:18px;font-family:Georgia,"Songti SC",serif;font-size:clamp(56px,6vw,92px);font-weight:500;letter-spacing:-.06em}.briefing-head>p:last-child{color:#b7bac3;font-size:15px;line-height:1.9}.briefing-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.briefing-grid article{min-height:280px;padding:36px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.briefing-grid small{color:#8fa8ff;font-size:10px;letter-spacing:.14em}.briefing-grid h3{margin-top:46px;font-family:Georgia,"Songti SC",serif;font-size:34px;font-weight:500}.briefing-grid p{margin-top:20px;color:#aeb1ba;font-size:13px;line-height:1.8}
.client{display:grid;grid-template-columns:360px 1fr;min-height:600px;background:var(--sand)}.client-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;border-right:1px solid rgba(11,11,14,.2)}.client-logo img{width:150px;height:150px;border-radius:32px;object-fit:cover}.client-logo span{font-size:11px;letter-spacing:.2em}.client-copy{align-self:center;padding:80px clamp(42px,8vw,130px)}.client-copy h2{margin-top:20px;font-family:Georgia,"Songti SC",serif;font-size:clamp(52px,6vw,86px);font-weight:500;letter-spacing:-.06em}.client-copy>p:not(.eyebrow){margin-top:30px;max-width:900px;color:#4e4b45;font-size:15px;line-height:2}.client-terms{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.client-terms span{padding:9px 12px;border:1px solid rgba(11,11,14,.2);font-size:11px}
.site-footer{min-height:160px;padding:36px max(40px,calc((100% - 1460px)/2));display:grid;grid-template-columns:1fr auto auto;gap:50px;align-items:center;background:var(--blue);color:var(--white)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:52px;height:52px;border-radius:12px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{margin-top:4px;color:#d0d9ff;font-size:10px;letter-spacing:.12em}.site-footer>p{color:#dbe2ff;font-size:11px}
@media(max-width:1180px){:root{--shell:min(100% - 44px,1060px)}.hero{grid-template-columns:100px 1fr 1fr}.hero-stamp{display:none}.pulse{grid-template-columns:1fr 1fr}.pulse-image{grid-column:1/-1;min-height:520px}.cover-stage{grid-template-columns:1fr 1fr}.production{grid-template-columns:1fr}.production-strip{min-height:620px}.client{grid-template-columns:260px 1fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer>p:last-child{grid-column:1/-1}}
@media(max-width:820px){:root{--shell:calc(100% - 30px)}.site-header{padding-bottom:0}.brand-row{min-height:84px;grid-template-columns:1fr 44px}.brand-lockup img{width:50px;height:50px}.brand-lockup strong{font-size:23px}.brand-note{display:none}.nav-toggle{display:block}.site-nav{position:fixed;inset:84px 12px auto;width:auto;margin:0;padding:8px;display:none;grid-template-columns:1fr 1fr;gap:5px;background:var(--ink);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.site-nav.is-open{display:grid}.site-nav a{min-height:52px}.hero{grid-template-columns:1fr;min-height:auto}.hero-mark{display:none}.hero-copy{order:2;padding:60px 22px}.hero h1{font-size:clamp(45px,13vw,66px)}.hero-visual{order:1;min-height:420px}.cover{padding:80px 0}.cover-head{grid-template-columns:1fr;gap:18px}.cover-head>p:last-child{text-align:left}.cover-stage{grid-template-columns:1fr}.cover-stage>figure{min-height:390px}.cover-story{padding:50px 24px}.pulse{grid-template-columns:1fr}.signal-board{border-left:0}.pulse-image{grid-column:auto;min-height:430px}.archive{padding:80px 0;grid-template-columns:1fr;gap:45px}.archive-aside{position:static}.archive-shelves article{grid-template-columns:52px 1fr}.archive-shelves em{grid-column:2}.production-copy{padding:70px 22px}.production-strip{grid-template-columns:1fr;grid-template-rows:repeat(3,310px)}.production-strip figure:first-child{grid-row:auto}.responses{padding:80px 0;grid-template-columns:1fr}.response-visual{min-height:420px}.response-copy{padding:55px 24px}.response-notes article{grid-template-columns:1fr;gap:8px}.briefing{padding:80px 22px}.briefing-head{grid-template-columns:1fr;gap:24px}.briefing-grid{grid-template-columns:1fr}.briefing-grid article{min-height:230px}.client{grid-template-columns:1fr}.client-logo{min-height:300px;border-right:0;border-bottom:1px solid rgba(11,11,14,.2)}.client-copy{padding:60px 24px 70px}.site-footer{grid-template-columns:1fr;gap:24px;padding:38px 22px}.site-footer>p:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

/* 2026-08-23 v2: navigation becomes an asymmetric magazine index inside the cover */
.site-header{position:relative;inset:auto;width:auto;height:auto;padding:0;background:var(--paper);border-top:5px solid var(--ink);border-right:0;box-shadow:none;overflow:visible}
.brand-row{width:var(--shell);min-height:112px;margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.brand-lockup{gap:16px}.brand-lockup img{width:66px;height:66px}.brand-lockup strong{font-size:30px}.brand-lockup span{font-size:11px}.brand-note{max-width:none;padding:0;border:0;font-size:12px;line-height:normal}
main,.site-footer{margin-left:0}
.hero{min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);grid-template-rows:minmax(670px,auto) auto;background:var(--ink)}
.hero-mark,.hero-stamp{display:none}.hero-copy{grid-column:1;grid-row:1;align-self:center;padding:80px clamp(45px,7vw,130px)}.hero-visual{grid-column:2;grid-row:1;min-height:670px}
.site-nav{counter-reset:nav;grid-column:1/-1;grid-row:2;width:auto;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);align-items:stretch;gap:0;background:var(--paper);border-radius:0;box-shadow:none}
.site-nav a{counter-increment:nav;position:relative;flex:none;min-height:112px;padding:24px 25px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:var(--ink);font-family:Georgia,"Songti SC",serif;font-size:20px;font-weight:500;text-decoration:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;transition:.25s}
.site-nav a:before{content:"INDEX 0" counter(nav);width:auto;height:auto;margin:0;color:#98989e;background:transparent;border-radius:0;font:700 8px/1 Inter,sans-serif;letter-spacing:.16em}
.site-nav a:after{content:"↗";position:absolute;right:22px;top:19px;color:#a3a3a8;font:400 14px/1 Inter,sans-serif;opacity:1;transform:none}
.site-nav a:nth-child(1){grid-column:span 3}.site-nav a:nth-child(2){grid-column:span 2}.site-nav a:nth-child(3){grid-column:span 3}.site-nav a:nth-child(4){grid-column:span 4}.site-nav a:nth-child(5){grid-column:span 2}.site-nav a:nth-child(6){grid-column:span 4}.site-nav a:nth-child(7){grid-column:span 3}.site-nav a:nth-child(8){grid-column:span 3}
.site-nav a:hover,.site-nav a.is-active{padding-left:25px;color:var(--white);background:var(--blue)}.site-nav a:hover:before,.site-nav a:hover:after,.site-nav a.is-active:before,.site-nav a.is-active:after{color:var(--white)}
@media(max-width:1180px) and (min-width:821px){
  .hero{grid-template-columns:1fr 1fr;grid-template-rows:minmax(590px,auto) auto}.hero-copy{padding:70px 45px}.hero-visual{min-height:590px}
  .site-nav a{min-height:102px;padding:21px 18px;font-size:17px}.site-nav a:hover,.site-nav a.is-active{padding-left:18px}
}
@media(max-width:820px){
  .site-header{position:relative;top:auto;border-top:4px solid var(--ink);box-shadow:none}.brand-row{width:var(--shell);min-height:84px;display:grid;grid-template-columns:1fr;gap:0}.brand-lockup img{width:50px;height:50px}.brand-lockup strong{font-size:23px}.brand-lockup span{font-size:8px}.brand-note{display:none}
  .hero{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hero-copy{grid-column:1;grid-row:2;padding:58px 22px}.hero-visual{grid-column:1;grid-row:1;min-height:430px}
  .site-nav{grid-column:1;grid-row:3;position:relative;inset:auto;width:100%;margin:0;padding:0;display:flex;grid-template-columns:none;gap:0;align-items:stretch;background:var(--paper);border-radius:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;box-shadow:none}
  .site-nav a{min-width:172px;min-height:110px;padding:20px;scroll-snap-align:start;border-right:1px solid var(--line);border-bottom:0;font-size:17px}.site-nav a:nth-child(n){grid-column:auto}.site-nav a:hover,.site-nav a.is-active{padding-left:20px}.site-nav a:after{right:18px;top:16px}
}