@import url("https://use.typekit.net/pun8sox.css");

:root { --dark:#101513; --paper:#f2f1ed; --green:#607b69; --soft:#6b746f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:#18211d; background:var(--paper); font-family:"proxima-nova",Arial,sans-serif; font-weight:400; }
a { color:inherit; }
.gallery-header { display:flex; min-height:5.75rem; align-items:center; justify-content:space-between; gap:2rem; padding:1.2rem clamp(1.25rem,5vw,5rem); color:#fff; background:var(--dark); }
.gallery-brand { font-size:1.5rem; font-weight:300; text-decoration:none; }
.gallery-nav { display:flex; gap:1.75rem; }
.gallery-nav a { color:#c6d0ca; font-size:.75rem; font-weight:400; letter-spacing:.14em; text-decoration:none; text-transform:uppercase; }
.gallery-intro { width:min(1200px,calc(100% - 2.5rem)); margin:0 auto; padding:clamp(4.5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem); }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:2.5rem; color:var(--soft); font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
.breadcrumbs a { text-decoration:none; }
.gallery-date { margin:0 0 .8rem; color:var(--green); font-size:.75rem; font-weight:400; letter-spacing:.2em; text-transform:uppercase; }
.gallery-intro h1 { max-width:12ch; margin:0 0 1.25rem; font-size:clamp(3.5rem,9vw,8rem); font-weight:100; line-height:.88; letter-spacing:-.055em; }
.gallery-intro>p:last-child { max-width:40rem; margin:0; color:var(--soft); font-size:1.05rem; font-weight:300; line-height:1.7; }
.photo-grid { width:min(1500px,calc(100% - 2.5rem)); margin:0 auto; padding-bottom:clamp(5rem,10vw,9rem); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(.6rem,1.2vw,1.15rem); }
.photo { position:relative; display:block; overflow:hidden; aspect-ratio:3/2; background:#d6d8d4; }
.photo:first-child { grid-column:span 2; aspect-ratio:16/9; }
.photo img { width:100%; height:100%; object-fit:cover; transition:transform 600ms cubic-bezier(.2,.7,.2,1); }
.photo:hover img,.photo:focus-visible img { transform:scale(1.035); }
.photo span { position:absolute; right:1rem; bottom:1rem; padding:.5rem .65rem; color:#fff; background:rgba(10,15,13,.68); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; backdrop-filter:blur(8px); }
.gallery-footer { display:flex; justify-content:space-between; gap:2rem; padding:2rem clamp(1.25rem,5vw,5rem); color:#9ca6a0; background:var(--dark); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.gallery-footer a { color:#c6d5cc; text-decoration:none; }
.pswp__custom-caption { position:absolute; right:0; bottom:0; left:0; padding:1.2rem 5rem 1.2rem 1.25rem; color:#fff; background:linear-gradient(0deg,rgba(0,0,0,.72),transparent); font-family:"proxima-nova",Arial,sans-serif; font-weight:300; pointer-events:none; }
@media(max-width:700px){.gallery-header{min-height:5rem}.gallery-nav{gap:1rem}.gallery-nav a:first-child{display:none}.photo-grid{grid-template-columns:1fr}.photo,.photo:nth-child(4n+1){grid-column:auto;aspect-ratio:4/3}.gallery-footer{flex-direction:column}}