/* Reusable chrome material: add class="chrome-text" to any text element.
   Typography and layout remain owned by the original element.
   Optional controls: --chrome-speed (duration), --chrome-glow (color). */
:root{
 --chrome-metal-image:linear-gradient(var(--chrome-angle,165deg),
   var(--chrome-warm,#fffbf0) 0%,
   color-mix(in srgb,var(--chrome-cool,#91c3ce) 28%,var(--chrome-highlight,#ffffff)) 8%,
   color-mix(in srgb,var(--chrome-mid,#858398) 82%,var(--chrome-shadow,#b8cfff)) 16%,
   color-mix(in srgb,var(--chrome-tint,#b6a0c7) 55%,var(--chrome-highlight,#ffffff)) 22%,
   var(--chrome-highlight,#ffffff) 25%,
   color-mix(in srgb,var(--chrome-shadow,#b8cfff) 62%,var(--chrome-mid,#858398)) 29%,
   var(--chrome-shadow,#b8cfff) 35%,
   var(--chrome-cool,#91c3ce) 40%,
   var(--chrome-warm,#fffbf0) 44%,
   var(--chrome-highlight,#ffffff) 47%,
   var(--chrome-mid,#858398) 50%,
   color-mix(in srgb,var(--chrome-shadow,#b8cfff) 88%,var(--chrome-mid,#858398)) 54%,
   var(--chrome-tint,#b6a0c7) 59%,
   color-mix(in srgb,var(--chrome-warm,#fffbf0) 58%,var(--chrome-mid,#858398)) 63%,
   color-mix(in srgb,var(--chrome-highlight,#ffffff) 88%,var(--chrome-cool,#91c3ce)) 67%,
   color-mix(in srgb,var(--chrome-cool,#91c3ce) 72%,var(--chrome-mid,#858398)) 72%,
   color-mix(in srgb,var(--chrome-shadow,#b8cfff) 84%,var(--chrome-mid,#858398)) 78%,
   color-mix(in srgb,var(--chrome-tint,#b6a0c7) 52%,var(--chrome-highlight,#ffffff)) 85%,
   var(--chrome-highlight,#ffffff) 91%,
   var(--chrome-mid,#858398) 100%);
 --chrome-fill-image:
  linear-gradient(var(--chrome-sheen-angle,112deg),transparent 30%,#e5faff00 43%,rgb(255 255 255 / var(--chrome-sheen,.72)) 49%,#ffffff00 55%,transparent 70%),
  var(--chrome-metal-image);
 --chrome-fill-size:240% 100%,var(--chrome-width,140%) var(--chrome-height,220%);
 --chrome-fill-position:100% 50%,50% 35%;
}
.chrome-text{color:#e4e8ed}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .chrome-text{
  background-color:var(--chrome-mid,#858398);
  background-image:var(--chrome-fill-image);
  background-size:var(--chrome-fill-size);
  background-position:var(--chrome-fill-position);
  background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:var(--chrome-stroke,.25px) rgb(233 244 255 / var(--chrome-edge,.31));
  filter:url(#chrome-text-relief) brightness(var(--chrome-brightness,1)) contrast(var(--chrome-contrast,1)) saturate(var(--chrome-saturation,1)) hue-rotate(var(--chrome-hue,0deg)) blur(var(--chrome-blur,0px)) drop-shadow(0 0 var(--chrome-glow-radius,5px) color-mix(in srgb,var(--chrome-glow,#c3c5ff) calc(var(--chrome-glow-opacity,.13)*100%),transparent));
  animation:chrome-text-sheen var(--chrome-speed,12s) ease-in-out infinite;
  opacity:var(--chrome-opacity,1);animation-play-state:var(--chrome-play,running);
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
 }
}
@keyframes chrome-text-sheen{
 0%,100%{background-position:100% 50%,50% 35%}
 50%{background-position:0% 50%,50% 65%}
}
.hero{position:relative}
@media(prefers-reduced-motion:reduce){.chrome-text{animation:none}}
@media(forced-colors:active){
 .chrome-text{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;filter:none;animation:none}
}