.photo-hero{padding-top:clamp(34px,6vw,76px);padding-bottom:clamp(6px,2vw,16px)}
.eyebrow{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--muted);margin:0 0 18px}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-optical-sizing:auto;font-size:clamp(3.4rem,11vw,7rem);line-height:.9;letter-spacing:-.025em;margin:0}
.lede{max-width:50ch;margin:22px 0 0;font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--muted);line-height:1.45}
.gallery{margin:clamp(34px,5vw,58px) 0 0;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,24px)}
.row{display:flex;gap:clamp(14px,1.8vw,24px)}
.shot{flex:var(--ar) 1 0;min-width:0;overflow:hidden;background:var(--ink-2);display:block}
.shot img{width:100%;height:auto;aspect-ratio:var(--ar);object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.shot:hover img{transform:scale(1.045)}
@media(max-width:760px){.row{flex-direction:column;gap:clamp(14px,4vw,22px)}.shot{flex:none}}
footer{background:var(--ink);color:#fff;border-top-right-radius:clamp(110px,22vw,300px);margin-top:clamp(56px,9vw,120px)}
@media(max-width:760px){.bar{height:68px}nav ul{gap:16px}nav a{font-size:.92rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}.shot img{transition:none}}