.trs-page-exp__hero {
background: var(--trs-offwhite);
text-align: center;
padding-top: var(--trs-space-2xl);
padding-bottom: var(--trs-space-sm);
}
.trs-page-exp__title {
font-size: var(--trs-fs-h1);
max-width: 820px;
margin: 0 auto;
line-height: var(--trs-lh-tight);
} .trs-exp-gallery {
overflow: hidden;
background: var(--trs-offwhite);
padding: var(--trs-space-lg) 0;
}
.trs-exp-gallery__track {
display: flex;
align-items: center;
gap: clamp(8px, 1.5vw, 16px);
width: max-content;
animation: trs-gallery-scroll 60s linear infinite;
will-change: transform;
}
.trs-exp-gallery__track:hover { animation-play-state: paused; }
.trs-exp-gallery__item {
flex-shrink: 0;
border-radius: 2px;
overflow: hidden;
}
.trs-exp-gallery__item img {
display: block;
height: auto;
max-height: 300px;
width: auto;
max-width: clamp(200px, 30vw, 480px);
object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
.trs-exp-gallery__track { animation: none; }
} .trs-exp-accroche {
background: var(--trs-offwhite);
text-align: center;
padding-top: var(--trs-space-l);
padding-bottom: var(--trs-space-md);
}
.trs-exp-accroche__title {
font-size: var(--trs-fs-h2);
max-width: 720px;
margin: 0 auto;
}
.trs-exp-accroche__subtitle {
max-width: 620px;
margin: var(--trs-space-sm) auto var(--trs-space-md);
} .trs-exp-accroche .trs-riads-filters { margin-top: var(--trs-space-md); }
.trs-exp-accroche .trs-riads-filters__btn {
text-decoration: none;
display: inline-block;
} .trs-exp-accroche .trs-riads-filters__btn.is-active {
color: var(--trs-black);
}
.trs-exp-accroche .trs-riads-filters__btn.is-active::after {
width: 100%;
}  .trs-exp-row__img-link {
position: relative;
display: block;
overflow: hidden;
border-radius: 2px;
aspect-ratio: 3 / 4;
text-decoration: none;
flex: 1;
}
.trs-exp-row__img-link img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 600ms var(--trs-ease);
} .trs-exp-row__img-link:hover img {
transform: scale(1.05);
} .trs-exp-row__images {
display: flex;
gap: clamp(8px, 1.5vw, 16px);
} @media (min-width: 768px) {
.trs-exp-gallery__item img { max-height: 550px; } .trs-exp-row__images.trs-riad-row__images--one .trs-exp-row__img-link {
aspect-ratio: 4 / 3;
}
}
@media (min-width: 1024px) { .trs-exp-row__images.trs-riad-row__images--two .trs-exp-row__img-link:first-child {
flex: 1.4;
}
}