/* =========================
   INDEX 전용 스타일
========================= */

/* ===== 섹션 공통 ===== */
.studio-core{
  padding:120px 0;
  background:#0f1115;
  color:#fff;
}

.studio-core-inner{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:60px;
  align-items:center;
}

.core-title{
  font-size:48px;
  font-weight:800;
  line-height:1.2;
}

.core-title span{
  color:#00a67e;
}

.core-desc{
  margin-top:20px;
  font-size:18px;
  color:#aaa;
}

/* ===== capability ===== */
.studio-core-right{
  display:grid;
  gap:20px;
}

.core-capability{
  display:flex;
  align-items:center;
  gap:15px;
  padding:20px 25px;
  border-radius:14px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  font-weight:600;
  transition:.3s;
}

.core-capability:hover{
  background:#00a67e;
  transform:translateY(-5px);
}

.cap-icon{
  font-size:24px;
}

/* ===== Portfolio Showcase 보강 ===== */
.wk-portfolio{
  position:relative;
}

.wk-pf-track{
  display:flex;
  transition:transform .6s ease;
}

.wk-pf-card{
  flex:0 0 33.333%;
  padding:0 15px;
  box-sizing:border-box;
  transform:scale(.85);
  opacity:.5;
  transition:all .4s ease;
}

.wk-pf-card.active{
  transform:scale(1);
  opacity:1;
}

.wk-pf-img{
  width:100%;
  height:420px;
  object-fit:cover;
  border-radius:16px;
}

.wk-pf-overlay{
  position:absolute;
  bottom:20px;
  left:30px;
  color:#fff;
  font-size:22px;
  font-weight:700;
  text-shadow:0 5px 20px rgba(0,0,0,.5);
}

/* 화살표 */
.wk-pf-nav {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.wk-pf-nav span {
  font-size: 40px;
  line-height: 1;
  transform: translateY(-4px); /* 🔥 핵심 */
}

.wk-pf-nav--prev{ left:20px; }
.wk-pf-nav--next{ right:20px; }

.wk-pf-nav:hover{
  background:#00a67e;
  color:#fff;
}

/* ===== Reveal 애니메이션 ===== */
.reveal{
  opacity:0;
  transform:translateY(60px);
  transition:all .8s ease;
}

.reveal.active{
  opacity:1;
  transform:none;
}

/* ===== 모바일 ===== */
@media(max-width:1024px){
  .studio-core-inner{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){

  .wk-pf-card{
    flex:0 0 100%;
    padding:0;
  }

  .wk-pf-img{
    height:320px;
  }

  .wk-pf-nav{
    width:45px;
    height:45px;
    font-size:22px;
  }

  .core-title{
    font-size:32px;
  }

}
.studio-core {
  margin-bottom: 100px;
}
#wkPfTrack {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease;
}

.wk-pf-card {
  flex-shrink: 0;
  min-width: 320px;
}
.wk-section,
.wk-wrap,
.wk-portfolio {

}
.wk-stats {
  position: relative;
  background: url('https://images.pexels.com/photos/3184299/pexels-photo-3184299.jpeg') center/cover no-repeat;
  padding: 120px 0;
  color: #fff;
}

.wk-stats-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
}

.wk-stats-inner {
  position: relative;
  z-index: 2;
  text-align: center;
}

.wk-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-top: 60px;
}

.wk-stats-grid .wk-stat-item .wk-stat-icon svg {
  width: 70px;
  height: 70px;
  color: #000;
}
#demo .wk-stat-icon svg {
  color: #000;
}
.wk-stat-item:hover svg {
  color: #1dbf73;
  transform: translateY(-3px);
  transition: 0.3s ease;
}
.wk-stat-number {
  font-size: 48px;
  font-weight: 700;
  color: #1dbf73;
}

.wk-stat-label {
  margin-top: 10px;
  opacity: 0.8;
}