@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600&display=swap");

:root { --ink:#171813; --bone:#f2efe6; --moss:#123f2d; --orange:#ff6846; --line:rgba(23,24,19,.22); --sans:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif; --serif:"Noto Serif SC","Songti SC","STSong",serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:var(--bone); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; }
a { color:inherit; }
.skip-link { position:fixed; z-index:100; left:16px; top:-64px; padding:12px 16px; color:white; background:var(--ink); transition:top .2s ease; }
.skip-link:focus { top:16px; }
a:focus-visible { outline:2px solid var(--orange); outline-offset:5px; }
.site-header { position:absolute; z-index:10; top:0; left:0; width:100%; min-height:112px; padding:26px clamp(22px,4vw,64px); display:flex; justify-content:space-between; align-items:flex-start; color:white; }
.wordmark { width:min-content; color:inherit; text-decoration:none; font:600 25px/.82 var(--serif); letter-spacing:-.11em; }
.wordmark span { display:block; }
.site-nav { display:flex; gap:clamp(24px,3.4vw,54px); }
.site-nav a { position:relative; padding:7px 0; font-size:13px; text-decoration:none; }
.site-nav a::after { content:""; position:absolute; right:0; bottom:1px; left:0; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .35s ease; }
.site-nav a:hover::after,.site-nav a:focus-visible::after { transform:scaleX(1); transform-origin:left; }
.edition { justify-self:end; margin-top:7px; font-size:11px; letter-spacing:.12em; }
.hero { position:relative; min-height:max(760px,100svh); overflow:hidden; color:white; background:#14251f; }
.hero-image,.hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.hero-image { object-fit:cover; object-position:54% center; animation:settle 1.5s cubic-bezier(.2,.7,0,1) both; }
.hero-shade { background:linear-gradient(90deg,rgba(5,15,12,.68) 0%,rgba(5,15,12,.16) 55%,rgba(5,15,12,.15) 100%),linear-gradient(180deg,rgba(0,0,0,.3),transparent 32%,rgba(0,0,0,.4)); }
.hero-copy { position:relative; z-index:2; min-height:max(760px,100svh); padding:clamp(170px,22vh,250px) clamp(22px,7vw,110px) 64px; display:flex; flex-direction:column; }
.eyebrow,.section-index { margin:0; font-size:11px; letter-spacing:.18em; font-weight:600; }
.hero h1 { max-width:1100px; margin:24px 0 0; font:400 clamp(64px,9.5vw,154px)/.99 var(--serif); letter-spacing:-.075em; text-wrap:balance; }
.hero-foot { width:min(900px,74%); margin-top:auto; display:flex; justify-content:space-between; align-items:flex-end; gap:36px; }
.hero-foot p { margin:0; font-size:clamp(14px,1.3vw,18px); line-height:1.6; }
.text-link { display:inline-flex; align-items:center; gap:40px; padding:0 0 9px; border-bottom:1px solid currentColor; font-size:13px; text-decoration:none; white-space:nowrap; }
.text-link span { transition:transform .3s ease; }
.text-link:hover span { transform:translate(4px,4px); }
.hero-coordinate { position:absolute; z-index:2; right:clamp(22px,4vw,64px); bottom:57px; margin:0; text-align:right; font-size:10px; line-height:1.5; letter-spacing:.12em; opacity:.78; }
.workspace-host { min-height:100vh; background:var(--paper); }
.signal-line { min-height:64px; padding:0 clamp(22px,4vw,64px); display:flex; align-items:center; gap:28px; color:#112218; background:var(--orange); font-size:12px; letter-spacing:.12em; white-space:nowrap; overflow:hidden; }
.signal-line i { flex:1 0 80px; height:1px; background:currentColor; opacity:.45; }
.manifesto { min-height:1120px; padding:clamp(100px,14vw,220px) clamp(22px,7vw,110px); display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); grid-template-rows:auto auto; column-gap:clamp(44px,9vw,150px); background:var(--bone); }
.manifesto-intro { position:relative; z-index:2; }
.manifesto h2 { margin:42px 0 0; font:400 clamp(52px,7.3vw,116px)/1.08 var(--serif); letter-spacing:-.07em; }
.manifesto h2 em { color:var(--moss); font-style:italic; }
.table-study { margin:150px 0 0; align-self:start; }
.table-study img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.table-study figcaption { margin-top:13px; font:400 12px/1.6 var(--serif); color:#6e6d65; }
.manifesto-copy { grid-column:1; width:min(580px,78%); margin:130px 0 0 auto; display:grid; grid-template-columns:1fr 1fr; gap:32px; font:400 clamp(16px,1.45vw,21px)/1.8 var(--serif); }
.manifesto-copy p { margin:0; }
.quiet-note { grid-column:1/-1; margin-top:42px; padding-top:14px; border-top:1px solid var(--line); font:500 10px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; }
.dimensions { padding:clamp(90px,12vw,180px) clamp(22px,7vw,110px) clamp(70px,9vw,130px); color:white; background:var(--moss); }
.dimensions-head { min-height:580px; display:grid; grid-template-columns:1fr 2.1fr; grid-template-rows:auto 1fr; column-gap:50px; }
.section-index-light { color:rgba(255,255,255,.68); }
.dimensions-head h2 { grid-column:2; margin:-12px 0 0; font:400 clamp(66px,9vw,145px)/1.02 var(--serif); letter-spacing:-.075em; }
.dimensions-head>p:last-child { grid-column:2; width:min(500px,70%); align-self:end; margin:0 0 60px; font:400 clamp(16px,1.5vw,21px)/1.75 var(--serif); color:rgba(255,255,255,.76); }
.dimension-list { list-style:none; padding:0; margin:0; border-top:1px solid rgba(255,255,255,.38); }
.dimension-list li { min-height:126px; display:grid; grid-template-columns:90px 1fr auto; align-items:center; gap:20px; border-bottom:1px solid rgba(255,255,255,.38); transition:padding .35s ease,color .35s ease; }
.dimension-list li:hover { padding-left:18px; color:#ffb9a9; }
.dimension-list span,.dimension-list small { font-size:10px; letter-spacing:.14em; }
.dimension-list strong { font:400 clamp(34px,4vw,60px)/1 var(--serif); }
.site-footer { min-height:540px; padding:clamp(70px,8vw,120px) clamp(22px,7vw,110px) 36px; display:flex; flex-direction:column; color:var(--ink); background:var(--orange); }
.site-footer>p:first-child { margin:0; font:500 15px var(--serif); }
.footer-line { max-width:1120px; margin:auto 0; font:400 clamp(58px,8vw,130px)/1.02 var(--serif); letter-spacing:-.07em; }
.footer-meta { padding-top:17px; display:flex; justify-content:space-between; border-top:1px solid rgba(23,24,19,.45); font-size:10px; letter-spacing:.13em; }
@keyframes settle { from { transform:scale(1.035); opacity:.72; } to { transform:scale(1); opacity:1; } }
@media (max-width:780px) {
  .site-header { min-height:88px; grid-template-columns:1fr auto; }
  .site-nav { gap:18px; } .edition { display:none; } .wordmark { font-size:21px; } .site-nav a { font-size:11px; }
  .hero,.hero-copy { min-height:740px; } .hero-image { object-position:62% center; } .hero-copy { padding-top:180px; }
  .hero h1 { font-size:clamp(56px,17vw,88px); line-height:1.08; }
  .hero-foot { width:100%; flex-direction:column; align-items:flex-start; } .hero-coordinate { display:none; }
  .signal-line { gap:18px; } .signal-line span:nth-of-type(3),.signal-line i:nth-of-type(2) { display:none; }
  .manifesto { min-height:auto; grid-template-columns:1fr; padding-top:100px; }
  .manifesto h2 { margin-top:30px; font-size:clamp(47px,14vw,72px); }
  .table-study { width:74%; margin:80px 0 0 auto; }
  .manifesto-copy { grid-column:1; width:88%; margin:80px 0 0; grid-template-columns:1fr; gap:24px; }
  .quiet-note { grid-column:1; margin-bottom:20px; }
  .dimensions-head { min-height:510px; display:flex; flex-direction:column; }
  .dimensions-head h2 { margin-top:46px; font-size:clamp(56px,16vw,82px); }
  .dimensions-head>p:last-child { width:90%; margin:auto 0 50px; }
  .dimension-list li { min-height:100px; grid-template-columns:42px 1fr auto; }
  .site-footer { min-height:470px; } .footer-line { font-size:clamp(54px,16vw,82px); }
  .footer-meta { gap:20px; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }