.gallery{background:var(--mint)}.gallery-note{margin:0;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:230px 230px;gap:14px}.gallery-item{position:relative;overflow:hidden;padding:0;border:0;border-radius:14px;background:#c9d6ca;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.gallery-item:hover img{transform:scale(1.05);filter:brightness(.86)}.gallery-tall{grid-row:span 2}.gallery-wide{grid-column:span 2}.gallery-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:55px;background:rgba(3,5,5,.94);visibility:hidden;opacity:0;transition:opacity 220ms ease}.gallery-modal.is-open{visibility:visible;opacity:1}.gallery-modal img{max-width:min(92vw,980px);max-height:82vh;object-fit:contain;transform:scale(.97);transition:transform 220ms ease}.gallery-modal.is-open img{transform:scale(1)}.gallery-close{position:absolute;top:22px;right:28px;width:38px;height:38px;border:1px solid rgba(245,245,238,.55);border-radius:50%;background:transparent;color:#f5f5ee;font-size:29px;line-height:1;cursor:pointer}.gallery-close:hover{border-color:var(--orange);color:var(--orange)}body.gallery-open{overflow:hidden}body.dark-mode .gallery{background:#0c0d0d}@media(max-width:800px){.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 160px 160px;gap:9px}.gallery-tall{grid-row:span 2}.gallery-wide{grid-column:span 2}.gallery-close{top:16px;right:16px}.gallery-modal{padding:30px 16px}}