/* Kirill Azovtsev — hover, focus & motion styles */

/* ── Nav links: animated bronze underline ── */
[data-nav-link]{position:relative;}
[data-nav-link]::after{
  content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;
  background:var(--bronze,#9A7B4F);
  transition:width .35s cubic-bezier(.16,1,.3,1);
}
[data-nav-link]:hover::after,
[data-nav-link]:focus-visible::after{width:100%;}
[data-nav-link][aria-current="page"]{opacity:1 !important;}
[data-nav-link][aria-current="page"]::after{width:100%;}

/* ── Press & deal rows: surface shift + arrow slide (interactive rows only) ── */
[data-press-row],[data-deal-row]{transition:background-color .35s ease;}
[data-press-row]:hover,[data-deal-row]:hover{background-color:rgba(17,17,17,.05) !important;}
[data-press-arrow],[data-deal-arrow]{
  opacity:.45;display:inline-block;transform:translateX(-6px);
  transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1);
}
[data-press-row]:hover [data-press-arrow],
[data-deal-row]:hover [data-deal-arrow]{opacity:1;transform:none;}

/* ── Imagery: slow, quiet zoom (decorative, so keep it subtle) ── */
[data-card] img,[data-prop-card] img:not(.kaz-prop-photo){
  transition:transform 1.2s cubic-bezier(.16,1,.3,1);
  transform-origin:center;
}
[data-card]:hover img,[data-prop-card]:hover img:not(.kaz-prop-photo){transform:scale(1.045);}

/* ── Property cards: map reveals photo on hover / tap ── */
[data-prop-card]{cursor:pointer;}
.kaz-prop-photo{
  opacity:0; transform:scale(1.05);
  transition:opacity .5s ease, transform 1.6s cubic-bezier(.16,1,.3,1);
}
[data-prop-card]:hover .kaz-prop-photo,
[data-prop-card].show-photo .kaz-prop-photo{opacity:1; transform:scale(1);}

/* ── Footer links warm to bronze ── */
[data-footer-grid] a{transition:color .3s ease;}
[data-footer-grid] a:hover{color:#9A7B4F !important;}

/* ── Keyboard focus parity with hover (accessibility) ── */
a:focus-visible,button:focus-visible{
  outline:1px solid #9A7B4F;outline-offset:4px;border-radius:1px;
}

/* ── Accordion step heads read as clickable ── */
[data-step-head]{cursor:pointer;}

/* ── Header wordmark: KIRILL warms to bronze on hover ── */
[data-nav-mark] span:first-child{transition:color .45s ease;}
[data-nav-mark]:hover span:first-child,
[data-nav-mark]:focus-visible span:first-child{color:var(--bronze,#9A7B4F);}

/* ── Trusted-by marquees: two counter-scrolling rows ── */
.kaz-marquee{overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.kaz-mq-track{display:flex; width:max-content; will-change:transform;}
.kaz-mq-half{display:flex; align-items:center; gap:clamp(40px,5vw,80px); padding-right:clamp(40px,5vw,80px); flex:none;}
.kaz-mq-ltr{animation:kazMqL 75s linear infinite;}
.kaz-mq-rtl{animation:kazMqR 85s linear infinite;}
@keyframes kazMqL{from{transform:translateX(-50%);}to{transform:translateX(0);}}
@keyframes kazMqR{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.kaz-marquee:hover .kaz-mq-track{animation-play-state:paused;}
@media (prefers-reduced-motion: reduce){
  .kaz-mq-track{animation:none !important;}
}

/* ── Mandate paragraph: scroll-linked word ink-in ── */
.kaz-w{opacity:.14; transition:opacity .3s linear;}
.kaz-w.on{opacity:1;}

/* ── Current-role pulse (About timeline) ── */
@keyframes kazPulse{
  0%{box-shadow:0 0 0 0 rgba(154,123,79,.45);}
  70%{box-shadow:0 0 0 11px rgba(154,123,79,0);}
  100%{box-shadow:0 0 0 0 rgba(154,123,79,0);}
}
[data-pulse]{animation:kazPulse 2.6s cubic-bezier(.4,0,.6,1) infinite;}

/* ── Reduced motion: kill all animation, show everything ── */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}
