#lodges.exp-lodge-showcase {
    --lodge-gold: var(--section-accent, #f4c460);
    background: var(--section-bg, #032819);
    color: var(--section-text, #f8f7f1);
    padding-block: var(--section-pad, clamp(44px,7vh,94px));
    text-align: var(--section-align, left);
}
#lodges.exp-lodge-showcase .exp-shade {
    background: linear-gradient(90deg, var(--section-gradient, #041a10f5), rgb(4 26 16 / var(--overlay,.85)) 39%, #04190d26 76%, transparent);
}
#lodges.exp-lodge-showcase .has-vignette {box-shadow: inset 0 0 100px #02100880;}
#lodges.exp-lodge-showcase .exp-inner {width: min(90%,1366px); max-width: none; padding: 0; display: block;}
#lodges.exp-lodge-showcase .exp-eyebrow,
.exp-lodge-route {display: flex; align-items: center; gap: 13px; color: inherit; text-transform: uppercase; letter-spacing: .2em; font-size: 13px; font-weight: 700;}
#lodges.exp-lodge-showcase .exp-eyebrow::after {content: ""; width: clamp(35px,8vw,130px); height: 1px; background: var(--lodge-gold);}
#lodges.exp-lodge-showcase .exp-title {font-size: var(--title-size,clamp(42px,5vw,78px)); line-height: .99; max-width: var(--title-width, 16ch); margin: 0;}
#lodges.exp-lodge-showcase .exp-title em {display: block; font-style: italic; color: var(--lodge-gold); margin-top: 6px;}
#lodges.exp-lodge-showcase .exp-description {font-size: clamp(16px,1.4vw,22px); max-width: 47ch; margin: 17px 0 22px; color: inherit;}
.exp-lodge-features {display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 0 24px; gap: 10px 0;}
.exp-lodge-features li {display: flex; align-items: center; gap: 8px; padding: 0 13px; border-inline-end: 1px solid #f4c46075; font-size: 13px; font-weight: 650;}
.exp-lodge-features li:first-child {padding-inline-start: 0;}
.exp-lodge-features li:last-child {border: 0;}
.exp-lodge-features svg {display: block; width: 26px; height: 26px; color: var(--lodge-gold);}
.exp-lodge-route::before {content: "▸"; color: var(--lodge-gold);}
.exp-lodge-strip {display: grid; align-items: center; grid-template-columns: auto minmax(0,1fr) auto; gap: 8px; width: min(100%, 960px);}
.exp-lodge-track {
    display: flex; position: relative; gap: var(--enc-gap, 12px);
    overflow: auto hidden; overscroll-behavior-inline: contain; scroll-snap-type: x proximity;
    padding: 9px 7px 13px; scrollbar-width: none; grid-column: 2;
}
.exp-lodge-track.is-dragging {scroll-snap-type: none; cursor: grabbing; user-select: none;}
.exp-lodge-tile {
    display: flex; flex-direction: column; flex: 0 0 calc((100% - 3 * var(--enc-gap,12px)) / 4);
    min-width: 0; padding: 8px; gap: 7px; scroll-snap-align: start;
    background: #05251bf2; border: 2px solid var(--enc-border,#c9d9a04f); border-radius: var(--enc-radius,18px);
    transition: transform .36s, border-color .36s, box-shadow .36s;
}
.exp-lodge-tile.is-selected {border-color: var(--lodge-gold); box-shadow: 0 0 12px #efbd5355;}
.exp-lodge-tile > :is(.exp-photo,.exp-placeholder) {aspect-ratio: 16 / 9; border-radius: 10px; cursor: grab;}
.exp-lodge-tile h3 {font-size: 15px; margin: 0;}
.exp-lodge-tile h3 button {min-height: 36px;}
.exp-lodge-tile p {font-size: 13px; margin: 0;}
#lodges.exp-lodge-showcase .exp-lodge-tile .exp-button,
.exp-lodge-tile [data-lodge-gallery] {
    align-self: flex-start; min-height: 35px; padding: 4px 10px;
    font-size: 12px; border: 1px solid var(--lodge-gold); border-radius: 24px; background: #06251b; color: #fff;
}
.exp-lodge-strip > button,.exp-lodge-pause {width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--lodge-gold); background: #042217; color: #fff; font-size: 24px; cursor: pointer;}
.exp-lodge-pause {width: auto; border-radius: 22px; padding: 0 14px; font-size: 13px;}
#lodges.exp-lodge-showcase .exp-actions {margin-top: 15px;}
#lodges.exp-lodge-showcase .exp-actions .exp-button {background: var(--button-bg,linear-gradient(#ffda86,#efb53f)); color: var(--button-text,#16270f);}
#lodges.exp-lodge-showcase .exp-actions .exp-button:hover {background: var(--button-hover,#ffda86);}
.exp-lodge-showcase :focus-visible {outline: 2px solid var(--lodge-gold); outline-offset: 2px;}
.exp-lodge-gallery .exp-photo {float: none; width: 100%; height: min(62vh, 500px); margin: 12px 0;}
.exp-lodge-gallery .exp-photo[hidden] {display: none;}
.exp-lodge-gallery img {object-fit: contain;}
@media (hover:hover) {
    .exp-lodge-showcase.exp-hover-enabled .exp-lodge-tile:hover {transform: translateY(-4px); border-color: var(--lodge-gold);}
    .exp-lodge-showcase.exp-hover-enabled .exp-lodge-tile:hover img {transform: scale(var(--hover-zoom,1.05));}
}
@media (max-width: 1000px) {.exp-lodge-tile {flex-basis: calc((100% - 2 * var(--enc-gap,12px)) / 3);}}
@media (max-width: 750px) {
    #lodges.exp-lodge-showcase .exp-shade {background: linear-gradient(0deg,#031b12fa 30%, #041e15bb 65%,#04190d20);}
    #lodges.exp-lodge-showcase {padding-top: max(100px,22vh);}
    .exp-lodge-features {display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
    .exp-lodge-features li {padding: 0 8px 0 0; border: 0;}
    .exp-lodge-tile {flex-basis: 47%;}
}
@media (max-width: 520px) {
    .exp-lodge-tile {flex-basis: 76%;}
    .exp-lodge-strip > button {width: 32px; height: 38px;}
    .exp-lodge-strip {gap: 3px;}
}