/* Scoped native Divi 5 hero; shared brand values come from the child theme. */
.lg_hero_reel .lgh {background:var(--lg-background-green);padding:52px 32px 76px;color:var(--lg-white);}
.lg_hero_reel .lgh-layout {max-width:1000px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;align-items:start;isolation:isolate;}
.lg_hero_reel .lgh-card {position:relative;z-index:2;margin-top:125px;margin-right:-48px;padding:50px 30px;background:color-mix(in srgb,var(--lg-white) 14%,transparent);border:1px solid color-mix(in srgb,var(--lg-white) 40%,transparent);border-radius:8px;box-shadow:0 2px 18px color-mix(in srgb,var(--lg-green-dark) 30%,transparent);backdrop-filter:blur(5px);}
.lg_hero_reel .lgh-kicker {font:500 12px/1.5 var(--lg-font-ui);text-transform:uppercase;letter-spacing:.15em;color:var(--lg-white);padding:0;margin:0 0 18px;}
.lg_hero_reel .lgh-heading {font:400 clamp(42px,4.7vw,67px)/.95 var(--lg-font-heading);color:var(--lg-white);white-space:pre-line;padding:0;margin:0 0 24px;}
.lg_hero_reel .lgh-intro {font:400 16px/1.65 var(--lg-font-body);color:var(--lg-white);padding:0;margin:0 0 28px;max-width:440px;}
.lg_hero_reel .lgh-actions {display:flex;gap:12px;flex-wrap:wrap;}
.lg_hero_reel .lgh-button {display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:13px 18px;border:1px solid var(--lg-button-outline-border);border-radius:4px;font:500 12px/1.4 var(--lg-font-ui);text-decoration:none;color:var(--lg-button-outline-text);background:var(--lg-button-outline-bg);}
.lg_hero_reel .lgh-button--primary {background:var(--lg-button-light-bg);color:var(--lg-button-light-text);border-color:var(--lg-button-light-border);}
.lg_hero_reel .lgh-button:hover {background:var(--lg-button-outline-hover-bg);color:var(--lg-button-outline-hover-text);}
.lg_hero_reel .lgh-button--primary:hover {background:var(--lg-button-light-hover-bg);color:var(--lg-button-light-hover-text);}
.lg_hero_reel .lgh-media {position:relative;width:100%;max-width:368px;justify-self:end;aspect-ratio:9/16;overflow:hidden;border-radius:8px;background:var(--lg-green-dark);}
.lg_hero_reel .lgh-video,.lg_hero_reel .lgh-poster {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;}
.lg_hero_reel :is(a,button):focus-visible {outline:2px solid var(--lg-white);outline-offset:4px;}
.et_pb_section:has(.lg_hero_reel) > .et_pb_row:has(> .et_pb_column:only-child .lg_hero_reel) {width:100%;max-width:none;padding:0;}
.et_pb_section:has(> .et_pb_row > .et_pb_column:only-child > .lg_hero_reel) {padding:0;}
@media(max-width:767px) {
 .lg_hero_reel .lgh {padding:0 20px 40px;}
 .lg_hero_reel .lgh-layout {display:grid;grid-template-columns:1fr;gap:0;isolation:isolate;}
 .lg_hero_reel .lgh-media {grid-area:1/1;width:calc(100% + 40px);max-width:none;align-self:start;justify-self:center;z-index:0;border-radius:0;}
 .lg_hero_reel :is(.lgh-video,.lgh-poster) {opacity:1;}
 .lg_hero_reel .lgh-card {grid-area:1/1;align-self:start;margin:max(0px, calc(70svh - 98px)) 0 0;padding:30px 22px;background:color-mix(in srgb,var(--lg-green-dark) 70%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
 .lg_hero_reel .lgh-heading {font-size:clamp(36px,8vw,54px);line-height:1.02;}
 .lg_hero_reel .lgh-kicker {font-size:10px;letter-spacing:.1em;}
 .lg_hero_reel .lgh-intro {font-size:14px;}
 .lg_hero_reel .lgh-actions {flex-direction:column;}
}

.lg_hero_reel .lgh-poster[hidden] {display:none;}

@media (min-width:981px) {
 .lg_hero_reel .lgh {min-height:80vh;box-sizing:border-box;display:flex;align-items:center;}
 .lg_hero_reel .lgh-layout {width:100%;}
}

/* Compact centered desktop composition with a portrait card and 48px overlap. */
@media (min-width:981px) {
 .lg_hero_reel .lgh-layout {max-width:960px;grid-template-columns:minmax(0,1fr) clamp(440px,37vw,520px);}
 .lg_hero_reel .lgh-media {max-width:none;}
 .lg_hero_reel .lgh-card {min-height:620px;padding:56px 40px;display:flex;flex-direction:column;justify-content:center;}
 .lg_hero_reel .lgh-heading {font-size:clamp(48px,4.2vw,60px);}
 .lg_hero_reel .lgh-actions {flex-direction:row;flex-wrap:wrap;align-items:stretch;}
 .lg_hero_reel .lgh-actions .lgh-button {flex:1 1 175px;}
}