@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#111;--fg:#eee;--muted:#929292;--line:#363636}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'JetBrains Mono',monospace}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #eee;outline-offset:7px}.skip{position:fixed;top:-80px;z-index:10;background:#eee;color:#111;padding:16px}.skip:focus{top:0}.wrap{width:88%;max-width:1500px;margin:auto}header{height:118px;border-bottom:1px solid var(--line);padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:13px;letter-spacing:2px}.menu-button{width:45px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0;border:0;background:none;cursor:pointer}.menu-button span{width:40px;height:1px;background:#eee;transition:transform .2s}.menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu{padding:60px 6%;border-bottom:1px solid var(--line)}.menu:not([hidden]){display:flex;flex-wrap:wrap;gap:24px 50px}.menu a{font-size:18px;text-transform:uppercase}.menu a:hover{color:var(--muted)}.hero{padding-top:68px}.hero-image{display:block;width:100%;height:min(65vw,720px);object-fit:cover}.intro{padding:64px 0 100px;display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:start}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:400;margin:0;letter-spacing:-1.8px}h1{font-size:clamp(48px,5.5vw,86px);line-height:1.1;grid-row:span 2}p{font-size:clamp(16px,1.55vw,23px);line-height:1.45;color:var(--muted);text-transform:uppercase;margin:0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:#eee;color:#111;text-transform:uppercase;letter-spacing:2px;font-size:17px;padding:23px 30px;transition:background .2s;margin-top:35px;width:fit-content}.button:hover{background:#b9cdd0}.button span{font-size:24px}h2{font-size:clamp(44px,4.2vw,65px);margin-bottom:50px}.selected{padding:40px 0 100px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 36px}.project{display:block}.project img{display:block;aspect-ratio:1.82;width:100%;object-fit:cover;transition:filter .3s}.project:hover img{filter:brightness(1.15)}.project .role{font-size:14px;line-height:1.5;margin-top:22px;color:var(--muted);text-transform:uppercase}.project h3{font-family:Fraunces,Georgia,serif;font-size:32px;line-height:1.18;font-weight:400;text-transform:uppercase;margin:10px 0}.project .year{font-size:16px;color:var(--muted)}.more{margin-top:65px}footer{padding:70px 0 35px;border-top:1px solid var(--line)}.label{font-size:14px;margin-bottom:30px}.email{display:block;font-family:Fraunces,Georgia,serif;font-size:clamp(24px,3.8vw,58px);margin-bottom:28px}.social{font-size:16px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:85px;font-size:12px;color:var(--muted)}.footer-bottom strong{color:#eee;font-weight:400;letter-spacing:1px}.page{padding:70px 0 100px}.page h1{margin-bottom:45px}.page p{max-width:850px;margin-bottom:35px}.credit-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);padding:27px 0;align-items:center}.credit-row h3{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:400;margin:0}.credit-row span{color:var(--muted);font-size:14px}.detail-image{width:100%;margin:20px 0;object-fit:cover}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery img{width:100%;height:100%;object-fit:cover}.detail-meta{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:40px;text-transform:uppercase;color:var(--muted);font-size:15px}
@media(max-width:760px){header{height:118px}.brand{display:none}header{justify-content:flex-end}.hero-image{height:auto;aspect-ratio:1.337}.intro{display:block;padding:64px 0 100px}h1{font-size:clamp(42px,7.5vw,58px)}.intro p{font-size:clamp(17px,3.5vw,25px);margin-top:20px}.button{font-size:clamp(15px,3.3vw,24px);padding:22px 28px}.grid{grid-template-columns:1fr;gap:60px}.project h3{font-size:32px}.project .role{font-size:18px}.project .year{font-size:20px}.footer-bottom{align-items:flex-start;flex-direction:column}.email{font-size:clamp(21px,4.5vw,35px)}.credit-row{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.menu:not([hidden]){flex-direction:column}.menu a{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.gallery-heading{font-family:JetBrains Mono,monospace;font-size:16px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:35px 0}.gallery-image{padding:0;border:0;background:none;cursor:zoom-in}.gallery-image img{display:block;max-height:700px;object-fit:contain}.lightbox{border:0;background:#111;padding:48px 20px 20px;max-width:96vw;max-height:96vh}.lightbox::backdrop{background:#000d}.lightbox img{display:block;max-height:82vh;max-width:90vw;object-fit:contain}.lightbox-close{position:absolute;right:15px;top:5px;font-size:32px;border:0;background:none;cursor:pointer;color:white}