/* 020 NDRUMSTORY Home -> Drum Story design unification
   Design only. Existing layout/content/features remain intact. */
:root{
  --ndu-pink:#E8427D;
  --ndu-dark:#16181d;
  --ndu-text:#2b2f36;
  --ndu-muted:#727986;
  --ndu-line:#e8e9ed;
  --ndu-bg:#f7f8fa;
  --ndu-shadow:0 12px 32px rgba(0,0,0,.07);
}
body{
  background:#fff !important;
  color:var(--ndu-text) !important;
  font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif !important;
  letter-spacing:-.01em;
}
.container,.section-shortcuts-inner,.hero-slider-inner{max-width:1180px !important;}
.site-header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid var(--ndu-line) !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px);
}
.header-inner{height:76px !important;}
.logo-img{height:48px !important;}
.logo-sub{color:#9096a0 !important;letter-spacing:.11em !important;}
.main-nav a.login-link{
  min-width:auto !important;
  min-height:40px !important;
  padding:9px 15px !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#343942 !important;
  border:1px solid var(--ndu-line) !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
.main-nav a.login-link:hover{border-color:var(--ndu-pink) !important;color:var(--ndu-pink) !important;}
.section-shortcuts{padding:14px 0 0 !important;}
.shortcut-bar{
  gap:8px !important;
  padding:10px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid var(--ndu-line) !important;
  box-shadow:none !important;
}
.shortcut-link{
  min-height:42px !important;
  padding:9px 13px !important;
  border-radius:10px !important;
  background:#fff !important;
  border:1px solid transparent !important;
  color:#454b55 !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:700 !important;
}
.shortcut-link:hover{
  transform:none !important;
  background:#fff7fa !important;
  border-color:#f3bfd2 !important;
  color:var(--ndu-pink) !important;
  box-shadow:none !important;
}
.shortcut-link .shortcut-icon{
  width:25px !important;height:25px !important;border-radius:8px !important;
  background:var(--ndu-bg) !important;color:#6d737c !important;box-shadow:none !important;
}
.shortcut-link:hover .shortcut-icon{background:#fce8ef !important;color:var(--ndu-pink) !important;transform:none !important;}
.hero-slider-inner{padding:18px 22px 0 !important;}
.slider{border-radius:18px !important;box-shadow:0 12px 34px rgba(0,0,0,.09) !important;}
.slider::after{display:none !important;}
.slider-btn{width:38px !important;height:38px !important;background:rgba(0,0,0,.36) !important;box-shadow:none !important;}
.hero{padding:48px 0 42px !important;}
.hero-kicker,.section-tag,.nd-story-home-tag{
  color:var(--ndu-pink) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:1.5px !important;
}
.hero-left-title{
  font-size:40px !important;
  line-height:1.25 !important;
  color:#17191d !important;
  letter-spacing:-1.4px !important;
  margin-bottom:14px !important;
}
.hero-left-title span.accent{
  display:inline !important;
  padding:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:var(--ndu-pink) !important;
  box-shadow:none !important;
}
.hero-sub{max-width:880px !important;font-size:16px !important;line-height:1.8 !important;color:var(--ndu-muted) !important;}
.hero-features{gap:12px !important;}
.hero-feature{
  min-height:52px !important;
  padding:11px 14px !important;
  border-radius:14px !important;
  border:1px solid var(--ndu-line) !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#454b55 !important;
}
.hero-feature-dot{
  width:30px !important;height:30px !important;border-radius:9px !important;
  background:#fce8ef !important;color:var(--ndu-pink) !important;box-shadow:none !important;
}
.hero-note{color:#9399a2 !important;}
.sections-wrap{padding-bottom:50px !important;}
.section{
  margin-top:0 !important;
  padding:46px 0 38px !important;
  border-radius:0 !important;
  background:#fff !important;
  border:0 !important;
  border-top:1px solid var(--ndu-line) !important;
  box-shadow:none !important;
}
.section:first-child{border-top:0 !important;}
.section-header{margin-bottom:22px !important;}
.section-title,.nd-story-home-title{
  font-size:28px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  letter-spacing:-.8px !important;
  color:#17191d !important;
}
.section-sub,.nd-story-home-sub{font-size:14px !important;color:var(--ndu-muted) !important;line-height:1.7 !important;}
.card,.branch-card,.video-card,.nd-story-home-card{
  background:#fff !important;
  border:1px solid var(--ndu-line) !important;
  box-shadow:none !important;
}
.card{
  border-radius:16px !important;
  padding:19px 18px !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.card:hover,.branch-card:hover,.video-card:hover,.nd-story-home-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:var(--ndu-shadow) !important;
}
.card-title{font-size:17px !important;font-weight:800 !important;color:#22262c !important;}
.card-body{font-size:14px !important;line-height:1.75 !important;color:var(--ndu-muted) !important;}
.branch-card{
  border-radius:16px !important;
  padding:20px 18px !important;
  gap:18px !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.branch-card::before{width:4px !important;background:var(--ndu-pink) !important;opacity:1 !important;}
.branch-name{font-size:18px !important;font-weight:800 !important;color:#22262c !important;}
.branch-area,.branch-meta{font-size:14px !important;line-height:1.75 !important;color:var(--ndu-muted) !important;}
.branch-actions a{
  padding:8px 12px !important;border-radius:9px !important;border:1px solid var(--ndu-line) !important;
  box-shadow:none !important;background:#fff !important;color:#505660 !important;font-weight:700 !important;
}
.branch-actions a.primary{background:var(--ndu-dark) !important;color:#fff !important;border-color:var(--ndu-dark) !important;}
.branch-actions a.naver-reserve{background:#03c75a !important;color:#fff !important;border-color:#03c75a !important;}
.branch-photo{border-radius:10px !important;box-shadow:none !important;background:#f2f3f5 !important;}
.video-grid{gap:20px !important;}
.video-card{
  padding:9px !important;
  border-radius:16px !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.video-frame{border-radius:12px !important;box-shadow:none !important;}
.video-caption{font-size:14px !important;color:#505660 !important;font-weight:700 !important;line-height:1.6 !important;}
.btn{
  min-height:42px !important;
  padding:9px 15px !important;
  border-radius:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.btn-primary{background:var(--ndu-dark) !important;color:#fff !important;}
.btn-outline{background:#fff !important;border:1px solid var(--ndu-line) !important;color:#454b55 !important;}
.btn-outline:hover,.btn-primary:hover{transform:none !important;border-color:var(--ndu-pink) !important;color:var(--ndu-pink) !important;background:#fff !important;box-shadow:none !important;}
.nd-story-home{padding-top:46px !important;padding-bottom:46px !important;}
.nd-story-home-more{border-radius:9px !important;border-color:var(--ndu-line) !important;color:#505660 !important;}
.nd-story-home-more:hover{border-color:var(--ndu-pink) !important;color:var(--ndu-pink) !important;}
.nd-story-home-card{border-radius:16px !important;}
.contact-info-row{border-bottom:1px solid var(--ndu-line) !important;padding-bottom:14px !important;margin-bottom:14px !important;}
.contact-label{font-weight:800 !important;color:#333840 !important;}
.site-footer{
  margin-top:0 !important;
  background:var(--ndu-bg) !important;
  border-top:1px solid var(--ndu-line) !important;
  color:#8d939c !important;
  box-shadow:none !important;
}
.floating-kakao{box-shadow:0 12px 34px rgba(0,0,0,.16) !important;}
@media(max-width:720px){
  .header-inner{height:64px !important;}
  .logo-img{height:40px !important;}
  .section-shortcuts{padding-top:10px !important;}
  .shortcut-bar{border-radius:14px !important;}
  .shortcut-link{flex:1 1 calc(50% - 8px) !important;min-height:40px !important;font-size:12px !important;padding:8px 9px !important;}
  .shortcut-link .shortcut-icon{width:22px !important;height:22px !important;}
  .hero-slider-inner{padding:12px 14px 0 !important;}
  .slider{border-radius:14px !important;}
  .hero{padding:34px 0 28px !important;}
  .hero-left-title{font-size:30px !important;letter-spacing:-1px !important;}
  .section{padding:34px 0 30px !important;}
  .section-title,.nd-story-home-title{font-size:24px !important;}
  .branch-card{border-radius:14px !important;}
  .video-card{border-radius:14px !important;}
}