:root{--navy:#00384c;--navy-2:#002737;--blue:#0b5873;--orange:#f47b20;--orange-2:#ff8a2b;--ice:#eef6f9;--white:#fff;--ink:#12242e;--muted:#5d6b73;--line:#d7e3e8;--shadow:0 20px 50px rgba(0,39,55,.12);--radius:18px;--container:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:var(--container);margin:auto}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:9999}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{background:var(--navy-2);color:#cfe0e7;font-size:.78rem}.topbar-inner{display:flex;justify-content:space-between;padding:7px 0}.topbar-links{display:flex;gap:24px}.navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,56,76,.08)}.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;line-height:1}.brand img{width:255px;height:64px;object-fit:contain;object-position:left center}.brand-compass{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.62rem;letter-spacing:.04em;color:var(--navy)}.brand-o{display:inline-grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:.75em;width:1.05em;height:1.05em;vertical-align:.08em}.brand-unit{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.18em;color:var(--navy);font-size:.75rem;margin-top:5px}.brand-tag{font-size:.47rem;color:var(--muted);margin-top:4px}.nav-menu{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:600}.nav-menu>a:not(.btn){padding:29px 0 25px;border-bottom:3px solid transparent}.nav-menu>a:not(.btn):hover{color:var(--orange);border-color:var(--orange)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--navy);margin:5px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:700;border:2px solid transparent;cursor:pointer;transition:.2s transform,.2s background,.2s color}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:9px 16px}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-2)}.btn-navy{background:var(--navy);color:#fff}.btn-outline-light{border-color:#fff;color:#fff}.btn-outline-light:hover{background:#fff;color:var(--navy)}.hero{min-height:760px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media{background:url('hero-firefighting-training.png') center center/cover no-repeat;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,rgba(0,39,55,.97) 0%,rgba(0,39,55,.86) 43%,rgba(0,39,55,.18) 75%,rgba(0,0,0,.18) 100%)}.hero-content{position:relative;padding:120px 0 72px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px}.eyebrow.orange{color:var(--orange)}h1,h2,h3{font-family:Montserrat,sans-serif;line-height:1.14;margin:0 0 20px}h1{font-size:clamp(3rem,6vw,5.7rem);max-width:900px;letter-spacing:-.045em}h1 span{color:var(--orange)}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.035em}h3{font-size:1.18rem}.hero-lead{max-width:680px;font-size:1.16rem;color:#e4eef2}.hero-actions{display:flex;gap:14px;margin:30px 0 52px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;border-top:1px solid rgba(255,255,255,.3);padding-top:22px;gap:30px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:1.05rem}.hero-proof span{font-size:.78rem;color:#c6d7dd}.intro-band{background:var(--orange);color:#fff;padding:48px 0}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.intro-grid h2{font-size:2.15rem;margin:0}.intro-grid p:last-child{font-size:1.05rem;margin:0}.section{padding:110px 0}.section-light{background:var(--ice)}.section-dark{background:var(--navy-2);color:#fff}.split-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}.image-stack{position:relative}.main-image{width:100%;height:620px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.image-badge{position:absolute;right:-20px;bottom:30px;background:var(--orange);color:#fff;padding:20px 24px;border-radius:12px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.image-badge span{font-size:.8rem}.content-block .lead{font-size:1.18rem;color:var(--navy);font-weight:600}.vision-mission{display:grid;gap:16px;margin-top:32px}.vision-mission div{border-left:4px solid var(--orange);background:var(--ice);padding:18px 22px}.vision-mission span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--orange)}.vision-mission p{margin:6px 0 0;font-size:.9rem}.section-heading{max-width:800px;margin-bottom:46px}.section-heading>p:last-child{font-size:1.05rem;color:var(--muted)}.section-dark .section-heading>p:last-child{color:#bcd0d8}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.service-card{grid-column:span 2;background:#fff;color:var(--ink);padding:30px;border-radius:var(--radius);min-height:270px;display:flex;flex-direction:column;border-top:4px solid var(--orange)}.service-card:nth-child(4){grid-column:2/span 2}.service-card:nth-child(5){grid-column:4/span 2}.service-number{font-size:.72rem;font-weight:800;color:var(--orange);letter-spacing:.1em}.service-card h3{color:var(--navy);margin-top:32px}.service-card p{font-size:.9rem;color:var(--muted)}.service-card a{margin-top:auto;color:var(--orange);font-weight:700;font-size:.9rem}.course-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.course-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:600;color:var(--navy);cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.search-box input{width:260px;border:1px solid var(--line);border-radius:999px;padding:10px 16px;outline:none}.search-box input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,123,32,.16)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;display:flex;flex-direction:column;min-height:235px;transition:.2s transform,.2s box-shadow,.2s border}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.course-card .tag{align-self:flex-start;color:var(--orange);font-size:.68rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.course-card h3{color:var(--navy);margin:18px 0 12px}.course-card .course-meta{font-size:.82rem;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.course-card button{margin-top:auto;background:none;border:0;padding:18px 0 0;text-align:left;color:var(--orange);font-weight:700;cursor:pointer}.catalog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.text-link{font-weight:700;color:var(--navy)}.pathway-section{padding:100px 0;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.pathway-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.pathway-copy{position:sticky;top:130px;align-self:start}.pathway-copy p:last-child{color:#d1e1e7}.pathway-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}.pathway-steps li{display:grid;grid-template-columns:68px 1fr;gap:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:22px;border-radius:16px}.pathway-steps>li>span{font-size:1.5rem;font-weight:800;color:var(--orange)}.pathway-steps strong{font-family:Montserrat,sans-serif;font-size:1.15rem}.pathway-steps p{margin:5px 0 0;color:#cfe0e7;font-size:.9rem}.facility-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:270px 270px;gap:16px}.facility-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:16px}.facility-gallery img{width:100%;height:100%;object-fit:cover;transition:.4s transform}.facility-gallery figure:hover img{transform:scale(1.04)}.facility-main{grid-row:1/3}.facility-gallery figcaption{position:absolute;inset:auto 0 0;padding:22px;color:#fff;background:linear-gradient(transparent,rgba(0,39,55,.9));display:flex;flex-direction:column;font-size:.86rem}.facility-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.facility-list span{background:var(--ice);padding:10px 14px;border-radius:999px;color:var(--navy);font-size:.82rem;font-weight:600}.sectors-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.sector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sector-grid div{background:#fff;border-left:3px solid var(--orange);padding:16px 18px;border-radius:8px;box-shadow:0 8px 25px rgba(0,39,55,.05);font-weight:600;color:var(--navy)}.custom-section{position:relative;padding:130px 0;color:#fff}.custom-media,.custom-overlay{position:absolute;inset:0}.custom-media{background:url('hazmat-practical.jpg') center 45%/cover no-repeat}.custom-overlay{background:linear-gradient(90deg,rgba(0,39,55,.96),rgba(0,39,55,.72))}.custom-content{position:relative;max-width:800px;margin-left:max(calc((100% - 1180px)/2),20px)}.custom-content h2{max-width:700px}.custom-content p{max-width:700px;color:#d6e4e9;font-size:1.05rem}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-cards{display:grid;gap:10px;margin:28px 0}.contact-cards a{display:flex;flex-direction:column;background:var(--ice);padding:14px 18px;border-radius:10px}.contact-cards span{color:var(--muted);font-size:.9rem}.contact-copy address{font-style:normal;border-top:1px solid var(--line);padding-top:22px}.inquiry-form{background:var(--navy);color:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inquiry-form label{display:flex;flex-direction:column;gap:7px;font-size:.83rem;font-weight:600;margin-bottom:16px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:12px;outline:none}.inquiry-form select option{color:#111}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,123,32,.18)}.inquiry-form textarea::placeholder{color:#a8bdc5}.form-note{font-size:.72rem;color:#b9cbd2}.site-footer{background:var(--navy-2);color:#c5d7de;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:45px}.footer-brand .brand-compass,.footer-brand .brand-unit{color:#fff}.footer-grid strong{color:#fff}.footer-grid p{font-size:.82rem}.footer-grid>div:last-child{display:flex;flex-direction:column;gap:7px}.footer-grid a{font-size:.82rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;font-size:.75rem}.course-modal{border:0;border-radius:18px;padding:36px;max-width:620px;width:calc(100% - 30px);box-shadow:0 30px 80px rgba(0,0,0,.3)}.course-modal::backdrop{background:rgba(0,24,34,.72);backdrop-filter:blur(4px)}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:2rem;cursor:pointer;color:var(--navy)}.modal-meta{display:flex;gap:10px;margin:20px 0}.modal-meta span{background:var(--ice);color:var(--navy);border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:700}.reveal{opacity:0;transform:translateY(18px);transition:.6s opacity,.6s transform}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.nav-menu{position:absolute;left:0;right:0;top:84px;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:20px 30px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu>a:not(.btn){padding:10px 0;border:0}.menu-toggle{display:block}.hero{min-height:700px}.hero-overlay{background:linear-gradient(90deg,rgba(0,39,55,.95),rgba(0,39,55,.65))}.split-layout,.intro-grid,.pathway-grid,.sectors-layout,.contact-grid{grid-template-columns:1fr}.main-image{height:450px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto}.course-grid{grid-template-columns:repeat(2,1fr)}.facility-gallery{grid-template-columns:1fr 1fr;grid-template-rows:340px 220px 220px}.facility-main{grid-column:1/3;grid-row:auto}.footer-grid{grid-template-columns:1fr 1fr}.pathway-copy{position:static}.custom-content{margin-left:20px}}@media(max-width:680px){:root{--container:min(100% - 28px,1180px)}.topbar-links{display:none}.nav-inner{height:74px}.brand-compass{font-size:1.35rem}.brand-unit{font-size:.65rem}.nav-menu{top:74px}.hero{min-height:720px}.hero-content{padding-top:90px}.hero-actions,.catalog-actions{align-items:stretch;flex-direction:column}.hero-proof{grid-template-columns:1fr;gap:14px}.section{padding:75px 0}.intro-grid{gap:25px}.service-grid,.course-grid,.sector-grid,.form-row{grid-template-columns:1fr}.course-toolbar{flex-direction:column}.search-box input{width:100%}.facility-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:330px repeat(4,210px)}.facility-main{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.image-badge{right:12px}.custom-section{padding:90px 0}.inquiry-form{padding:24px}}

.hero-logo{width:min(430px,72vw);height:auto;margin:0 0 26px;object-fit:contain;object-position:left center}
.training-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.training-gallery img{width:100%;height:220px;object-fit:cover;border-radius:14px;box-shadow:0 10px 28px rgba(0,39,55,.12)}
.footer-brand img{width:260px;height:auto;object-fit:contain;object-position:left center;margin-bottom:14px}
@media(max-width:980px){.training-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.brand img{width:205px;height:52px}.hero-logo{width:min(340px,84vw)}.training-gallery{grid-template-columns:1fr}.training-gallery img{height:240px}}

.about-inset{position:absolute;left:-26px;bottom:30px;width:210px;height:145px;object-fit:cover;border:7px solid #fff;border-radius:14px;box-shadow:var(--shadow)}
.service-grid{grid-template-columns:repeat(6,1fr);gap:20px}
.service-card{padding:0;overflow:hidden;min-height:420px;border-top:0}
.service-card img{width:100%;height:175px;object-fit:cover}
.service-card-body{padding:24px 28px 28px;display:flex;flex-direction:column;flex:1}
.service-card-body h3{margin-top:16px}
.course-context-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:16px;margin-bottom:34px}
.course-context-grid figure{margin:0;position:relative;border-radius:16px;overflow:hidden;height:240px;background:var(--navy)}
.course-context-grid img{width:100%;height:100%;object-fit:cover}
.course-context-grid figcaption{position:absolute;inset:auto 0 0;padding:18px 20px;color:#fff;font-weight:700;font-size:.85rem;background:linear-gradient(transparent,rgba(0,39,55,.92))}
.pathway-visuals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.pathway-visuals img{width:100%;height:190px;object-fit:cover;border-radius:15px;border:1px solid rgba(255,255,255,.16)}
.training-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:14px}
.training-gallery figcaption{position:absolute;inset:auto 0 0;padding:14px 16px;color:#fff;font-size:.78rem;font-weight:700;background:linear-gradient(transparent,rgba(0,39,55,.92))}
.training-gallery img{border-radius:0}
@media(max-width:980px){
  .about-inset{left:18px;width:190px;height:130px}
  .course-context-grid{grid-template-columns:1fr 1fr}
  .course-context-grid figure:last-child{grid-column:1/3}
}
@media(max-width:680px){
  .about-inset{position:relative;left:auto;bottom:auto;width:100%;height:190px;margin-top:14px;border-width:5px}
  .course-context-grid{grid-template-columns:1fr}
  .course-context-grid figure:last-child{grid-column:auto}
  .course-context-grid figure{height:220px}
  .pathway-visuals{grid-template-columns:1fr}
  .service-card{min-height:0}
}


/* Branding corrections: use approved CSI logos and emblem */
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-brand img{width:min(300px,100%);height:auto;object-fit:contain;object-position:left center;margin:0}
.footer-brand .brand-tag{display:block;font-size:.62rem;color:#9eb4bc;letter-spacing:.03em;line-height:1.5}
@media(max-width:680px){.footer-brand img{width:min(250px,100%)}}


/* Progressive development section refinement */
.pathway-section{padding:110px 0;background:linear-gradient(135deg,var(--navy) 0%,#0a5d78 100%)}
.pathway-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:64px;align-items:start}
.pathway-copy{position:sticky;top:120px;align-self:start}
.pathway-copy h2{max-width:10ch;margin-bottom:20px}
.pathway-copy p:last-of-type{max-width:36ch;color:#d3e4ea;font-size:1.02rem}
.pathway-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.pathway-highlights span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-size:.82rem;font-weight:700;color:#fff}
.pathway-content{display:grid;gap:18px}
.pathway-visuals{display:grid;grid-template-columns:1.22fr .78fr;grid-template-rows:170px 170px 132px;gap:16px;margin:0}
.pathway-visuals figure{margin:0;position:relative;overflow:hidden;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.18);background:rgba(255,255,255,.06)}
.pathway-visuals figure.pathway-feature{grid-row:1/3}
.pathway-visuals figure.wide{grid-column:1/3}
.pathway-visuals img{width:100%;height:100%;object-fit:cover;border:0}
.pathway-visuals figcaption{position:absolute;inset:auto 0 0;padding:16px 18px;color:#fff;font-weight:700;font-size:.8rem;line-height:1.35;background:linear-gradient(transparent,rgba(0,39,55,.94))}
.pathway-note{display:grid;gap:6px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.pathway-note strong{font-family:Montserrat,sans-serif;font-size:1rem;color:#fff}
.pathway-note p{margin:0;color:#d2e3e9;font-size:.92rem}
.pathway-steps{list-style:none;padding:0;margin:4px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pathway-steps li{display:flex;flex-direction:column;gap:14px;min-height:188px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:24px;border-radius:18px;backdrop-filter:blur(6px)}
.pathway-step-head{display:flex;align-items:center;gap:14px;min-height:42px}
.pathway-steps .step-number{font-size:1.55rem;line-height:1;font-weight:800;color:var(--orange)}
.pathway-steps strong{font-family:Montserrat,sans-serif;font-size:1.14rem;color:#fff}
.pathway-steps p{margin:0;color:#d4e4ea;font-size:.92rem;line-height:1.58}
@media(max-width:980px){
  .pathway-grid{grid-template-columns:1fr;gap:34px}
  .pathway-copy{position:static}
  .pathway-copy h2,.pathway-copy p:last-of-type{max-width:none}
}
@media(max-width:680px){
  .pathway-section{padding:82px 0}
  .pathway-visuals{grid-template-columns:1fr;grid-template-rows:260px repeat(3,190px)}
  .pathway-visuals figure.pathway-feature,.pathway-visuals figure.wide{grid-column:auto;grid-row:auto}
  .pathway-steps{grid-template-columns:1fr}
  .pathway-steps li{min-height:0}
}


/* Final pathway layout containment fix */
.pathway-section .pathway-content{min-width:0;overflow:visible}
.pathway-section .pathway-visuals{min-width:0;overflow:visible}
.pathway-section .pathway-visuals figure{min-width:0;min-height:0}
.pathway-section .pathway-visuals figure.pathway-feature{min-height:0}
.pathway-section .pathway-visuals img{display:block;max-width:none}
.pathway-section .pathway-note,.pathway-section .pathway-steps{position:relative;z-index:2}
@media(max-width:1180px){
  .pathway-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:44px}
}
@media(max-width:980px){
  .pathway-grid{grid-template-columns:1fr}
  .pathway-content{width:100%}
}