@charset "UTF-8";
:root{--paper:#f5f3ed;--ink:#28302c;--muted:#666d64;--line:#cccec3;--accent:#566249;--serif:"Songti SC","STSong","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;background:var(--ink);color:var(--paper);padding:12px 20px;z-index:100}.skip:focus{top:8px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:20px;align-items:center}.monogram{font-family:Georgia,serif;font-size:42px;line-height:1;letter-spacing:-5px;padding-right:6px}.brand-dot{color:#7e865e}.brand-name{font-weight:600;font-size:18px;line-height:1.4;letter-spacing:2px}.brand-name span{display:block;font-size:12px;letter-spacing:1.7px;font-weight:400;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:14px}.site-header nav a:hover{color:#748157}.site-header nav span{font-size:12px;vertical-align:top;margin-left:3px}.site-header .contact-nav span{font-size:18px;vertical-align:initial}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:64px;padding:85px 0 76px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.6;color:var(--muted)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,6vw,85px);line-height:1.3;letter-spacing:-2px;margin:27px 0 27px}.serif-emphasis{color:var(--accent)}.intro{font-size:16px;line-height:2;color:#5b6258}.text-link{display:inline-flex;gap:50px;align-items:center;border-bottom:1px solid var(--ink);padding:9px 0;margin-top:29px;font-size:14px}.text-link span{font-size:22px}.hero-footnote{margin-top:50px;display:flex;flex-wrap:wrap;gap:12px 26px;font-size:12px;letter-spacing:1px;color:var(--muted)}.hero-figure{align-self:center;transform:rotate(1.4deg);margin-bottom:13px}.hero-image{border:0;padding:14px;background:#e5e4dc;display:block;width:100%;position:relative;box-shadow:0 14px 24px #29342b0c}.hero-image img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;object-position:center}.image-corner{position:absolute;right:28px;bottom:28px;width:38px;height:38px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:21px}.hero-figure figcaption{display:flex;justify-content:space-between;gap:14px;font-size:12px;margin-top:12px;color:#606757}.tiny-index{font-family:Georgia,serif;margin-right:10px}.section-heading{border-top:1px solid var(--line);padding-top:35px;margin-bottom:36px;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:35px;margin-top:8px;line-height:1.5}.sup-count{font-family:var(--sans);font-size:12px;color:var(--muted);vertical-align:top;margin-left:14px}.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:6px}.project-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:72px 54px}.project-card{min-width:0}.project-open{width:100%;background:none;border:0;text-align:left;padding:0;display:block}.card-image{position:relative;overflow:hidden;background:#e3e4db;aspect-ratio:1.45}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-open:hover .card-image img{transform:scale(1.025)}.card-sorting{padding-top:70px}.card-sorting .card-image{aspect-ratio:1.12}.card-sorting img{object-position:50% 50%}.card-inspection .card-image{aspect-ratio:1.46;background:#172531;padding:25px}.card-inspection img{object-fit:contain}.card-xr{padding-top:62px}.card-xr .card-image{aspect-ratio:1.18}.card-xr img{object-position:50% 50%}.project-action{position:absolute;right:16px;bottom:16px;background:var(--paper);padding:8px 14px;font-size:12px;box-shadow:0 2px 8px #0001}.project-action span{margin-left:15px}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:1.1px;color:var(--muted);margin:19px 0 7px}.project-card h3{font-size:25px;font-weight:500;letter-spacing:.2px}.project-card p{font-size:16px;color:var(--muted);margin-top:4px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tags span{font-size:12px;padding:3px 9px;border:1px solid var(--line);border-radius:1px;line-height:1.5}.works{padding-bottom:98px}.field-notes{background:#e9e9e0;padding:75px 0 65px}.notes-grid{display:grid;grid-template-columns:1.08fr .9fr 1fr;gap:40px;align-items:start}.notes-copy{padding-top:22px}.notes-copy h2{font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.55;margin:21px 0}.notes-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:var(--muted);max-width:330px}.notes-rule{width:45px;height:1px;background:var(--accent);margin:30px 0 15px}.notes-caption{font-size:12px;color:var(--muted)}.note-figure{background:var(--paper);padding:11px 11px 16px;transform:rotate(-2deg);box-shadow:0 8px 16px #27332709}.note-figure button{padding:0;border:0;background:transparent;width:100%;display:block;cursor:zoom-in}.note-figure img{width:100%;height:300px;object-fit:cover}.note-figure figcaption{font-size:12px;padding:11px 4px 0;color:var(--muted)}.note-figure.offset{margin-top:58px;transform:rotate(3deg)}.note-figure.offset img{height:246px}.about{padding:100px 0 85px;display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.about h2{font-family:var(--serif);font-weight:400;font-size:39px;line-height:1.5;margin-top:19px}.about-copy{padding-top:5px}.about-copy p{font-size:16px;line-height:2.1;color:var(--muted);margin-bottom:19px}.about-tools{display:flex;flex-wrap:wrap;gap:10px 23px;font-size:12px;color:var(--accent);margin-top:27px}.site-footer{padding:38px 0 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}.footer-name{font-family:var(--serif);font-size:30px}.footer-name span{font-family:var(--sans);font-size:12px;margin-left:20px;letter-spacing:2px}.site-footer p{font-size:13px;color:var(--muted);margin-top:7px}.email-link{font-family:Georgia,serif;font-size:24px;border-bottom:1px solid var(--line);padding:9px 0}.email-link span{font-family:var(--sans);margin-left:25px}.footer-bottom{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--muted);margin-top:30px}.footer-bottom a{font-size:12px}
dialog{border:0;color:var(--ink);padding:0;background:var(--paper)}dialog::backdrop{background:#18201ddb;backdrop-filter:blur(5px)}#project-dialog{width:min(1000px,calc(100% - 48px));max-height:calc(100dvh - 60px);border-radius:2px;overscroll-behavior:contain}.dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 36px;background:var(--paper);border-bottom:1px solid var(--line);gap:20px}.dialog-bar>span{font-size:12px;letter-spacing:2px}.dialog-bar button,.close-image{background:none;border:0;font-size:14px;min-height:42px}.dialog-bar button span{font-size:24px;margin-left:12px}.project-detail{padding:34px 48px 48px}.detail-heading{margin-bottom:29px}.detail-heading h2{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.5;margin:11px 0 10px}.detail-summary{color:var(--muted);font-size:16px;line-height:1.9}.detail-hero{width:100%;max-height:510px;object-fit:contain;background:#e8e8df}.detail-main{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin:34px 0}.detail-main h3{font-size:15px;margin-bottom:13px}.detail-main p,.detail-main li{font-size:16px;color:var(--muted);line-height:1.9}.detail-main ul{padding-left:19px;margin:0}.detail-main li+li{margin-top:9px}.detail-status{border-left:1px solid var(--line);padding-left:25px}.detail-status p+p{margin-top:15px}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}.detail-gallery button{background:#e5e5dc;border:0;padding:0;display:block;width:100%;cursor:zoom-in}.detail-gallery img{width:100%;height:245px;object-fit:contain}.detail-gallery figcaption{font-size:13px;color:var(--muted);margin-top:8px}.detail-gallery figure:only-child{grid-column:1/-1}.detail-gallery figure:only-child img{height:auto;max-height:500px}.detail-heading .tags{margin-top:18px}#lightbox{background:transparent;color:white;width:min(1400px,calc(100% - 30px));max-width:none;max-height:96dvh;text-align:center;overflow:auto}#lightbox::backdrop{background:#101511f2}#lightbox figure{margin:50px auto 12px}#lightbox img{max-height:78dvh;width:auto;max-width:100%;object-fit:contain;margin:auto}#lightbox figcaption{margin-top:16px;font-size:14px}.close-image{position:fixed;right:30px;top:14px;background:#1b2420;color:white;padding:6px 18px;border:1px solid #68766c;z-index:5}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero{padding:105px 0 95px}.hero-image img{aspect-ratio:1.25}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:35px;padding:65px 0}.hero h1{font-size:62px}.desktop-break{display:none}.notes-grid{gap:25px}.notes-copy h2{font-size:29px}.note-figure img{height:260px}.note-figure.offset img{height:225px}.project-grid{gap:55px 35px}.hero-footnote{margin-top:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding:20px 0;gap:10px}.brand{gap:12px}.monogram{font-size:34px}.brand-name{font-size:16px}.brand-name span{font-size:12px;letter-spacing:.2px;max-width:135px;line-height:1.2}.site-header nav{gap:20px;font-size:13px}.site-header nav> a:last-child{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:43px 0 48px}.eyebrow{font-size:12px;letter-spacing:1.4px}.hero h1{font-size:60px;line-height:1.22;margin:21px 0 21px;letter-spacing:-1px}.intro{font-size:16px;line-height:1.9;max-width:440px}.text-link{margin-top:17px;font-size:13px;padding:5px 0;gap:32px}.hero-footnote{display:none}.hero-figure{width:calc(100% - 8px);margin:0 auto 8px;transform:rotate(1deg)}.hero-image{padding:10px}.hero-image img{aspect-ratio:1.42;object-position:50% 52%}.hero-figure figcaption{font-size:12px;margin-top:8px}.image-corner{right:20px;bottom:20px;width:32px;height:32px}.section-heading{padding-top:24px;margin-bottom:25px;display:block}.section-heading h2{font-size:28px;margin-top:7px}.section-heading>p{font-size:12px;margin-top:10px}.project-grid{grid-template-columns:1fr;gap:38px}.card-sorting,.card-xr{padding-top:0}.card-image,.card-sorting .card-image,.card-xr .card-image{aspect-ratio:1.4}.card-sorting img{object-fit:contain;background:#d7dedc}.card-xr img{object-position:center}.card-inspection .card-image{padding:16px}.card-meta{margin-top:14px;font-size:12px}.project-card h3{font-size:23px}.project-card p{font-size:14px}.tags{margin-top:11px}.project-action{font-size:12px;padding:7px 11px;right:12px;bottom:12px}.works{padding-bottom:49px}.field-notes{padding:38px 0 43px}.notes-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.notes-copy{grid-column:1/-1;padding:0}.notes-copy h2{font-size:32px;margin:15px 0}.notes-copy>p:not(.eyebrow){max-width:none;font-size:16px}.notes-rule,.notes-caption{display:none}.note-figure{padding:7px 7px 11px}.note-figure img{height:210px}.note-figure.offset{margin-top:31px;transform:rotate(2deg)}.note-figure.offset img{height:177px}.note-figure figcaption{font-size:12px;padding:9px 1px 0}.about{padding:50px 0;grid-template-columns:1fr;gap:25px}.about h2{font-size:33px;margin-top:11px}.about-copy p{font-size:16px;line-height:2}.about-tools{gap:10px 17px;margin-top:16px}.site-footer{padding-top:27px;gap:15px}.email-link{font-size:21px}.footer-bottom{margin-top:16px;font-size:12px}.footer-name{font-size:26px}#project-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.dialog-bar{padding:9px 20px}.project-detail{padding:23px 20px 36px}.detail-heading h2{font-size:29px}.detail-summary{font-size:15px}.detail-main{grid-template-columns:1fr;gap:25px;margin:27px 0}.detail-status{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.detail-gallery{grid-template-columns:1fr;gap:23px}.detail-gallery img{height:auto;max-height:470px}.detail-hero{max-height:390px}.close-image{right:12px}.detail-gallery figcaption{font-size:13px}}
@media(max-width:360px){.brand-name span{display:none}.site-header nav{gap:13px}.hero h1{font-size:53px}.notes-grid{gap:24px 10px}.note-figure img{height:180px}.note-figure.offset img{height:150px}.email-link{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}