#intro.archipel-home-banner { position: relative; isolation: isolate; height: auto; min-height: min(900px, 100svh); display: flex; align-items: center; padding: 11rem 0 7rem; color: var(--archipel-stone); background: var(--archipel-anthracite); }
.archipel-home-slides { position: absolute; inset: 0; z-index: -2; }
.archipel-home-slide, .archipel-home-slide img { width: 100%; height: 100%; }
.archipel-home-slide img { display: block; object-fit: cover; }
.archipel-home-banner::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(47, 48, 43, .72) 0, rgba(47, 48, 43, .72) max(45%, 42rem), transparent 100%); }
#intro.archipel-home-banner h1 { max-width: 38rem; margin-bottom: 1.5rem; color: inherit; font-size: clamp(3rem, 6vw, 5.5rem); }
.archipel-home-description { max-width: 35rem; font-size: .95rem; }
.archipel-home-discover { color: inherit; border-color: currentColor; font-size: .75rem; letter-spacing: .18em; }
.archipel-home-discover:hover { color: inherit; }
.archipel-home-banner a:focus-visible, .archipel-home-banner button:focus-visible { outline-color: var(--archipel-stone); }
.archipel-home-banner-bottom { position: absolute; bottom: 2rem; left: 0; right: 0; display: flex; align-items: start; flex-direction: column; gap: .5rem; }
.archipel-home-controls { display: flex; gap: .75rem; }
.archipel-home-controls button { color: inherit; background: transparent; border: 0; border-bottom: 1px solid transparent; min-width: 44px; min-height: 44px; padding: .5rem; font: 400 .75rem/1.5 'Lora', Georgia, serif; letter-spacing: .15em; }
.archipel-home-controls button[aria-current] { border-bottom-color: currentColor; }
.archipel-home-controls .archipel-home-playback { display: inline-flex; align-items: center; justify-content: center; letter-spacing: 0; }
.archipel-home-playback svg { width: 20px; height: 20px; fill: currentColor; }
.archipel-home-playback[data-home-playing="true"] .archipel-icon-play,
.archipel-home-playback[data-home-playing="false"] .archipel-icon-pause { display: none; }
.archipel-home-caption { margin: 0; max-width: 20rem; font-size: .75rem; line-height: 1.4; }
.archipel-home-banner [hidden] { display: none; }
.archipel-home-editorial { padding: 5rem 0; }
.archipel-home-editorial-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 5rem; align-items: center; }
.archipel-home-editorial-media { position: relative; min-width: 0; padding: 0 3rem 3rem 0; }
.archipel-home-image { display: block; width: 100%; height: auto; }
.archipel-home-detail { position: absolute; width: 40%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; bottom: 1.5rem; right: 0; border: 3px solid var(--archipel-stone); }
.archipel-home-media-caption { margin: .5rem 0 0; max-width: calc(60% - 1rem); font-size: .75rem; line-height: 1.4; }
.archipel-home-editorial-copy h2 { margin-bottom: 1.5rem; }
.archipel-home-editorial-copy > p:not(.archipel-eyebrow) { font-size: .95rem; }
.archipel-home-reversed .archipel-home-editorial-grid { grid-template-columns: 1fr 1.35fr; }
.archipel-home-reversed .archipel-home-editorial-copy { order: 1; }
.archipel-home-reversed .archipel-home-editorial-media { order: 2; padding: 0 0 3rem 3rem; }
.archipel-home-reversed .archipel-home-detail { right: auto; left: 0; }
.archipel-home-reversed .archipel-home-media-caption { margin-left: calc(40% + .5rem); max-width: calc(60% - .5rem); }
.archipel-home-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 2rem 0 0; }
.archipel-home-features li { display: flex; flex-direction: column; gap: .75rem; padding: .25rem .5rem; text-align: center; font-size: .75rem; line-height: 1.6; text-transform: uppercase; letter-spacing: .1em; }
.archipel-home-features li + li { border-left: 1px solid var(--archipel-taupe); }
.archipel-home-features i { font-size: 2rem; color: #6b665d; }
.archipel-home-features .archipel-icon { width: 32px; height: 32px; align-self: center; color: #6b665d; }
.archipel-home-booking { text-align: center; padding: 2rem 0; }
@media (max-width: 991.98px) {
    .archipel-home-editorial-grid, .archipel-home-reversed .archipel-home-editorial-grid { grid-template-columns: 1fr; gap: 2rem; }
    .archipel-home-reversed .archipel-home-editorial-media { order: 0; }
    .archipel-home-editorial-copy { max-width: 42rem; }
}
@media (max-width: 575.98px) {
    #intro.archipel-home-banner { min-height: 620px; padding: 9rem 0 8rem; }
    .archipel-home-banner::before { background: linear-gradient(90deg, rgba(47, 48, 43, .8), rgba(47, 48, 43, .72)); }
    #intro.archipel-home-banner h1 { font-size: 3.5rem; }
    .archipel-home-banner-bottom { bottom: 1.5rem; align-items: start; flex-direction: column; gap: .5rem; }
    .archipel-home-controls { gap: .1rem; }
    .archipel-home-caption { max-width: 100%; text-align: left; font-size: .75rem; }
    .archipel-home-editorial { padding: 2.5rem 0; }
    .archipel-home-editorial-media { padding-right: 1.5rem; padding-bottom: 2rem; }
    .archipel-home-reversed .archipel-home-editorial-media { padding-left: 1.5rem; padding-bottom: 2rem; }
    .archipel-home-detail { width: 40%; bottom: 1rem; }
}