:root { --ink:#242321; --muted:#6f6a63; --paper:#fbfaf8; --line:#dedbd6; --gold:#e3a632; --black:#1c1c1b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; line-height:1.55; margin:0; }
h1,h2,h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.gallery-header { align-items:center; background:#fff; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; padding:13px clamp(22px,7vw,110px); position:sticky; top:0; z-index:10; }
.gallery-brand { font-family:Georgia,"Times New Roman",serif; font-size:1.18rem; letter-spacing:.03em; }
.gallery-nav { display:flex; gap:22px; font-size:.78rem; }
.gallery-nav a:hover { color:#bb7d17; }
.gallery-hero { align-items:end; background:linear-gradient(90deg,rgba(12,12,12,.66),rgba(12,12,12,.12)),var(--hero-image) center/cover; color:#fff; display:flex; min-height:min(68vh,680px); padding:55px clamp(24px,12vw,190px); }
.gallery-hero__content { max-width:620px; }
.eyebrow { color:var(--gold); font-size:.68rem; font-weight:700; letter-spacing:2.4px; text-transform:uppercase; }
.gallery-hero h1 { font-size:clamp(3.3rem,7vw,6.5rem); line-height:.98; margin:14px 0 17px; }
.gallery-hero p:not(.eyebrow) { color:#f1efeb; font-family:Georgia,"Times New Roman",serif; font-size:1.15rem; max-width:530px; }
.gallery-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:27px; }
.gallery-actions a { border:1px solid rgba(255,255,255,.75); font-size:.72rem; font-weight:700; padding:12px 17px; }
.gallery-actions a:first-child { background:#fff; color:var(--ink); }
.gallery-actions a:hover { background:var(--gold); border-color:var(--gold); color:var(--ink); }
.gallery-intro { display:flex; gap:50px; justify-content:space-between; margin:0 auto; max-width:1260px; padding:80px clamp(24px,7vw,95px) 36px; }
.gallery-intro h2 { font-size:clamp(2.2rem,4.5vw,4rem); line-height:1.05; margin:10px 0 0; max-width:610px; }
.gallery-intro p:last-child { color:var(--muted); font-family:Georgia,"Times New Roman",serif; max-width:340px; padding-top:23px; }
.photo-wall { column-count:3; column-gap:14px; margin:0 auto; max-width:1260px; padding:0 clamp(24px,7vw,95px) 92px; }
.photo-wall button { background:#ddd; border:0; break-inside:avoid; cursor:zoom-in; display:block; margin:0 0 14px; padding:0; position:relative; width:100%; }
.photo-wall img { height:auto; transition:opacity .25s,transform .35s; width:100%; }
.photo-wall button:hover img { opacity:.84; transform:scale(1.015); }
.photo-wall button::after { bottom:13px; color:#fff; content:"View image ↗"; font-size:.65rem; font-weight:700; left:14px; opacity:0; position:absolute; text-shadow:0 1px 6px #000; transition:opacity .2s; }
.photo-wall button:hover::after,.photo-wall button:focus-visible::after { opacity:1; }
.gallery-empty { border:1px solid var(--line); color:var(--muted); font-family:Georgia,"Times New Roman",serif; margin:0 auto 90px; max-width:1040px; padding:50px; text-align:center; }
.gallery-empty a { color:#bb7d17; font-family:Arial,Helvetica,sans-serif; font-size:.75rem; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.gallery-footer { background:var(--black); color:#e8e4de; display:flex; font-size:.75rem; justify-content:space-between; padding:25px clamp(24px,7vw,95px); }
.gallery-footer a { color:var(--gold); }
.lightbox { align-items:center; background:rgba(11,11,10,.94); border:0; height:100%; justify-content:center; max-height:none; max-width:none; padding:35px; width:100%; }
.lightbox[open] { display:flex; }
.lightbox::backdrop { background:rgba(11,11,10,.94); }
.lightbox img { max-height:calc(100vh - 70px); max-width:min(92vw,1500px); object-fit:contain; }
.lightbox button { background:#fff; border:0; border-radius:50%; cursor:pointer; font-size:1.35rem; height:40px; position:fixed; right:22px; top:19px; width:40px; }
@media (max-width:700px) { .gallery-header { padding:12px 19px; } .gallery-nav a:not(:last-child) { display:none; } .gallery-hero { min-height:570px; padding:45px 8%; } .gallery-intro { display:block; padding:60px 7% 28px; } .gallery-intro p:last-child { padding-top:10px; } .photo-wall { column-count:2; column-gap:9px; padding:0 4% 55px; } .photo-wall button { margin-bottom:9px; } .gallery-footer { display:block; line-height:2; } }


/* Use the original UrenaPhoto logo in both gallery headers. */
.gallery-brand { background:url("assets/home/u118502342-o975146075-72.png") center/contain no-repeat; display:block; flex:0 0 240px; font-size:0; height:64px; width:240px; }
@media (max-width:700px) { .gallery-header { padding:8px 19px; } .gallery-brand { flex-basis:180px; height:48px; width:180px; } }