
html.experience-film-ready #experience{min-height:0;padding:110px 0 100px}
html.experience-film-ready #experience .experience-shell{position:static;top:auto}
html.experience-film-ready #experience .section-intro{margin-bottom:34px}
.experience-film-story{width:min(1540px,calc(100% - 80px));display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.72fr);gap:clamp(36px,5vw,78px);align-items:center}
.experience-film-copy{position:relative;min-width:0;min-height:clamp(260px,30vw,440px);display:flex;align-items:center;overflow:hidden}
.experience-film-copy-block{width:100%;transition:opacity 300ms ease,transform 300ms cubic-bezier(.22,.65,.3,1)}
.experience-film-copy-block.is-exiting{opacity:0;transform:translateX(26px)}
.experience-film-copy-block.is-entering{opacity:0;transform:translateX(-26px)}
.experience-film-title{margin:0;color:#17191c;font-size:clamp(3rem,5vw,5.4rem);font-weight:650;letter-spacing:-.065em;line-height:1.02}
.experience-film-subtitle-wrap{min-height:3.2em;max-width:28ch;margin-top:22px;overflow:hidden}
.experience-film-subtitle{margin:0;color:#747c86;font-size:clamp(1.28rem,1.7vw,1.8rem);font-weight:500;letter-spacing:-.035em;line-height:1.28;transition:opacity 300ms ease,transform 300ms cubic-bezier(.22,.65,.3,1)}
.experience-film-subtitle.is-exiting{opacity:0;transform:translateX(24px)}
.experience-film-subtitle.is-entering{opacity:0;transform:translateX(-24px)}
.experience-film-visual{min-width:0}
.experience-film-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:transparent;box-shadow:0 18px 42px -34px #1f2d3e66;isolation:isolate}
.experience-film-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;mix-blend-mode:plus-lighter;transition:opacity 600ms ease}
.experience-film-frame.is-active{opacity:1}
.experience-film-frame[data-fit="cover"]{object-fit:cover}
.experience-film-controls{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-top:17px}
.experience-film-controls .journey-progress{color:#7a818b;font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}


@media(max-width:1100px) and (min-width:801px){.experience-film-story{width:calc(100% - 64px);grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);gap:34px}.experience-film-copy{min-height:320px}.experience-film-title{font-size:clamp(2.7rem,4.4vw,4.2rem)}}
@media(max-width:800px){html.experience-film-ready #experience{padding:92px 0 88px}html.experience-film-ready #experience .section-intro{margin-bottom:38px}.experience-film-story{width:calc(100% - 40px);display:flex;flex-direction:column;align-items:stretch;gap:26px}.experience-film-copy{min-height:0;min-height:220px}.experience-film-title{font-size:clamp(2.6rem,10vw,4.2rem)}.experience-film-subtitle-wrap{min-height:2.8em;margin-top:16px}.experience-film-subtitle{font-size:clamp(1.2rem,5vw,1.5rem)}.experience-film-media{border-radius:6px;box-shadow:none}.experience-film-controls{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.experience-film-copy-block,.experience-film-subtitle,.experience-film-frame{transition-duration:140ms!important;transition-timing-function:linear!important}.experience-film-copy-block.is-exiting,.experience-film-copy-block.is-entering,.experience-film-subtitle.is-exiting,.experience-film-subtitle.is-entering{transform:none}}
