:root{--paper:#fafaf8;--ink:#222320;--muted:#73746e;--line:#dcded6;--lime:#d3fa55;--font-sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:3px solid #546c00}::selection{background:var(--lime)}h1,h2,h3,p{margin:0}.wrap{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;display:flex}.brand{letter-spacing:-1px;font-size:21px;font-weight:750}.brand sup{margin-left:5px;font-size:14px}.site-header nav{gap:36px;font-size:14px;display:flex}.site-header nav a:hover{opacity:.55}small{color:var(--muted);margin-left:3px;font-size:12px}.hero{padding-top:55px;padding-bottom:64px}.eyebrow{letter-spacing:1px;align-items:center;gap:9px;font-family:monospace;font-size:12px;display:flex}.dot{background:var(--ink);border-radius:50%;width:8px;height:8px}.edition{color:var(--muted);margin-left:auto}.hero h1{letter-spacing:-.065em;margin:42px 0;font-size:clamp(64px,8.8vw,130px);font-weight:500;line-height:1.01;position:relative}.hero em{letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-weight:400}.asterisk{color:var(--lime);text-shadow:1px 0 var(--ink),-1px 0 var(--ink),0 1px var(--ink),0 -1px var(--ink);font-size:clamp(80px,12vw,170px);line-height:1;position:absolute;top:12%;right:5%;transform:rotate(-10deg)}.hero-bottom{justify-content:space-between;align-items:end;gap:28px;display:flex}.hero-bottom p{line-height:1.95}.name-placeholder{border-bottom:1px solid var(--ink)}.muted{color:var(--muted)}.text-link{border-bottom:1px solid var(--ink);justify-content:space-between;min-width:150px;padding:10px 0;font-size:14px;display:flex}.section-heading{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;padding:26px 0 30px;display:flex}.section-heading h2{font-size:22px;font-weight:500}.section-heading h2 span{color:var(--muted);margin-left:16px;font-size:14px;font-weight:400}.project-grid{grid-template-columns:1fr 1fr;gap:48px 28px;display:grid}.placeholder{aspect-ratio:1.45;color:#373a31;background:#e9ebe6;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.lime{background:#d3ee8d}.silver{background:#e6e8e3}.blue{background:#ced9ed}.pink{background:#e7d5db}.placeholder-top,.placeholder-bottom{z-index:1;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:relative}.placeholder-top{letter-spacing:1px;font-family:monospace}.placeholder-top span:last-child{font-size:22px}.placeholder-number{color:#586147;opacity:.22;font-family:Georgia,serif;font-size:clamp(100px,13vw,200px);font-style:italic;font-weight:400;line-height:1;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.placeholder-bottom{color:#535a4b}.placeholder-bottom span:last-child{font-family:monospace;font-size:12px}.card-info{justify-content:space-between;gap:20px;padding:21px 0 0;display:flex}.card-label{letter-spacing:.5px;font-family:monospace;font-size:12px}.card-label span{font-family:var(--font-sans);color:var(--muted);margin-left:6px}.card-info h3{margin:9px 0;font-size:27px;font-weight:500;line-height:1.4}.card-description{color:var(--muted);font-size:14px}.card-arrow{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;margin-top:17px;font-size:23px;transition:transform .2s,background .2s;display:grid}.project-card:hover .card-arrow{background:var(--lime);border-color:var(--lime);transform:rotate(45deg)}.project-card:hover .placeholder{filter:brightness(.97)}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;margin-top:85px;padding-top:90px;padding-bottom:95px;display:grid}.about h2{letter-spacing:-2px;margin-top:12px;font-size:50px;font-weight:500}.accent{color:#728d26}.about-copy>p:first-child{font-size:27px;line-height:1.7}.about-placeholder{max-width:450px;margin-top:24px;font-size:16px}.about-meta{border-top:1px solid var(--line);color:var(--muted);gap:28px;margin-top:32px;padding-top:18px;font-size:14px;display:flex}footer{background:var(--ink);color:var(--paper);padding:54px 0 22px}footer .eyebrow,footer .muted{color:#b3b6aa}.contact-title{letter-spacing:-1px;justify-content:space-between;align-items:center;margin:24px 0 16px;font-size:clamp(26px,4.5vw,64px);display:flex}.contact-title>span{color:var(--lime);font-size:1.3em}.footer-bottom{color:#babdb3;border-top:1px solid #4b4e44;justify-content:space-between;gap:20px;margin-top:55px;padding-top:22px;font-size:12px;display:flex}.skip-link{background:var(--lime);z-index:100;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.detail-heading{padding-top:50px;padding-bottom:45px}.back-link{color:var(--muted);font-size:14px}.detail-heading .eyebrow{margin-top:54px}.detail-heading h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(48px,7vw,94px);font-weight:500;line-height:1.2}.detail-intro{color:var(--muted);font-size:18px}.project-meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px;padding-top:24px;display:grid}.project-meta dt{color:var(--muted);margin-bottom:7px;font-size:12px}.project-meta dd{margin:0;font-size:14px}.detail-cover .placeholder{aspect-ratio:2.1}.detail-body{grid-template-columns:185px 1fr;gap:7%;padding-top:64px;padding-bottom:80px;display:grid}.case-nav{height:fit-content;color:var(--muted);flex-direction:column;gap:17px;font-size:14px;display:flex;position:sticky;top:32px}.case-nav span{margin-right:14px;font-family:monospace}.case-nav a:hover{color:var(--ink)}.case-section{padding-bottom:65px;scroll-margin-top:35px}.case-section .eyebrow{color:var(--muted);margin-bottom:14px}.case-section h2{margin-bottom:18px;font-size:32px;font-weight:500}.case-section p{color:var(--muted);max-width:680px;margin-bottom:25px;line-height:1.9}.case-section .placeholder{aspect-ratio:1.8}.two-up{grid-template-columns:1fr 1fr;gap:18px;display:grid}.two-up .placeholder{aspect-ratio:1}.two-up .placeholder-bottom span:last-child{display:none}.next-project{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:45px;display:flex}.next-project h2{font-size:38px;font-weight:500}.next-arrow{font-size:55px}.next-project:hover .next-arrow{color:#718d20}.empty-copy{border-left:2px solid var(--line);padding-left:20px}.not-found{min-height:60vh;padding-top:90px;padding-bottom:90px}.not-found h1{margin-bottom:20px;font-size:45px}.not-found p{margin-bottom:25px}@media (min-width:1500px){.wrap{padding-left:80px;padding-right:80px}}@media (max-width:720px){.site-header{height:80px}.brand{font-size:17px}.site-header nav{gap:19px}small{display:none}.hero{padding-top:32px;padding-bottom:40px}.hero h1{margin:36px 0 30px;font-size:clamp(53px,12vw,86px)}.asterisk{font-size:65px;top:-7px;right:0}.edition{letter-spacing:0;font-size:12px}.hero-bottom{flex-direction:column;align-items:start;gap:16px}.text-link{min-width:140px}.section-heading h2{font-size:20px}.section-heading h2 span{margin-left:9px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:35px}.placeholder{aspect-ratio:1.4;padding:20px}.placeholder-number{font-size:145px}.card-info{padding-top:16px}.card-info h3{font-size:24px}.about{grid-template-columns:1fr;gap:30px;margin-top:60px;padding-top:50px;padding-bottom:55px}.about h2{font-size:40px}.about-copy>p:first-child{font-size:24px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.detail-heading{padding-top:30px}.detail-heading .eyebrow{margin-top:35px}.detail-heading h1{letter-spacing:-1px}.project-meta{grid-template-columns:1fr 1fr;row-gap:25px}.detail-cover .placeholder{aspect-ratio:1.35}.detail-body{grid-template-columns:1fr;gap:35px;padding-top:30px;padding-bottom:35px}.case-nav{border-bottom:1px solid var(--line);flex-flow:wrap;gap:10px 20px;padding-bottom:20px;position:static}.case-nav span{display:none}.case-section{padding-bottom:40px}.case-section h2{font-size:27px}.two-up{grid-template-columns:1fr}.two-up .placeholder{aspect-ratio:1.6}.next-project h2{font-size:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.project-cover-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.project-card .placeholder{aspect-ratio:16/9}
