/* Expanding Media Story scene structure. */
.gui_media-story-scene { --gui-media-story-height: 100vh; display: block !important; width: 100% !important; height: var(--gui-media-story-height) !important; min-height: var(--gui-media-story-height) !important; overflow: hidden !important; isolation: isolate; }
#gui #gui_sub .gui_li.gui_media-story-scene { position: relative; top: auto; }
.gui_media-story-scene > .gui_expander, .gui_media-story-scene > .gui_expander > .gui_body, .gui_media-story-scene > .gui_expander > .gui_body > .gui_expander, .gui_media-story-module, .gui_media-story-module > .gui_expander, .gui_media-story-module > .gui_expander > .gui_body, .gui_media-story-module > .gui_expander > .gui_body > .gui_expander { width: 100% !important; height: 100% !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box !important; }
.gui_media-story-fill { width: 100% !important; height: 100% !important; min-height: 0 !important; }
.gui_media-story-module { position: relative !important; width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; overflow: hidden !important; }
.gui_media-story-module > .gui_expander > .gui_body > .gui_expander { position: relative !important; display: block !important; }
.gui_media-story-intro { position: absolute !important; inset: 0 !important; z-index: 100 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; pointer-events: none; }
.gui_media-story-intro > .gui_expander { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.gui_media-story-intro .gui_title-holder { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.gui_media-story-intro .gui_pre-title { position: absolute !important; top: clamp(18px, 3vh, 48px) !important; left: clamp(20px, 3vw, 64px) !important; width: min(13vw, 220px) !important; max-width: min(13vw, 220px) !important; margin: 0 !important; line-height: 1.2; }
.gui_media-story-intro .gui_title { position: absolute !important; top: var(--gui-media-story-opening-centre-y, 50%) !important; right: calc(100% - var(--gui-media-story-opening-left, 18%) + var(--gui-media-story-title-gap, 20px)) !important; bottom: auto !important; left: clamp(20px, 3vw, 64px) !important; width: auto !important; max-width: none !important; margin: 0 !important; transform: translateY(-50%); font-size: clamp(2.8rem, 5.1vw, 8.4rem) !important; line-height: .86 !important; letter-spacing: -.055em; display: block !important; text-align: right !important; justify-content: flex-end !important; text-wrap: balance; }
.gui_media-story-intro .gui_subtitle { position: absolute !important; top: var(--gui-media-story-opening-centre-y, 50%) !important; right: clamp(20px, 3vw, 64px) !important; bottom: auto !important; left: calc(var(--gui-media-story-opening-right, 82%) + var(--gui-media-story-title-gap, 20px)) !important; width: auto !important; max-width: none !important; margin: 0 !important; transform: translateY(-50%); font-size: clamp(2.8rem, 5.1vw, 8.4rem) !important; line-height: .86 !important; letter-spacing: -.055em; text-align: left; text-wrap: balance; }
.gui_media-story-intro .gui_text-holder { position: absolute !important; top: calc(var(--gui-media-story-top) + clamp(24px, 4vh, 64px)) !important; left: clamp(20px, 3vw, 64px) !important; width: max(150px, calc(var(--gui-media-story-side) - clamp(40px, 6vw, 128px))) !important; max-width: 260px !important; margin: 0 !important; font-size: clamp(1.2rem, 1.15vw, 1.7rem); line-height: 1.45; }
.gui_media-story-intro .gui_btn-holder { display: none !important; }
.gui_media-story-stage { position: absolute !important; inset: 0 !important; z-index: 1 !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; }
.gui_media-story-stage > .gui_list-holder, .gui_media-story-stage > .gui_list-holder > .gui_list, .gui_media-story-stage > .gui_list-holder > .gui_list > ul { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
.gui_media-story-list { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.gui_media-story-list > li { box-sizing: border-box; overflow: hidden; will-change: left, top, width, height, opacity; }
.gui_media-story-list > li img, .gui_media-story-list > li picture { display: block; width: 100%; height: 100%; object-fit: cover; }
.gui_media-story-flow { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.gui_media-story-flow .gui_media-story-module, .gui_media-story-flow .gui_media-story-stage, .gui_media-story-flow .gui_media-story-list { width: 100% !important; height: auto !important; overflow: visible !important; }
.gui_media-story-flow-item { position: relative !important; width: 100% !important; height: auto !important; margin-bottom: 1rem; }
@media (max-width: 768px) { .gui_media-story-mobile-full .gui_media-story-intro { display: none !important; } }