.elementor .s-wgroot{width:100%; display:flex; flex-direction:column; padding:0; gap:0;
& :is(h1,h2,h3,h4,h5,h6,p){margin:0;}
& .wg-sec{width:100%; min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; align-items:center; gap:clamp(var(--DS-Space-3),3vw,var(--DS-Space-5)); padding:clamp(var(--DS-Space-8),7vh,var(--DS-Space-12)) clamp(var(--DS-Space-3),3vw,var(--DS-Space-5)) 0; overflow:hidden;}
& .wg-copy{width:100%; max-width:820px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--DS-Space-2); padding:0;}
& .wg-copy .e-button-base, & .wg-copy > a{margin-top:var(--DS-Space-1);}
& .wg-dark .wg-h2, & .wg-dark .wg-text, & .wg-intro .wg-h2, & .wg-intro .wg-text{color:var(--e-global-color-d3738c0);}
& .wg-light .wg-h2, & .wg-light .wg-text{color:var(--e-global-color-primary,var(--e-global-color-primary));}
& .wg-text{ text-wrap:balance;}
& .wg-note{color:rgba(255,255,255,0.6); font-size:clamp(0.72rem,0.8vw,0.8rem);}
& .wg-intro{position:relative; isolation:isolate; justify-content:flex-start; padding-top:12vh; background:var(--e-global-color-primary) url("https://phxedev.wpenginepowered.com/wp-content/uploads/2026/03/Solid-bluegrey-1.svg") center top / auto 128% no-repeat;}
& .wg-vid{position:relative; width:85%; max-width:1440px; flex:1 1 auto; min-height:min(280px,32vh); padding:0; border-radius:var(--DS-Radius-Card,12px) var(--DS-Radius-Card,12px) 0 0; overflow:hidden; background:var(--e-global-color-primary);}
& .wg-vidw, & .wg-vidw .elementor-widget-container{position:absolute; inset:0; width:100%; height:100%; margin:0;}
& .wg-videl{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
@media (min-height:500px){ & .wg-sec{position:sticky; top:0;} }
@media (max-width:767px){ & .wg-sec{min-height:100vh; min-height:100svh; padding:var(--DS-Space-Section) var(--DS-Space-3) 0;} & .wg-intro{padding-top:var(--DS-Space-Section); padding-bottom:calc(var(--DS-Space-Section) + 78vw); background-position:center bottom; background-size:auto 100vw;} & .wg-vid{width:100%; min-height:56vw; flex:1 1 auto;} }
/* wg4-wide: bonds wing copy wider on desktop so the paragraph runs 2 lines (10/15/26) */
@media (min-width:1025px){ & [data-id=wg4c]{max-width:min(1120px,100%);} & [data-id=wg4x]{text-wrap:pretty;} }
/* wingtips-103026: on tablet/desktop the phoenix art sits on its own layer, lifted 8vh so the wing tips rise over the hero's bottom edge. Phones (767px and below) keep the original bottom-anchored background. */
@media (min-width:768px){
& .wg-intro{background-image:none; overflow:visible; clip-path:inset(-12vh 0 0 0);}
& .wg-intro::before{content:""; position:absolute; z-index:-1; left:50%; top:-8vh; height:128%; aspect-ratio:239.2/238.1; transform:translateX(-50%); background:url("https://phxedev.wpenginepowered.com/wp-content/uploads/2026/03/Solid-bluegrey-1.svg") center top / contain no-repeat; pointer-events:none;}
}
/* chris-qa-110426: the 3 Wings intro panel filled a whole screen with only the phoenix graphic, so the section looked empty until you kept scrolling. It is now shorter, and the first wing (Operating) peeks in below it. */
& .wg-intro{min-height:68dvh !important;}
@media (max-width:767px){ & .wg-intro{min-height:60dvh !important;} }
/* wing-size-110626 (Paige): the 11/4 shorter intro (68dvh) shrank the phoenix (sized at 128% of the section) - size it to at least 110% of the screen height on tablet/desktop so it reads large again */
@media (min-width:768px) and (orientation:landscape){ & .wg-intro::before{height:max(140%, 122vh) !important; top:-22vh !important;} &:not(#mbx) .wg-intro{clip-path:inset(-30vh 0 0 0) !important;} } /* 11/6: bird larger + higher on landscape desktop, tips still rise over the hero */
/* wg-intro-100vh-110626 (Paige): intro section 90% of the screen height on tablet/desktop */
@media (min-width:768px) and (orientation:landscape){ &:not(#mbx) .wg-intro{min-height:90vh !important;} }
/* wing-mobile-layer-110626 (Paige): on phones the phoenix moves to its own layer (same bottom-anchored, screen-width sizing as before) so it can slide/fade in; clipped to the section */
@media (max-width:767px){ & .wg-intro{background-image:none !important; clip-path:inset(0);} & .wg-intro::before{content:""; position:absolute; z-index:-1; left:0; right:0; bottom:0; height:100vw; background:url("https://phxedev.wpenginepowered.com/wp-content/uploads/2026/03/Solid-bluegrey-1.svg") center bottom / auto 100vw no-repeat; pointer-events:none;} }
/* wing-portrait-110626 (Paige): portrait tablets/windows (768px+ portrait) use the phone treatment - bird screen-width, anchored to the section bottom, room reserved under the copy */
@media (min-width:768px) and (orientation:portrait){ &:not(#mbx) .wg-intro{padding-bottom:calc(var(--DS-Space-Section) + 78vw) !important; clip-path:inset(0) !important; background-image:none !important;} &:not(#mbx) .wg-intro::before{left:0 !important; right:0 !important; top:auto !important; bottom:0 !important; width:auto !important; height:100vw !important; aspect-ratio:auto !important; transform:none !important; background:url("https://phxedev.wpenginepowered.com/wp-content/uploads/2026/03/Solid-bluegrey-1.svg") center bottom / auto 100vw no-repeat !important;} }\n}