/* CrisisConnect Network — The Hub. Shared identity across the v17 site. */
:root{--navy:#1a2035;--navy-dark:#1a2035;--navy-light:#173b68;--blue:#245fbd;--orange:#f59445;--green:#b34e0c;--green-light:#f59445;--green-pale:#fff1e5;--amber:#f59445;--cream:#f2f6fa;--warm-grey:#e7eef5;--text:#132c49;--text-light:#4c6075;--font-display:'DM Sans',Arial,sans-serif;--radius:6px;--radius-lg:10px;--shadow:0 4px 16px #1a203506;--shadow-lg:0 12px 36px #1a203512;--max-width:1240px;--nav-height:88px}
body{background:#fff}h1,h2,h3,h4{letter-spacing:-.035em;font-weight:600}h2{line-height:1.15}p{line-height:1.75}.section{padding:88px 0}.container{padding-inline:32px}.btn{border-radius:5px;font-weight:600;letter-spacing:0}.btn--orange,.btn--green{background:var(--orange);color:#1a2035}.btn--orange:hover,.btn--green:hover{background:#ffad6d;color:#1a2035}.btn--outline{border:1px solid #244c76}.nav{border-bottom:1px solid #dce5ed;background:#fff}.nav__inner{gap:20px}.nav__links{gap:0}.nav__links a{padding:8px 10px;font-size:.83rem}.nav__logo .hub-logo{display:flex;align-items:center;gap:10px}.hub-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.6px;line-height:1.15;color:var(--navy)}.hub-logo img,.nav__logo .hub-logo img{width:48px;height:48px}.hub-logo small{display:block;letter-spacing:3.5px;font-size:10px;font-weight:700;color:#2760aa;margin-top:5px}.footer .hub-logo{color:white}.footer .hub-logo small{color:#f59445}.nav__links a.active{background:#edf3fa;color:#194e93}.skip-link{position:fixed;left:20px;top:-80px;background:#fff;padding:12px;z-index:2000}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #2d6cdf;outline-offset:5px}.hub-hero{background:#1a2035;padding:calc(var(--nav-height) + 66px) 0 70px}.hub-hero:before{background:linear-gradient(110deg,transparent 50%,#13365d70)}.hub-hero__grid{display:grid;grid-template-columns:1.04fr 1fr;gap:62px;align-items:center;position:relative}.hub-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#b4c9e2;margin-bottom:26px;display:flex;align-items:center;gap:10px}.hub-eyebrow:before{content:'';width:7px;height:7px;background:#f59445;border-radius:50%}.hub-hero h1{font-size:clamp(38px,4.3vw,60px);line-height:1.08;letter-spacing:-2.4px;margin-bottom:24px}.hub-hero h1 em{color:#ffad6d;font-style:normal}.hub-hero .hero__sub{font-size:20px;color:#f4f7fc;line-height:1.5;margin:0 0 17px;max-width:490px}.hub-intro{font-size:15px;color:#bbcadc;max-width:490px}.hub-hero .hero__actions{margin:30px 0 0;gap:22px;align-items:center}.hub-hero .btn--lg{padding:14px 22px;font-size:14px}.hub-secondary{font-size:13px;font-weight:600;color:white;border-bottom:1px solid #6c87a5;padding:9px 0}.hub-visual{border:1px solid #355170;border-radius:12px;background:#1a2035;overflow:hidden;box-shadow:0 22px 60px #0002}.visual-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid #294766;font-size:10px;letter-spacing:1.4px;color:#b6cbe4}.visual-dot{height:6px;width:6px;background:#f59445;border-radius:50%}.hub-visual svg{display:block;width:100%;height:auto}.visual-footer{display:flex;justify-content:space-between;align-items:center;background:#173b68;padding:20px 24px;color:#fff;font-size:17px}.visual-footer small{display:block;color:#b5cae3;font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.visual-footer>span:last-child{color:#ffad6d;font-size:28px}.hub-path{background:#f0f5fa;border-bottom:1px solid #dce5ee}.hub-path .container{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-block:28px}.hub-path .container>div{display:flex;gap:16px;align-items:center}.hub-path span{font-size:12px;font-weight:700;color:#245fbd;border:1px solid #cbd9e8;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex:none}.hub-path p{font-size:12px;line-height:1.5}.hub-path strong{display:block;font-size:15px;color:#1a2035;margin-bottom:4px}.hub-path b{color:#839bb5}.section-header{text-align:left;margin-bottom:36px}.section-header h2{max-width:760px}.section-header p{max-width:760px;margin:0;font-size:1rem}.section-header__eyebrow{font-size:10px;letter-spacing:1.8px;color:#a54912}.network-role-grid{gap:0;border-top:1px solid #cedbe7;border-bottom:1px solid #cedbe7}.network-role-grid .card{border:0;border-right:1px solid #cedbe7;background:transparent;border-radius:0;box-shadow:none;padding:30px 24px}.network-role-grid .card:last-child{border:0}.network-role-grid .card:first-child{padding-left:0}.card__icon{background:#e1ebf7;color:#245fbd;border-radius:50%;width:42px;height:42px}.card{box-shadow:none;border-color:#d5e0eb}.card:hover{transform:none;box-shadow:none}.card h3{font-size:21px}.story-panel{border:1px solid #d5e0eb;box-shadow:none}.story-panel__aside{background:#e9f1fb}.hub-member{background:#f2f6fa}.hub-member img{width:100%;height:350px;object-fit:cover;border-radius:8px}.hub-member h2{margin-bottom:20px}.hub-member .btn{margin-top:24px}.lttn-home__flow{background:#1a2035;border-radius:10px}.lttn-home__grid{gap:60px}.lttn-home__grid h2{margin-bottom:22px}.lttn-home__grid .btn{margin-top:26px}.ltt-label{font-size:29px;letter-spacing:-1px;color:#173b68;display:block}.ltt-label span{display:block;font-size:11px;letter-spacing:1px;font-weight:500}.lttn-hero__brand .ltt-label{font-size:72px}.lttn-home__brand{border-radius:5px}.page-header,.page-hero.lttn-hero{background:#eef4fa;border-bottom:1px solid #d7e3ef}.page-header h1{max-width:960px}.page-header__eyebrow,.page-hero__eyebrow{color:#a54912!important}.page-header p{max-width:830px}.cta-band,.cta-section{background:#1a2035}.cta-band:before{display:none}.cta-band h2{letter-spacing:-1px}.footer{background:#1a2035}.fade-in{opacity:1;transform:none}.section--network-tech .section-header__eyebrow,.about-why .section-header__eyebrow,.lttn-handoff .section-header__eyebrow{color:#ffad6d}.text-link{color:#245fbd}input,select,textarea{border-radius:5px!important}.form{box-shadow:none;border:1px solid #d5e0eb}.hub-member p{max-width:510px}main{scroll-margin-top:100px}
@media(max-width:1100px){.nav__links a{padding:8px 6px;font-size:12px}.nav__inner{gap:12px}.hub-hero__grid{gap:30px}.hub-logo{font-size:19px}.nav__cta .btn{padding:10px 12px;font-size:12px}}
@media(max-width:950px){.nav__links,.nav__cta{display:none}.nav__hamburger{display:flex;margin-left:auto}.hub-hero__grid{grid-template-columns:1fr;gap:36px}.hub-hero h1{max-width:700px;font-size:52px}.hub-visual{max-width:600px;width:100%}.hub-path .container{gap:15px}.hub-path .container>div{gap:10px}.hub-path b{display:none}.hub-path p{font-size:11px}.hub-path strong{font-size:14px}.network-role-grid{grid-template-columns:1fr 1fr}.network-role-grid .card:first-child{padding-left:24px}.network-role-grid .card:nth-child(2){border-right:0}}
@media(max-width:600px){:root{--nav-height:76px}.container{padding-inline:22px}.section{padding:56px 0}.hub-hero{padding:120px 0 38px}.hub-hero h1{font-size:40px;letter-spacing:-1.5px}.hub-hero .hero__sub{font-size:18px}.hub-hero .hero__actions{gap:14px;align-items:flex-start;flex-direction:column}.hub-path .container{display:grid;gap:18px;padding-block:24px}.hub-path .container>div{gap:16px}.hub-path p{font-size:12px}.hub-path strong{font-size:15px}.network-role-grid{grid-template-columns:1fr}.network-role-grid .card{padding:25px 0!important;border-right:0;border-bottom:1px solid #cedbe7}.hub-member img{height:250px}.hub-visual{border-radius:8px}.visual-heading{font-size:8px;padding:16px}.visual-footer{padding:16px}.hub-logo{font-size:20px}.hub-logo img,.nav__logo .hub-logo img{width:43px;height:43px}.btn{white-space:normal;text-align:center}.lttn-hero__brand .ltt-label{font-size:48px}.grid-2,.grid-3,.grid-4{min-width:0}.footer__bottom p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.story-panel__aside{background:transparent}.story-panel__aside p{color:#c2d1e3}.lttn-home__step--accent b{color:#1a2035}.lttn-home__brand .ltt-label span{font-size:11px;letter-spacing:1px;text-align:left}

/* v19: exact selected artwork and official member identity */
.nav__logo img.hub-official-logo{width:225px;height:75px;object-fit:contain}.footer__brand>img.hub-official-logo{width:250px;height:auto;background:#fff;border-radius:6px;padding:8px}.ltt-official-logo{width:260px;max-width:100%;height:auto;object-fit:contain}.lttn-home__brand .ltt-official-logo{width:235px;max-width:65%}.lttn-hero__brand{background:#fff;padding:25px;border-radius:8px}.lttn-hero__brand .ltt-official-logo{width:330px;max-width:100%}
@media(max-width:600px){.nav__logo img.hub-official-logo{width:195px;height:65px}.lttn-home__brand .ltt-official-logo{max-width:100%;width:245px}.lttn-hero__brand{padding:22px}}

/* Preserve the selected full-colour footer logo; override legacy white-silhouette treatment. */
.footer__brand > img.hub-official-logo { filter: none; opacity: 1; }

/* v22 — dark-background footer artwork */
.footer__brand > img.hub-official-logo{background:transparent;padding:0;border-radius:0;filter:none;opacity:1;}

/* Text panels must grow with their content, unlike image placeholders. */
.split__visual.insight-flow { aspect-ratio: auto; height: auto; min-width: 0; overflow: visible; align-items: stretch; justify-content: flex-start; }
.insight-flow > * { flex-shrink: 0; }

/* v25 — original v17 logo proportions; all other styling retained. */
.nav__logo img.hub-official-logo{width:225px;height:auto;}
.footer__brand > img.hub-official-logo{width:250px;height:auto;}
@media(max-width:600px){.nav__logo img.hub-official-logo{width:195px;height:auto;}}

/* v28: content-led routes using the existing design system. */
section[id]{scroll-margin-top:110px}.form-context{padding:18px;background:#eef4fa;border-left:3px solid #f59445;margin-bottom:24px;font-size:.9rem}.hero__actions{display:flex;flex-wrap:wrap;gap:16px}.card .text-link{display:inline-block;margin-top:16px}.hub-hero h1{font-size:clamp(38px,4vw,57px)}

.contact-main__grid>*{min-width:0}.form,.form__group,select{min-width:0;max-width:100%}.contact-side a{overflow-wrap:anywhere}.page-header .hero__actions{margin-top:24px}

/* v29: supplied on-dark CIC logo, preserved artwork; coordinated deep navy. */
:root{--navy:#1a2035;--navy-dark:#1a2035;--navy-light:#1a2035;--orange:#e07830;--green-light:#e07830;--amber:#e07830}
.nav{background:#1a2035;border-bottom:1px solid #314158}
.nav__links a{color:#e0e7f0}
.nav__links a:hover,.nav__links a.active{background:#283c58;color:#fff}
.nav__hamburger span{background:#fff}
.nav__mobile{background:#1a2035;max-height:calc(100dvh - var(--nav-height));overflow-y:auto}
.nav__mobile a{color:#e0e7f0;border-color:#34435a}
.nav__mobile a.active{background:#283c58;color:#fff}
.nav__mobile a.btn{color:#1a2035}
.nav__logo img.hub-official-logo{width:250px;height:auto}
.footer__brand>img.hub-official-logo{width:270px;height:auto}
.hub-hero{background:#1a2035}
.hub-hero:before{background:linear-gradient(110deg,transparent 50%,#1a203570)}
.hub-visual{background:#1a2035;border-color:#3b4e69}
.visual-heading{border-color:#34435a}
.visual-footer{background:#1a2035}
.footer{background:#1a2035}
.cta-band,.cta-section,.section--network-tech,.about-why,.lttn-home__flow,.lttn-handoff,.contact-side__card--navy{background:#1a2035}
.btn--orange,.btn--green{color:#1a2035}
.btn--orange:hover,.btn--green:hover{background:#f69b5b;color:#1a2035}
.nav :focus-visible{outline-color:#ffb77e}
@media(max-width:1100px){.nav__logo img.hub-official-logo{width:225px}}
@media(max-width:600px){.nav__logo img.hub-official-logo{width:220px}.footer__brand>img.hub-official-logo{width:250px}}

/* v31: exact Connect wordmark colour, RGB 26,32,53. */
:root{--navy:#1a2035;--navy-dark:#1a2035;--navy-light:#1a2035}.hub-hero:before{background:none}.visual-footer,.cot-journey,.story-panel,.lttn-home__flow,.lttn-handoff{background:#1a2035}

/* Three approved public NPLCC measures. */
.nplcc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.nplcc-metrics{grid-template-columns:1fr}}

/* v36: parallel headings in text columns; image layouts retain centred alignment. */
.split--text{align-items:start}.split--text>.split__content>h3:first-child{margin:0 0 16px;line-height:1.3}.split--text>.split__content{min-width:0}

/* v39: tighter case-study rhythm, including adjacent PAT/reuse sections. */
.ltt-case-study .section{padding-block:56px}.ltt-case-study .section-header{margin-bottom:28px}.ltt-case-study .ltt-pat{padding-bottom:28px}.ltt-case-study .ltt-pat+.section{padding-top:28px}@media(max-width:600px){.ltt-case-study .section{padding-block:36px}.ltt-case-study .ltt-pat{padding-bottom:20px}.ltt-case-study .ltt-pat+.section{padding-top:20px}}