.photo-grid--masonry{column-count:3;column-gap:clamp(3px,.4vw,5px)}.photo-grid--masonry .photo-item{break-inside:avoid;margin-bottom:clamp(3px,.4vw,5px)}@media(max-width:900px){.photo-grid--masonry{column-count:2}}.photo-item[data-featured=true]{column-span:all}.photo-item[data-featured=true] .photo-button{aspect-ratio:21 / 9!important}.photo-item{position:relative}.photo-button{display:block;width:100%;position:relative;overflow:hidden;cursor:pointer;padding:0;background:color-mix(in srgb,var(--photo-bg, #0e0e10) 60%,black)}.photo-button:focus-visible{outline:2px solid var(--color-accent-muted);outline-offset:2px}.photo-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),filter var(--dur-2) var(--ease-out)}.photo-image.is-loaded{opacity:1}.photo-button:hover .photo-image,.photo-button:focus-visible .photo-image{transform:scale(1.03);filter:brightness(1.1)}.photo-meta{position:absolute;top:0;left:0;right:0;padding:var(--space-md) var(--space-md) var(--space-3xl);background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.42) 28%,rgba(0,0,0,.12) 55%,transparent 100%);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));mask-image:linear-gradient(to bottom,black 0%,black 22%,rgba(0,0,0,.85) 38%,rgba(0,0,0,.55) 54%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.07) 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 22%,rgba(0,0,0,.85) 38%,rgba(0,0,0,.55) 54%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.07) 85%,transparent 100%);transform:translateY(-102%);transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:.2rem;pointer-events:none;z-index:1}.photo-button:hover .photo-meta,.photo-button:focus-visible .photo-meta{transform:translateY(0)}.photo-meta-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;color:#ffffffeb;text-shadow:0 1px 6px rgba(0,0,0,.3)}@media(prefers-reduced-motion:reduce){.photo-meta{transition:none}.photo-image{opacity:1;transition:none}}.gallery{display:flex;flex-direction:column;gap:clamp(2rem,4vw,4rem);padding-top:calc(var(--header-height) + clamp(3.5rem,8vw,5rem));padding-bottom:clamp(6rem,10vw,10rem);min-height:100vh;max-width:var(--content-max);margin-inline:auto}.gallery-hero{display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,3vw,2rem);width:100%;text-align:center}.gallery-title{margin:0;max-width:100%;font-family:var(--gallery-display);font-size:clamp(2.5rem,7vw,6.2rem);line-height:.88;letter-spacing:-.045em;font-weight:800;text-shadow:0 2px 40px rgba(255,255,255,.08)}.gallery-title[data-letter-stagger]{opacity:0}.gallery-title__letter{display:inline-block}@media(prefers-reduced-motion:reduce){.gallery-title[data-letter-stagger]{opacity:1}}.gallery-nav[data-nav-reveal]{opacity:0}@media(prefers-reduced-motion:reduce){.gallery-nav[data-nav-reveal]{opacity:1}}.gallery-nav{position:relative;display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;max-width:34rem;align-self:center}.gallery-nav-indicator{position:absolute;border-radius:999px;background:#ffffff1a;box-shadow:0 0 20px #ffffff0d;pointer-events:none;z-index:0;transition:left .36s cubic-bezier(.34,1.18,.64,1),top .36s cubic-bezier(.34,1.18,.64,1),width .36s cubic-bezier(.34,1.18,.64,1),height .36s cubic-bezier(.34,1.18,.64,1)}@media(prefers-reduced-motion:reduce){.gallery-nav-indicator{transition:none}}.gallery-nav-link{position:relative;z-index:1;font-family:var(--gallery-display);font-size:15px;font-weight:500;letter-spacing:-.012em;color:#f5f5f585;padding:.5rem 1.3rem;border-radius:999px;background:transparent;transition:color .22s cubic-bezier(.22,1,.36,1),background .22s cubic-bezier(.22,1,.36,1);cursor:pointer}.gallery-nav-link:not(.active):hover{color:#f5f5f5e0;background:#ffffff0d}.gallery-nav-link:active{transform:scale(.97)}.gallery-nav-link.active{color:#f5f5f5f7;font-weight:600}.gallery-nav-link:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:3px}.gallery-body{display:flex;flex-direction:column}.gallery-count{margin:clamp(3rem,6vw,5.5rem) 0 0;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center}.gallery-count:before{content:"";width:1px;height:clamp(2rem,4vw,3rem);background:linear-gradient(to bottom,transparent,var(--color-border-subtle))}.gallery-count-num{font-family:var(--gallery-display);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--color-text);font-variant-numeric:tabular-nums}.gallery-count-label{font-family:var(--gallery-display);font-size:.64rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--color-text-subtle)}.gallery .photo-grid{transition:opacity .16s ease-in,transform .16s ease-in}.gallery .photo-grid.is-exiting{opacity:0;transform:translateY(10px);pointer-events:none}@keyframes photoCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.gallery .photo-grid.is-entering{transition:none}.gallery .photo-grid.is-entering .photo-item{animation:photoCardIn .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--stagger-i, 0) * 40ms)}@keyframes countFlip{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gallery-count.is-flipping .gallery-count-num{animation:countFlip .28s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.gallery .photo-grid,.gallery .photo-grid.is-exiting,.gallery .photo-grid.is-entering,.gallery .photo-grid.is-entering .photo-item,.gallery-count.is-flipping .gallery-count-num{transition:none;animation:none;opacity:1;transform:none}}