.gallery-section { background:#f8f4f2; }.gallery-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }.gallery-item { display:block; min-width:0; padding:0; overflow:hidden; border:0; background:#eee2df; cursor:pointer; }.gallery-item img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:1/1; transition:transform .35s ease; }.gallery-item:hover img { transform:scale(1.04); }.gallery-item-1,.gallery-item-4 { grid-row:span 2; }.gallery-item-1 img,.gallery-item-4 img { aspect-ratio:1/2.01; }.gallery-modal { display:none; position:fixed; z-index:50; inset:0; align-items:center; justify-content:center; }.gallery-modal.open { display:flex; }.gallery-backdrop { position:absolute; inset:0; background:rgba(30,22,23,.91); }.gallery-dialog { position:relative; z-index:1; width:min(90vw,520px); text-align:center; }.gallery-dialog img { display:block; width:100%; max-height:79vh; object-fit:contain; }.gallery-dialog p { margin:12px 0; color:#eadbd9; font-family:var(--sans); font-size:11px; }.modal-close,.modal-arrow { position:absolute; z-index:2; border:0; background:transparent; color:#fff; cursor:pointer; }.modal-close { top:-42px; right:0; font-size:31px; font-weight:200; }.modal-arrow { top:50%; font-size:43px; line-height:1; transform:translateY(-50%); }.modal-arrow.prev { left:-34px; }.modal-arrow.next { right:-34px; }
@media (max-width:380px) { .modal-arrow.prev { left:5px; }.modal-arrow.next { right:5px; } }