/* One introduction; the layout is reserved before the image loads. */
.hero-brand { display:flex; align-items:center; gap:clamp(16px,3vw,28px); margin:0 0 28px; width:fit-content; }
.hero-brand-icon { display:block; width:clamp(64px,10vw,112px); height:auto; aspect-ratio:1; }
.hero-brand-word { display:block; font-size:clamp(46px,8vw,88px); font-weight:500; letter-spacing:-.065em; line-height:1; padding-right:.07em; }
@media (prefers-reduced-motion: no-preference) {
  .hero-brand-icon { animation:tuck-icon-arrive 1.45s cubic-bezier(.16,1,.3,1) both; }
  .hero-brand-word { animation:tuck-word-arrive 1.35s .18s cubic-bezier(.16,1,.3,1) both; }
  .hero h1 { animation:tuck-copy-arrive 1s .4s cubic-bezier(.16,1,.3,1) both; }
  @keyframes tuck-icon-arrive { from { opacity:0; transform:translateY(16px) scale(.9); filter:blur(7px); } 65% { opacity:1; filter:blur(0); } to { opacity:1; transform:none; filter:blur(0); } }
  @keyframes tuck-word-arrive { from { opacity:0; transform:translateY(12px); filter:blur(5px); } to { opacity:1; transform:none; filter:blur(0); } }
  @keyframes tuck-copy-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
}
@media (prefers-reduced-motion: reduce) { .hero-brand, .hero-brand *, .hero-brand + h1 { animation:none !important; transform:none !important; opacity:1 !important; filter:none !important; } }