@font-face{font-family:'ALLE Display';src:url(assets/fonts/playfair-latin-600i.woff2) format('woff2');font-weight:600;font-style:italic;font-display:swap}
:root{--brand-blue:#3c5ef5;--brand-violet:#8966af;--brand-display:'ALLE Display','Playfair Display',Georgia,serif}

.hero .company-title{display:flex;justify-content:center;align-items:baseline;gap:.2em;margin:18px auto 10px;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.company-title .sig{font-family:var(--brand-display);font-style:italic;font-weight:600;font-size:1em;letter-spacing:.01em;margin:0;padding:.04em .1em .1em .02em;line-height:1;color:var(--brand-blue);background:linear-gradient(100deg,var(--brand-blue) 20%,#6a5ed8 62%,var(--brand-violet) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.company-title .title-rest{font-size:1em;color:var(--ink)}

.hero .brand-motto,.footer-top .brand-motto{font:italic 600 22px/1.5 var(--brand-display);color:var(--ink);letter-spacing:0}
.brand-motto .motto-word{white-space:nowrap}
.brand-motto .sig{font:inherit;padding:0 .04em 0 .02em;margin:0 -.04em 0 -.02em;color:var(--brand-blue);background:linear-gradient(100deg,var(--brand-blue) 20%,#6a5ed8 62%,var(--brand-violet) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .brand-motto{display:inline-flex;align-items:center;gap:18px;margin:0 auto 14px}
.hero .brand-motto:before,.hero .brand-motto:after{content:'';width:36px;height:1px;background:linear-gradient(90deg,transparent,#b8b5c6)}
.hero .brand-motto:after{transform:scaleX(-1)}
.hero .company-positioning{margin-top:0;text-wrap:balance}

.footer-top .brand-motto{font-size:12px}

@media(prefers-reduced-motion:no-preference){
  .hero .company-title,.hero .brand-motto,.hero .company-positioning{animation:brand-rise .9s cubic-bezier(.2,.7,.2,1) both}
  .hero .brand-motto{animation-delay:.12s}
  .hero .company-positioning{animation-delay:.22s}
}
@keyframes brand-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:580px){
  .hero .company-title{gap:.16em;margin:16px -6px 8px}
  .hero .brand-motto{font-size:16px}
  .hero .brand-motto{gap:10px}
  .hero .brand-motto:before,.hero .brand-motto:after{width:18px}
  .footer-top .brand-motto{font-size:10px}
}