/* Approved shared type scale and homepage hero refinement, September 27, 2026. */
@font-face{font-family:Archivo;src:url('assets/fonts/archivo-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --fs-display:clamp(3rem,6vw,5.5rem);
 --fs-h2:clamp(2rem,3.5vw,3rem);
 --fs-h3:1.5rem;
 --fs-lead:1.25rem;
 --fs-body:1rem;
 --fs-small:.875rem;
 --fs-label:.75rem;
 --type-display:var(--fs-display);--type-section:var(--fs-h2);
 --type-body:var(--fs-body);--type-note:var(--fs-small);--type-control:var(--fs-small);
 /* Exact navigation sizes are preserved as expressly requested. */
 --fs-nav:calc(var(--fs-body)*.8125);
}
body.site-type-system :is(h1,h2,h3,h4,h5,h6),body.site-type-system :is(.patent-band strong,.stat-number,.release-duration){font-variant-numeric:lining-nums}
body.site-type-system #main h1{font-size:var(--fs-display)!important}
body.site-type-system #main h2{font-size:var(--fs-h2)!important}
body.site-type-system #main :is(h3,h4,h5,h6,dt){font-size:var(--fs-body)!important}
body.site-type-system #main :is(p,li,dd,address){font-size:var(--fs-body)!important}
body.site-type-system :is(.site-footer,.cotex-footer) :is(p,address,a){font-size:var(--fs-small)!important}
body.site-type-system .footer-bottom :is(a,span){font-size:var(--fs-label)!important}
body.site-type-system #main :is(.pro-wordmark){font-size:var(--fs-h3)!important}
body.site-type-system #main :is(.product-pro-badge,.step-number,.technology-feature-number){font-size:var(--fs-label)!important}
body.site-type-system #main :is(.any-band h2,.gl-benefit-label,#benefits h2){font-size:var(--fs-body)!important}
body.site-type-system #navigation a{font-size:var(--fs-nav)!important;font-weight:500!important;letter-spacing:0}
body.site-type-system #navigation a .nav-brand{font-size:.9em!important;font-weight:500!important;letter-spacing:.04em}
body.corporate-home .site-header .logo img{width:clamp(132px,15vw,150px);height:auto}
body.corporate-home #hero{--fs-display:clamp(2.625rem,11.7cqi,4.5rem);--fs-hero-support:clamp(1.625rem,7cqi,2.5rem)}
#hero .hero-editorial-copy{container-type:inline-size}
#hero .hero-eyebrow{margin:0 0 20px;font-family:var(--sans);font-size:var(--fs-label);font-weight:500;line-height:1.6;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-wrap:balance}
#hero .hero-heading-group{display:flex;flex-direction:column;align-items:flex-start;gap:16px;color:var(--paper)}
body.site-type-system #main #hero h1{font-size:var(--fs-display)!important;font-weight:450!important;letter-spacing:.015em!important;line-height:1.05!important;margin:0;color:inherit;text-wrap:balance;white-space:normal}
#hero .hero-title-line{display:block}
#hero .hero-heading-group .hero-editorial-accent{font-size:var(--fs-hero-support);white-space:normal;font-weight:400;letter-spacing:-.015em;line-height:1.2;color:inherit;text-wrap:balance;margin:0}
#hero .hero-release-highlight{color:var(--gold);font-family:Archivo,Arial,sans-serif;font-weight:700!important}
body.site-type-system #main #hero .hero-editorial-copy>p{font-size:var(--fs-body)!important;max-width:60ch;line-height:1.6!important;text-wrap:pretty;margin:32px 0 0}
#hero .hero-editorial-actions{margin-top:32px}
body.site-type-system #main #hero .hero-editorial-actions .button{font-size:var(--fs-small)!important;font-weight:500!important;letter-spacing:0}
body.site-type-system #main #hero .hero-capabilities h2{font-size:var(--fs-body)!important}
/* Nutrient letters are essential. Keep the shell translucent, not the text. */
#hero .tablet-pile-bubbles{opacity:1}
#hero .pile-nutrient{opacity:1!important}
#hero .pile-nutrient text{display:block;font-family:var(--sans)!important;font-weight:500!important;fill:#f3f1ea;fill-opacity:1;stroke:#102b23;stroke-opacity:1;stroke-width:5px;paint-order:stroke fill;stroke-linejoin:round}
#hero .bubble-body{stroke:rgba(var(--bubble-rgb),.9);stroke-width:3}
#hero .bubble-inner-rim{fill:rgba(var(--bubble-rgb),.14);stroke:rgba(var(--bubble-rgb),.5)}
#hero .bubble-highlight{opacity:.65}
#hero .bubble-reflection{stroke:rgba(var(--bubble-rgb),.95)}
#hero .hero-editorial-visual figcaption{inset:auto 16px 0 auto;padding:0}
#hero .pile-motion-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:#e5eade;text-decoration:none}
#hero .pile-motion-toggle[hidden]{display:none}
#hero .pile-motion-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#hero .pile-motion-toggle .play-icon{display:none}
#hero .pile-motion-toggle[aria-pressed="true"] .pause-icon{display:none}
#hero .pile-motion-toggle[aria-pressed="true"] .play-icon{display:block}
@media(min-width:901px) and (max-width:1200px){:root{--fs-nav:var(--fs-label)}}
@media(max-width:900px){:root{--fs-nav:var(--fs-body)}
 body.site-type-system #main #hero .hero-editorial-copy>p{margin-top:24px}
 #hero .hero-editorial-actions{margin-top:30px}
}
@media(max-width:700px){
 #hero .hero-eyebrow{letter-spacing:.12em}
 body.site-type-system #main #hero .hero-editorial-copy>p{margin-top:20px}
 #hero .hero-editorial-actions{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){#hero .pile-motion-toggle{display:none}}
