/* Current G3 pages share their hero frame, not their media geometry or controls.
   Page-owned styles retain video crops, player heights and sticky behaviour. */
.g3-page main{padding-top:44px}
.g3-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:48px;align-items:start;margin-top:0}
.g3-hero .g3-intro{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;max-width:540px;margin:0;text-align:left}
.g3-hero .g3-intro .marker-line{margin:0;font-size:18px;line-height:1.5}
.g3-hero .g3-intro h1{max-width:100%;margin:0;font-size:48px;font-weight:700;line-height:1.06;letter-spacing:-.055em}
.g3-hero .g3-intro .lede{max-width:100%;margin:0;font-size:19px;line-height:1.5;color:#3d3b37}
.g3-hero .g3-intro .sequence-note,.g3-hero .g3-intro>.text-link{margin:0}
.g3-hero .g3-visual{border-radius:28px;background:#fff}
.g3-hero .g3-visual .studio{border-radius:28px 28px 0 0}
.g3-hero.interstate-hero{grid-template-areas:"visual intro" "visual playback";row-gap:24px;margin-bottom:36px}
.g3-hero.interstate-hero .interstate-player{grid-area:visual}
.g3-hero.interstate-hero .interstate-intro{grid-area:intro}
.delivery-playback{grid-area:playback;min-width:0;align-self:start}
.delivery-playback .assembly-controls{justify-content:flex-start;padding:0}
.delivery-playback .assembly-countdown{justify-content:flex-start;padding:4px 0;max-width:440px}
.delivery-playback .assembly-status{margin:10px 0;text-align:left}
.g3-hero.animation-card{row-gap:24px}
@media(min-width:821px) and (max-width:1100px){
 .g3-hero{column-gap:32px}
 .g3-hero .g3-intro h1{font-size:40px}
 .g3-hero .g3-intro .marker-line{font-size:16px}
}
@media(max-width:820px){
 .g3-page main{padding-top:30px}
 .g3-hero{grid-template-columns:minmax(0,1fr);column-gap:0}
 .g3-hero .g3-intro{align-items:center;max-width:540px;width:100%;margin:0 auto;text-align:center;gap:14px}
 .g3-hero .g3-intro .marker-line{font-size:16px}
 .g3-hero .g3-intro h1{font-size:36px;line-height:1.06}
 .g3-hero .g3-intro .lede{font-size:17px;line-height:1.5}
 .g3-hero .g3-intro .chips{justify-content:center}
 .g3-hero .g3-visual{border-radius:24px}
 .g3-hero .g3-visual .studio{border-radius:24px 24px 0 0}
 .g3-hero.interstate-hero{display:grid;grid-template-areas:"intro" "visual" "playback";gap:0;margin-bottom:24px}
 .g3-hero.interstate-hero .g3-intro{margin-bottom:22px}
 .g3-hero.interstate-hero .interstate-player{border-radius:24px 24px 0 0;padding-bottom:0}
 .delivery-playback{background:#fff;border-radius:0 0 24px 24px;padding:10px 14px 20px}
 .delivery-playback .assembly-controls,.delivery-playback .assembly-countdown{justify-content:center}
 .delivery-playback .assembly-status{text-align:center}
 .g3-hero.animation-card{row-gap:0}
 .g3-hero.animation-card .g3-intro{margin-bottom:22px}
 /* The adjustment choices continue the visual's white surface on mobile. */
 .g3-hero.animation-card .g3-visual{border-radius:24px 24px 0 0}
 .g3-hero .adjust-controls{border-radius:0 0 24px 24px}
}