:root{color-scheme:dark;--ink:#f5f5f5;--muted:#b0b0b0;--paper:#000}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #a98649;outline-offset:5px}[hidden]{display:none!important}body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.masthead{flex:none;text-align:left;padding:29px 42px 0;background:#000;z-index:5}.brand{font-family:Optima,'Optima Nova',Candara,'Segoe UI',sans-serif;font-size:clamp(25px,3vw,38px);font-weight:400;letter-spacing:1px;text-decoration:none;display:inline-block}nav{display:flex;justify-content:center;gap:43px;margin-top:23px}nav a{font-size:14px;text-decoration:none;letter-spacing:1.1px;padding:0 0 17px;position:relative;color:#b0b0b0}nav a:hover,nav a[aria-current]{color:#fff}nav a[aria-current]:after{position:absolute;content:'';height:2px;background:#fff;bottom:0;left:0;right:0}main{flex:1;min-height:0;position:relative}.view{height:100%;width:100%}.slideshow{position:relative;overflow:hidden;background:#000;color:white}#slides{position:absolute;inset:0}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.slide.active{opacity:1}.slideshow:after{content:'';pointer-events:none;position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6))}.slide-footer{position:absolute;bottom:34px;left:42px;right:38px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.caption{display:flex;flex-direction:column;gap:8px}#photo-category{font-size:12px;text-transform:uppercase;letter-spacing:2.4px}#photo-title{font-family:Georgia,serif;font-size:24px}.controls{display:flex;gap:9px;align-items:center}.controls button{width:42px;height:42px;border:1px solid #ffffff66;color:#fff;background:#000;border-radius:50%;font-size:21px}.controls button:hover{background:#000;color:#fff;border-color:#fff}#counter{font-size:13px;letter-spacing:2px;margin-right:17px;font-variant-numeric:tabular-nums}.demo{position:absolute;right:22px;top:20px;font-size:12px;letter-spacing:1px;background:#0006;padding:7px 10px;z-index:2}.content{background:#000;overflow:auto;padding:65px max(7vw,24px) 60px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2.5px;color:var(--muted);margin:0 0 16px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,58px);margin:0 0 35px}h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:38px 0 20px}.content p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:650px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-card{padding:0;border:0;text-align:left;background:none;color:var(--ink)}.photo-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:filter .2s}.photo-card:hover img{filter:brightness(.85)}.photo-card span{display:block;font-size:14px;margin-top:11px}dialog{border:0;padding:48px 25px 20px;background:#000;color:#fff;max-width:96vw;max-height:96dvh}dialog::backdrop{background:#000}dialog img{display:block;max-width:88vw;max-height:75dvh;object-fit:contain}dialog p{font-size:14px;margin:15px 0 0}.close{position:absolute;right:12px;top:4px;background:none;border:0;color:#fff;font-size:32px;width:40px;height:40px}#empty{position:relative;z-index:2;text-align:center;padding:50px 20px}.no-script{position:fixed;top:160px;left:20px;color:white;z-index:9}@media(max-width:600px){.masthead{padding:23px 20px 0}.brand{letter-spacing:.3px;font-size:27px}nav{gap:30px;margin-top:21px}nav a{font-size:13px;padding-bottom:17px;letter-spacing:.4px}.slide-footer{left:21px;right:18px;bottom:24px;align-items:flex-start;flex-direction:column;gap:19px}#photo-title{font-size:23px}.controls{align-self:flex-end}.controls button{width:40px;height:40px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:20px 13px}.content{padding-top:40px}.demo{right:15px;top:15px}.slide{object-position:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
