/* ecbnet public landing: scoped to preserve shared pages and member flows. */
.ecbnet-landing{--en-accent:#e8622a;--en-ink:#101828;--en-muted:#596579;--en-line:#e7eaf0;--ecb-orange:var(--en-accent);--ecb-orange-hover:#c84c1d;--ecb-orange-ink:#e8622a;--ecb-orange-soft:#fff1ea;background:#fff;color:var(--en-ink)}
.ecbnet-landing .hx-main{padding:0}.ecbnet-landing .site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--en-line);color:var(--en-ink)}
.ecbnet-landing .hx-mast-inner{max-width:1320px;height:80px;padding:0 40px}.ecbnet-landing .ecbnet-wordmark{font-size:30px;letter-spacing:-1.8px;font-weight:850;color:var(--en-ink)}.ecbnet-wordmark span{color:var(--en-accent)}
.ecbnet-landing .gnb-link{font-size:14px;color:#475467}.ecbnet-landing .hx-util-btn{border-radius:6px;font-size:13px;padding:11px 23px}.ecbnet-landing .hx-util-btn--solid{background:var(--en-accent);border-color:var(--en-accent);color:white}.ecbnet-landing .site-brand{min-width:140px}
.en-shell{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.en-hero{min-height:620px;position:relative;isolation:isolate;background:#f3f5f7;display:flex;align-items:center;scroll-margin-top:80px}.en-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:-3}.en-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 24%,rgba(255,255,255,.7) 41%,rgba(255,255,255,.06) 68%)}.en-hero-inner{padding:65px 0 115px}.en-kicker{font-size:15px;font-weight:600;margin:0 0 22px}.en-hero h1{font-size:clamp(34px,3.55vw,52px);line-height:1.3;letter-spacing:-2.2px;font-weight:760;margin:0 0 24px;max-width:650px;word-break:keep-all}.en-lead{font-size:16px;line-height:1.85;color:#475467;margin:0 0 32px}.en-actions{display:flex;gap:14px}.en-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:14px 26px;border-radius:6px;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,transform .2s}.en-button:hover{transform:translateY(-2px)}.en-primary{background:var(--en-accent);color:#fff}.en-primary:hover{background:#c84c1d;color:#fff}.en-secondary{background:rgba(255,255,255,.85);color:var(--en-ink);border-color:#667085}.en-secondary:hover{background:#fff}.en-hero-caption{position:absolute;right:max(48px,calc((100vw - 1240px)/2));bottom:100px;color:#fff;font-size:15px;font-weight:550;line-height:1.9;text-shadow:0 1px 8px #000;background:#14223599;padding:14px 20px;border-radius:4px}
.en-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;margin-top:-58px;padding:30px 12px;border-radius:14px;box-shadow:0 12px 40px #172d5910;border:1px solid #edf0f5}.en-benefits>div{text-align:center;padding:0 12px;border-right:1px solid var(--en-line)}.en-benefits>div:last-child{border:0}.en-benefits svg{width:31px;height:31px;color:var(--en-accent);margin-bottom:10px}.en-benefits h2{font-size:15px;margin:0 0 6px;font-weight:700}.en-benefits p{font-size:13px;color:var(--en-muted);margin:0;line-height:1.6}
.en-section{padding-top:80px;padding-bottom:80px;scroll-margin-top:90px}.en-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--en-accent);margin:0 0 14px}.en-section h2,.en-join h2{font-size:30px;font-weight:730;line-height:1.4;letter-spacing:-1px;margin:0 0 20px;word-break:keep-all}.en-intro{display:grid;grid-template-columns:1fr 2.1fr;gap:46px;align-items:center}.en-intro-copy>p:not(.en-eyebrow),.en-story p:not(.en-eyebrow){font-size:15px;color:var(--en-muted);line-height:1.85;margin:0 0 24px}.en-text-link{font-size:14px;font-weight:600;color:var(--en-accent);display:inline-flex;gap:20px;align-items:center;text-decoration:none}.en-text-link:hover{text-decoration:underline;text-underline-offset:5px}.en-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.en-field{border:1px solid var(--en-line);border-radius:7px;overflow:hidden;box-shadow:0 6px 16px #10284a06;color:var(--en-ink);text-decoration:none;background:#fff;transition:transform .2s,box-shadow .2s}.en-field:hover,.en-program:hover{transform:translateY(-4px);box-shadow:0 12px 28px #10284a12}.en-field img{width:100%;height:175px;object-fit:cover;display:block}.en-field>div{padding:20px 16px}.en-field span{font-size:12px;color:var(--en-accent);font-weight:700}.en-field h3{font-size:17px;margin:8px 0;line-height:1.45;letter-spacing:-.5px;word-break:keep-all}.en-field p{font-size:13px;line-height:1.75;color:var(--en-muted);margin:0;word-break:keep-all}
.en-opportunities{background:#f7f9fc;scroll-margin-top:80px}.en-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.en-section-head h2{margin-bottom:0}.en-program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.en-program{display:block;overflow:hidden;background:#fff;border:1px solid var(--en-line);border-radius:7px;color:var(--en-ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.en-program img{display:block;width:100%;height:145px;object-fit:cover}.en-program>div{padding:20px 18px}.en-tag{display:inline-block;font-size:10px;line-height:1;padding:5px 8px;border-radius:5px;background:#fff1ea;color:#aa431b;font-weight:700}.en-tag-1{background:#fcf0e4;color:#925013}.en-tag-2{background:#e9edfc;color:#3b50a7}.en-tag-3{background:#e5f2ee;color:#2e6c5c}.en-program h3{font-size:16px;line-height:1.5;margin:10px 0 14px;letter-spacing:-.4px;word-break:keep-all}.en-program p{display:flex;justify-content:space-between;font-size:12px;color:var(--en-muted);gap:8px;margin:0}.en-program p span{color:var(--en-ink)}
.en-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.en-story-photo{display:block;position:relative;border-radius:8px;overflow:hidden}.en-story-photo>img{display:block;width:100%;height:290px;object-fit:cover}.en-play{position:absolute;left:22px;bottom:20px;background:#ffffffed;padding:11px 18px;border-radius:30px;font-size:13px;color:var(--en-ink);display:flex;gap:12px}.en-story p.en-story-name{font-weight:700;color:var(--en-ink);margin-bottom:12px}.en-story-name span{font-size:13px;color:var(--en-muted);font-weight:400;margin-left:10px}.en-join{padding:64px 0;background:linear-gradient(90deg,#101b30ed,#101b30b8),url('./assets/ecbnet/city.jpg') center 47%/cover;color:#fff;scroll-margin-top:80px}.en-join>.en-shell{display:flex;justify-content:space-between;align-items:center;gap:32px}.en-join .en-eyebrow{color:#ffc6a8}.en-join h2{color:#fff;margin-bottom:12px;font-size:29px}.en-join p:last-child{color:#d8e0ed;font-size:15px;margin:0}.en-join .en-button{flex-shrink:0;min-width:180px}
.ecbnet-landing .site-footer{background:#fff;border-top:0;padding-top:38px}.ecbnet-landing .hx-foot-inner{max-width:1240px;width:calc(100% - 96px);padding:0;margin:auto;grid-template-columns:2fr 1fr 1fr;gap:32px}.ecbnet-landing .hx-foot-brand p{font-size:13px}.ecbnet-landing .ecb-logotype-sub{font-size:12px;font-weight:400;letter-spacing:0;margin-top:6px}.ecbnet-landing .site-footer-copy{font-size:11px;color:#667085;border-top:1px solid var(--en-line);margin-top:28px;padding-top:20px}.ecbnet-landing :is(a,button):focus-visible{outline:3px solid #e8622a;outline-offset:4px}.ecbnet-landing [hidden]{display:none!important}
@media(min-width:1101px){.ecbnet-landing .gnb{gap:24px}.ecbnet-landing .hx-mast-inner>.gnb{margin-inline:auto}}
@media(max-width:1100px){.en-shell{width:calc(100% - 64px)}.en-hero h1{font-size:42px}.en-intro{grid-template-columns:1fr;gap:30px}.en-intro-copy>p:not(.en-eyebrow) br{display:none}.en-field img{height:195px}.en-program-grid{gap:16px}.en-program>div{padding:16px 13px}.en-story{gap:32px}.en-story h2{font-size:27px}.en-section{padding-block:60px}}
@media(max-width:760px){.ecbnet-landing .hx-mast-inner{height:68px;padding-inline:22px}.ecbnet-landing .site-brand{min-width:auto}.ecbnet-landing .ecbnet-wordmark{font-size:28px}.ecbnet-landing .hx-util-btn{padding:9px 14px}.en-shell{width:calc(100% - 40px)}.en-hero{min-height:690px;align-items:flex-start}.en-hero-inner{padding:40px 0 0}.en-hero h1{font-size:36px;letter-spacing:-1.5px;line-height:1.32}.en-kicker{font-size:12px;margin-bottom:17px}.en-lead{font-size:14px;line-height:1.75;max-width:340px}.en-hero-photo{object-position:64% bottom}.en-hero:before{background:linear-gradient(180deg,#fff 0%,#ffffffed 36%,#ffffff70 57%,#ffffff00 78%)}.en-hero-caption{right:20px;bottom:68px;font-size:12px}.en-button{font-size:13px;padding:12px 20px;gap:18px}.en-benefits{grid-template-columns:repeat(2,1fr);gap:24px 0;margin-top:-38px;padding:26px 6px}.en-benefits>div:nth-child(2){border:0}.en-benefits h2{font-size:14px}.en-benefits p{font-size:11px}.en-benefits svg{width:27px;height:27px}.en-section{padding-block:48px}.en-section h2{font-size:26px}.en-field-grid{gap:12px}.en-field img{height:130px}.en-field>div{padding:14px 10px}.en-field h3{font-size:15px}.en-field p{font-size:12px}.en-field p br{display:none}.en-section-head{align-items:flex-start;flex-direction:column;gap:16px}.en-program-grid{grid-template-columns:repeat(2,1fr);gap:16px}.en-program img{height:125px}.en-program h3{font-size:15px}.en-program p{font-size:11px}.en-story{grid-template-columns:1fr;gap:26px}.en-story-photo>img{height:240px}.en-join{padding-block:44px}.en-join>.en-shell{align-items:flex-start;flex-direction:column;gap:24px}.en-join h2{font-size:26px}.ecbnet-landing .hx-foot-inner{width:calc(100% - 40px);grid-template-columns:1fr 1fr;gap:28px}.ecbnet-landing .hx-foot-brand{grid-column:1/-1}}
@media(max-width:420px){.en-field-grid{grid-template-columns:1fr}.en-field{display:grid;grid-template-columns:112px 1fr}.en-field img{height:100%;min-height:140px}.en-field>div{padding:16px}.en-field h3{font-size:16px}.en-hero h1{font-size:32px}.en-program-grid{gap:12px}.en-program>div{padding:14px 10px}.en-program h3{font-size:14px}.en-story-photo>img{height:210px}}
.ecbnet-landing .site-header .site-brand strong.ecbnet-wordmark{font-size:30px;line-height:1.1;white-space:nowrap;max-width:none}
.ecbnet-landing .hx-foot-nav{gap:8px}.ecbnet-landing .hx-foot-nav h2{margin-bottom:4px}.ecbnet-landing .hx-foot-nav a,.ecbnet-landing .hx-foot-nav button{font-size:13px}
@media(max-width:900px){.ecbnet-landing{--ecb-header-h:80px}}
@media(max-width:760px){.ecbnet-landing{--ecb-header-h:68px}.ecbnet-landing .site-header .site-brand strong.ecbnet-wordmark{font-size:28px}}
/* Real introduction videos, original ecbnet orange, and a thumbnail library. */
.en-hero--video{background:#17202e;min-height:650px;overflow:hidden;color:#fff}
.en-hero--video:before{background:linear-gradient(90deg,#17202e 0%,#17202efa 24%,#17202ea8 43%,#17202e00 65%);z-index:1;pointer-events:none}
.en-hero-film{position:absolute;right:0;top:0;width:76%;height:100%;background:#111822;z-index:0;overflow:hidden}
.en-hero-film iframe{position:absolute;border:0;width:100%;height:100%;inset:0}
.en-hero--video .en-hero-inner{position:relative;z-index:2;pointer-events:none;padding:70px 0 150px}
.en-hero--video .en-actions{pointer-events:auto;width:max-content;max-width:100%}
.en-hero--video .en-kicker{color:#ffba96}.en-hero--video h1{color:#fff;max-width:660px;font-size:clamp(34px,3.4vw,49px)}
.en-hero--video .en-lead{color:#c7ccd5}.en-hero--video .en-secondary{color:#fff;background:#ffffff0c;border-color:#ffffff66}
.en-film-bar{position:absolute;bottom:84px;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}
.en-film-now,.en-film-controls{display:flex;align-items:center;gap:12px;font-size:12px;pointer-events:auto}.en-film-now{background:#17202ece;padding:10px 14px;border-radius:5px}.en-live-dot{width:6px;height:6px;border-radius:50%;background:#e8622a}.en-film-controls{background:#17202ed9;padding:5px 8px;border:1px solid #ffffff22;border-radius:6px}.en-film-controls button,.en-film-controls a{color:#fff;font:inherit;font-size:12px;border:0;background:none;padding:8px;cursor:pointer;text-decoration:none;white-space:nowrap}.en-film-controls button:disabled{opacity:.5;cursor:default}.en-film-controls button:hover:not(:disabled),.en-film-controls a:hover{background:#ffffff15;border-radius:4px}
.en-films-intro{font-size:14px;line-height:1.8;color:var(--en-muted);margin:0}.en-film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.en-film-card{min-width:0}.en-film-thumbnail{display:block;position:relative;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#17202e;aspect-ratio:16/9}.en-film-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.en-film-thumbnail:hover img{transform:scale(1.04)}.en-film-play{position:absolute;inset:0;display:grid;place-content:center;color:#fff;font-size:22px;text-shadow:0 1px 8px #000;background:linear-gradient(0deg,#0004,transparent 60%)}.en-film-number{position:absolute;left:12px;bottom:10px;font-size:11px;color:white;letter-spacing:1px}.en-film-card-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 1px}.en-film-card h3{font-size:18px;margin:0 0 5px}.en-film-card p{margin:0;font-size:12px;color:var(--en-muted)}.en-film-select{font-size:11px;font-weight:600;background:transparent;border:0;color:#9e421d;padding:8px 0;cursor:pointer}.en-film-select[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}
.en-video-dialog{width:min(960px,calc(100% - 32px));max-height:90dvh;border:1px solid #ffffff22;border-radius:12px;background:#17202e;color:#fff;padding:0;box-shadow:0 24px 100px #0009}.en-video-dialog::backdrop{background:#070d19ce}.en-video-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}.en-video-dialog h2{margin:0;color:#fff;font-size:17px}.en-video-dialog header button{background:transparent;color:white;font-size:28px;border:0;cursor:pointer;min-width:40px;min-height:40px}.en-video-stage{aspect-ratio:16/9}.en-video-stage iframe{width:100%;height:100%;border:0;display:block}.en-video-dialog>p{margin:0;padding:16px 22px;font-size:13px}.en-video-dialog a{color:#ffba96}.en-video-open{overflow:hidden}
@media(max-width:1100px){.en-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.en-hero--video h1{font-size:40px;max-width:510px}.en-hero-film{width:80%}}
@media(max-width:760px){.en-hero--video{display:block;min-height:0;padding-bottom:90px;overflow:visible}.en-hero--video:before{display:none}.en-hero--video .en-hero-inner{padding:38px 0 28px;position:relative}.en-hero--video h1{font-size:32px;max-width:100%;letter-spacing:-1.1px}.en-hero--video .en-lead{max-width:none}.en-hero-film{position:relative;width:100%;height:auto;aspect-ratio:16/9;order:2}.en-hero--video{display:flex;flex-direction:column}.en-hero--video .en-hero-inner{order:1}.en-film-bar{order:3;position:static;flex-wrap:wrap;gap:10px;padding-top:12px}.en-film-now{padding:0;background:transparent}.en-film-controls{gap:5px;padding:2px}.en-film-controls button,.en-film-controls a{font-size:11px;padding:7px}.en-films .en-section-head{gap:8px}.en-film-grid{gap:18px 14px}.en-film-card-info{display:block;padding:12px 0}.en-film-card h3{font-size:16px}.en-film-select{padding:9px 0 0}.en-video-dialog header{padding:10px 14px}.en-video-dialog h2{font-size:14px}}
/* Compact, dimmed video background with readable copy layered above. */
.en-hero--video{display:flex;align-items:center;position:relative;isolation:isolate;min-height:560px;height:auto;padding:0;overflow:hidden;background:#121923}
.en-hero--video .en-hero-film{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;background:#121923;z-index:0}
.en-hero-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.62);pointer-events:none}
.en-hero--video:before{content:'';display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(12,19,30,.8) 0%,rgba(12,19,30,.6) 40%,rgba(12,19,30,.18) 100%)}
.en-hero--video .en-hero-inner{position:relative;z-index:2;padding:65px 0 95px;pointer-events:auto}
.en-hero--video h1{font-size:46px;line-height:1.28;letter-spacing:-1.8px;max-width:660px;color:#fff;text-shadow:0 2px 16px #0004}
.en-hero--video h1 br{display:block}
.en-hero--video .en-kicker{color:#ffbd9c}
.en-hero--video .en-lead{color:#e1e5eb;margin-bottom:26px}
.en-hero--video .en-secondary{background:#17202e66;border-color:#ffffff88;color:#fff}
.en-benefits{margin-top:-38px;border-radius:14px}
@media(max-width:760px){
 .en-hero--video{display:flex;min-height:510px;padding:0}
 .en-hero--video .en-hero-film{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
 .en-hero--video:before{display:block;background:linear-gradient(90deg,#0c131ecc,#0c131e66)}
 .en-hero--video .en-hero-inner{padding:48px 0 78px}
 .en-hero--video h1{font-size:32px;line-height:1.35;letter-spacing:-1.1px;max-width:100%}
 .en-hero--video .en-kicker{font-size:11px}
 .en-hero--video .en-lead{font-size:13px;line-height:1.85}
 .en-hero--video .en-actions{width:100%}
 .en-hero-film video{object-fit:cover;filter:brightness(.55)}
}
/* Keep mobile descriptions readable and video selection comfortable to tap. */
.en-film-select{font-size:14px;min-height:44px}
@media(max-width:760px){
 .en-hero--video .en-kicker{font-size:13px}
 .en-hero--video .en-lead{font-size:16px;line-height:1.7}
 .en-benefits p,.en-field p,.en-program p,.en-film-card p{font-size:14px;line-height:1.6}
 .en-program h3{font-size:16px;line-height:1.5}
 .en-button{font-size:14px;min-height:48px}
}