/* Name-only introduction and navigation; paired legal emblems in the hero. */
.preloader__inner{width:min(850px,100%)}
.preloader__name{font-size:clamp(2.15rem,6.6vw,5.8rem);line-height:1.08;letter-spacing:.055em;white-space:normal;animation:preloader-name-in 1.15s cubic-bezier(.2,.8,.2,1) both}
.preloader__name span{display:block;font-size:.62em;letter-spacing:.15em;margin-top:12px}
.brand{font-size:1.18rem;letter-spacing:.1em;min-width:240px}
.brand small{letter-spacing:.28em}
.hero__emblems{
  width:min(46vw,760px);height:min(62svh,560px);
  right:1vw;left:auto;top:53%;
  display:grid;grid-template-columns:1.08fr 1px .92fr;align-items:center;gap:15px;
  opacity:1;transform:translateY(-50%);
  animation:dual-emblems-in 1.55s .2s cubic-bezier(.2,.8,.2,1) both;
}
.hero__emblems .hero__emblem{width:100%;height:100%;max-height:100%;object-fit:contain;filter:none}
.hero__emblem--balance{transform:scale(1.02)}
.hero__emblem--crest{transform:scale(.95)}
.hero__emblems-divider{width:1px;height:43%;background:linear-gradient(transparent,rgba(224,181,108,.75),transparent);box-shadow:0 0 20px rgba(224,181,108,.13)}
.hero::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 34%,rgba(0,0,0,.44) 63%,rgba(0,0,0,.07) 100%)}
.hero h1{max-width:min(52vw,760px)}
@keyframes preloader-name-in{from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes dual-emblems-in{from{opacity:0;transform:translateY(-48%) scale(.94);filter:blur(10px)}to{opacity:.97;transform:translateY(-50%) scale(1);filter:blur(0)}}
@media(max-width:900px){
  .brand{font-size:1.04rem;min-width:0}
  .hero__emblems{width:min(45vw,520px);height:min(50svh,470px);right:3vw;gap:9px}
  .hero h1{max-width:53vw}
}
@media(max-width:650px){
  .preloader__name{font-size:clamp(2rem,9vw,3.1rem)}
  .preloader__name span{font-size:.57em;margin-top:10px}
  .brand{font-size:.95rem;letter-spacing:.07em}
  .brand small{font-size:.58rem;letter-spacing:.2em}
  .hero__emblems{
    width:calc(100% + 32px);height:min(40svh,330px);
    left:calc(50% - 8px);right:auto;top:34svh;
    gap:0;transform:translate(-50%,-50%);
    animation:dual-emblems-in-mobile 1.55s .2s cubic-bezier(.2,.8,.2,1) both;
  }
  .hero__emblem--balance{transform:scale(1.1)}
  .hero__emblem--crest{transform:scale(.92)}
  .hero__emblems-divider{height:53%;transform:rotate(16deg)}
  .hero::after{background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.09) 27%,rgba(0,0,0,.83) 57%,#000 100%)}
  .hero__content{padding-bottom:42px}
  .hero h1{max-width:none;font-size:clamp(3rem,13vw,3.3rem);line-height:.93;letter-spacing:-.055em}
  .hero__lead{font-size:.88rem;line-height:1.4}
  @keyframes dual-emblems-in-mobile{from{opacity:0;transform:translate(-50%,-47%) scale(.94);filter:blur(10px)}to{opacity:.98;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
}
@media(max-width:650px) and (max-height:700px){
  .hero__emblems{height:27svh;top:27svh}
  .hero__content{padding-bottom:39px}
  .hero h1{font-size:clamp(2.45rem,11vw,2.8rem)}
  .hero__lead{font-size:.8rem;line-height:1.3;margin-bottom:15px}
}
@media(max-width:650px) and (min-height:900px){.hero__emblems{top:38svh}}
@media(prefers-reduced-motion:reduce){.preloader__name,.hero__emblems{animation:none;filter:none;opacity:1}}