:root{--paper:#f3f0e8;--ink:#181817;--muted:#696761;--soft:#969188;--line:#d7d1c5;--vermilion:#d95132;--slate:#506474;--moss:#66715b;--night:#171c20;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--sans:Inter, "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--page-max:1360px;--gutter:clamp(20px, 5.5vw, 88px);--content-width:760px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.7}body::selection{background:var(--vermilion);color:var(--paper)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}.shell{width:min(calc(100% - (var(--gutter) * 2)), var(--page-max));margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:8px 12px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:where(a,button):focus-visible{outline:2px solid var(--vermilion);outline-offset:5px}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 96%, transparent);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:28px;min-height:64px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.04em;flex:none;font-size:21px}.site-header nav{align-items:center;gap:clamp(14px,2.2vw,30px);display:flex}.nav-link,.site-footer__links a{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px;position:relative}.nav-link:after,.site-footer__links a:after,.quiet-link:after,.article a:not(.back-link):after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link:focus-visible:after,.nav-link.is-active:after,.site-footer__links a:hover:after,.quiet-link:hover:after,.quiet-link:focus-visible:after,.article a:not(.back-link):hover:after,.article a:not(.back-link):focus-visible:after{transform-origin:0;transform:scaleX(1)}.nav-link.is-active,.nav-link:hover,.site-footer__links a:hover{color:var(--ink)}.page-coordinate{color:var(--soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding-top:24px;font-size:10px}.eyebrow,.section-kicker,.page-intro__number{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;line-height:1.4}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(44px,8vw,120px);min-height:min(88vh,820px);padding-top:32px;padding-bottom:52px;display:grid;position:relative}.hero__copy{z-index:1;padding-top:2vh;animation:.7s both rise-in;position:relative}.hero__copy h1{font-family:var(--serif);letter-spacing:-.075em;margin:18px 0 12px;font-size:clamp(68px,8vw,100px);font-weight:500;line-height:.98}.hero__lead{max-width:540px;font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(21px,2.2vw,29px);line-height:1.48}.hero__support{color:var(--muted);margin:26px 0 0;font-size:14px}.quiet-link{width:fit-content;color:var(--muted);margin-top:46px;padding-bottom:5px;font-size:13px;display:inline-flex;position:relative}.quiet-link span{color:var(--vermilion);padding-left:12px}.hero__art{min-height:430px;animation:.9s .1s both appear;position:relative}.hero__art:before{background:var(--night);content:"";clip-path:polygon(10% 0,100% 0,100% 76%,70% 100%,0 100%,0 23%);position:absolute;inset:12% 5% 21% 13%}.hero__art:after{border-top:1px solid var(--vermilion);content:"";transform-origin:0;position:absolute;bottom:19%;left:0;right:-4%;transform:rotate(-4deg)}.hero__window,.hero__paper,.hero__desk,.hero__road,.hero__figure{position:absolute}.hero__window{background:linear-gradient(90deg,#0000 49.7%,#5f6a6d 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#5f6a6d 50%,#0000 50.3%),#20282b;border:1px solid #5f6a6d;width:47%;height:34%;top:19%;right:15%}.hero__paper{border:1px solid var(--line);background:var(--paper);width:31%;height:22%;top:26%;left:7%;transform:rotate(-8deg)}.hero__paper:before,.hero__paper:after{background:var(--line);content:"";height:1px;position:absolute;left:16%;right:16%}.hero__paper:before{top:34%}.hero__paper:after{top:50%;right:28%}.hero__desk{background:var(--slate);clip-path:polygon(0 24%,84% 0,100% 18%,100% 100%,0 100%);opacity:.86;height:19%;bottom:17%;left:8%;right:0}.hero__road{border-top:1px solid var(--line);border-right:1px solid var(--line);width:54%;height:25%;bottom:2%;right:9%;transform:skew(-26deg)rotate(-7deg)}.hero__road:after{border-top:1px dashed var(--line);content:"";width:70%;position:absolute;top:52%;right:10%}.hero__figure{background:var(--vermilion);clip-path:polygon(36% 0,68% 0,78% 44%,100% 100%,65% 100%,51% 63%,35% 100%,0 100%,25% 44%);width:20px;height:82px;bottom:20%;right:25%}.hero__figure:before{background:var(--vermilion);content:"";border-radius:50%;width:13px;height:13px;position:absolute;top:-11px;left:4px}.hero__coordinates{color:var(--soft);font-family:var(--mono);letter-spacing:.04em;gap:24px;font-size:10px;display:flex;position:absolute;bottom:2px;right:0}.section{border-top:1px solid var(--line);padding:clamp(78px,11vw,148px) 0}.section__heading{grid-template-columns:minmax(130px,.8fr) minmax(0,3fr);align-items:start;gap:24px;margin-bottom:58px;display:grid}.section__heading h2{font-family:var(--serif);letter-spacing:-.065em;margin:4px 0 0;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1}.section__heading small{color:var(--muted);font-family:var(--serif);margin-top:10px;font-size:17px;display:block}.section__description{max-width:450px;color:var(--muted);margin:18px 0 0;font-size:15px}.now-layout{grid-template-columns:minmax(180px,.8fr) minmax(0,3fr);gap:24px;display:grid}.now-lead{max-width:280px;font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(20px,2.3vw,29px);line-height:1.45}.now-list,.project-list,.note-list{margin:0;padding:0;list-style:none}.now-list{counter-reset:now}.now-list li{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);gap:22px;padding:20px 0 24px;display:grid}.now-list li:before{counter-increment:now;color:var(--vermilion);content:counter(now, decimal-leading-zero);font-family:var(--mono);font-size:11px}.now-list h3,.project-row h3,.note-row h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-weight:500}.now-list h3{font-size:21px;line-height:1.35}.now-list p{max-width:580px;color:var(--muted);margin:7px 0 0;font-size:14px}.section__footer{border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:20px;margin-top:32px;padding-top:14px;font-size:10px;display:flex}.section__footer a{color:var(--ink)}.projects-section{position:relative}.project-list{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);grid-template-columns:90px minmax(0,1fr) 130px 250px;align-items:center;gap:24px;min-height:132px;padding:20px 0;display:grid;position:relative;overflow:hidden}.project-row:before{background:var(--vermilion);content:"";transform-origin:bottom;width:2px;transition:transform .18s;position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}.project-row:hover:before,.project-row:focus-visible:before{transform-origin:top;transform:scaleY(1)}.project-row__year,.project-row__status,.note-row__meta,.detail-meta{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.project-row h3{font-size:clamp(23px,2.3vw,32px);line-height:1.2}.project-row p{max-width:480px;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.project-row__status{justify-self:end}.project-row__status:after{color:var(--vermilion);content:"→";padding-left:8px;font-size:13px}.project-row__visual{aspect-ratio:4/2.6;object-fit:cover;opacity:.2;filter:saturate(.72);width:100%;transition:opacity .22s,transform .22s,filter .22s;transform:translate(14px)}.project-row:hover .project-row__visual,.project-row:focus-visible .project-row__visual{opacity:1;filter:saturate();transform:translate(0)}.feature-strip{grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);align-items:end;gap:clamp(28px,7vw,100px);margin-top:74px;display:grid}.feature-strip__image{aspect-ratio:4/3;object-fit:cover;width:100%}.feature-strip__caption{max-width:280px;color:var(--muted);font-family:var(--serif);margin:0 0 8px;font-size:18px;line-height:1.45}.feature-strip__meta{color:var(--soft);font-family:var(--mono);text-transform:uppercase;margin:0;font-size:10px}.note-list{border-top:1px solid var(--line)}.note-row{border-bottom:1px solid var(--line);grid-template-columns:100px minmax(0,1fr) 120px;align-items:baseline;gap:24px;padding:21px 0;display:grid}.note-row h2{font-size:clamp(20px,2vw,28px);line-height:1.3}.note-row__summary{color:var(--muted);margin:7px 0 0;font-size:13px}.note-row__meta{text-align:right;justify-self:end}.empty-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding:24px 0}.about-preview{grid-template-columns:minmax(180px,.8fr) minmax(0,3fr);gap:24px;display:grid}.about-preview__copy{max-width:700px}.about-preview__copy p{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(23px,3vw,38px);line-height:1.45}.about-preview__link{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin-top:30px;font-size:11px;display:inline-block}.page-intro{grid-template-columns:minmax(130px,.8fr) minmax(0,3fr);gap:24px;padding-top:clamp(88px,12vw,160px);padding-bottom:clamp(74px,9vw,120px);display:grid}.page-intro h1{font-family:var(--serif);letter-spacing:-.075em;margin:10px 0 0;font-size:clamp(52px,7vw,92px);font-weight:500;line-height:1}.page-intro__description{max-width:540px;color:var(--muted);font-family:var(--serif);letter-spacing:-.035em;margin:24px 0 0;font-size:clamp(20px,2.2vw,28px);line-height:1.5}.page-content{padding-bottom:clamp(96px,13vw,180px)}.detail-hero{padding-bottom:clamp(66px,9vw,120px)}.detail-hero__title{max-width:870px;font-family:var(--serif);letter-spacing:-.075em;margin:16px 0 18px;font-size:clamp(50px,7vw,90px);font-weight:500;line-height:1.05}.detail-hero__summary{max-width:670px;color:var(--muted);font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(21px,2.3vw,30px);line-height:1.45}.detail-meta-list{flex-wrap:wrap;gap:18px 30px;margin:30px 0 0;padding:0;list-style:none;display:flex}.detail-hero__image{aspect-ratio:16/7;object-fit:cover;width:min(100%,1260px);margin:0 auto}.article-layout{grid-template-columns:minmax(130px,.8fr) minmax(0,3fr);gap:24px;padding-top:clamp(72px,10vw,132px);display:grid}.article{max-width:var(--content-width);font-size:17px;line-height:1.85}.article h2{font-family:var(--serif);letter-spacing:-.05em;margin:3.2em 0 .65em;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.25}.article h3{font-family:var(--serif);margin:2.5em 0 .55em;font-size:23px;font-weight:500}.article p{margin:0 0 1.35em}.article ul,.article ol{margin:1em 0 1.5em;padding-left:1.4em}.article blockquote{border-left:1px solid var(--vermilion);color:var(--muted);font-family:var(--serif);margin:2.3em 0;padding-left:22px;font-size:23px;line-height:1.55}.article code{font-family:var(--mono);background:#e8e3d9;padding:.15em .35em;font-size:.82em}.article aside,.margin-note{float:right;width:170px;color:var(--muted);font-family:var(--mono);margin:0 -205px 20px 30px;font-size:10px;line-height:1.55}.back-link{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;gap:9px;font-size:10px;display:inline-flex}.images-grid{grid-template-columns:repeat(12,1fr);gap:clamp(38px,7vw,104px) 24px;padding-bottom:clamp(96px,13vw,180px);display:grid}.image-tile{grid-column:span 5}.image-tile:nth-child(3n+1){grid-column:2/span 6}.image-tile:nth-child(3n+2){grid-column:8/span 4;padding-top:100px}.image-tile:nth-child(3n+3){grid-column:4/span 5;padding-top:20px}.image-tile img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .24s}.image-tile a:hover img,.image-tile a:focus-visible img{transform:scale(1.015)}.image-tile__caption{max-width:340px;font-family:var(--serif);margin:14px 0 0;font-size:18px;line-height:1.45}.image-tile__meta{color:var(--soft);font-family:var(--mono);text-transform:uppercase;margin:8px 0 0;font-size:10px}.about-layout{grid-template-columns:minmax(130px,.8fr) minmax(0,3fr);gap:24px;padding-bottom:clamp(96px,13vw,180px);display:grid}.about-copy{max-width:var(--content-width);font-family:var(--serif);letter-spacing:-.04em;font-size:clamp(22px,2.4vw,31px);line-height:1.6}.about-copy p{margin:0 0 1.25em}.about-copy__section{border-top:1px solid var(--line);margin-top:76px;padding-top:20px}.about-copy__section h2{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px;font-size:11px;font-weight:500}.question-list{margin:0;padding:0;list-style:none}.question-list li{border-bottom:1px solid var(--line);padding:13px 0}.about-meta{border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:12px 30px;margin-top:56px;padding-top:18px;font-size:10px;display:flex}.not-found{align-content:center;min-height:72vh;padding-bottom:110px;display:grid}.not-found h1{max-width:600px;font-family:var(--serif);letter-spacing:-.075em;margin:20px 0 14px;font-size:clamp(48px,7vw,88px);font-weight:500;line-height:1.05}.not-found p{max-width:420px;color:var(--muted);font-family:var(--serif);margin:0;font-size:22px}.not-found__line{border-top:1px solid var(--vermilion);transform-origin:0;width:min(680px,100%);margin:72px 0 30px;transform:rotate(-3deg)}.site-footer{border-top:1px solid var(--line);padding:54px 0 22px}.site-footer__top{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:24px;padding-bottom:58px;display:grid}.site-footer__mark{font-family:var(--serif);letter-spacing:-.06em;margin:0;font-size:28px}.site-footer__motto{color:var(--muted);font-family:var(--serif);margin:0;font-size:18px}.site-footer__links{justify-self:end}.site-footer__bottom{border-top:1px solid var(--line);color:var(--soft);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;gap:24px;padding-top:15px;font-size:9px;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:34px}.project-row{grid-template-columns:70px minmax(0,1fr) 100px 180px;gap:16px}.article aside,.margin-note{float:none;border-left:1px solid var(--vermilion);width:auto;margin:24px 0;padding:12px 0 12px 14px}}@media (width<=700px){.site-header__inner{gap:14px;min-height:58px}.site-header nav{gap:12px}.nav-link{font-size:9px}.hero{min-height:auto;padding-top:76px;padding-bottom:68px;display:block}.hero__copy h1{font-size:clamp(64px,20vw,84px)}.hero__art{min-height:300px;margin-top:48px}.hero__coordinates{justify-content:space-between;margin-top:18px;position:static}.section__heading,.page-intro,.article-layout,.about-layout{grid-template-columns:1fr;gap:14px}.section__heading{margin-bottom:40px}.section__heading h2{margin-top:0}.now-layout,.about-preview{display:block}.now-lead{max-width:460px;margin-bottom:42px}.project-row{grid-template-columns:1fr auto;gap:9px 14px;padding:22px 0 24px}.project-row__year{grid-area:1/1}.project-row__status{grid-area:1/2}.project-row__copy{grid-area:2/1/auto/-1}.project-row__visual{opacity:1;grid-area:3/1/auto/-1;width:min(100%,330px);margin-top:12px;transform:none}.feature-strip{flex-direction:column-reverse;align-items:stretch;gap:22px;margin-top:50px;display:flex}.feature-strip__caption{max-width:420px}.note-row{grid-template-columns:70px minmax(0,1fr);gap:13px}.note-row__meta{text-align:left;grid-column:2;justify-self:start}.page-intro{padding-top:76px;padding-bottom:62px}.detail-hero__image{aspect-ratio:4/3}.images-grid{padding-bottom:100px;display:block}.image-tile,.image-tile:nth-child(3n+1),.image-tile:nth-child(3n+2),.image-tile:nth-child(3n+3){margin-bottom:54px;padding-top:0}.site-footer__top{grid-template-columns:1fr 1fr}.site-footer__links{justify-self:start}.site-footer__bottom{display:block}.site-footer__bottom span{margin-top:8px;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}