@font-face{font-family:Unbounded;src:url('/assets/prestige/fonts/unbounded-variable.ttf') format('truetype');font-weight:200 900;font-display:swap}
body[data-heading=silver] .hero h1{font-family:Unbounded,Arial,sans-serif;font-weight:450;line-height:1.13;letter-spacing:-.05em}
body[data-heading=silver] .hero h1 .headline-service{color:#0C2942;font-size:.82em;font-weight:450;letter-spacing:-.05em}
body[data-heading=silver] .hero h1 .headline-material{color:#0C2942;font-size:.72em;font-weight:400;letter-spacing:-.05em}
body[data-heading=silver] .hero h1 .headline-product{color:#0C2942;font-size:1em;font-weight:550;letter-spacing:-.05em}
body[data-heading=silver][data-shine=on] .hero h1 .headline-service{color:transparent;background-image:linear-gradient(110deg,#0C2942 0%,#0C2942 43%,#6F8494 47%,#BAC6CE 49%,#48677E 51%,#0C2942 55%,#0C2942 100%);background-size:260% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;animation:silver-pass 7s ease-in-out infinite;width:max-content;max-width:100%}
@keyframes silver-pass{0%,45%{background-position:100% 0}82%,100%{background-position:0% 0}}
@media(min-width:1280px){body[data-heading=silver] .hero h1{font-size:clamp(54px,4.5vw,80px)}}
@media(max-width:767px){body[data-heading=silver] .hero h1{font-size:clamp(29px,8.2vw,58px)}}
@media(prefers-reduced-motion:reduce){body[data-heading=silver][data-shine=on] .hero h1 .headline-service{animation:none;background:none;color:#0C2942}}
/* Equal optical spacing despite the different line sizes. */
body[data-heading=silver] .hero h1{display:flex;flex-direction:column;align-items:flex-start;gap:.13em;line-height:1}
body[data-heading=silver] .hero h1>span{line-height:1;margin:0;padding:0}