/* ── YKC Split Button (uthao pattern) ── */
.ykc-btn{
  display:inline-flex;
  align-items:stretch;
  gap:0;
  text-decoration:none;
  cursor:pointer;
  flex-shrink:0;
}
.ykc-btn-text{
  border-radius:99px;
  padding:13px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  transition:border-radius .3s ease;
}
.ykc-btn:hover .ykc-btn-text{border-radius:99px 0 0 99px}
.ykc-btn.no-icon:hover .ykc-btn-text{border-radius:99px}
.ykc-btn-text.ykc-dark {background:var(--ink);color:var(--white)}
.ykc-btn-text.ykc-white{background:var(--white);color:var(--ink)}
.ykc-btn-text.ykc-gold {background:var(--gold);color:var(--white)}
.ykc-btn-text.ykc-outline-light{
  border:1px solid rgba(255,255,255,0.45);
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  color:var(--white);
}
.ykc-btn-text.ykc-outline-dark{
  border:1px solid rgba(18,18,18,0.28);
  background:transparent;
  color:var(--ink);
}
.ykc-text-inner{
  position:relative;
  overflow:hidden;
  font-size:16px;
  font-weight:500;
  line-height:1.2em;
}
.ykc-label-1,.ykc-label-2{display:block;white-space:nowrap}
.ykc-label-2{
  position:absolute;top:0;left:0;width:100%;
  transform:translateY(130%); /* hidden below container before GSAP init */
}
.ykc-btn-icon{
  border-radius:99px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  flex-shrink:0;
  align-self:center;
  transition:border-radius .3s ease;
}
.ykc-btn:hover .ykc-btn-icon{border-radius:0 99px 99px 0}
.ykc-btn-icon.ykc-dark {background:var(--ink);color:var(--white)}
.ykc-btn-icon.ykc-white{background:var(--white);color:var(--ink)}
.ykc-btn-icon.ykc-gold {background:var(--gold);color:var(--white)}
.ykc-btn-icon.ykc-outline-light{
  border:1px solid rgba(255,255,255,0.45);
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  color:var(--white);
}
.ykc-btn-icon.ykc-outline-dark{
  border:1px solid rgba(18,18,18,0.28);
  background:transparent;
  color:var(--ink);
}
.ykc-icon-inner{
  position:relative;
  width:18px;
  height:18px;
  overflow:hidden;
  transition:transform .3s ease;
}
.ykc-btn:hover .ykc-icon-inner{transform:rotate(45deg)}
.ykc-svg-1,.ykc-svg-2{
  position:absolute;
  top:0;left:0;
  width:18px;
  height:18px;
  display:block;
}
.ykc-svg-2{transform:translate(-100%,100%)} /* hidden before GSAP init */
.cta-hero:hover .arrow-circ{border-color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.06)}
.ykc-btn.header-cta:hover .ykc-btn-text.ykc-gold{background:var(--ink);transition:background .2s ease}