*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.home{background:#fff;min-height:100svh;color:#111}
.landing{min-height:100svh;display:grid;place-items:center;padding:24px}
.logo-link{position:relative;display:block;width:min(70vw,520px);aspect-ratio:1;text-decoration:none}
.logo-link img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease,opacity .35s ease}
.gallery-cue{position:absolute;inset:0;display:grid;place-items:center;color:#111;font-size:clamp(17px,2vw,25px);letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .25s ease}
.logo-link:hover img{transform:scale(1.02);opacity:.72}.logo-link:hover .gallery-cue{opacity:1}
.gallery-page{background:#fff;color:#111}
.gallery-header{height:78px;display:flex;align-items:center;gap:12px;padding:14px clamp(14px,3vw,42px);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.mini-logo{display:block;width:42px;height:42px}.mini-logo img{display:block;width:100%;height:100%;object-fit:contain}
.gallery{width:min(calc(100% - 32px),1480px);margin:4px auto 0;columns:2;column-gap:clamp(14px,2vw,28px)}
.work{break-inside:avoid;margin:0 0 clamp(14px,2vw,28px)}
.photo{display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in}
.photo img{display:block;width:100%;height:auto}
.final-work{column-span:all;width:min(100%,900px);margin:clamp(24px,4vw,56px) auto 0}
.site-footer{padding:56px 20px 28px;text-align:center;color:#777;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:28px;border:0;background:rgba(0,0,0,.96);overflow:hidden}
.lightbox[open]{display:grid;place-items:center}.lightbox::backdrop{background:#000}
.lightbox img{display:block;max-width:calc(100vw - 56px);max-height:calc(100vh - 56px);width:auto;height:auto;object-fit:contain}
.close{position:fixed;z-index:2;top:12px;right:18px;border:0;background:transparent;color:#fff;font:300 34px/1 Arial,sans-serif;cursor:pointer;padding:8px}
@media(max-width:700px){.logo-link{width:min(84vw,460px)}.gallery-cue{display:none}.gallery{columns:1;width:calc(100% - 20px)}.gallery-header{height:64px;padding:10px}.mini-logo{width:38px;height:38px}.final-work{margin-top:20px}.lightbox{padding:12px}.lightbox img{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}