/* ========================================
   Contact page
   ======================================== */
.sks-contact-body{padding:60px 24px 80px;display:flex;justify-content:center;}
.sks-contact-body__inner{max-width:560px;width:100%;}

/* Contact cards */
.sks-contact-methods{
  display:flex;flex-direction:column;gap:16px;margin-bottom:48px;
}

.sks-contact-card{
  display:flex;align-items:center;gap:20px;
  padding:32px;
  border:1px solid var(--sks-glass-border);
  border-radius:var(--sks-radius-card);
  background:var(--sks-glass-shine),rgba(14,14,17,0.80);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  text-decoration:none;color:var(--sks-text);
  position:relative;overflow:hidden;
  transition:all 0.5s var(--sks-ease);
}
.sks-contact-card::before{
  content:'';position:absolute;top:0;left:16px;right:16px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(225,191,134,0.40),transparent);
  transform:scaleX(0);
  transition:transform 0.7s var(--sks-ease);
}
.sks-contact-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle 200px at 80% 50%,rgba(196,154,93,0.04) 0%,transparent 100%);
  opacity:0;transition:opacity 0.5s ease;
}
.sks-contact-card:hover{
  border-color:rgba(201,169,110,0.25);
  background:var(--sks-glass-shine),rgba(196,154,93,0.03);
  transform:translateY(-4px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 16px 40px rgba(0,0,0,0.25),
    0 0 20px rgba(196,154,93,0.05);
}
.sks-contact-card:hover::before{transform:scaleX(1);}
.sks-contact-card:hover::after{opacity:1;}

.sks-contact-card__label{
  font-family:var(--sks-f-en);font-size:10px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--sks-text-56);min-width:60px;
}
.sks-contact-card__value{
  flex:1;font-size:15px;font-weight:300;
  color:var(--sks-text);letter-spacing:0.02em;
}
.sks-contact-card__arrow{
  font-size:18px;color:rgba(201,169,110,0.3);
  transition:all 0.4s var(--sks-ease);
}
.sks-contact-card:hover .sks-contact-card__arrow{
  color:var(--sks-gold);transform:translateX(4px);
}

/* Note */
.sks-contact-note{
  text-align:center;padding:32px 0;
  border-top:1px solid rgba(232,228,221,0.06);
}
.sks-contact-note p{
  font-size:12px;font-weight:300;line-height:2;
  color:rgba(232,228,221,0.3);margin:0;
}

@media (max-width:768px){
  .sks-contact-body{padding:48px 20px 60px;}
  .sks-contact-card{padding:28px 24px;min-height:44px;gap:16px;}
  .sks-contact-card__label{min-width:auto;}
  .sks-contact-card__value{font-size:14px;}
}

/* === Mobile tap active states === */
@media (hover:none) and (pointer:coarse){
  .sks-contact-card:active{
    border-color:rgba(201,169,110,0.25);
    background:var(--sks-glass-shine),rgba(196,154,93,0.03);
    transform:scale(0.98);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.06),
      0 4px 16px rgba(0,0,0,0.25),
      0 0 16px rgba(196,154,93,0.06);
    transition-duration:0.15s;
  }
  .sks-contact-card:active::before{transform:scaleX(1);}
  .sks-contact-card:active::after{opacity:1;}
  .sks-contact-card:active .sks-contact-card__arrow{
    color:var(--sks-gold);transform:translateX(4px);
  }
}

/* === 480px: small phone refinement === */
@media (max-width:480px){
  .sks-contact-body{padding:36px 16px 48px;}
  .sks-contact-card{padding:24px 18px;gap:14px;}
  .sks-contact-card__label{font-size:9px;letter-spacing:0.18em;}
  .sks-contact-card__value{font-size:13.5px;}
  .sks-contact-note{padding:24px 0;}
  .sks-contact-note p{font-size:11px;}
}