/* Section 3 - Gallery. Proportions from the recording. */
.gallery{background:#F5F1E9;padding:112px 0}
.gallery .container{max-width:1280px}
.gallery__grid{display:flex;gap:10px;height:580px}
.gallery__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}

/* column split ratios (top : bottom) */
.gallery__col:nth-child(1) .gallery__tile:nth-child(1){flex:118}
.gallery__col:nth-child(1) .gallery__tile:nth-child(2){flex:286}
.gallery__col:nth-child(2) .gallery__tile:nth-child(1){flex:286}
.gallery__col:nth-child(2) .gallery__tile:nth-child(2){flex:120}
.gallery__col:nth-child(3) .gallery__tile:nth-child(1){flex:210}
.gallery__col:nth-child(3) .gallery__tile:nth-child(2){flex:195}

.gallery__tile{position:relative;margin:0;min-height:0;overflow:hidden;border-radius:20px;background:#e6e0d3}
.gallery__media{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.gallery__tile:hover .gallery__media{transform:scale(1.05)}

.gallery__label{position:absolute;inset:auto 0 0 0;padding:48px 24px 22px;background:linear-gradient(0deg, rgba(0, 0, 0, .95), rgba(0, 0, 0, 0)); color:#fff;font:300 20px/1.2 "Jost",sans-serif;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.gallery__tile:hover .gallery__label,
.gallery__tile:focus-within .gallery__label{opacity:1;transform:none}
@media (hover:none){.gallery__label{opacity:1;transform:none;font-size:16px;padding:36px 16px 14px}}

@media (max-width:1023px){
  .gallery{padding:72px 0}
  .gallery__grid{height:auto;display:grid;grid-template-columns:1fr 1fr}
  .gallery__col{display:contents}
  .gallery__tile,
  .gallery__col .gallery__tile:nth-child(n){flex:none;aspect-ratio:4/3;border-radius:16px}
}
@media (max-width:599px){
  .gallery{padding:56px 0}
  .gallery__grid{grid-template-columns:1fr}
}