/* The homepage visual language, adapted to technical and industry chapters. */
/* Fire response: neutral equipment, orange detection/control, blue water. */
.chapter-system.fire-response-system{padding:24px 0 22px}.chapter-system.fire-response-system img{min-height:0;aspect-ratio:600/190}.fire-response-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 -1.6% 0 -1.6%;color:#edf2f8;font-size:12px;line-height:1.6;text-align:center}.fire-response-key{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 19px;border-top:1px solid #ffffff20;margin-top:23px;padding-top:18px;color:#cbd7e7;font-size:10px;line-height:1.6}.fire-response-key>span{display:inline-flex;gap:7px;align-items:center}.fire-response-key>span::before{content:'';width:12px;height:2px;background:#e7edf5;flex-shrink:0}.fire-response-key>.fire-key-signal::before{background:#ff652f}.fire-response-key>.fire-key-water::before{background:#61bdf5}
.chapter-page .chapter-main{width:100%;max-width:none;padding:0 0 80px}
.chapter-page .site-header,.chapter-page .site-header.scrolled{height:82px}
.chapter-page .site-header:not(.scrolled){background:transparent;color:#fff;box-shadow:none}
.chapter-page .site-header:not(.scrolled) .brand img{content:url('/assets/exfire-wordmark-white.svg')}
.chapter-page .site-header.scrolled .brand img{content:url('/assets/exfire-wordmark-navy.svg')}
.chapter-page .site-header:not(.scrolled) .language-picker>summary{color:#fff}
.chapter-hero{position:relative;isolation:isolate;overflow:hidden;background:#1b2b46;color:#fff;min-height:600px;display:flex;align-items:center}
.chapter-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:145px 85px}
.chapter-copy{position:relative;min-width:0;z-index:1}
.chapter-page .chapter-hero .breadcrumbs{font-size:9px;color:#dce2ec;margin:0 0 40px;gap:9px}
.chapter-page .chapter-hero .breadcrumbs a{color:#dce2ec}
.chapter-page .chapter-hero .breadcrumbs a:hover{color:#ff8658}
.chapter-page .chapter-hero .eyebrow{font-size:10px;color:#dce2ec;letter-spacing:.12em;margin:0 0 19px}
.chapter-page .chapter-hero h1{color:#fff;font-size:clamp(39px,4.8vw,68px);line-height:1.12;letter-spacing:-.035em;font-weight:400;margin:0 0 25px;max-width:17ch}
.chapter-page .chapter-hero .detail-intro{font-size:15px;line-height:1.85;color:#e0e6ef;margin:0;max-width:630px}
.chapter-page .chapter-hero .chapter-subtitle{font-size:25px;line-height:1.5;color:#e2e7ef;margin:0;max-width:27ch;font-weight:300;letter-spacing:-.02em}
.chapter-hero .chapter-action{margin-top:31px;font-size:11px;padding:12px 23px;min-height:44px}
.chapter-hero .chapter-action svg{width:15px;height:15px}
.chapter-media{position:absolute;inset:0;z-index:-2}
.chapter-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7) contrast(1.04)}
.chapter-hero--photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,29,49,.88) 0%,rgba(14,29,49,.72) 40%,rgba(14,29,49,.18) 100%)}
.chapter-hero--photo{min-height:650px}
.chapter-hero--photo .chapter-inner{grid-template-columns:1fr;padding-block:150px 110px}
.chapter-hero--photo .chapter-copy{max-width:700px}
.chapter-hero--photo .chapter-caption{position:absolute;bottom:25px;inset-inline-end:0;max-width:400px;font-size:9px;line-height:1.7;color:#e0e6ef;text-align:end}
.chapter-hero--method{background:radial-gradient(ellipse at 90% 20%,#2c415e 0%,#1b2b46 65%)}
.chapter-system{position:relative;padding:60px 10px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.chapter-system::before,.chapter-system::after{content:'';position:absolute;width:25px;height:2px;background:#ff652f}
.chapter-system::before{top:-1px;inset-inline-start:0}.chapter-system::after{bottom:-1px;inset-inline-end:0}
.chapter-system img{display:block;width:100%;height:auto;min-height:160px;object-fit:contain}
.chapter-hero--directory{background:linear-gradient(125deg,#17273f,#253a56)}
.chapter-index{display:grid;align-content:center;border-top:1px solid #ffffff29}
.chapter-index a{display:grid;grid-template-columns:22px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff29;font-size:12px;line-height:1.6;color:#f4f4fa;transition:color .15s,padding .15s}
.chapter-index a>span:first-child{font-size:9px;color:#ff885c;letter-spacing:.05em}
.chapter-index a:hover,.chapter-index a:focus-visible{color:#ff885c;padding-inline-start:8px}
.chapter-navigation{position:sticky;top:82px;z-index:25;background:rgba(244,244,250,.97);border-bottom:1px solid #d9dce6;backdrop-filter:blur(14px)}
.chapter-navigation .page-jumps{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:32px;margin:0;padding:17px 0;border:0;scrollbar-width:thin}
.chapter-navigation .page-jumps a{white-space:nowrap;font-size:11px;min-height:24px;display:inline-flex;align-items:center}
.chapter-content{padding-top:65px}
.chapter-page .chapter-lede{max-width:850px;font-size:19px;line-height:1.85;margin:0 0 35px;color:#4f5f78}
.chapter-content .detail-grid{counter-reset:chapter-section;margin-block:55px 65px}
.chapter-content .detail-grid>section{counter-increment:chapter-section;border-top:1px solid #d9dce6;padding-top:24px}
.chapter-content .detail-grid>section::before{content:counter(chapter-section,decimal-leading-zero);display:block;font-size:10px;color:#df5c30;margin-bottom:20px}
.chapter-content .detail-grid h2{font-size:27px;line-height:1.4;color:#1b2b46}
.chapter-content .detail-grid p{font-size:14px;line-height:1.9;max-width:52ch}
.chapter-content .technical-figure{margin-top:0;scroll-margin-top:160px}
.chapter-content [id]{scroll-margin-top:165px}
.chapter-content .detail-cta{padding:48px;border-radius:18px;background:#1b2b46;margin-top:60px}
.chapter-content .detail-cta h2{color:#fff;font-size:32px}
.chapter-content .detail-cta p{color:#dce2ec;max-width:680px}
.chapter-content .detail-cta .button{min-height:44px}
.chapter-content .industry-directory,.chapter-content .solution-directory{margin-top:0}
.chapter-content .industry-directory>a{padding-block:28px 36px;margin:0;border-top:1px solid #d9dce6}
.chapter-content .industry-directory h2{font-size:28px;line-height:1.4;max-width:22ch}
.chapter-content .industry-directory p{line-height:1.9}
.chapter-content .directory-links>a{transition:border-color .2s,transform .2s}
.chapter-content .directory-links>a:hover{border-color:#ff652f;transform:translateY(-3px)}
.chapter-page .site-header .main-nav.is-open{color:#1b2b46}
.chapter-page .site-header .main-nav.is-open .nav-dropdown{color:#1b2b46}
html[dir=rtl] .chapter-hero--photo::after{background:linear-gradient(270deg,rgba(14,29,49,.88),rgba(14,29,49,.72) 40%,rgba(14,29,49,.18))}
html[dir=rtl] .chapter-page .scroll-progress{transform-origin:right}
html[lang=ar] .chapter-page .chapter-hero h1{font-family:Arial,sans-serif;font-size:clamp(38px,4.5vw,62px);line-height:1.35;letter-spacing:0}
html[lang=ar] .chapter-page .chapter-hero .chapter-subtitle{font-family:Arial,sans-serif;line-height:1.65;letter-spacing:0}
@media(max-width:1000px){.chapter-inner{gap:40px}.chapter-page .chapter-hero h1{font-size:46px}.chapter-hero--photo{min-height:610px}.chapter-hero--photo .chapter-copy{max-width:650px}.chapter-system{padding-block:45px}}
@media(max-width:700px){
 .chapter-page .site-header,.chapter-page .site-header.scrolled{height:76px}
 .chapter-page .chapter-main{padding-bottom:55px}
 .chapter-hero{min-height:0}.chapter-inner{grid-template-columns:1fr;gap:42px;padding-block:118px 50px}
 .chapter-page .chapter-hero .breadcrumbs{font-size:9px;line-height:1.7;margin-bottom:30px}
 .chapter-page .chapter-hero .eyebrow{font-size:9px;margin-bottom:16px}
 .chapter-page .chapter-hero h1{font-size:40px;line-height:1.18;margin-bottom:22px;max-width:16ch;overflow-wrap:normal}
 .chapter-page .chapter-hero .detail-intro{font-size:14px;line-height:1.85}
 .chapter-page .chapter-hero .chapter-subtitle{font-size:22px;line-height:1.5;max-width:26ch}
 .chapter-hero .chapter-action{margin-top:27px;font-size:11px;padding:11px 20px}
 .chapter-hero--photo{min-height:610px;align-items:flex-end}
 .chapter-hero--photo .chapter-inner{padding-block:130px 100px}
 .chapter-hero--photo::after,html[dir=rtl] .chapter-hero--photo::after{background:linear-gradient(0deg,rgba(14,29,49,.92),rgba(14,29,49,.64) 70%,rgba(14,29,49,.34))}
 .chapter-hero--photo .chapter-caption{bottom:24px;inset-inline-start:0;inset-inline-end:0;max-width:none;text-align:start;font-size:8px;line-height:1.65}
 .chapter-system{padding:30px 0;margin-top:0}.chapter-system img{min-height:135px}
 .chapter-hero--method .chapter-inner{gap:35px}
 .chapter-index{grid-template-columns:1fr 1fr;column-gap:20px;border:0}
 .chapter-index a{grid-template-columns:18px minmax(0,1fr);font-size:11px;gap:8px;padding-block:13px;border-top:1px solid #ffffff29;border-bottom:0}
 .chapter-index a:hover{padding-inline-start:0}
 .chapter-navigation{top:76px}.chapter-navigation>.page-width{width:calc(100% - 40px)}
 .chapter-navigation .page-jumps{gap:24px;padding:13px 0}.chapter-navigation .page-jumps a{font-size:10px}
 .chapter-content{padding-top:40px}.chapter-page .chapter-lede{font-size:16px;line-height:1.9;margin-bottom:28px}
 .chapter-content .detail-grid{margin-block:35px 45px;gap:30px}
 .chapter-content .detail-grid>section{padding-top:20px}.chapter-content .detail-grid>section::before{margin-bottom:16px}
 .chapter-content .detail-grid h2{font-size:25px}.chapter-content .detail-grid p{font-size:14px}
 .chapter-content .detail-cta{padding:30px 25px;margin-top:40px}.chapter-content .detail-cta h2{font-size:27px;line-height:1.45}
 .chapter-content .industry-directory h2{font-size:26px}
 html[lang=ar] .chapter-page .chapter-hero h1{font-size:38px;line-height:1.4}
 .chapter-content [id],.chapter-content .technical-figure{scroll-margin-top:145px}
}
@media(prefers-reduced-motion:reduce){.chapter-index a,.chapter-content .directory-links>a{transition:none}.chapter-content .directory-links>a:hover{transform:none}}
/* Keep every chapter link visible at phone widths. */
@media(max-width:700px){.chapter-navigation .page-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible}.chapter-navigation .page-jumps a{white-space:normal;font-size:9.5px;line-height:1.5;min-height:30px}.chapter-navigation .page-jumps svg{flex-shrink:0;margin-inline-start:5px}}
@media(min-width:701px){.chapter-hero--photo .chapter-caption{background:#14283aaa;padding:6px 10px;border-radius:5px}}
html[dir=rtl] .chapter-system img{transform:scaleX(-1)}
/* A photographic overview, with a distinct image for every linked sector. */
.industry-directory-hero .directory-hero-media{position:absolute;inset:0;z-index:-2}
.industry-directory-hero .directory-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72)}
.industry-directory-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#122239e8,#122239d9 45%,#122239a8)}
.chapter-content .industry-photo-directory{gap:48px 55px}
.chapter-content .industry-photo-directory>a{padding:0 0 26px;border-top:0;border-bottom:1px solid #d9dce6;margin:0}
.industry-photo-directory .industry-card-photo{position:relative;display:block;aspect-ratio:3/2;border-radius:14px;overflow:hidden;margin-bottom:24px;background:#1b2b46}
.industry-photo-directory .industry-card-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#1b2b461a,transparent 70%)}
.industry-photo-directory .industry-card-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.025);transition:transform .35s ease}
.industry-photo-directory>a:hover .industry-card-photo img{transform:scale(1.035)}
.industry-photo-directory .industry-directory-number{margin-bottom:16px}
.industry-photo-directory>a:focus-visible{outline:2px solid #ff652f;outline-offset:8px;border-radius:4px}
@media(max-width:700px){.chapter-content .industry-photo-directory{gap:36px}.industry-photo-directory .industry-card-photo{margin-bottom:20px;border-radius:12px}.industry-directory-hero::after{background:linear-gradient(0deg,#122239eb,#122239bd)}.industry-directory-hero .directory-hero-media img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.industry-photo-directory .industry-card-photo img{transition:none}.industry-photo-directory>a:hover .industry-card-photo img{transform:none}}
/* Authentic equipment media, presented in the same editorial card system. */
.solution-directory-hero .directory-hero-media{position:absolute;inset:0;z-index:-2}
.solution-directory-hero .directory-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72)}
.solution-directory-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#122239eb,#122239d6 45%,#122239a8)}
.solution-visual-directory .directory-links{gap:35px}
.solution-visual-directory>section:last-of-type .directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.solution-visual-card{min-width:0;border-bottom:1px solid #d9dce6;padding-bottom:22px;display:flex;flex-direction:column}
.solution-card-link{display:block;flex:1}
.solution-card-photo{display:block;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:#edf2f4;margin-bottom:24px}
.solution-card-photo img{display:block;width:100%;height:100%;object-fit:contain}

.solution-card-number{display:block;font-size:10px;color:#df5c30;margin-bottom:16px;letter-spacing:.04em}
.solution-visual-directory .solution-card-link h3{font-size:23px;line-height:1.4;color:#1b2b46;margin:0 0 16px}
.solution-visual-directory .solution-card-link p{font-size:13px;line-height:1.85;margin:0 0 20px}
.solution-card-link>span:last-child{display:block;color:#ff652f}
.solution-card-link:hover h3{color:#df5c30}
.solution-card-link:focus-visible{outline:2px solid #ff652f;outline-offset:8px;border-radius:4px}
.solution-visual-card .solution-equipment-source{font-size:9px;line-height:1.8;color:#646f8d;margin:20px 0 0}
.solution-equipment-source a{text-decoration:underline;text-underline-offset:3px}
.solution-visual-directory .solution-image-note{font-size:11px;line-height:1.85;max-width:780px;border-top:1px solid #d9dce6;padding-top:22px;margin:0}
@media(max-width:1000px){.solution-visual-directory .directory-links{gap:25px}}
@media(max-width:700px){.solution-visual-directory .directory-links,.solution-visual-directory>section:last-of-type .directory-links{grid-template-columns:1fr;gap:36px}.solution-card-photo{border-radius:12px;margin-bottom:20px}.solution-directory-hero::after{background:linear-gradient(0deg,#122239ed,#122239b8)}}
.solution-visual-directory .solution-card-number{font-size:11px;margin:0 0 16px}

/* Photograph-like compositions retain the complete original concept geometry. */
.solution-visual-directory .solution-card-photo{background:#e7ebef}
.solution-visual-directory .solution-card-photo img{object-fit:cover;transform:none}
.solution-visual-directory .solution-equipment-source{font-size:9px;letter-spacing:.06em}