/* Restrained, one-time entrances; the page remains visible without JavaScript. */
@keyframes title-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes statue-enter{from{opacity:0;transform:translateY(20px) scale(calc(var(--zoom,1) * 1.03))}to{opacity:1;transform:translateY(0) scale(var(--zoom,1))}}
@keyframes ink-reveal{from{clip-path:inset(0 100% 0 0);opacity:.25}to{clip-path:inset(0 0 0 0);opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .logo-frame{animation:ink-reveal 1.15s cubic-bezier(.22,.61,.36,1) both}
 .hero-word{animation:title-enter .85s ease-out both}
 .hero-art>img{animation:statue-enter 1.1s .12s cubic-bezier(.22,.61,.36,1) both}
 .hero-copy>.eyebrow{animation:title-enter .65s .3s both}
 .hero-copy>h1{animation:title-enter .75s .4s both}
 .hero-copy>.intro{animation:title-enter .7s .55s both}
 .hero-copy>.round-link{animation:title-enter .7s .7s both}
 .hero-note{animation:title-enter .75s .65s both}
 .hero-art{transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0)}
 .hero-word{translate:calc(var(--depth-x,0px) * -.45) calc(var(--depth-y,0px) * -.45)}
 .motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
 .motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
 .steps article:nth-child(2){transition-delay:.1s}
 .steps article:nth-child(3){transition-delay:.2s}
 .section{position:relative}
 .motion-ready .section{border-top-color:transparent}
 .motion-ready .section::before{content:'';position:absolute;left:5%;right:5%;top:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.22,.61,.36,1)}
 .motion-ready .section.is-visible::before{transform:scaleX(1)}
 .round-arrow{transition:background .35s,color .35s,transform .35s}
 .header-cta{transition:background .3s,color .3s,border-color .3s}
 .header-cta span{display:inline-block;transition:transform .3s,color .3s}
 .header-cta:is(:hover,:focus-visible){background:var(--gold);color:var(--bg);border-color:var(--gold)}
 .header-cta:is(:hover,:focus-visible) span{color:var(--bg);transform:translate(3px,-3px)}
 .round-link:is(:hover,:focus-visible) .round-arrow{background:var(--gold);color:var(--bg);transform:translate(3px,-3px)}
 nav a{position:relative}
 nav a::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
 nav a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .reveal{opacity:1!important;transform:none!important}
 .hero-art{transform:none!important}.hero-word{translate:none!important}
 .section::before{transform:none!important}
}


/* ================= крупный план: статуя по пояс ================= */
@media(min-width:901px){
  .hero-art{
    --zoom:1.62;
    /* срез по поясу растворяется, а не обрывается */
    mask-image:
      linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.55) 78%,transparent 96%),
      linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 7%,#000 18%);
    -webkit-mask-image:
      linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.55) 78%,transparent 96%),
      linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 7%,#000 18%);
    mask-composite:intersect;
    -webkit-mask-composite:source-in;
  }
  .hero-art>img{
    object-position:52% top;
    transform:scale(var(--zoom));
    transform-origin:54% 2%;
  }
}
@media(min-width:1600px){
  .hero-art{--zoom:1.48}
}
@media(prefers-reduced-motion:reduce){
  .hero-art>img{transform:scale(var(--zoom,1))}
}