/* Homepage hero: editorial composition within the shared CoteX identity. */
body.corporate-home .site-header{position:relative;inset:auto;background:#102b23;color:#f5f2e9}
body.corporate-home .site-header .header-inner{min-height:104px;border-bottom:0}
body.corporate-home .site-header .logo img{filter:url(#logo-on-dark)}
body.corporate-home .site-header nav a:hover{color:#e5ba69;text-decoration:underline}
body.corporate-home .site-header :focus-visible{outline-color:#e5ba69}
#hero.homepage-hero{background:#102b23;color:#f5f2e9;padding:32px 0 0;overflow:hidden}
#hero .hero-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px);align-items:center;padding:0 0 24px}
#hero .hero-editorial-copy{min-width:0;padding-block:40px;position:relative;z-index:2}
body.site-type-system #main #hero h1{margin:0;font-size:clamp(48px,4.8vw,68px)!important;line-height:1.04!important;letter-spacing:-.04em!important;text-wrap:initial}
#hero h1 .hero-editorial-accent{display:block;margin-top:20px;font-size:clamp(30px,3.05vw,44px);line-height:1.15;color:#e5ba69;letter-spacing:-.035em}
#hero .hero-editorial-copy>p{max-width:47ch;margin:28px 0 0;color:#c7d4cb;line-height:1.75!important}
#hero .hero-editorial-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
#hero .hero-editorial-actions .button{justify-content:space-between;gap:22px;min-height:50px;padding:13px 22px;font-size:14px;text-decoration:none}
#hero .hero-primary{background:#e5ba69;color:#102b23;border:1px solid #e5ba69}
#hero .hero-primary:hover{background:#f1ce8d;border-color:#f1ce8d}
#hero .hero-secondary{background:transparent;color:#f5f2e9;border:1px solid #7c9183}
#hero .hero-secondary:hover{background:#244235;border-color:#c7d4cb}
#hero .button:focus-visible{outline-color:#e5ba69}
#hero .hero-editorial-visual{position:relative;inset:auto;width:calc(100% + max(var(--page-gutter), (100vw - 1240px)/2));height:auto;aspect-ratio:1.16;margin:0;background:transparent;border-radius:0;overflow:visible;clip-path:inset(0 -100vw);isolation:isolate;pointer-events:auto;z-index:auto}
#hero .tablet-pile-stage{position:absolute;inset:0;aspect-ratio:auto;overflow:visible}
#hero .tablet-pile-photo{position:absolute;width:130%;max-width:none;height:auto;right:-12%;bottom:-4%;object-fit:contain;mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);}
#hero .tablet-pile-bubbles{position:absolute;inset:auto -12% -4% auto;width:130%;height:auto;aspect-ratio:2280/1856;overflow:visible;opacity:.8}
#hero .pile-nutrient{--rise:var(--hero-rise,-900px)!important}
#hero .pile-nutrient text{font-size:54px}
#hero .hero-editorial-visual figcaption{position:absolute;inset:auto auto 0 0;padding:0;z-index:2;pointer-events:auto}
#hero .pile-motion-toggle{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#e5eade;padding:0 8px;text-underline-offset:5px}
#hero .pile-motion-toggle:hover{color:#e5ba69}
#hero .pile-motion-toggle:focus-visible{outline-color:#e5ba69}
#hero .hero-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:28px 0 36px;border-top:1px solid #496355}
body.site-type-system #main #hero .hero-capabilities h2{font-size:16px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#e5ba69;margin:0 0 8px}
#hero .hero-capabilities p{max-width:34ch;margin:0;color:#c7d4cb}
/* A tighter desktop introduction; keep the existing tablet/phone composition. */
@media(min-width:901px){
 #hero.homepage-hero{padding-top:16px}
 #hero .hero-editorial-copy{padding-block:24px}
}
@media(min-width:1101px){
 #hero .hero-editorial-visual{aspect-ratio:1.26;max-height:600px}
}
@media(max-width:1100px){
 #hero .hero-editorial-grid{gap:40px}
 #hero .hero-editorial-visual{aspect-ratio:.95}
 #hero .tablet-pile-photo,#hero .tablet-pile-bubbles{width:148%;right:-25%;bottom:0}
 #hero .hero-capabilities{gap:32px}
}
@media(max-width:900px){
 body.corporate-home .site-header .header-inner{min-height:88px}
 body.corporate-home .site-header .menu-toggle{color:#f5f2e9;border-color:#7c9183}
 body.corporate-home .site-header #navigation.is-open{background:#102b23;color:#f5f2e9;border:1px solid #496355}
 body.corporate-home .site-header #navigation a{border-bottom-color:#496355}
 #hero.homepage-hero{padding-top:32px}
 #hero .hero-editorial-grid{grid-template-columns:1.05fr 1fr;gap:28px;padding-bottom:32px}
 body.site-type-system #main #hero h1{font-size:clamp(40px,5.8vw,52px)!important}
 #hero h1 .hero-editorial-accent{font-size:clamp(28px,3.8vw,36px)}
 #hero .hero-editorial-copy{padding-block:0}
 #hero .hero-editorial-copy>p{margin-top:24px}
 #hero .hero-editorial-actions{margin-top:24px}
 #hero .hero-editorial-actions .button{padding-inline:18px;gap:16px}
 #hero .hero-editorial-visual{aspect-ratio:.8}
}
@media(max-width:700px){
 #hero .hero-editorial-grid{grid-template-columns:1fr;gap:8px}
 body.site-type-system #main #hero h1{font-size:clamp(44px,10.7vw,60px)!important}
 #hero h1 .hero-editorial-accent{margin-top:14px;font-size:clamp(29px,7.6vw,40px)}
 #hero .hero-editorial-copy>p{max-width:46ch;margin-top:22px}
 #hero .hero-editorial-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:26px}
 #hero .hero-editorial-actions .button{font-size:13px;gap:14px;padding-inline:17px;min-height:48px}
 #hero .hero-editorial-visual{width:calc(100% + var(--page-gutter));aspect-ratio:1.3;max-height:440px}
 #hero .tablet-pile-photo,#hero .tablet-pile-bubbles{width:137%;right:-16%;bottom:-6%}
 #hero .hero-editorial-visual figcaption{left:0;right:auto;bottom:0}
 #hero .hero-capabilities{grid-template-columns:1fr;gap:0;padding:0 0 8px}
 #hero .hero-capabilities>div{display:grid;grid-template-columns:1fr;gap:6px;padding-block:20px}
 #hero .hero-capabilities>div+div{border-top:1px solid #365145}
 #hero .hero-capabilities p{max-width:none}
 #hero .hero-capabilities h2{margin:0!important}
}
@media(max-width:380px){
 #hero .hero-editorial-actions{display:grid;grid-template-columns:1fr}
 #hero .hero-editorial-actions .button{font-size:14px;padding-inline:20px}
 #hero .hero-capabilities>div{grid-template-columns:1fr;gap:6px}
}
@media(prefers-reduced-motion:reduce){#hero .pile-motion-toggle{display:none}}