/* Label typography: Google Fonts Michroma Regular, with Archivo fallback. */
@font-face{font-family:Michroma;src:url('assets/fonts/Michroma-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/fonts/Archivo.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.eloi-premium .nd-kicker,.eloi-premium .eyebrow{font-family:Michroma,Archivo,sans-serif!important;font-size:12px!important;font-weight:400!important;letter-spacing:.2em!important;line-height:1.8;text-transform:uppercase;color:#f47920!important;overflow-wrap:anywhere}
/* Family names are titles, rather than small editorial labels. */
.eloi-premium .range-family-copy>.nd-kicker{font-family:Archivo,Arial,sans-serif!important;font-size:24px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2;color:#30383b!important}
/* Brand standard: symbol approximately 1.62 times the visible letter height;
   fixed wordmark, centred vertically, with a consistent horizontal gap. */
.hero-brandline{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;min-height:116px;padding:20px 0;margin-bottom:14px}
.hero-brandline .eloi-brand-motion{position:relative;width:76px;height:76px;flex:0 0 76px;transform:none;margin:0;overflow:visible}
.hero-brandline .brand-oil-star{position:static;display:block;width:76px;height:76px;background:none;animation:none;opacity:1;clip-path:none;transform:none}
.hero-brandline .brand-star-art{display:block;width:76px;height:76px;background:url('assets/eloi-logo.png') no-repeat 0 -85px;background-size:261.7px 244.8px;transform-origin:38px 38px;animation:brand-orbit 48s linear infinite}
.hero-brandline .hero-wordmark{width:174px;height:46px;background:url('assets/eloi-logo.png') no-repeat -79.7px -107.5px;background-size:261.7px 244.8px}
.hero-brand-lockup{display:block;flex:0 0 auto}
.eloi-brand-motion::before{display:none}

.range-sector-card.specialist-sector{grid-column:1/-1;height:270px;background:#23282a}
.range-sector-card.specialist-sector>img{left:35%;width:65%;object-position:center}
.range-sector-card.specialist-sector::before{background:linear-gradient(90deg,#23282a 25%,#23282ab3 55%,#23282a15)}
.range-sector-card.specialist-sector .range-sector-copy{right:auto;max-width:50%;top:0;justify-content:center}
@media(max-width:700px){
.hero-brandline{min-height:116px;gap:12px}
.range-sector-card.specialist-sector{height:300px}
.range-sector-card.specialist-sector>img{left:0;width:100%;object-position:65% center}
.range-sector-card.specialist-sector::before{background:linear-gradient(180deg,#23282a10,#23282ae8)}
.range-sector-card.specialist-sector .range-sector-copy{max-width:100%;top:auto;right:0}
}
@media(prefers-reduced-motion:reduce){.hero-brandline .brand-star-art{animation:none}}
/* Trim the photo's embedded white edge so both columns share the same bounds. */
.eloi-assurance{align-items:stretch;overflow:hidden}
.eloi-assurance-photo{overflow:hidden;align-self:stretch}
.eloi-assurance-photo img{transform:scale(1.05);transform-origin:center;object-fit:cover}
