:root{--paper:#f9f9f6;--ink:#171717;--muted:#595955;--rule:#bcbcb5;--accent:#dc3829;--accent-ink:#b82b20;--gutter:24px;--margin:clamp(24px,4vw,72px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,"Noto Sans SC","Microsoft YaHei",sans-serif;text-align:left;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .3s var(--ease)}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:6px}
::selection{background:var(--ink);color:var(--paper)}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3,figure,dl,dd{margin:0;font-weight:400}
h2{font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-.025em}
h3,.project-name{font-size:clamp(22px,2vw,30px);line-height:1.3;letter-spacing:-.035em}
.page{width:min(100%,1728px);margin-inline:auto;padding-inline:var(--margin)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}
.grid>*{min-width:0}
.micro{font-size:12px;line-height:1.5;letter-spacing:.035em;color:var(--muted)}
.skip-link{position:absolute;top:-100px;left:var(--margin);padding:10px 20px;background:var(--ink);color:white;z-index:2}
.skip-link:focus{top:10px}
.masthead{align-items:start;padding-block:26px 24px;border-bottom:1px solid var(--ink)}
.brand{grid-column:1/4;width:220px}
.brand img{width:100%}
.site-label{grid-column:5/8;font-size:14px;line-height:1.7}
.navigation{display:contents}
.navigation a:nth-child(1){grid-column:9/10}
.navigation a:nth-child(2){grid-column:10/11}
.navigation a:nth-child(3){grid-column:11/13}
.navigation a{font-size:14px;line-height:1.7;min-height:44px}
.navigation span{display:block;margin-bottom:3px}
.hero{padding-block:35px 70px;min-height:695px}
.hero-label{grid-column:1/6}
.hero-location{grid-column:11/13}
.hero-wordmark{grid-column:1/12;margin-block:66px 68px;line-height:1;position:relative;overflow:hidden;aspect-ratio:834/134}
.hero-wordmark img{position:absolute;top:0;left:0;width:123.980815%;max-width:none;transform:translate(-9.67118%,-29.94012%)}
.hero-index{grid-column:1/4;padding-top:6px;color:var(--accent-ink)}
.hero-statement{grid-column:5/10}
.hero-statement>p:first-child{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.035em;line-height:1.35}
.hero-description{margin-top:22px;font-size:16px;color:var(--muted);line-height:1.8}
.hero-link{grid-column:11/13;align-self:end;justify-self:start;font-size:14px;white-space:nowrap}
.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid var(--rule);padding-block:8px;position:relative;justify-content:flex-start}
.text-link:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--accent-ink);transform:scaleX(0);transform-origin:left;transition:transform .48s var(--ease)}
.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}
.text-link:hover{color:var(--accent-ink);text-decoration:none}
.text-link>span{display:inline-block;transition:transform .48s var(--ease)}
.text-link:hover>span{transform:translate(2px,-2px)}
.section-heading{border-top:1px solid var(--ink);padding-block:25px 48px;align-items:start}
.section-number{grid-column:1/4;padding-top:8px}
.section-heading h2{grid-column:5/10}
.section-note{grid-column:11/13;padding-top:8px}
.project{border-top:1px solid var(--rule)}
.project-row{list-style:none;cursor:pointer;padding-block:29px 32px;align-items:start;row-gap:24px;position:relative}
.project-row::-webkit-details-marker{display:none}
.project-number{grid-column:1/2;font-size:clamp(30px,3.2vw,46px);line-height:1;color:var(--accent-ink);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.project-title{grid-column:3/7}
.project-name{display:block;transition:color .3s var(--ease)}
.project-title .micro{display:block;margin-top:14px}
.project-description{grid-column:7/11;line-height:1.9;max-width:430px;text-wrap:pretty}
.project-meta{grid-column:11/13}
.project-toggle{grid-column:7/11;grid-row:2;display:flex;gap:24px;align-items:center;min-height:44px;font-size:13px}
.toggle-open{display:none}
.project[open] .toggle-open{display:inline}
.project[open] .toggle-closed{display:none}
.toggle-symbol{position:relative;display:block;width:12px;height:12px}
.toggle-symbol:before,.toggle-symbol:after{content:"";position:absolute;background:var(--ink);left:0;top:5px;width:12px;height:1px;transition:transform .48s var(--ease)}
.toggle-symbol:after{transform:rotate(90deg)}
.project[open] .toggle-symbol:after{transform:rotate(0deg)}
.project-row:hover .project-name,.project-row:focus-visible .project-name{color:var(--accent-ink)}
.project-row:hover .toggle-symbol:before,.project-row:hover .toggle-symbol:after{background:var(--accent-ink)}
.project-panel{padding-block:12px 64px;row-gap:32px;align-items:start}
.cognition-specimen,.object-specimen,.identity-specimen{grid-column:3/7;border-top:1px solid var(--ink);padding-top:18px}
.specimen-label{color:var(--accent-ink)}
.specimen-words{font-size:clamp(48px,5.4vw,82px);line-height:1.18;letter-spacing:-.065em;margin-top:32px;position:relative}
.specimen-words>span:first-child{display:block;color:var(--muted)}
.specimen-square{display:inline-block;width:.36em;height:.36em;background:var(--accent);margin-left:.22em;vertical-align:baseline}
.specimen-caption{margin-top:26px}
.case-copy{grid-column:7/11;border-top:1px solid var(--ink);padding-top:18px}
.case-copy h3{margin-block:26px;font-size:clamp(24px,2.2vw,34px);line-height:1.45}
.case-copy>p:not(.case-kicker){margin-top:18px;line-height:1.9;text-wrap:pretty}
.case-copy .case-note{font-size:13px;color:var(--muted)}
.case-links{margin-top:26px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.case-copy>.text-link{margin-top:26px}
.secondary-link{font-size:13px;color:var(--muted)}
.case-side{grid-column:11/13;padding-top:19px}
.object-plate{background:var(--ink);aspect-ratio:1;position:relative;margin-block:24px 16px}
.object-plate img{width:100%;height:100%;position:absolute;top:0;left:0}
.object-measures{margin-top:28px;font-size:14px}
.object-measures>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--rule);padding-block:10px}
.object-measures dt{color:var(--muted)}
.identity-specimen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gutter)}
.identity-specimen .specimen-label{grid-column:1/-1}
.identity-specimen>img:first-of-type{width:100%;grid-column:1/4;margin-block:26px 4px}
.identity-wordmark{width:100%;grid-column:1/-1}
.identity-specimen figcaption{margin-top:16px;grid-column:1/-1}
.about{border-top:1px solid var(--ink);padding-block:28px 104px;row-gap:40px;margin-top:54px}
.about-content{grid-column:5/10}
.about-lead{font-size:clamp(28px,3vw,40px);line-height:1.45;letter-spacing:-.035em;margin-top:46px}
.about-copy{line-height:1.9;margin-top:26px;color:var(--muted)}
.about-mark{grid-column:11/13;padding-top:65px}
.about-mark img{width:128px}
.about-mark .micro{margin-top:38px}
.station{border-top:1px solid var(--ink);padding-block:27px 53px;row-gap:24px;align-items:start}
.station>.section-number{grid-row:1;color:var(--accent-ink)}
.station-square{display:block;aspect-ratio:1}
.station-square-surface{display:block;width:100%;aspect-ratio:1;background:var(--accent);transform-origin:left bottom}
.station-square-primary{grid-column:1/3;grid-row:2}
.station-square-secondary{grid-column:3/4;grid-row:3}
.station-content{grid-column:5/10;grid-row:1/4}
.station-content>p:not(.micro){font-size:20px;line-height:1.65;margin-top:24px}
.station-content a{margin-top:34px}
.station-content .station-address{font-size:12px;margin-top:20px;overflow-wrap:anywhere}
.station-meta{grid-column:11/13;grid-row:1;padding-top:8px}
.footer{padding-block:30px 42px;border-top:1px solid var(--ink);margin-top:72px;font-size:14px;align-items:start}
.footer>p:first-child{grid-column:1/4}
.footer-description{grid-column:5/10}
.back-to-top{grid-column:11/13;min-height:44px;display:inline-flex;align-items:flex-start}
@media(min-width:1700px){.hero-wordmark{margin-bottom:90px}.hero{min-height:800px}}
@media(max-width:1000px){
  :root{--gutter:16px}
  .brand{grid-column:1/5;width:220px}
  .navigation a:nth-child(1){grid-column:8/9}.navigation a:nth-child(2){grid-column:9/10}.navigation a:nth-child(3){grid-column:10/13}
  .hero{min-height:auto}.hero-wordmark{grid-column:1/13;margin-block:65px}.hero-statement{grid-column:5/12}.hero-link{grid-column:5/10;margin-top:32px}.hero-location{grid-column:10/13}
  .project-title{grid-column:3/7}.project-description{grid-column:7/13}.project-meta{grid-column:3/7;grid-row:2}.project-toggle{grid-column:7/13}
  .case-copy{grid-column:7/13}.case-side{grid-column:3/7;grid-row:2;padding-top:0}
  .section-note{grid-column:11/13}
}
@media(max-width:650px){
  :root{--margin:24px;--gutter:12px}
  .masthead{padding-block:20px;row-gap:24px}.brand{grid-column:1/13;width:220px}.site-label{grid-column:1/13;font-size:12px}
  .navigation a:nth-child(1){grid-column:1/5}.navigation a:nth-child(2){grid-column:5/9}.navigation a:nth-child(3){grid-column:9/13}
  .hero{padding-block:26px 58px}.hero-label{grid-column:1/9}.hero-location{grid-column:9/13}.hero-wordmark{margin-block:49px 47px}.hero-index{grid-column:1/13;padding:0;margin-bottom:27px}.hero-statement{grid-column:3/13}.hero-statement>p:first-child{font-size:clamp(28px,6.8vw,39px)}.hero-description{font-size:15px;margin-top:18px}.hero-link{grid-column:3/13;margin-top:28px}
  .section-heading{padding-block:20px 30px;row-gap:20px}.section-number{grid-column:1/13;padding-top:0}.section-heading h2{grid-column:3/13}.section-note{grid-column:3/13;padding:0}
  .project-row{padding-block:25px 24px;row-gap:20px}.project-number{grid-column:1/3;font-size:35px}.project-title{grid-column:3/13}.project-name{font-size:25px}.project-title .micro{margin-top:10px;font-size:11px;overflow-wrap:anywhere}.project-description{grid-column:3/13;line-height:1.8}.project-meta{grid-column:3/8;grid-row:3;padding-top:4px}.project-toggle{grid-column:8/13;grid-row:3;gap:12px;font-size:12px;align-self:start;white-space:nowrap}
  .project-panel{padding-block:12px 40px;row-gap:28px}.cognition-specimen,.object-specimen,.identity-specimen{grid-column:3/13}.case-copy{grid-column:3/13}.case-side{grid-column:3/13;grid-row:auto}
  .specimen-words{font-size:58px;margin-top:24px}.specimen-caption{margin-top:20px}.case-copy h3{font-size:27px;margin-block:22px}.case-copy>p:not(.case-kicker){font-size:15px}.case-copy .case-note{font-size:13px}.case-links{margin-top:22px;gap:12px}.case-links .text-link{font-size:14px}.identity-specimen{grid-template-columns:repeat(10,minmax(0,1fr))}.identity-specimen>img:first-of-type{grid-column:1/7}
  .about{margin-top:24px;padding-block:22px 55px;row-gap:27px}.about-content{grid-column:3/13}.about-lead{margin-top:28px;font-size:31px}.about-copy{margin-top:24px;font-size:15px}.about-mark{grid-column:3/13;padding:10px 0 0}.about-mark img{width:100px}.about-mark .micro{margin-top:19px}
  .station{padding-block:24px 36px;row-gap:28px}.station-square-primary{grid-column:1/3;grid-row:2}.station-square-secondary{grid-column:1/2;grid-row:3}.station-content{grid-column:3/13;grid-row:2/5}.station-content>p:not(.micro){font-size:18px;margin-top:18px}.station-content a{margin-top:28px}.station-meta{grid-column:3/13;grid-row:5;padding:0}
  .footer{margin-top:48px;padding-block:24px 32px;row-gap:18px}.footer>p:first-child{grid-column:1/9}.footer-description{grid-column:1/10;grid-row:2}.back-to-top{grid-column:9/13}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.text-link:after,.text-link>span,.project-name,.toggle-symbol:before,.toggle-symbol:after{transition:none}}