.gallery-page main{max-width:1440px}.gallery-page nav a[aria-current="page"]{color:var(--accent)}.gallery-placeholder-hero{padding:4.5vw 7vw 4vw;background:linear-gradient(130deg,#e5eadb,#f2f0e9 70%)}.gallery-placeholder-hero h1{font:500 clamp(62px,9vw,126px)/.88 Fraunces,serif;letter-spacing:-.065em;margin:0;max-width:1100px}.gallery-placeholder-hero h1 em{color:#5a7560;font-weight:500}.gallery-placeholder-hero>p:last-child{max-width:650px;margin:28px 0 0;color:var(--muted);font-size:19px;line-height:1.6}.gallery-preview{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;padding:4vw 7vw}.gallery-preview figure{margin:0;min-width:0}.gallery-preview .preview-wide{grid-row:span 2}.gallery-preview img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;background:#dfe4da;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.gallery-preview .preview-wide img{min-height:690px}.gallery-preview figure:not(.preview-wide) img{height:290px}.gallery-preview figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 0 22px;border-top:1px solid var(--line);margin-top:12px}.gallery-preview strong{font:500 22px Fraunces,serif}.gallery-preview figcaption span{font:11px 'DM Mono',monospace;color:var(--muted);text-align:right}@media(max-width:800px){.gallery-placeholder-hero{padding:9vw 7vw 8vw}.gallery-placeholder-hero h1{font-size:clamp(52px,16vw,78px)}.gallery-placeholder-hero>p:last-child{font-size:16px}.gallery-preview{display:block;padding:8vw 7vw}.gallery-preview figure{margin-bottom:32px}.gallery-preview img,.gallery-preview .preview-wide img,.gallery-preview figure:not(.preview-wide) img{height:auto;min-height:0;aspect-ratio:4/3}.gallery-preview figcaption{display:block}.gallery-preview figcaption span{display:block;text-align:left;margin-top:7px}}

@media (min-width: 801px) {
  .gallery-placeholder-hero { padding: clamp(44px, 4.5vw, 64px) clamp(60px, 7vw, 101px) clamp(38px, 4vw, 58px); }
  .gallery-preview { padding: clamp(42px, 4vw, 58px) clamp(60px, 7vw, 101px); }
}

html:not(.theme-dark):not(.theme-contrast) .gallery-placeholder-hero {
  background: linear-gradient(180deg, var(--paper) 0%, var(--mat-soft) 58%, var(--paper) 100%);
}