/* A product-led opening, followed by one clear application selector. */
.eloi-premium .editorial-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 76% 44%,#45494b 0,#24292c 44%,#191e21 78%);color:#fff}
.eloi-premium .editorial-hero::before,.eloi-premium .editorial-hero::after{display:none}
.eloi-premium .editorial-hero .eloi-hero-inner{position:relative;z-index:2;max-width:1440px;min-height:610px;padding:48px 64px 42px;grid-template-columns:1.05fr 1fr;gap:30px}
.eloi-premium .editorial-hero h1{color:#fff;font-size:clamp(48px,5.7vw,82px);line-height:1.01;letter-spacing:-.055em;margin:22px 0 26px}
.eloi-premium .editorial-hero h1 em{color:#ff963f;font-style:normal}
.eloi-premium .editorial-hero .eloi-hero-copy>p{color:#d0d4d5;max-width:480px;font-size:17px}
.eloi-premium .editorial-hero .nd-kicker{color:#ffc08d}
.eloi-premium .editorial-hero .nd-secondary{color:#fff;border-color:#859093;background:#ffffff05}
.eloi-premium .editorial-hero .nd-secondary:hover{background:#ffffff15}
.editorial-hero .eloi-hero-product{isolation:isolate;align-self:stretch;justify-content:center;padding:30px 0 0}
.eloi-premium .editorial-hero .eloi-hero-product>img{height:400px;max-height:400px;filter:drop-shadow(0 20px 25px #0006);transform:translateY(8px)}
.hero-photo-slats{position:absolute;inset:0 -25px 40px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;z-index:-1;opacity:.43;mask-image:linear-gradient(#000 55%,transparent 97%);transform:skewX(-10deg);overflow:hidden}
.hero-photo-slats img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);min-width:0}
.eloi-premium .editorial-hero .eloi-hero-caption{position:relative;max-width:380px;margin-top:12px;padding:16px 18px;border:1px solid #ffffff26;background:#202628d9;color:#fff;text-decoration:none;backdrop-filter:blur(8px)}
.editorial-hero .eloi-hero-caption>span:first-child{color:#d2d7d8}.editorial-hero .eloi-hero-caption>span:last-child{color:#ffb377}
.hero-flow{position:absolute;pointer-events:none;z-index:1;left:0;bottom:30px;width:100%;height:330px;color:#f47920;opacity:.4;stroke-width:1.2}
.hero-flow path{stroke-dasharray:1;stroke-dashoffset:0;animation:flow-reveal 2.6s ease-out both}.hero-flow path:nth-child(2){animation-delay:.15s;opacity:.6}.hero-flow path:nth-child(3){animation-delay:.3s;opacity:.3}
@keyframes flow-reveal{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0}}
.eloi-premium .editorial-hero .eloi-hero-base{position:relative;z-index:2;background:#191e21a6;border-color:#ffffff1f;color:#bfc6c8;padding:19px max(40px,calc((100vw - 1312px)/2))}.editorial-hero .eloi-hero-base a{color:#ffd0ab;text-decoration:none}
.home-applications{max-width:1360px;margin:auto;padding:68px 60px 0;scroll-margin-top:95px;box-sizing:border-box}.application-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.application-heading h2{font-size:clamp(28px,3vw,42px);margin:12px 0 0}.application-heading>p{font-size:14px;color:#636769;margin:0 0 4px}
.application-ribbon{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.application-tile{position:relative;isolation:isolate;display:flex;align-items:end;min-width:0;height:310px;overflow:hidden;color:#fff;text-decoration:none;background:#30383b;border-bottom:3px solid #636769;transition:border-color .25s}.application-tile::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10171915 20%,#10171980 52%,#101719f5 100%)}.application-tile>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease;filter:saturate(.72)}.application-tile:hover,.application-tile:focus-visible{border-color:#f47920}.application-tile:hover>img,.application-tile:focus-visible>img{transform:scale(1.06);filter:saturate(1)}.application-number{position:absolute;top:18px;left:18px;font-size:11px;letter-spacing:.12em;color:#fff;background:#151c2080;padding:5px 7px}.application-tile>div{position:relative;padding:18px 16px 46px;width:100%;box-sizing:border-box}.application-tile h3{color:#fff;font-size:19px;line-height:1.2;margin:0 0 10px;letter-spacing:-.025em}.application-tile p{color:#d4d9da;font-size:12px;line-height:1.5;margin:0;min-height:36px}.application-arrow{position:absolute;bottom:15px;right:18px;color:#ffad6d;font-size:22px;transition:transform .25s}.application-tile:hover .application-arrow{transform:translate(2px,-2px)}.application-foot{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;border-bottom:1px solid #d9deda;padding:23px 0;font-size:13px;color:#636769}.application-foot a{color:#804016;text-underline-offset:4px}.application-foot>a:first-of-type{margin-left:auto}
.home-partnership{max-width:1240px;margin:76px auto;display:flex;gap:50px;align-items:center;justify-content:space-between;border-top:1px solid #ccd2ce;border-bottom:1px solid #ccd2ce;padding:46px 0}.home-partnership h2{font-size:clamp(28px,3vw,40px);line-height:1.13;margin:16px 0}.home-partnership p{font-size:16px;color:#636769;max-width:640px;margin:0}.home-partnership>.nd-primary{flex-shrink:0;text-decoration:none}
@media(max-width:1280px){.home-partnership{margin-left:40px;margin-right:40px}.home-applications{padding-left:40px;padding-right:40px}.eloi-premium .editorial-hero .eloi-hero-inner{padding-left:40px;padding-right:40px}.application-tile h3{font-size:17px}}
@media(max-width:1000px){.application-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.application-tile{height:260px}.application-tile h3{font-size:22px}.application-tile p{min-height:0}.application-heading{align-items:start;flex-direction:column;gap:12px}.home-partnership{gap:30px}.eloi-premium .editorial-hero .eloi-hero-inner{gap:15px}.eloi-premium .editorial-hero h1{font-size:56px}.eloi-premium .editorial-hero .eloi-hero-product>img{height:330px}}
@media(max-width:700px){.eloi-premium .editorial-hero .eloi-hero-inner{grid-template-columns:1fr;padding:30px 24px 24px;gap:20px}.eloi-premium .editorial-hero h1{font-size:clamp(42px,10vw,60px)}.eloi-premium .editorial-hero .eloi-hero-copy>p{font-size:16px;margin-bottom:24px}.eloi-premium .editorial-hero .nd-actions{flex-direction:row;flex-wrap:wrap;gap:10px}.editorial-hero .nd-actions a{flex:1;text-align:center;padding:14px 12px;font-size:13px;white-space:nowrap}.editorial-hero .eloi-hero-product{padding-top:12px}.eloi-premium .editorial-hero .eloi-hero-product>img{height:285px;max-height:285px}.hero-photo-slats{inset:0 0 30px 0;opacity:.35}.eloi-premium .editorial-hero .eloi-hero-caption{box-sizing:border-box;width:100%;font-size:12px;grid-template-columns:1fr auto}.editorial-hero .eloi-hero-caption strong{font-size:15px}.eloi-premium .editorial-hero .eloi-hero-base{padding:18px 24px;font-size:10px;gap:10px}.home-applications{padding:44px 24px 0}.application-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.application-tile{height:240px}.application-tile>div{padding:16px 13px 42px}.application-tile h3{font-size:19px}.application-tile p{font-size:12px;min-height:36px}.application-foot{align-items:start;flex-direction:column;gap:12px}.application-foot>a:first-of-type{margin-left:0}.home-partnership{margin:48px 24px;padding:32px 0;flex-direction:column;align-items:start;gap:24px}.hero-flow{height:300px;bottom:90px}}
@media(prefers-reduced-motion:reduce){.hero-flow path{animation:none}.application-tile,.application-tile>img,.application-arrow{transition:none}.application-tile:hover>img,.application-tile:focus-visible>img,.application-tile:hover .application-arrow{transform:none}}
/* Quiet product caption and a fixed wordmark beside the animated sun. */
.hero-product-note{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;text-decoration:none;margin:20px 0 8px;padding:8px 20px;background:none;border:0}.hero-product-note strong{font-size:16px;letter-spacing:.07em}.hero-product-note span{font-size:13px;color:#bdc4c7;border-bottom:1px solid #697276;padding-bottom:4px}.hero-product-note:hover span{color:#ffad6d;border-color:#ffad6d}.hero-brand-lockup{display:flex;flex-direction:column;gap:8px}.hero-wordmark{display:block;width:158px;height:44px;background:url('assets/eloi-logo.png') no-repeat -69px -90px;background-size:226px 211.4px}.hero-brandline{gap:12px;flex-wrap:wrap}.hero-brandline .nd-kicker{font-size:10px!important;letter-spacing:.09em!important}.brand-motion-toggle{align-self:center;color:#bfc6c8;border:1px solid #596165;background:transparent;border-radius:2px;padding:6px 9px;font-size:12px;margin-left:7px}.eloi-brand-motion{overflow:visible}.brand-oil-star{background:none}.brand-star-art{display:block;width:66px;height:66px;background:url('assets/eloi-logo.png') no-repeat 0 -75px;background-size:226px 211.4px;animation:brand-orbit 48s linear infinite;transform-origin:center}.eloi-brand-motion.play .brand-star-art{animation-delay:2.4s}.motion-paused .brand-star-art,.motion-paused .brand-oil-star,.motion-paused .brand-oil-drop{animation-play-state:paused!important}@keyframes brand-orbit{to{transform:rotate(360deg)}}
/* Angled application panels: image geometry moves, labels stay level. */
.application-ribbon{gap:8px;overflow:hidden;padding:0 14px}.application-tile{transform:skewX(-7deg);border-bottom:0;height:330px}.application-tile>img{width:calc(100% + 50px);max-width:none;left:-25px;transform:skewX(7deg) scale(1.04);filter:grayscale(1);object-position:center}.application-tile>div{transform:skewX(7deg);padding:22px 16px;min-height:120px}.application-tile:hover>img,.application-tile:focus-visible>img{filter:grayscale(0);transform:skewX(7deg) scale(1.09)}.application-tile:focus-visible{outline:3px solid #f47920;outline-offset:-3px}.application-tile h3{font-size:19px}.application-tile p{font-size:13px}.application-tile::after{background:linear-gradient(180deg,#10171900 25%,#10171970 55%,#101719f5 100%)}
@media(max-width:1000px){.application-tile{height:275px}.application-tile h3{font-size:22px}}
@media(max-width:700px){.application-ribbon{padding:0 9px;gap:7px}.application-tile{height:250px;transform:skewX(-4deg)}.application-tile>img{transform:skewX(4deg) scale(1.04)}.application-tile:hover>img,.application-tile:focus-visible>img{transform:skewX(4deg) scale(1.07)}.application-tile>div{transform:skewX(4deg);padding:18px 12px}.application-tile h3{font-size:18px}.application-tile p{font-size:12px}.hero-brandline{gap:8px}.hero-brand-lockup .nd-kicker{max-width:185px}.brand-motion-toggle{margin-left:0}}
@media(hover:none){.application-tile>img{filter:grayscale(.2)}}
@media(prefers-reduced-motion:reduce){.brand-star-art{animation:none}.brand-motion-toggle{display:none}.application-tile>img{transition:none}}
/* Align the visible centres of the original symbol and wordmark. */
.hero-brandline{display:flex;align-items:center;gap:14px;min-height:76px;margin-bottom:18px;flex-wrap:nowrap}.hero-brandline .eloi-brand-motion{height:76px;width:76px;flex-basis:76px;transform:none;margin:0}.hero-brandline .brand-oil-star{left:5px;top:5px;bottom:auto}.hero-brand-lockup{display:block}.hero-wordmark{width:158px;height:44px;background-position:-69px -90px}.hero-brandline .brand-oil-drop{left:15px;top:-6px}