/* More outdoor motion, in the established AREFFA ice-blue exhibition. */
.film-outdoors{overflow:clip;padding-bottom:0}
.atmosphere-panorama.is-story-ready{--story-length:145svh}
.atmosphere-mosaic.is-story-ready{--story-length:150svh}
.atmosphere-last.is-story-ready{--story-length:140svh}
.atmosphere-panorama .story-stage{display:flex;align-items:center;justify-content:center;padding:30px 0}
.panorama-screen{width:min(100%,calc((100svh - 160px)*1.7778));margin-inline:auto}
.atmosphere-media>video{aspect-ratio:16/9;object-fit:contain}
.atmosphere-media{background:#bdd9e9;border-radius:26px;box-shadow:0 26px 60px #665d8a24}
.atmosphere-panorama .atmosphere-summit{border-radius:74px 22px 74px 22px}
.atmosphere-caption{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin:20px 6px 0;color:#67418d}
.atmosphere-caption>span{font:700 11px/1.6 Arial,sans-serif;letter-spacing:.1em}
.atmosphere-caption>p{font-size:17px;line-height:1.7;font-weight:600;margin:0}
.atmosphere-caption>a{font-size:15px;font-weight:600;white-space:nowrap}
.atmosphere-caption b{font-size:22px;margin-left:20px}
.atmosphere-mosaic .story-stage{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px 45px;align-content:center;padding:30px 0}
.mosaic-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:5px}
.mosaic-heading h3{font-size:clamp(34px,4.3vw,58px);line-height:1.25;letter-spacing:-.055em;color:#60329a}
.mosaic-heading h3>span{color:#9670ba}
.mosaic-heading>p{font-size:18px;line-height:1.85;color:#6c607d;margin:0}
.mosaic-heading .film-eyebrow{margin-bottom:15px}
.mosaic-wide{width:100%;max-width:calc((100svh - 310px)*1.7778);justify-self:start}
.mosaic-offset{width:100%;padding-top:40px;transform:translateY(calc(22px - var(--story-progress,0)*44px))}
.mosaic-offset .atmosphere-media{border-radius:62px 18px 18px 62px}
.mosaic-wide .atmosphere-media{border-radius:22px 76px 22px 58px}
.mosaic-offset .atmosphere-caption{display:block;margin-top:18px}
.mosaic-offset .atmosphere-caption>p{margin-top:7px;font-size:17px}
.mosaic-wide .atmosphere-caption>p{font-size:17px}
.atmosphere-finale{overflow:clip;background:radial-gradient(ellipse at 22% 50%,#e8f5fbaf,transparent 60%),linear-gradient(180deg,#cbdfea,#d9eaf3);padding:0 0 25px}
.atmosphere-last .mosaic-wide .film-media{border-radius:90px 24px 24px 24px}
.atmosphere-last .mosaic-offset .film-media{border-radius:20px 20px 72px 20px}
.atmosphere-last .mosaic-offset{transform:translateY(calc(26px - var(--story-progress,0)*52px));padding-top:60px}
.atmosphere-last .mosaic-heading{margin-bottom:15px}
.story-pack .film-media-pack>video{aspect-ratio:16/9}
.story-pack .film-screen-column{width:min(100%,calc((100svh - 145px)*1.7778))}
.story-pack .film-under{margin-top:16px;display:flex}
.utility-films{padding:25px 0 70px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);gap:40px;align-items:center;border-bottom:1px solid #7f6ca92e}
.utility-intro h3{font-size:32px;line-height:1.4;letter-spacing:-.04em;margin-bottom:20px;color:#60329a}
.utility-intro>p:last-child{font-size:17px;line-height:1.85;color:#6c607d}
.utility-movies{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}
.utility-angle{padding-top:70px}
.utility-packing .film-media{border-radius:18px 55px 18px 18px}
.utility-angle .film-media{border-radius:50px 18px 18px 18px}
.utility-films .atmosphere-caption{display:block;margin:15px 3px 0}
.utility-films .atmosphere-caption>p{font-size:15px;margin-top:6px}
.utility-films .atmosphere-caption>span{font-size:10px}
.utility-films .film-toggle{width:44px;height:44px;right:12px;bottom:12px}
.atmosphere-media .film-toggle{backdrop-filter:blur(12px);background:#34233d6b}
.atmosphere-media .film-toggle:hover{background:#6537a4d9}
@media(min-width:761px) and (max-height:780px){
 .atmosphere-mosaic .story-stage{gap:18px 35px;padding-block:20px}
 .mosaic-heading h3{font-size:36px}
 .mosaic-heading .film-eyebrow{font-size:12px;margin-bottom:9px}
 .mosaic-heading>p{font-size:17px}
 .mosaic-heading{margin:0}
 .mosaic-offset{padding-top:30px}
 .mosaic-wide{max-width:calc((100svh - 305px)*1.7778)}
 .atmosphere-caption{margin-top:15px}
 .atmosphere-mosaic .atmosphere-caption>p{font-size:15px}
 .atmosphere-last .mosaic-offset{padding-top:35px}
}
@media(max-width:1000px){
 .atmosphere-mosaic .story-stage{gap:24px}
 .mosaic-heading h3{font-size:37px}
 .mosaic-heading>p{font-size:16px}
 .mosaic-wide .atmosphere-caption{display:block}
 .mosaic-wide .atmosphere-caption>p{margin-top:7px}
 .utility-films{grid-template-columns:1fr;gap:26px}
 .utility-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:center}
 .utility-intro>.film-eyebrow{grid-column:1/-1}
 .utility-intro h3{margin:0}
 .utility-angle{padding-top:45px}
 .panorama-screen .atmosphere-caption>a{display:none}
}
@media(max-width:760px),(max-height:620px){
 .atmosphere-panorama .story-stage,.atmosphere-mosaic .story-stage{position:static;height:auto;min-height:0;display:flex;flex-direction:column;gap:30px;padding:40px 0 55px;align-items:stretch}
 .atmosphere-panorama.is-story-ready,.atmosphere-mosaic.is-story-ready{height:auto}
 .panorama-screen{width:100%;max-width:none}
 .mosaic-wide{width:100%;max-width:none}
 .mosaic-offset,.atmosphere-last .mosaic-offset{width:88%;padding-top:5px;align-self:flex-end;transform:none}
 .mosaic-heading{display:block;margin:0}
 .mosaic-heading h3{font-size:34px;line-height:1.35}
 .mosaic-heading>p{font-size:17px;line-height:1.85;margin-top:20px}
 .mosaic-heading .film-eyebrow{font-size:11px;margin-bottom:18px}
 .atmosphere-caption,.story-chapter .atmosphere-caption{display:block;margin:15px 3px 0}
 .atmosphere-caption>p,.story-chapter .atmosphere-caption>p{font-size:15px;margin-top:6px}
 .atmosphere-caption>span{font-size:10px}
 .atmosphere-panorama .atmosphere-media{border-radius:42px 16px 42px 16px!important}
 .atmosphere-mosaic .mosaic-wide .atmosphere-media{border-radius:17px 47px 17px 35px!important}
 .atmosphere-mosaic .mosaic-offset .atmosphere-media{border-radius:35px 17px 17px 35px!important}
 .atmosphere-finale{padding-bottom:20px}
 .utility-films{padding:15px 0 50px;gap:30px}
 .utility-intro{display:block}
 .utility-intro h3{font-size:29px;margin-bottom:19px}
 .utility-intro>p:last-child{font-size:17px}
 .utility-movies{grid-template-columns:1fr;gap:30px}
 .utility-angle{width:88%;justify-self:end;padding:0}
 .utility-films .atmosphere-caption>p{font-size:15px}
 .utility-films .film-toggle{width:42px;height:42px}
 .story-pack .film-screen-column{width:100%}
 .story-pack .film-under{display:flex}
}
@media(prefers-reduced-motion:reduce){
 .atmosphere-panorama .story-stage,.atmosphere-mosaic .story-stage{position:static;height:auto;padding-block:55px}
 .atmosphere-panorama.is-story-ready,.atmosphere-mosaic.is-story-ready{height:auto}
 .panorama-screen,.mosaic-wide{width:100%;max-width:none}
 .mosaic-offset,.atmosphere-last .mosaic-offset{transform:none}
}