.trs-exp-header {
background: var(--trs-offwhite);
text-align: center;
padding-top: var(--trs-space-2xl);
padding-bottom: var(--trs-space-md);
display: flex;
flex-direction: column;
align-items: center;
gap: var(--trs-space-sm);
}
.trs-exp-header__title {
font-size: var(--trs-fs-h1);
margin: 0;
line-height: var(--trs-lh-tight);
}
.trs-exp-header__reserve {
margin-top: var(--trs-space-xs);
align-self: center;
} .trs-exp-hero-img {
width: 100%;
padding: 0 var(--trs-space-lg);
overflow: hidden;
}
.trs-exp-hero-img img {
width: 100%;
max-height: clamp(280px, 50vw, 550px);
object-fit: cover;
display: block;
border-radius: 2px;
} .trs-exp-tabs {
background: var(--trs-offwhite);
}
.trs-exp-tabs__inner {
display: flex;
flex-direction: column;
gap: var(--trs-space-lg);
} .trs-exp-tabs__nav { flex-shrink: 0; }
.trs-exp-tabs__list {
list-style: none;
margin: 0; padding: 0;
display: flex;
flex-direction: column;
}
.trs-exp-tabs__btn {
display: block;
width: 100%;
text-align: left;
background: none;
border: none;
border-top: 1px solid rgba(28,28,28,.1);
box-shadow: none !important;
border-radius: 0 !important;
cursor: pointer;
padding: var(--trs-space-sm) var(--trs-space-sm); font-family: var(--trs-font-nav);
font-size: var(--trs-fs-h4);
font-weight: 500;
color: rgba(28,28,28,.4);
text-transform: uppercase;
letter-spacing: var(--trs-ls-wide);
line-height: 1;
transition: color var(--trs-dur-fast) ease,
background var(--trs-dur-fast) ease;
}
.trs-exp-tabs__list li:last-child .trs-exp-tabs__btn {
border-bottom: 1px solid rgba(28,28,28,.1);
}
.trs-exp-tabs__btn:hover {
color: var(--trs-black);
box-shadow: none !important;
border-radius: 0 !important;
}
.trs-exp-tabs__btn.is-active {
background: var(--trs-black);
color: var(--trs-offwhite);
border-color: var(--trs-black);
box-shadow: none !important;
border-radius: 0 !important; } .trs-exp-tabs__sep {
display: none; } .trs-exp-tabs__content { flex: 1; min-width: 0; }
.trs-exp-tabs__panel {
display: none;
}
.trs-exp-tabs__panel.is-active {
display: flex;
flex-direction: column;
gap: var(--trs-space-md);
}
.trs-exp-tabs__content-title {
font-size: var(--trs-fs-h4);
font-weight: 500;
color: var(--trs-black);
margin: 0;
}
.trs-exp-tabs__content-text p{
font-size: var(--trs-fs-p-sm);
line-height: var(--trs-lh-relaxed);
color: var(--trs-black);
margin: 0;
}
.trs-exp-tabs__cta { align-self: flex-start; } .trs-exp-single-gallery {
overflow: hidden;
background: var(--trs-offwhite);
padding: var(--trs-space-xl) 0;
}
.trs-exp-single-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-single-gallery__track:hover { animation-play-state: paused; }
@keyframes trs-gallery-scroll {
0%   { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.trs-exp-single-gallery__item {
flex-shrink: 0;
border-radius: 2px;
overflow: hidden;
}
.trs-exp-single-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-single-gallery__track { animation: none; }
} .trs-exp-autres { background: var(--trs-offwhite); } .trs-exp-autres__header {
display: flex;
flex-direction: column;
gap: var(--trs-space-lg);
margin-bottom: var(--trs-space-xl);
}
.trs-exp-autres__title    { margin: 0; }
.trs-exp-autres__subtitle {
margin: var(--trs-space-xs) 0 0;
font-size: var(--trs-fs-p-lg);
line-height: var(--trs-lh-loose);
}
.trs-exp-autres__header-right {
display: flex;
flex-direction: column;
gap: var(--trs-space-sm);
}
.trs-exp-autres__sep {
display: none; }
.trs-exp-autres__cta   { align-self: flex-start; } .trs-exp-autres__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--trs-space-md);
}
.trs-exp-autres__card {
display: block;
text-decoration: none;
}
.trs-exp-autres__card-img {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 2px;
}
.trs-exp-autres__card-img img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover; display: block;
transition: transform 600ms var(--trs-ease);
}
.trs-exp-autres__card:hover .trs-exp-autres__card-img img {
transform: scale(1.05);
}
.trs-exp-autres__card-overlay {
position: absolute; inset: 0;
background: rgba(28,28,28,.4);
transition: background var(--trs-dur-fast) ease;
}
.trs-exp-autres__card:hover .trs-exp-autres__card-overlay {
background: rgba(28,28,28,.55);
}
.trs-exp-autres__card-title {
position: absolute;
bottom: var(--trs-space-md);
left: var(--trs-space-md);
right: var(--trs-space-md);
font-family: var(--trs-font-nav);
font-size: var(--trs-fs-p-lg);
font-weight: 400;
color: var(--trs-offwhite);
line-height: var(--trs-lh-snug);
display: block;
text-transform: none;
z-index: 2;
} @media (min-width: 768px) { .trs-exp-tabs__inner {
flex-direction: row;
align-items: flex-start;
gap: 0;
}
.trs-exp-tabs__nav {
flex: 0 0 clamp(180px, 28%, 300px);
}
.trs-exp-tabs__sep {
display: block;
margin: 0 var(--trs-space-lg);
} .trs-exp-autres__header {
flex-direction: row;
align-items: stretch;
gap: 0;
}
.trs-exp-autres__header-left { flex: 1; }
.trs-exp-autres__sep         { display: block; }
.trs-exp-autres__header-right{ flex: 1; } .trs-exp-single-gallery__item img { max-height: 550px; } .trs-exp-autres__grid {
grid-template-columns: repeat(3, 1fr);
}
}