/* 3D Rotation Cards: the repeater intro is the large, stationary type layer. */
.gui_rotation-cards-scene { --gui-rotation-cards-height: 100vh; position: relative; display: block !important; width: 100%; height: var(--gui-rotation-cards-height); min-height: var(--gui-rotation-cards-height); overflow: visible; isolation: isolate; }
#gui #gui_sub .gui_li.gui_rotation-cards-scene { position: relative; top: auto; }
.gui_rotation-cards-scene > .gui_expander, .gui_rotation-cards-scene > .gui_expander > .gui_body, .gui_rotation-cards-scene > .gui_expander > .gui_body > .gui_expander, .gui_rotation-cards-module, .gui_rotation-cards-module > .gui_expander, .gui_rotation-cards-module > .gui_expander > .gui_body, .gui_rotation-cards-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_rotation-cards-module { position: relative !important; overflow: visible !important; }
.gui_rotation-cards-intro { position: absolute !important; inset: 0 !important; z-index: 1 !important; width: 100% !important; height: 100% !important; pointer-events: none; }
.gui_rotation-cards-intro .gui_expander { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; box-sizing: border-box !important; }
.gui_rotation-cards-intro .gui_title-holder { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; }
.gui_rotation-cards-intro .gui_title, .gui_rotation-cards-intro .gui_subtitle { position: absolute !important; top: 50% !important; bottom: auto !important; display: block !important; width: auto !important; max-width: 88vw !important; margin: 0 !important; font-size: clamp(4rem, 8.2vw, 12rem) !important; line-height: .82 !important; letter-spacing: -.065em; white-space: nowrap; opacity: .92; transform: translateY(-50%); text-wrap: nowrap; will-change: transform; }
.gui_rotation-cards-intro .gui_title { top: 43% !important; right: auto !important; left: clamp(12px, 2vw, 42px) !important; text-align: left; }
.gui_rotation-cards-intro .gui_subtitle { top: 57% !important; right: clamp(12px, 2vw, 42px) !important; left: auto !important; text-align: right; }
.gui_rotation-cards-intro .gui_text-holder { position: absolute !important; z-index: 2; right: auto !important; bottom: clamp(20px, 3vh, 48px) !important; left: clamp(20px, 3vw, 64px) !important; width: min(270px, 28vw) !important; margin: 0 !important; }
.gui_rotation-cards-stage { position: absolute !important; inset: 0 !important; z-index: 5 !important; width: 100% !important; height: 100% !important; perspective: 1600px; transform-style: preserve-3d; }
.gui_rotation-cards-fill, .gui_rotation-cards-list { height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; transform-style: preserve-3d; }
.gui_rotation-cards-scene .gui_rotation-card, #gui #gui_sub .gui_rotation-cards-scene .gui_rotation-card { position: absolute !important; width: min(27vw, 360px) !important; margin: 0 !important; overflow: hidden !important; backface-visibility: hidden; transform-style: preserve-3d; transform-origin: 50% 50%; box-shadow: 0 26px 72px rgba(0,0,0,.24); }
.gui_rotation-card > .gui_expander, .gui_rotation-card > .gui_expander > .gui_body, .gui_rotation-card > .gui_expander > .gui_body > .gui_expander, .gui_rotation-card .gui_module-holder, .gui_rotation-card .gui_module { width: 100% !important; height: 100% !important; min-height: 0 !important; }
.gui_rotation-cards-flow { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.gui_rotation-cards-flow .gui_rotation-cards-module, .gui_rotation-cards-flow .gui_rotation-cards-stage, .gui_rotation-cards-flow .gui_rotation-cards-list { width: 100% !important; height: auto !important; overflow: visible !important; }
.gui_rotation-card-flow-item { position: relative !important; width: 100% !important; height: auto !important; margin-bottom: 1rem; }
@media (max-width: 768px) { .gui_rotation-cards-mobile-full .gui_rotation-cards-intro .gui_title, .gui_rotation-cards-mobile-full .gui_rotation-cards-intro .gui_subtitle { font-size: clamp(3.4rem, 16vw, 7rem) !important; width: 88vw !important; } .gui_rotation-card { width: 84vw !important; } }