.interior-hero{position:relative;min-height:560px;color:#fff;background:#071a45;overflow:hidden}
.interior-hero-media{position:absolute;inset:0;background:
 radial-gradient(circle at 76% 36%,rgba(73,119,201,.72),transparent 28%),
 radial-gradient(circle at 25% 18%,rgba(217,33,46,.16),transparent 22%),
 linear-gradient(110deg,#071a45 0%,#0b2e73 52%,#123c7e 100%)}
.interior-hero-media::before{content:"";position:absolute;right:-8%;bottom:-38%;width:55%;aspect-ratio:1;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:inset 0 0 100px rgba(255,255,255,.035)}
.interior-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,14,40,.12),rgba(3,14,40,.2))}
.interior-hero-inner{position:relative;z-index:2;min-height:560px;padding-top:158px;padding-bottom:72px;display:grid;grid-template-columns:minmax(0,1.45fr) 330px;gap:80px;align-items:center}
.interior-hero-copy{max-width:780px}
.interior-hero h1{margin:15px 0 19px;font-size:clamp(48px,5.2vw,72px);line-height:1.02;letter-spacing:-.05em;font-weight:800}
.interior-hero h1 em{font-style:normal;color:#accaff}
.interior-hero-copy>p{max-width:680px;color:#d8e3f4;font-size:18px;line-height:1.7}
.interior-hero-aside{padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(6,22,58,.45);backdrop-filter:blur(15px);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.interior-hero-aside .aside-label{display:block;color:#91b8ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}
.interior-hero-aside strong{display:block;font-size:22px;line-height:1.25}
.interior-hero-aside p{margin:12px 0 0;color:#b8c8e2;font-size:14px}
.about-hero .interior-hero-media{background:radial-gradient(circle at 70% 35%,rgba(56,99,178,.7),transparent 26%),radial-gradient(circle at 20% 16%,rgba(217,33,46,.22),transparent 22%),linear-gradient(112deg,#071a45 0%,#0a2a66 58%,#163d79 100%)}
.companies-hero .interior-hero-media{background:radial-gradient(circle at 77% 32%,rgba(42,109,228,.5),transparent 28%),radial-gradient(circle at 31% 10%,rgba(217,33,46,.14),transparent 21%),linear-gradient(110deg,#071a45,#0b2f72 58%,#0d3d83)}
.company-detail-hero.bakery .interior-hero-media{background:linear-gradient(110deg,#071a45,#153b75 58%,#9f3535)}
.company-detail-hero.water .interior-hero-media{background:linear-gradient(110deg,#071a45,#0d386d 55%,#159bd3)}
.company-detail-hero.events .interior-hero-media{background:linear-gradient(110deg,#071a45,#402765 55%,#8f46bf)}
.company-detail-hero.laundry .interior-hero-media{background:linear-gradient(110deg,#071a45,#17396e 55%,#326ee7)}
.company-detail-hero.luxury .interior-hero-media{background:linear-gradient(110deg,#071a45,#3c3150 55%,#b77b2d)}
.company-detail-hero.construction .interior-hero-media{background:linear-gradient(110deg,#071a45,#3b2b2a 55%,#d55235)}
.company-detail-hero.mining .interior-hero-media{background:linear-gradient(110deg,#071a45,#2e3440 55%,#69717f)}
.company-detail-hero.realestate .interior-hero-media{background:linear-gradient(110deg,#071a45,#173f43 55%,#1b8b6a)}
.company-detail-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:14px;border-radius:17px;background:rgba(255,255,255,.1);font-size:28px}

.editorial-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start}
.editorial-heading h2,.story-copy h2,.operating-grid h2{font-size:clamp(38px,4.2vw,58px);line-height:1.05;letter-spacing:-.045em;margin:14px 0}
.editorial-heading h2 em,.story-copy h2 em,.operating-grid h2 em{font-style:normal;color:#1559d6}
.editorial-body{color:#5f6c82;font-size:17px}
.editorial-body p:first-child{margin-top:4px;color:#26354f;font-size:19px}

.values{background:#f6f8fb}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.value-card{position:relative;min-height:280px;padding:27px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(13,35,77,.04);transition:.24s}
.value-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(13,35,77,.1)}
.value-card>span{position:absolute;right:22px;top:20px;color:#b1b9c8;font-size:11px}
.value-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf3ff;color:#1559d6;font-size:22px}
.value-card:nth-child(2) .value-icon{background:#fff0f1;color:#d9212e}
.value-card:nth-child(3) .value-icon{background:#edf8f3;color:#168460}
.value-card:nth-child(4) .value-icon{background:#f5f0ff;color:#7c4bd0}
.value-card h3{margin:25px 0 10px;font-size:20px}
.value-card p{margin:0;color:#5f6c82;font-size:14px}

.story-band{background:#fff}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.story-visual{min-height:430px;position:relative;border-radius:26px;background:linear-gradient(145deg,#071a45,#0d3b84);overflow:hidden}
.story-visual::before{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-12deg)}
.story-visual::after{content:"";position:absolute;right:-12%;bottom:-30%;width:68%;aspect-ratio:1;border-radius:50%;background:rgba(217,33,46,.12)}
.story-frame{position:absolute;inset:0;display:grid;place-items:center}
.story-frame span{font-size:120px;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.12)}
.story-copy p{color:#5f6c82;font-size:17px}
.leadership-preview{padding-top:0}
.leadership-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;padding:45px;border:1px solid #e1e8f0;border-radius:24px;background:linear-gradient(145deg,#f8faff,#fff);box-shadow:0 16px 35px rgba(13,35,77,.055)}
.leadership-panel h2{font-size:clamp(34px,3.5vw,50px);line-height:1.06;letter-spacing:-.04em;margin:12px 0 0}
.leadership-panel h2 em{font-style:normal;color:#1559d6}
.leadership-panel p{color:#5f6c82;margin-top:0;margin-bottom:22px}

.company-directory{background:#f6f8fb}
.directory-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}
.directory-head h2{font-size:clamp(38px,4vw,56px);line-height:1.05;letter-spacing:-.045em;margin:12px 0 0}
.directory-head h2 em{font-style:normal;color:#1559d6}
.company-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.company-filters button{border:1px solid #dce4ef;background:#fff;color:#44526b;border-radius:999px;padding:9px 12px;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}
.company-filters button:hover,.company-filters button.is-active{background:#0b2e73;color:#fff;border-color:#0b2e73}
.company-directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.directory-card{--accent:#1559d6;position:relative;min-height:330px;padding:26px;border:1px solid #e1e8f0;border-radius:19px;background:#fff;box-shadow:0 7px 20px rgba(13,35,77,.045);overflow:hidden;transition:.25s}
.directory-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--accent)}
.directory-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(13,35,77,.11)}
.directory-card.is-hidden{display:none}
.directory-card-top{display:flex;align-items:center;justify-content:space-between}
.directory-card-top>span{color:#aab4c3;font-size:11px}
.directory-card-top i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);font-size:22px;font-style:normal}
.directory-card .company-label{display:block;margin-top:28px;color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.directory-card h3{font-size:22px;margin:7px 0 10px}
.directory-card p{color:#5f6c82;font-size:14px;min-height:92px}
.directory-card>a{display:inline-flex;gap:10px;color:var(--accent);font-size:13px;font-weight:800}
.directory-card.water{--accent:#159bd3}.directory-card.events{--accent:#9b45c9}.directory-card.laundry{--accent:#326ee7}.directory-card.luxury{--accent:#b77b2d}.directory-card.construction{--accent:#d55235}.directory-card.mining{--accent:#69717f}.directory-card.realestate{--accent:#1b8b6a}

.operating-model{background:#fff}
.operating-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.operating-points{display:grid;gap:11px}
.operating-points article{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px;border:1px solid #e4eaf2;border-radius:14px;background:#fff}
.operating-points article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:#1559d6;font-size:11px}
.operating-points strong,.operating-points small{display:block}
.operating-points strong{font-size:15px}
.operating-points small{margin-top:3px;color:#6a778c;font-size:13px}
.group-cta{padding:85px 0;color:#fff;background:linear-gradient(110deg,#071a45,#0b2e73 64%,#133f85)}
.group-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
.group-cta h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin:12px 0}
.group-cta h2 em{font-style:normal;color:#a9c9ff}

@media(max-width:1000px){
 .interior-hero-inner{grid-template-columns:1fr;gap:30px;padding-top:130px}
 .interior-hero-aside{max-width:600px}
 .editorial-grid,.story-grid,.leadership-panel,.operating-grid{grid-template-columns:1fr;gap:42px}
 .value-grid,.company-directory-grid{grid-template-columns:repeat(2,1fr)}
 .directory-head{display:block}.company-filters{justify-content:flex-start;margin-top:24px}
}
@media(max-width:640px){
 .interior-hero{min-height:650px}.interior-hero-inner{min-height:650px;padding-top:112px;padding-bottom:54px}
 .interior-hero h1{font-size:42px}.interior-hero-copy>p{font-size:16px}
 .value-grid,.company-directory-grid{grid-template-columns:1fr}.story-visual{min-height:320px}.leadership-panel{padding:28px}
 .directory-card{min-height:300px}.group-cta-inner{display:block}.group-cta .button{margin-top:20px}
}
