/* The hero face is brushed stock: fixed machining grain, a narrow bevel and one reflected light pass. */
@font-face{
  font-family:"Yuanchen Machined";
  src:url("fonts/barlow-bold.ttf") format("truetype");
  font-style:normal;font-weight:700;font-display:swap;
  unicode-range:U+0000-024F,U+0300-036F,U+1E00-1EFF,U+2000-206F;
}
body.home #home-hero-title{
  font-family:"Yuanchen Machined",Bahnschrift,"Segoe UI",sans-serif;
  font-weight:700;letter-spacing:-.018em;
}
body.home #home-hero-title .hero-engrave-char{
  --yc-metal-face:linear-gradient(151deg,#eff5f8 0%,#bdcdd8 17%,#f7fbfc 31%,#91a8b7 48%,#e5edf2 53%,#b2c6d1 69%,#eef4f6 84%,#97acba 100%);
  --yc-metal-light:rgba(248,253,255,.9);
  --yc-metal-edge:rgba(235,246,252,.72);
  color:#c8d8e2;isolation:isolate;
  -webkit-text-stroke:.6px #273d4c;
  text-shadow:-.5px -.5px 0 #deedf5,.5px 1px 0 #8ca5b6,0 2px 0 #304c60,0 3px 0 #172b39,0 5px 6px rgba(0,0,0,.6);
}
body.home #home-hero-title .hero-engrave-char--amber{
  --yc-metal-face:linear-gradient(151deg,#f7e6bd 0%,#c4a060 19%,#f1d8a1 34%,#a57937 48%,#f6e3b6 54%,#c49954 70%,#eed8a7 84%,#ab803e 100%);
  --yc-metal-light:rgba(255,242,207,.9);
  --yc-metal-edge:rgba(252,228,176,.75);
  color:#d7b779;-webkit-text-stroke:.6px #5b4426;
  text-shadow:-.5px -.5px 0 #f4e4c0,.5px 1px 0 #c4a466,0 2px 0 #795b31,0 3px 0 #3e3020,0 5px 6px rgba(0,0,0,.6);
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  body.home #home-hero-title .hero-engrave-char::after{
    content:attr(data-glyph);position:absolute;inset:0;z-index:1;pointer-events:none;
    color:transparent;-webkit-text-fill-color:transparent;
    background-image:url("hero-metal-grain.svg"),repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 .55px,rgba(15,30,42,.12) .55px 1.1px,transparent 1.1px 2.1px),var(--yc-metal-face);
    background-size:384px 128px,100% 100%,100% 100%;background-position:center;
    background-blend-mode:soft-light,overlay,normal;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-stroke:.28px var(--yc-metal-edge);text-shadow:none;
    animation:none;clip-path:none;transform:none;opacity:1;
  }
  body.home #home-hero-title .hero-engrave-char::before{
    content:attr(data-glyph);position:absolute;inset:0;z-index:2;pointer-events:none;
    color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;
    background:linear-gradient(118deg,transparent 8%,rgba(255,255,255,.04) 33%,var(--yc-metal-light) 48%,rgba(255,255,255,.12) 58%,transparent 76%);
    -webkit-background-clip:text;background-clip:text;text-shadow:none;opacity:0;
  }
  @media(prefers-reduced-motion:no-preference){
    body.home #home-hero-title .hero-engrave-char::after{
      animation:yc-carved-face 650ms cubic-bezier(.23,1,.32,1) both;
      animation-delay:var(--char-delay,0s);
    }
    body.home #home-hero-title .hero-engrave-char::before{
      animation:yc-metal-light-pass 900ms cubic-bezier(.23,1,.32,1) 1;
      animation-delay:calc(1.2s + var(--char-delay,0s));
    }
    @keyframes yc-metal-light-pass{0%,100%{opacity:0}42%{opacity:.6}70%{opacity:.12}}
  }
}
@media(prefers-reduced-motion:reduce){
  body.home #home-hero-title .hero-engrave-char::before{animation:none;opacity:0}
}
