@media (max-width:980px){
  :root{--container:min(100% - 36px, 900px);--header-h:72px}
  .desktop-nav{display:none}
  .menu-btn{display:grid}
  .hero-content{padding-bottom:58px}
  .intro-grid,.music-grid,.bio-grid,.newsletter-inner,.content-grid{grid-template-columns:1fr;gap:44px}
  .projects-grid{display:grid;grid-template-columns:1fr}
  .project-card,.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3){
    grid-column:auto;margin-top:0;min-height:58vw
  }
  .cta-grid{grid-template-columns:1fr}
  .big-cta + .big-cta{border-right:0;border-top:1px solid var(--line)}
  .split-frame{width:calc(100vw - 34px);height:67vh}
}
@media (max-width:640px){
  :root{--container:calc(100vw - 28px)}
  .section{padding:84px 0}
  .hero-title{font-size:clamp(3.6rem,19vw,7rem)}
  .scroll-cue{display:none}
  .intro-number{font-size:7rem}
  .split-stage{height:165vh}
  .split-caption{padding-inline:28px}
  .project-card,.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3){
    min-height:125vw
  }
  .big-cta{min-height:300px;padding:38px 24px}
  .stat-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .page-hero{min-height:60vh}
  .page-hero h1{font-size:clamp(3.5rem,20vw,7rem)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* v0.2 */
@media (max-width:980px){
  .hero-content{grid-template-columns:1fr;gap:24px}
  .hero-copy{max-width:680px}
  .hero-subtitle{max-width:680px}
  .hero-index{display:none}
}
@media (max-width:640px){
  .hero-content{padding-bottom:48px}
  .hero-kicker{margin-bottom:12px}
  .hero-title{line-height:.88}
  .hero-meta{display:none}
  .split-frame{height:70vh}
}

@media(max-width:980px){.service-grid,.service-grid.three{grid-template-columns:1fr 1fr}.location-card{flex-direction:column;align-items:flex-start}.dual-logo-showcase{grid-template-columns:1fr;max-width:420px}.divider-word{display:block;text-align:center}.contact-actions{width:100%}}
@media(max-width:640px){.brand-with-logo span{display:none}.brand-logo{width:40px;height:40px}.service-grid,.service-grid.three{grid-template-columns:1fr}.dual-brand img{width:55px;height:55px}.page-hero-image{min-height:72vh}.academy-small-logo{width:120px;height:120px}}


/* ================================================================
   Dana Music v0.6 responsive
   ================================================================ */
@media (max-width:1100px){
  .home-v06 .desktop-nav{display:none}
  .home-v06 .menu-btn{display:grid}
  .dual-nav-copy{display:none}
  .dm-hero{height:185vh}
  .dm-hero-copy{grid-template-columns:1fr;align-items:start;gap:18px}
  .dm-hero-center{order:-1}
  .dm-hero-side{max-width:720px;text-align:center;margin-inline:auto}
  .dm-hero-side.academy{justify-self:stretch}
  .dm-hero-side img{margin-inline:auto}
  .dm-brand-grid{grid-template-columns:1fr 1fr}
  .dm-academy-intro{grid-template-columns:1fr}
  .dm-academy-feature-grid,.dm-courses,.dm-proof-grid{grid-template-columns:1fr 1fr}
  .dm-faculty-banner{flex-direction:column;align-items:flex-start}
}
@media (max-width:980px){
  .home-v06 .container{width:calc(100vw - 34px)}
  .home-v06 .site-header{top:10px}
  .home-v06 .v06-header{min-height:64px;padding:8px 10px 8px 14px}
  .dual-nav-logos img{width:40px;height:40px;border-radius:11px}
  .header-whatsapp{min-height:44px;padding:0 18px}
  .dm-hero-content{padding-top:104px}
  .dm-hero-topline{display:none}
  .dm-hero-center h2{font-size:clamp(3rem,10vw,5.3rem)}
  .dm-hero-foot{gap:18px}
  .dm-dual-cards{grid-template-columns:1fr}
  .dm-editorial-grid{grid-template-columns:1fr}
  .dm-editorial-card,.dm-editorial-card.large,.dm-editorial-card:nth-child(3),.dm-editorial-card.wide{
    grid-column:auto;margin-top:0;min-height:58vw
  }
  .dm-inline-cta{flex-direction:column;align-items:flex-start}
  .dm-academy-feature-grid,.dm-courses,.dm-proof-grid{grid-template-columns:1fr}
  .dm-page-links,.dm-location-grid{grid-template-columns:1fr}
  .dm-footer-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .home-v06 .container{width:calc(100vw - 24px)}
  .home-v06 .site-header{top:7px}
  .dual-nav-logos img{width:36px;height:36px}
  .dual-nav-logos img:nth-child(2){display:none}
  .header-whatsapp{font-size:.78rem;min-height:40px;padding:0 13px}
  .home-v06 .menu-btn{width:40px;height:40px}
  .dm-hero{height:210vh}
  .dm-hero-content{padding-top:92px;padding-bottom:18px}
  .dm-hero-center h2{font-size:clamp(2.65rem,13vw,4rem);line-height:.96}
  .dm-hero-center p,.dm-hero-side p{font-size:.92rem;line-height:1.85}
  .dm-hero-side h1,.dm-hero-side h2{font-size:2.45rem}
  .dm-hero-side img{width:60px;height:60px;border-radius:16px}
  .dm-hero-actions{display:grid}
  .dm-btn{width:100%}
  .dm-hero-foot{font-size:.62rem;gap:12px}
  .dm-bridge,.dm-store,.dm-equipment,.dm-academy,.dm-pages,.dm-faq,.dm-locations{padding:82px 0}
  .dm-section-head{margin-bottom:34px}
  .dm-section-head h2{font-size:clamp(2.55rem,14vw,4.2rem)}
  .dm-section-head p{font-size:.96rem}
  .dm-identity-card{min-height:270px;padding:24px;border-radius:28px}
  .dm-identity-card img{width:82px;height:82px;border-radius:20px}
  .dm-identity-card h3{font-size:2.55rem}
  .dm-brand-grid{grid-template-columns:1fr}
  .dm-brand-card{min-height:auto}
  .dm-editorial-card,.dm-editorial-card.large,.dm-editorial-card:nth-child(3),.dm-editorial-card.wide{
    min-height:118vw;border-radius:26px
  }
  .dm-editorial-card > div{right:20px;left:20px;bottom:20px}
  .dm-inline-cta{padding:24px;border-radius:25px}
  .dm-inline-cta a{width:100%}
  .dm-academy-photo{min-height:430px;border-radius:28px}
  .dm-academy-photo-badge{right:16px;left:16px;bottom:16px}
  .dm-academy-feature,.dm-course-card,.dm-proof-card{padding:23px;border-radius:24px}
  .dm-faculty-banner{padding:25px;border-radius:25px}
  .dm-faculty-banner a{width:100%;text-align:center}
  .dm-page-card{min-height:230px;border-radius:26px;padding:25px}
  .dm-location-card{grid-template-columns:1fr;padding:25px;border-radius:26px}
  .dm-location-card a{grid-column:1}
  .dm-footer-links{gap:13px;font-size:.88rem}
}


/* ================================================================
   Dana Music v0.6.1 responsive typography / sticky hero
   ================================================================ */

/* Compact hero for wide but short screens such as 1366x600/768. */
@media (min-width:1101px) and (max-height:780px){
  .dm-hero{
    height:235vh;
  }
  .dm-hero-content{
    padding-top:108px;
    padding-bottom:14px;
  }
  .dm-hero-copy{
    gap:18px;
    padding:12px 0 8px;
    align-items:center;
  }
  .dm-hero-center{
    max-width:590px;
  }
  .dm-hero-center h2{
    font-size:clamp(2.65rem,4.15vw,3.9rem);
    line-height:.98;
    margin:12px 0 10px;
  }
  .dm-hero-center p{
    font-size:.84rem;
    line-height:1.7;
  }
  .dm-hero-side{
    max-width:290px;
  }
  .dm-hero-side h1,
  .dm-hero-side h2{
    font-size:clamp(1.85rem,2.65vw,2.65rem);
    margin-bottom:10px;
  }
  .dm-hero-side p{
    font-size:.78rem;
    line-height:1.6;
    margin-bottom:10px;
  }
  .dm-hero-side img{
    width:54px;
    height:54px;
    margin-bottom:10px;
  }
  .dm-overline{
    margin-bottom:8px;
    padding-bottom:5px;
    font-size:.6rem;
  }
  .dm-kicker{
    font-size:.61rem;
  }
  .dm-hero-actions{
    margin-top:15px;
  }
  .dm-btn{
    min-height:45px;
    padding:0 20px;
    font-size:.84rem;
  }
  .dm-hero-foot{
    padding-top:10px;
    font-size:.59rem;
    gap:22px;
  }
}

@media (max-width:1100px){
  .dm-hero{
    height:230vh;
  }
  .dm-hero-center h2{
    font-size:clamp(2.7rem,7.5vw,4.4rem);
  }
  .dm-hero-side h1,
  .dm-hero-side h2{
    font-size:clamp(2rem,6vw,3rem);
  }
  .dm-section-head h2{
    font-size:clamp(2.35rem,7vw,4.15rem);
  }
}

@media (max-width:640px){
  .dm-hero{
    height:245vh;
  }
  .dm-hero-center h2{
    font-size:clamp(2.35rem,11vw,3.35rem);
    line-height:1.02;
  }
  .dm-hero-side h1,
  .dm-hero-side h2{
    font-size:2.15rem;
  }
  .dm-section-head h2{
    font-size:clamp(2.2rem,11vw,3.4rem);
    line-height:1.03;
  }
  .dm-identity-card h3{
    font-size:2.2rem;
  }
  .dm-page-card h3{
    font-size:2.45rem;
  }
}


/* ================================================================
   Dana Music v0.6.2 responsive
   ================================================================ */

@media (min-width:1101px) and (max-height:820px){
  .dm-hero{
    height:100svh !important;
    min-height:600px;
  }
  .dm-hero-sticky,
  .dm-hero-image,
  .dm-hero-shade{
    height:100svh !important;
    min-height:600px;
  }
  .dm-hero-content{
    padding-top:98px !important;
    padding-bottom:12px !important;
  }
  .dm-hero-center h2{
    font-size:clamp(2.15rem,3.2vw,3.15rem) !important;
  }
  .dm-hero-side h1,
  .dm-hero-side h2{
    font-size:clamp(1.65rem,2vw,2.05rem) !important;
  }
  .dm-hero-center p{
    font-size:.8rem !important;
  }
  .dm-hero-side p{
    font-size:.7rem !important;
  }
}

@media (max-width:1100px){
  .dm-hero{
    height:100svh !important;
    min-height:760px;
  }
  .dm-hero-sticky,
  .dm-hero-image,
  .dm-hero-shade{
    height:100svh !important;
    min-height:760px;
  }
  .dm-hero-center h2{
    font-size:clamp(2.3rem,6.5vw,3.6rem) !important;
  }
  .dm-hero-side h1,
  .dm-hero-side h2{
    font-size:clamp(1.9rem,5vw,2.6rem) !important;
  }
  .dm-section-head h2{
    font-size:clamp(2.1rem,6vw,3.45rem) !important;
  }
}

@media (max-width:640px){
  .dm-hero{
    height:auto !important;
    min-height:100svh;
  }
  .dm-hero-sticky{
    height:auto !important;
    min-height:100svh;
    overflow:visible;
  }
  .dm-hero-image,
  .dm-hero-shade{
    height:100svh !important;
    min-height:100svh;
  }
  .dm-hero-content{
    min-height:100svh;
    padding-top:86px !important;
    padding-bottom:18px !important;
  }
  .dm-hero-center h2{
    font-size:clamp(2.05rem,10vw,2.9rem) !important;
  }
  .dm-hero-side h1,
  .dm-hero-side h2{
    font-size:1.95rem !important;
  }
  .dm-section-head h2{
    font-size:clamp(2rem,10vw,3rem) !important;
  }
  .dm-identity-card h3{
    font-size:2rem !important;
  }
  .dm-page-card h3{
    font-size:2.15rem !important;
  }
}