/* Contact Info Module */
.ci-wrap{
  background:var(--ci-bg, #4a4a4a);
  padding:var(--ci-padding, 32px 0);
  width:100%;
}
.ci-inner{
  max-width:var(--ci-max-width, 1200px);
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.ci-left{display:flex;flex-direction:column;gap:10px}
.ci-title{
  font-size:var(--ci-title-size, 20px);
  font-weight:800;
  color:var(--ci-title-color, #fff);
  margin:0;
  letter-spacing:-0.02em;
}
.ci-contacts{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}
.ci-item{
  font-size:var(--ci-font-size, 14px);
  color:var(--ci-text-color, rgba(255,255,255,.8));
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.ci-label{font-weight:700;color:var(--ci-label-color, #fff)}
.ci-sep{margin:0 2px}
.ci-link{
  color:var(--ci-text-color, rgba(255,255,255,.8));
  text-decoration:none;
  transition:color .2s;
}
.ci-link:hover{color:#fff;text-decoration:underline}
.ci-value{color:var(--ci-text-color, rgba(255,255,255,.8))}

/* Buttons */
.ci-right{display:flex;align-items:stretch;gap:0}
.ci-btn{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 28px;
  text-decoration:none;
  transition:all .25s ease;
  position:relative;
  min-height:64px;
}
.ci-btn-primary{
  background:var(--ci-btn1-bg, #5a5a5a);
  border:1px solid var(--ci-btn1-border, rgba(255,255,255,.15));
  border-radius:4px 0 0 4px;
}
.ci-btn-secondary{
  background:var(--ci-btn2-bg, #6a6a6a);
  border:1px solid var(--ci-btn2-border, rgba(255,255,255,.15));
  border-left:none;
  border-radius:0 4px 4px 0;
}
.ci-btn:hover{
  filter:brightness(1.15);
  transform:translateY(-1px);
}

/* btn2 내부 세로 배치 (sub + text) */
.ci-btn-col{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ci-btn-sub{
  font-size:10px;
  font-weight:700;
  color:rgba(255,255,255,.6);
  text-transform:uppercase;
  letter-spacing:.08em;
  line-height:1;
}
.ci-btn-text{
  font-size:var(--ci-btn-size, 16px);
  font-weight:700;
  color:var(--ci-btn-color, #fff);
  white-space:nowrap;
  line-height:1.2;
}
.ci-btn-arrow{
  color:var(--ci-btn-color, #fff);
  font-size:14px;
  display:flex;
  align-items:center;
}

/* GSAP initial state — hidden before scroll animation */
.ci-wrap .ci-left,
.ci-wrap .ci-btn{
  visibility:hidden;
}
.ci-wrap.ci-animated .ci-left,
.ci-wrap.ci-animated .ci-btn{
  visibility:visible;
}

/* Responsive */
@media(max-width:992px){
  .ci-inner{flex-direction:column;text-align:center;gap:20px}
  .ci-contacts{justify-content:center}
  .ci-right{justify-content:center}
}
@media(max-width:768px){
  .ci-wrap{padding:24px 0}
  .ci-title{font-size:18px}
  .ci-contacts{flex-direction:column;gap:6px}
  .ci-item{font-size:13px}
  .ci-right{flex-direction:column;width:100%;padding:0 16px}
  .ci-btn{
    border-radius:4px !important;
    border:1px solid var(--ci-btn1-border, rgba(255,255,255,.15)) !important;
    justify-content:center;
    width:100%;
  }
}
@media(max-width:480px){
  .ci-btn{padding:14px 20px;min-height:auto}
  .ci-btn-text{font-size:14px}
}