/* The scenery never translates, zooms, crossfades or changes on scroll. */
.experiences-page{background:var(--deep);color:var(--paper);isolation:isolate}
.experiences-background{position:fixed;inset:0 0 auto;height:100lvh;overflow:hidden;z-index:-1;pointer-events:none;background:var(--deep)}
.experiences-background img{width:100%;height:100%;object-fit:cover;object-position:58% 50%}
.experiences-background::after{content:'';position:absolute;inset:0;background:rgba(1,25,48,.45)}
.experiences-page main{position:relative}
.experiences-page .collection-intro{display:flex;align-items:center;min-height:calc(100svh - var(--header-h));padding-top:52px;padding-bottom:72px}
.experiences-page .collection-intro__copy{width:min(100%,760px);padding:0}
.experiences-page .collection-intro h1{max-width:11ch}
.experiences-page .collection-intro__image{display:none}
.experiences-page h1,.experiences-page .collection-name,.experiences-page .collection-lead,.experiences-page .collection-section h2,.experiences-page .offering-card h3{color:var(--paper)}
.experiences-page .collection-section__heading{border-color:#ffffff55}
.experiences-page .collection-section__heading>span,.experiences-page .offering-card p{color:#edf0f5}
.experiences-page .collection-section{padding-top:40px;padding-bottom:88px}
.experiences-page .collection-grid{display:flex;flex-direction:column;gap:clamp(80px,14svh,160px)}
.experiences-page .offering-card{width:min(66%,780px);align-self:flex-start}
.experiences-page .offering-card:nth-child(even){align-self:flex-end}
.experiences-page .collection-grid--experiences .offering-card .offering-card__media{height:auto;aspect-ratio:4/3}
.experiences-page .collection-intro__copy,.experiences-page .offering-card h3,.experiences-page .offering-card p,.experiences-page .collection-section__heading,.experiences-page .collection-cta h2{ text-shadow:0 2px 12px rgba(0,15,32,.6)}
.experiences-page .offering-card__media{isolation:isolate}
.experiences-page .collection-cta{position:relative;margin-top:20px;background:transparent;min-height:40svh;border-top:1px solid #ffffff30}
.experiences-page .foot{background:transparent}
.experiences-page .masthead.is-paper{background:var(--deep)}
.experiences-page .masthead.is-paper .primary a{color:white}
.experiences-page .masthead.is-paper .brand-type--white{display:block}
.experiences-page .masthead.is-paper .brand-type--black{display:none}
.experiences-page .masthead.is-paper .hamburger__bar{background:white}
.experiences-page :focus-visible{outline-color:#ffb5e4}
.lx-motion .lx-line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.lx-motion .lx-line__inner{display:block}
.lx-motion .experiences-page .offering-card__media{transform-origin:50% 65%}
.lx-motion .experiences-page .offering-card__media>img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;transition:none}
.lx-desktop .experiences-page .collection-section{height:100vh;max-width:none;padding:0;overflow:hidden}
.lx-desktop .experiences-page .collection-section__heading{position:absolute;left:3vw;bottom:28px;right:auto;z-index:3;border:0;margin:0;padding:0;display:block;max-width:16vw}
.lx-desktop .experiences-page .collection-section__heading h2{font-size:14px;line-height:1.4;letter-spacing:0;margin-bottom:12px}
.lx-desktop .experiences-page .collection-grid{position:absolute;inset:0;display:block}
.lx-desktop .experiences-page .offering-card{position:absolute;left:0;top:0;width:53%;transform-origin:0 0}
.lx-desktop .experiences-page .collection-grid .offering-card .offering-card__media{height:calc(100vh - var(--header-h) - 84px);aspect-ratio:auto}
.lx-desktop .experiences-page .offering-card h3,.lx-desktop .experiences-page .offering-card p{position:absolute;left:calc(100% + 26px);width:38%;margin:0;top:40%}
.lx-desktop .experiences-page .offering-card h3{font-size:clamp(18px,1.6vw,26px)}
.lx-desktop .experiences-page .offering-card p{top:55%;font-size:clamp(16px,1.2vw,20px);line-height:1.45}
.lx-story-controls{position:absolute;left:3vw;bottom:120px;display:flex;gap:10px;z-index:4}
.lx-story-controls button{border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;color:white;font:22px var(--sans)}
.lx-story-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:1099px),(hover:none),(pointer:coarse){
 .experiences-page .collection-grid--experiences .offering-card .offering-card__media{height:70vh;height:70svh;aspect-ratio:auto}
}
@media(hover:hover){
 .experiences-page .offering-card:hover img{transform:none}
 .experiences-page .offering-card__arrow{transition:translate .2s ease}
 .experiences-page .offering-card:hover .offering-card__arrow{translate:3px -3px}
 .experiences-page .collection-button{transition:translate .2s ease,background .2s ease}
 .experiences-page .collection-button:hover{translate:0 -2px}
}
@media(max-width:600px){
 .experiences-page .collection-intro{padding-top:40px;padding-bottom:64px;min-height:calc(92svh - var(--header-h))}
 .experiences-page .collection-intro__copy{padding:0}
 .experiences-page .collection-grid{gap:clamp(72px,12svh,112px)}
 .experiences-page .offering-card{width:86%}
 .experiences-page .collection-section{padding-bottom:52px}
 .experiences-background img{object-position:62% 50%}
}
@media(prefers-reduced-motion:reduce){
 .experiences-page .offering-card__arrow,.experiences-page .collection-button{transition:none}
 .experiences-page .offering-card:hover .offering-card__arrow,.experiences-page .collection-button:hover{translate:none}
}
/* A fixed collection stage; the focused offering supplies the scenery. */
.experiences-background .lx-background-layer{position:absolute;inset:0;width:100%;height:100%}
.experiences-background::after{z-index:2}
.lx-mobile-story .experiences-page .collection-section{height:100svh;max-width:none;padding:0;overflow:hidden}
.lx-mobile-story .experiences-page .collection-section__heading{position:absolute;top:20px;left:var(--gutter);right:var(--gutter);margin:0;padding:12px 0;z-index:10}
.lx-mobile-story .experiences-page .collection-section__heading h2{font-size:clamp(18px,3vw,26px)}
.lx-mobile-story .experiences-page .collection-grid{position:absolute;inset:0;display:block}
.lx-mobile-story .experiences-page .offering-card{position:absolute;top:90px;left:var(--gutter);width:calc(100% - var(--gutter)*2);max-width:700px}
.lx-mobile-story .experiences-page .offering-card:nth-child(even){left:auto;right:var(--gutter)}
.lx-mobile-story .experiences-page .collection-grid .offering-card .offering-card__media{height:calc(100svh - 280px);min-height:120px;aspect-ratio:auto}
.lx-mobile-story .experiences-page .offering-card h3{margin-top:18px;font-size:clamp(20px,3vw,28px)}
.lx-mobile-story .experiences-page .offering-card p{max-width:48ch;font-size:clamp(16px,2vw,20px)}
@media(max-height:540px) and (min-width:600px){
 .lx-mobile-story .experiences-page .offering-card{top:76px;max-width:none;display:grid;grid-template-columns:48% 1fr;gap:0 24px}
 .lx-mobile-story .experiences-page .collection-grid .offering-card .offering-card__media{height:calc(100svh - 108px);grid-row:1/3}
 .lx-mobile-story .experiences-page .offering-card h3{align-self:end;margin:0 0 10px}
 .lx-mobile-story .experiences-page .offering-card p{margin:0;align-self:start}
}

.lx-mobile-story .lx-story-controls{left:var(--gutter);bottom:20px}

.lx-progress-plane{position:absolute;top:0;left:0;width:52px;height:29px;object-fit:contain;z-index:12;pointer-events:none;transform-origin:center}
