.page-hero--hotels{background:var(--color-bg-alt)}
.hotel-archive{display:grid;gap:34rem}
.hotel-archive-card{display:grid;grid-template-columns:520rem minmax(0,1fr);gap:42rem;align-items:stretch;background:var(--color-surface);border:1rem solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;transition:transform 220ms var(--ease),box-shadow 220ms var(--ease),border-color 220ms var(--ease)}
.hotel-archive-card:hover{transform:translateY(-3rem);border-color:rgba(166,78,47,.42);box-shadow:var(--shadow-panel)}
.hotel-archive-card--reverse{grid-template-columns:minmax(0,1fr) 520rem}
.hotel-archive-card--reverse .hotel-archive-card__media{order:2}
.hotel-archive-card--reverse .hotel-archive-card__content{order:1}
.hotel-archive-card__media{display:block;min-height:360rem;overflow:hidden;background:var(--color-bg-alt)}
.hotel-archive-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 420ms var(--ease)}
.hotel-archive-card:hover .hotel-archive-card__media img{transform:scale(1.03)}
.hotel-archive-card__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42rem}
.hotel-archive-card__content h2{font-size:34rem}
.hotel-archive-card__content p:not(.eyebrow){margin-top:22rem;font-size:19rem;color:var(--color-muted)}
.hotel-archive-card__meta{display:flex;gap:10rem;flex-wrap:wrap;margin-top:18rem}
.hotel-archive-card__meta span{border:1rem solid var(--color-border);border-radius:999rem;padding:8rem 12rem;background:var(--color-bg);font:700 12rem/1 var(--font-sans);color:var(--color-primary)}
.hotel-archive-card .button{margin-top:28rem}

@media (max-width:1024px){
    .hotel-archive-card,.hotel-archive-card--reverse{grid-template-columns:1fr}
    .hotel-archive-card--reverse .hotel-archive-card__media,.hotel-archive-card--reverse .hotel-archive-card__content{order:initial}
    .hotel-archive-card__media{min-height:300rem}
}

@media (max-width:600px){
    .hotel-archive{gap:22rem}
    .hotel-archive-card__content{padding:24rem}
    .hotel-archive-card__content h2{font-size:27rem}
    .hotel-archive-card__media{min-height:230rem}
}