:root{font-family:Arial,Helvetica,sans-serif;color:#222;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid #746747;outline-offset:6px}header{padding:34px 4%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:26px;letter-spacing:-1px}nav{display:flex;gap:30px;font-size:13px}main{padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:baseline;margin:68px 0 34px}.intro h1{font-size:13px;font-weight:400;margin:0}.intro span{font-size:12px;color:#72716b}.gallery{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;row-gap:90px}.work{margin:0;min-width:0}.work:first-child{grid-column:1/-1;width:77%;margin:0 auto 24px}.image-button{display:flex;width:100%;padding:0;border:0;background:none;align-items:center;justify-content:center}.work img{display:block;max-width:100%;width:auto;height:510px;object-fit:contain}.work:first-child img{height:620px;max-width:100%;width:auto}figcaption{font-size:12px;line-height:1.65;margin-top:19px;display:flex;gap:20px;justify-content:space-between}.work:first-child figcaption{max-width:740px;margin:19px auto 0}.title{font-weight:400;font-size:13px}.details{color:#77766f;text-align:right}.index-controls{display:flex;gap:18px;align-items:center}.index-controls button{border:0;background:none;padding:0;color:#77766f;font-size:12px}.index-controls button.active{color:#222;text-decoration:underline;text-underline-offset:5px}.gallery.compact{grid-template-columns:repeat(3,1fr);gap:50px 5%}.gallery.compact .work:first-child{grid-column:auto;width:100%;margin:0}.gallery.compact .work img{height:300px}.gallery.compact figcaption{display:block}.gallery.compact .details{text-align:left}.contact{border-top:1px solid #d9d8d2;margin-top:130px;padding:65px 0 90px;display:grid;grid-template-columns:1fr 2fr}.contact h2{font-size:13px;font-weight:400;margin:0}.contact .email{font-size:clamp(18px,3vw,36px);letter-spacing:-1px}.contact p{margin:25px 0 0;font-size:13px}footer{padding:25px 4%;border-top:1px solid #d9d8d2;display:flex;justify-content:space-between;font-size:11px;color:#77766f}dialog{border:0;padding:0;background:#faf9f6;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}dialog::backdrop{background:#faf9f6}body:has(dialog[open]){overflow:hidden}.viewer{height:100%;display:flex;flex-direction:column;padding:24px 4%}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.plain{background:none;border:0;padding:10px}.viewer-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px 0}.viewer-image img{max-width:100%;max-height:100%;object-fit:contain}.viewer-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:12px;line-height:1.7}.viewer-bottom p{margin:0}.viewer-controls{display:flex;gap:18px}.skip{position:absolute;left:-1000px}.skip:focus{left:20px;top:10px} @media(min-width:1600px){main{max-width:1500px;margin:auto}}@media(max-width:700px){header{padding:26px 6%}.brand{font-size:23px}nav{gap:20px}main{padding:0 6%}.intro{margin:48px 0 28px}.gallery{grid-template-columns:1fr;row-gap:54px}.work:first-child{width:100%;margin:0;grid-column:auto}.work img,.work:first-child img{height:auto;max-height:70vh;width:100%;object-fit:contain}.gallery.compact{grid-template-columns:1fr 1fr;gap:35px 6%}.gallery.compact .work img{height:220px}.gallery.compact .details{font-size:10px}.contact{margin-top:75px;padding:35px 0 60px;grid-template-columns:1fr;gap:26px}.contact .email{letter-spacing:-.5px}footer{padding:24px 6%}.viewer-bottom{align-items:center}.viewer-controls{gap:0}.intro span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
