
/* HADEED HDX v10.4 — Solutions */
:root{--hdx-blue:#113AA5;--hdx-navy:#071A3D;--hdx-paper:#F4F4F0;--hdx-ink:#0B1020;--hdx-muted:#727987;--hdx-line:#d9dce3}
.solutions-hub{background:#fff;color:var(--hdx-ink)}
.solutions-hero{padding:155px 0 88px;border-bottom:1px solid var(--hdx-line);background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%)}
.solutions-hero .kicker,.sector-hero .kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--hdx-blue);text-transform:uppercase;margin-bottom:24px}
.solutions-hero h1,.sector-hero h1{font-size:clamp(54px,7.5vw,118px);line-height:.9;letter-spacing:-.055em;margin:0;max-width:1040px}
.solutions-hero .lead,.sector-hero .lead{max-width:730px;font-size:clamp(18px,2vw,27px);line-height:1.45;color:#404756;margin:34px 0 0}
.solutions-stats{display:flex;gap:38px;flex-wrap:wrap;margin-top:48px;padding-top:32px;border-top:1px solid var(--hdx-line)}
.solutions-stats span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hdx-muted)}
.solutions-stats strong{font-size:32px;letter-spacing:-.04em}
.sector-grid-wrap{padding:30px 0 110px}
.sector-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hdx-line);border-left:1px solid var(--hdx-line)}
.sector-card{min-height:270px;padding:30px;border-right:1px solid var(--hdx-line);border-bottom:1px solid var(--hdx-line);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:background .2s ease,color .2s ease}
.sector-card:hover{background:var(--hdx-navy);color:#fff}
.sector-card .num{font-size:12px;letter-spacing:.18em;color:var(--hdx-blue);font-weight:700}.sector-card:hover .num{color:#95adff}
.sector-card h2{font-size:34px;line-height:1.02;letter-spacing:-.035em;margin:auto 0 16px}.sector-card p{max-width:330px;color:var(--hdx-muted);line-height:1.55;margin:0}.sector-card:hover p{color:#cbd2e3}
.sector-card .count{margin-top:26px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sector-hero{padding:145px 0 54px;border-bottom:1px solid var(--hdx-line);background:#fff}
.sector-hero .sector-back{display:inline-block;margin-bottom:38px;color:var(--hdx-muted);text-decoration:none;font-size:13px}.sector-hero .sector-back:hover{color:var(--hdx-blue)}
.sector-meta{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:70px;margin-top:55px;padding-top:34px;border-top:1px solid var(--hdx-line)}
.sector-meta .context{font-size:18px;line-height:1.6;color:#414958;max-width:760px}.sector-meta dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.sector-meta dt{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--hdx-muted)}.sector-meta dd{margin:5px 0 0;font-size:19px;font-weight:700}
.opening-browser{padding:54px 0 120px;background:var(--hdx-paper)}
.opening-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.opening-toolbar h2{font-size:clamp(34px,4vw,62px);letter-spacing:-.045em;margin:0}.opening-toolbar p{max-width:470px;margin:0;color:var(--hdx-muted);line-height:1.55}
.opening-filters{display:grid;grid-template-columns:1.4fr repeat(3,minmax(150px,.65fr));gap:10px;margin:28px 0 25px}
.opening-filters input,.opening-filters select{width:100%;border:1px solid #cfd3dc;background:#fff;padding:15px 16px;font:inherit;color:var(--hdx-ink);border-radius:0;min-height:52px}
.opening-list{background:#fff;border-top:1px solid var(--hdx-line)}
.opening-row{appearance:none;-webkit-appearance:none;font:inherit;text-align:left;width:100%;background:#fff;color:inherit;display:grid;grid-template-columns:100px minmax(230px,1.4fr) minmax(180px,.8fr) minmax(160px,.7fr) 46px;gap:20px;align-items:center;padding:21px 22px;border:1px solid var(--hdx-line);border-top:0;cursor:pointer;transition:background .18s ease}
.opening-row:hover,.opening-row:focus-visible{background:#f7f8fb;outline:none}.opening-id{font-weight:700;color:var(--hdx-blue);letter-spacing:.04em}.opening-name{font-size:19px;font-weight:650}.opening-small{font-size:13px;color:var(--hdx-muted);line-height:1.4}.opening-arrow{font-size:23px;text-align:right}
.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#216e39}.status-pill:before{content:'';width:7px;height:7px;border-radius:50%;background:#2da44e}
.empty-state{padding:48px;border:1px solid var(--hdx-line);background:#fff;color:var(--hdx-muted)}
.opening-panel{position:fixed;inset:0;z-index:1200;pointer-events:none}.opening-panel[hidden]{display:none}.opening-panel.is-open{pointer-events:auto}.opening-panel .veil{position:absolute;inset:0;background:rgba(7,26,61,.48);opacity:0;transition:opacity .25s}.opening-panel.is-open .veil{opacity:1}.opening-panel .drawer{position:absolute;right:0;top:0;height:100%;width:min(690px,94vw);background:#fff;transform:translateX(100%);transition:transform .28s ease;overflow:auto;padding:34px 38px 55px}.opening-panel.is-open .drawer{transform:translateX(0)}
.drawer-close{border:0;background:none;font-size:34px;line-height:1;cursor:pointer;float:right}.drawer-id{font-size:12px;letter-spacing:.16em;color:var(--hdx-blue);font-weight:700;margin-top:60px}.drawer h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin:12px 0 28px}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--hdx-line);border-left:1px solid var(--hdx-line);margin:28px 0}.drawer-fact{padding:18px;border-right:1px solid var(--hdx-line);border-bottom:1px solid var(--hdx-line)}.drawer-fact span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--hdx-muted);display:block;margin-bottom:7px}.drawer-fact strong{font-size:15px;line-height:1.35}.drawer h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:34px 0 14px}.role-block{padding:22px;background:var(--hdx-paper);font-size:16px;line-height:1.65}.article-note{border-left:3px solid var(--hdx-blue);padding:14px 18px;margin-top:28px;color:#3d4657;line-height:1.55}.article-note strong{color:var(--hdx-ink)}
.zone-band{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.zone-band span{padding:9px 12px;background:#eef1f8;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:900px){.sector-index{grid-template-columns:1fr 1fr}.sector-meta{grid-template-columns:1fr;gap:28px}.opening-filters{grid-template-columns:1fr 1fr}.opening-row{grid-template-columns:80px 1fr 38px}.opening-row .opening-small{display:none}.solutions-hero{padding-top:120px}}
@media(max-width:620px){.solutions-hero,.sector-hero{padding-top:108px}.sector-index{grid-template-columns:1fr}.sector-card{min-height:220px}.opening-toolbar{display:block}.opening-toolbar p{margin-top:14px}.opening-filters{grid-template-columns:1fr}.opening-row{grid-template-columns:70px 1fr 30px;padding:18px 14px}.opening-name{font-size:16px}.drawer{padding-left:24px!important;padding-right:24px!important}.drawer-grid{grid-template-columns:1fr}.sector-meta dl{grid-template-columns:1fr 1fr}}

/* v10.4A approved sector photography — source images preserved; overlays are CSS only */
.sector-card--image{position:relative;overflow:hidden;background:#071A3D;color:#fff;isolation:isolate}
.sector-card--image:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transition:transform .45s ease}
.sector-card--image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,61,.08) 0%,rgba(7,26,61,.25) 38%,rgba(7,26,61,.88) 100%);z-index:-1}
.sector-card--image:hover:before{transform:scale(1.025)}
.sector-card--image p{color:#e2e7f0}.sector-card--image .num{color:#d7e0ff}.sector-card--image:hover{background:#071A3D}
.sector-card[data-sector="residential"]:before{background-image:url('sector-residential.webp')}
.sector-card[data-sector="hospitality"]:before{background-image:url('sector-hospitality.webp');background-position:center 56%}
.sector-card[data-sector="education"]:before{background-image:url('sector-education.jpg')}
.sector-card[data-sector="healthcare"]:before{background-image:url('sector-healthcare.jpg')}
.sector-card[data-sector="commercial-buildings"]:before{background-image:url('sector-commercial-buildings.jpg')}
.sector-card[data-sector="government"]:before{background-image:url('sector-government.jpg')}
.sector-card[data-sector="airports"]:before{background-image:url('sector-airports.jpg')}
.sector-card[data-sector="industrial"]:before{background-image:url('sector-industrial.jpg')}
.sector-card[data-sector="data-centers"]:before{background-image:url('sector-data-centers.jpg')}
.sector-hero{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:flex-end;background:#071A3D;color:#fff;border-bottom:0}
.sector-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.sector-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,61,.9) 0%,rgba(7,26,61,.58) 48%,rgba(7,26,61,.14) 100%),linear-gradient(0deg,rgba(7,26,61,.48),transparent 55%);z-index:1}
.sector-hero>.wrap{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));margin:0 auto}.sector-hero .lead,.sector-hero .sector-back,.sector-hero .sector-meta .context{color:#eef2f8}.sector-hero .kicker{color:#a9bfff}.sector-hero .sector-meta{border-top-color:rgba(255,255,255,.32)}.sector-hero .sector-back:hover{color:#fff}
@media(max-width:620px){.sector-hero{min-height:650px}.sector-hero-shade{background:linear-gradient(0deg,rgba(7,26,61,.94) 0%,rgba(7,26,61,.58) 62%,rgba(7,26,61,.14) 100%)}.sector-hero-image{object-position:center}}
