.hotel-page .page-hero{background:var(--color-bg-alt)}
.hotel-gallery{background:var(--color-bg-alt)}
.hotel-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:18rem}
.hotel-gallery__item{position:relative;display:block;min-height:240rem;border:1rem solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;background:var(--color-surface);transition:transform 220ms var(--ease),box-shadow 220ms var(--ease),border-color 220ms var(--ease)}
.hotel-gallery__item:first-child{grid-column:span 2;grid-row:span 2}
.hotel-gallery__item:hover{transform:translateY(-3rem);border-color:rgba(193,95,60,.42);box-shadow:var(--shadow-panel)}
.hotel-gallery__item picture,.hotel-gallery__item img{width:100%;height:100%}
.hotel-gallery__item img{position:absolute;inset:0;object-fit:cover;transition:transform 420ms var(--ease)}
.hotel-gallery__item:hover img{transform:scale(1.035)}

@media (max-width:1024px){
    .hotel-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hotel-gallery__item{min-height:220rem}
}

@media (max-width:600px){
    .hotel-gallery__grid{grid-template-columns:1fr;gap:14rem}
    .hotel-gallery__item,.hotel-gallery__item:first-child{grid-column:auto;grid-row:auto;min-height:auto;aspect-ratio:4/3}
}