/* Jar&Maz motion layer.
   To revert: delete the <link ...enhance.css> and <script ...enhance.js> tags in index.html. */

/* ---------- Hero ---------- */
.banner{position:relative;isolation:isolate}
.bt{position:relative;z-index:2}
@media(min-width:1000px){
  .banner{min-height:270px}
  .bt{padding:34px 36px}
  .bt h1{font-size:clamp(36px,4.6vw,58px)}
}
@keyframes hkReveal{
  from{opacity:0;clip-path:inset(-20% 100% -20% -10%);transform:translateY(12px)}
  to{opacity:1;clip-path:inset(-20% -10% -20% -10%);transform:none}
}
.banner h1{animation:hkReveal 1s cubic-bezier(.16,1,.3,1) .25s backwards}

/* slow Ken Burns + scroll parallax (uses the independent `scale`/`translate` properties
   so it never fights the existing hover transform) */
@keyframes hkKB{from{scale:1.10}to{scale:1.18}}
.banner img{
  animation:canvaAscend .85s cubic-bezier(.16,1,.3,1) .18s backwards, hkKB 16s ease-in-out 1s infinite alternate;
  translate:0 var(--py,0px);
  will-change:scale,translate;
}

/* rising steam */
.hk-steam{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.hk-steam i{
  position:absolute;bottom:-40px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.38),rgba(255,255,255,0) 70%);
  opacity:0;animation:hkRise var(--d) linear var(--dl) infinite;
}
@keyframes hkRise{
  0%{transform:translate(0,0) scale(.6);opacity:0}
  15%{opacity:.9}
  100%{transform:translate(var(--dx),-280px) scale(1.7);opacity:0}
}

/* ---------- Marquee ---------- */
.mq{
  overflow:hidden;background:var(--or2);color:#fdf1e8;border-radius:14px;
  margin:-8px 0 24px;padding:11px 0;
  animation:canvaAscendSoft .65s cubic-bezier(.16,1,.3,1) .45s backwards;
}
.mq-t{display:flex;width:max-content;animation:hkMq 30s linear infinite}
.mq:hover .mq-t{animation-play-state:paused}
.mq-t span{padding:0 18px;font:600 12.5px Outfit,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.mq-t span::after{content:"\2726";margin-left:36px;color:#ffde30}
@keyframes hkMq{to{transform:translateX(-50%)}}

/* ---------- Scroll reveal ---------- */
.rv{
  opacity:0;transform:translateY(30px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--rd,0ms);
}
.rv.in{opacity:1;transform:none}

/* ---------- Steps as a sequence ---------- */
.steps div{animation:none;position:relative;counter-increment:hkst;padding:42px 16px 16px}
.steps{counter-reset:hkst}
.steps div::before{
  content:"0" counter(hkst);position:absolute;top:12px;left:16px;
  font:700 28px/1 "Cormorant Garamond",Georgia,serif;color:var(--or);
}
.steps div::after{
  content:"";position:absolute;top:26px;left:60px;right:16px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--cu),transparent);
  transform-origin:left;transform:scaleX(0);
  transition:transform 1s cubic-bezier(.16,1,.3,1) .35s;
}
.steps div.in::after{transform:scaleX(1)}

/* ---------- Tabs: sliding indicator (desktop) ---------- */
@media(min-width:1000px){
  .tabs{position:relative}
  .tabs button.on{border-bottom-color:transparent}
  .hk-ink{
    position:absolute;left:0;bottom:0;height:3px;border-radius:3px;background:var(--or);pointer-events:none;
    transition:transform .4s cubic-bezier(.2,.8,.2,1),width .4s cubic-bezier(.2,.8,.2,1);
  }
}
@media(max-width:999px){.hk-ink{display:none}}

/* ---------- Polish ---------- */
.ph.hk-load{
  background:linear-gradient(100deg,#f1d9cb 30%,#f9eadf 50%,#f1d9cb 70%);
  background-size:220% 100%;animation:hkSh 1.3s linear infinite;
}
@keyframes hkSh{from{background-position:120% 0}to{background-position:-120% 0}}

.ann-topbar-pill{animation:hkPulse 2.4s ease-in-out infinite}
@keyframes hkPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,222,48,.55)}
  50%{box-shadow:0 0 0 7px rgba(255,222,48,0)}
}

.rail a.cur{background:var(--bg);color:var(--or2);box-shadow:inset 3px 0 0 var(--or)}

@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none}
  .steps div::after{transform:scaleX(1)}
  .mq-t{animation:none}
  .hk-steam{display:none}
}