*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--chalk);color:var(--ink);font:14px/1.7 var(--body)}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,p{margin:0}h1,h2{font:400 70px/1.07 var(--display);letter-spacing:-.025em}img{display:block;max-width:100%}.skip{position:fixed;top:12px;left:20px;z-index:20;padding:12px;background:var(--chalk);transform:translateY(-160%)}.skip:focus{transform:none}.work-masthead,footer{display:flex;align-items:center;justify-content:space-between;padding:32px var(--gutter);font-size:12px}.signature{font-size:14px}.work-masthead nav{display:flex;gap:36px}.work-masthead a{padding-block:10px}.work-intro{padding:75px 12vw 85px;max-width:1600px;margin:auto}.work-intro h1{font-size:clamp(72px,8vw,120px);margin-bottom:27px}.work-intro>p{color:#635b50;font-size:15px;max-width:40ch}.project-index{margin-top:38px;max-width:760px}.project-index summary{cursor:pointer;padding:12px 0;width:max-content;border-bottom:1px solid var(--taupe);list-style:none}.project-index summary::-webkit-details-marker{display:none}.project-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-top:20px}.project-index nav a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.project-index nav span{font-size:10px;color:#7a7062;white-space:nowrap}#projects{padding-inline:var(--gutter)}.project-case{max-width:1360px;margin:0 auto 130px;scroll-margin-top:36px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.project-heading h2{font-size:clamp(42px,4.7vw,72px);margin-bottom:17px}.project-heading p{font-size:13px;color:#6d6356;max-width:52ch}.photo-total{color:#766b5c;font-size:12px;white-space:nowrap;padding-bottom:3px}.project-preview{display:grid;grid-template-columns:1.14fr .8fr .8fr;align-items:start;gap:28px}.project-preview>.project-photo:first-child{box-shadow:12px 19px 30px -24px #44372bb0}.project-preview>.project-photo:nth-child(2){margin-top:90px}.project-preview>.project-photo:nth-child(3){margin-top:175px}.project-photo{display:block;overflow:hidden;background:#e2dbcf;cursor:zoom-in}.project-photo img{width:100%;height:auto;transition:filter .4s}.project-photo:hover img{filter:brightness(1.045)}.project-preview.pair{grid-template-columns:1fr 1fr;max-width:1050px}.project-preview.pair>.project-photo:nth-child(2){margin-top:90px}.project-more{margin-top:34px}.project-more summary{display:flex;gap:22px;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;border-bottom:1px solid var(--line);padding:16px 0;width:100%;font-size:12px}.project-more summary::-webkit-details-marker{display:none}.more-count{color:#7b7164;font-size:11px}.when-open{display:none}.project-more[open] .when-open{display:inline}.project-more[open] .when-closed,.project-more[open] .more-count{display:none}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start;padding-top:30px}.project-grid .project-photo{aspect-ratio:3/4}.project-grid img{width:100%;height:100%;object-fit:cover}.work-contact{text-align:center;margin:0 var(--gutter);padding:90px 24px;background:var(--limestone);box-shadow:var(--recess)}.work-contact h2{font-size:clamp(42px,5vw,74px);margin-bottom:34px}.work-contact>a{font:clamp(30px,3.7vw,58px)/1.2 var(--display);display:inline-block;padding-block:8px}.work-contact p{font-size:12px;margin-top:14px;color:#6e6355}footer{color:#766b5c}.gallery-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px 30px;border:0;background:#191815;color:var(--chalk);overflow:hidden}.gallery-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.gallery-dialog::backdrop{background:#191815}.gallery-top,.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-top p{font-size:13px;color:#e0d9ce}.gallery-dialog button{border:1px solid #f2efe94a;background:transparent;padding:12px 19px;font-size:12px;min-height:44px}.gallery-dialog button:hover{background:#ffffff12}.gallery-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none}.gallery-stage:active{cursor:grabbing}.gallery-image{width:auto;height:auto;max-width:min(100%,1280px);max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.gallery-image.loading{opacity:.4}.gallery-count{font-size:12px;font-variant-numeric:tabular-nums;color:#d9d0c2}.gallery-error{position:absolute;text-align:center;max-width:35ch;font-size:13px}.gallery-error a{text-decoration:underline;text-underline-offset:4px}.gallery-error[hidden]{display:none}
@media(max-width:700px){:root{--gutter:24px}.work-masthead,footer{padding:22px 24px;font-size:11px}.signature{font-size:12px}.work-masthead nav{gap:19px}.work-masthead nav a:last-child{max-width:75px;line-height:1.35}.work-intro{padding:48px 27px 65px}.work-intro h1{font-size:67px;margin-bottom:23px}.work-intro>p{font-size:13px;max-width:29ch}.project-index{margin-top:24px}.project-index summary{font-size:12px}.project-index nav{grid-template-columns:1fr}.project-case{margin-bottom:76px}.project-heading{align-items:start;gap:10px;margin-bottom:25px}.project-heading h2{font-size:44px;margin-bottom:15px}.project-heading p{font-size:12px}.photo-total{padding-top:12px;font-size:10px}.project-preview{grid-template-columns:1fr 1fr;gap:18px}.project-preview>.project-photo:first-child{grid-column:1/3;margin-right:12%}.project-preview>.project-photo:nth-child(2){margin-top:0}.project-preview>.project-photo:nth-child(3){margin-top:42px}.project-preview.pair{grid-template-columns:1fr 1fr}.project-preview.pair>.project-photo:first-child{grid-column:1/3}.project-preview.pair>.project-photo:nth-child(2){grid-column:1/3;margin:0 0 0 12%}.project-more{margin-top:23px}.project-more summary{font-size:11px;gap:12px}.more-count{font-size:10px;white-space:nowrap}.project-grid{grid-template-columns:1fr 1fr;gap:14px;padding-top:22px}.work-contact{padding:58px 18px}.work-contact h2{font-size:46px}.work-contact>a{font-size:33px}.gallery-dialog{padding:12px}.gallery-dialog[open]{gap:12px}.gallery-top p{font-size:11px;max-width:22ch}.gallery-dialog button{font-size:10px;padding:12px 10px}.gallery-bottom{gap:8px}.gallery-count{font-size:11px}.gallery-image{max-width:100%}}
@media(max-width:370px){.project-heading h2{font-size:37px}.work-contact>a{font-size:29px}.work-intro h1{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}