:root{--paper:#f7f6f2;--ink:#252823;--muted:#73756e;--line:#d9dad2;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #566742;outline-offset:6px}button:disabled{cursor:default;opacity:.3}[hidden]{display:none!important}.skip{position:fixed;top:10px;left:10px;background:var(--ink);color:white;padding:10px 16px;transform:translateY(-180%);z-index:8}.skip:focus{transform:none}.site-header{margin:0 4.4%;padding:38px 0 29px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{font:29px/1 var(--serif);letter-spacing:-1px}.identity span{display:block;margin-top:12px;font:9px/1 var(--sans);letter-spacing:2.6px;color:var(--muted)}nav{display:flex;gap:31px;font-size:13px}nav a{padding:8px 0}nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}nav a:hover{color:var(--muted)}main{margin:0 4.4%}main:focus{outline:none}.index-top,.index-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.index-top{padding:30px 0 23px}.index-bottom{padding:26px 0;border-top:1px solid var(--line);margin-top:30px}.project-stage{display:grid;grid-template-columns:42% 58%;gap:0;min-height:550px;align-items:center}.project-index{padding:34px 7% 34px 0;position:relative;z-index:1}.project-row{display:flex;align-items:baseline;gap:20px;position:relative;padding:20px 0;border-bottom:1px solid var(--line);transition:color .2s}.project-row:first-child{border-top:1px solid var(--line)}.project-number{font-size:10px;letter-spacing:1px;color:var(--muted);align-self:flex-start;margin-top:13px}.project-name{font:clamp(36px,4.6vw,76px)/1.12 var(--serif);letter-spacing:-2.5px;white-space:nowrap}.project-row .row-arrow{font-size:20px;margin-left:auto;opacity:0;transform:translateX(-8px);transition:.2s}.project-row.active .row-arrow,.project-row:hover .row-arrow{opacity:1;transform:none}.project-row:not(.active){color:#93968d}.project-row:hover{color:var(--ink)}.cover-link{display:block;justify-self:end;width:90%;max-width:680px}.cover-link img{display:block;width:100%;height:550px;object-fit:contain;object-position:center right}.cover-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding-top:15px}.cover-caption>span:last-child{white-space:nowrap}.gallery-header{display:flex;justify-content:space-between;align-items:flex-end;padding:30px 0 22px}.back{display:inline-block;color:var(--muted);font-size:11px}.back:hover{color:var(--ink)}h1{font:52px/1.1 var(--serif);font-weight:normal;letter-spacing:-1.8px;margin:19px 0 0}.gallery-tools{display:flex;gap:24px;padding-bottom:3px;font-size:11px;color:var(--muted)}.gallery-tools button{padding:6px 0}.gallery-tools button:hover{color:var(--ink)}.photo-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;height:calc(100vh - 280px);max-height:900px;padding:0 56px}.photo-stage>img{display:block;width:100%;height:100%;object-fit:contain}.photo-arrow{position:absolute;top:calc(50% - 25px);height:50px;width:44px;font-size:25px;color:var(--muted)}.photo-arrow:hover{color:var(--ink)}.photo-arrow.previous{left:0}.photo-arrow.next{right:0}.photo-meta{display:flex;justify-content:space-between;gap:40px;margin:24px 56px 22px;font-size:11px;color:var(--muted)}#project-description{max-width:560px}#counter{white-space:nowrap;font-variant-numeric:tabular-nums}.thumbnails{display:flex;overflow-x:auto;gap:9px;padding:8px 2px 14px;margin:0 56px;scrollbar-width:thin;scrollbar-color:#b5b8ad transparent}.thumbnails button{flex-shrink:0;padding:0;height:55px;opacity:.45}.thumbnails button[aria-current]{opacity:1;outline:1px solid var(--ink);outline-offset:3px}.thumbnails img{display:block;height:55px;width:65px;object-fit:cover}.photo-grid{columns:3;column-gap:23px;padding:10px 0}.photo-grid button{display:block;width:100%;padding:0;break-inside:avoid;margin-bottom:23px}.photo-grid img{width:100%;height:auto;display:block}.next-project{text-align:right;border-top:1px solid var(--line);margin-top:32px;padding:26px 0}.next-project a{font:25px/1.3 var(--serif)}#photo-stage:fullscreen{background:var(--paper);padding:55px;height:100vh;max-height:none}#contact{padding:85px 0 125px;min-height:65vh}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted)}#contact h1{font-size:80px;margin:25px 0}.email{display:block;width:fit-content;font:clamp(22px,3.3vw,48px)/1.4 var(--serif);letter-spacing:-.7px;border-bottom:1px solid var(--line);margin:30px 0 45px}footer{margin:20px 4.4% 0;padding:23px 0 28px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}
@media(min-width:1600px){main,.site-header,footer{max-width:1600px;margin-left:auto;margin-right:auto}.project-stage{min-height:650px}.cover-link img{height:650px}}
@media(max-width:900px){.project-stage{grid-template-columns:43% 57%;min-height:430px}.project-name{font-size:40px;letter-spacing:-1.5px}.project-row{gap:12px;padding:18px 0}.project-number{margin-top:7px}.cover-link{width:94%}.cover-link img{height:430px}.row-arrow{display:none}.photo-grid{columns:2}.photo-stage{height:60vh;min-height:350px}}
@media(max-width:640px){.site-header{padding:28px 0 23px;margin:0 6%;align-items:center}.identity{font-size:24px}.identity span{font-size:8px;letter-spacing:2px;margin-top:9px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}main{margin:0 6%}.index-top{padding:24px 0 18px;font-size:8px}.project-stage{display:flex;flex-direction:column;min-height:0;align-items:stretch}.project-index{order:2;padding:18px 0 0;display:flex;flex-direction:column}.project-row{padding:14px 0;gap:13px}.project-row:first-child{border-top:0}.project-name{font-size:37px;letter-spacing:-1.2px}.project-number{margin-top:6px;font-size:9px}.project-row .row-arrow{display:inline;margin-left:auto;font-size:17px}.cover-link{order:1;align-self:center;width:100%;max-width:none}.cover-link img{height:43vh;min-height:285px;max-height:450px;object-position:center}.cover-caption{font-size:10px;padding-top:14px}.index-bottom{font-size:8px;gap:22px;line-height:1.5;margin-top:22px;padding:20px 0}.gallery-header{padding-top:25px;align-items:flex-start;gap:20px}h1{font-size:39px;margin-top:15px}.gallery-tools{flex-direction:column;gap:4px;text-align:right;padding-top:22px;font-size:10px}.photo-stage{padding:0;min-height:0;height:56vh;max-height:620px}.photo-stage>img{max-width:100%}.photo-arrow{top:auto;bottom:-45px;height:37px;width:37px;font-size:24px;z-index:1}.photo-arrow.previous{left:0}.photo-arrow.next{right:0}.photo-meta{margin:16px 45px 22px;min-height:40px;gap:15px;justify-content:center;text-align:center}.photo-meta>#project-description{display:none}.thumbnails{margin:14px 2px 0;gap:8px}.thumbnails button,.thumbnails img{height:46px}.thumbnails img{width:56px}.photo-grid{columns:2;column-gap:12px}.photo-grid button{margin-bottom:12px}.next-project a{font-size:22px}#contact{padding:60px 0 90px}#contact h1{font-size:66px}footer{margin:20px 6% 0;font-size:8px;line-height:1.5;gap:25px}footer>span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
