@media (max-width:1100px){.mp-mainnav,.mp-search{display:none}.mp-search-toggle,.mp-menu-toggle{display:inline-grid}.mp-layout,.mp-layout.has-left,.mp-layout.has-right,.mp-layout.has-left.has-right,.marketplace-layout,.dashboard-layout{grid-template-columns:1fr}.mp-footer__grid{grid-template-columns:1fr 1fr}.productdetails-view{grid-template-columns:1fr}.listing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){body.has-compact-mobile{padding-bottom:68px}.mp-container{width:min(var(--mp-container),calc(100% - 28px))}.mp-header__inner{min-height:66px}.mp-brand img{width:158px}.mp-brand span{display:none}.mp-hero__content{min-height:430px}.mp-section{padding:34px 0}.mp-actions .btn{width:100%}.mp-footer__grid,.listing-grid{grid-template-columns:1fr}.mp-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:66px;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--mp-line);box-shadow:0 -8px 24px rgba(0,0,0,.08)}.mp-bottom-nav a,.mp-bottom-nav button{display:grid;place-items:center;border:0;background:transparent;text-decoration:none;font-size:12px;font-weight:800;color:var(--mp-text)}.mp-bottom-nav a:first-child{color:var(--mp-accent)}.artist-tabs-shell{top:66px}.mp-footer{padding-bottom:110px}}

@media (max-width:1100px){.mp-header__inner{min-height:74px}.mp-hero__grid{grid-template-columns:1fr;gap:28px;min-height:520px}.mp-hero__benefits{justify-self:start;max-width:720px;grid-template-columns:repeat(3,1fr)}.mp-search input{min-width:240px}}
@media (max-width:720px){.mp-header{background:#050505}.mp-brand img{width:150px}.mp-hero__grid{min-height:560px;padding-top:36px;padding-bottom:42px}.mp-hero h1{font-size:42px}.mp-hero__benefits{grid-template-columns:1fr;gap:16px}.mp-benefit{grid-template-columns:36px 1fr;gap:12px}.mp-benefit__icon{width:30px;height:30px;font-size:16px;border-radius:8px}.btn{width:auto;min-width:150px}.mp-actions .btn{width:auto}.btn-secondary{background:#fff;color:#111}}
@media (max-width:420px){.mp-actions{display:grid}.mp-actions .btn{width:100%}.mp-hero h1{font-size:38px}}

/* v0.4.0 responsive adjustments */
@media (max-width:1240px){
  .mp-mainnav ul,.mp-fallback-menu{gap:22px}
  .mp-mainnav a{font-size:16px}
  .mp-hero__grid{grid-template-columns:minmax(0,520px) minmax(330px,390px);gap:46px}
  .mp-benefit strong{font-size:21px}.mp-benefit small{font-size:16px}
}
@media (max-width:1100px){
  .mp-header__inner{min-height:82px}.mp-mainnav{display:none}.mp-brand img{width:165px}
  .mp-hero{background-position:32% center}
  .mp-hero::after{width:100%;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78))}
  .mp-hero__grid{min-height:760px;grid-template-columns:1fr;align-content:center;gap:46px;padding-top:56px;padding-bottom:62px}
  .mp-hero__benefits{justify-self:start;max-width:880px;grid-template-columns:repeat(3,1fr);gap:22px}
  .mp-benefit{grid-template-columns:56px 1fr;gap:16px}.mp-benefit__icon{width:54px;height:54px;font-size:28px}.mp-benefit strong{font-size:18px}.mp-benefit small{font-size:14px}
}
@media (max-width:720px){
  .mp-header__inner{min-height:72px}.mp-brand img{width:145px}.mp-header-actions{gap:10px}.mp-search-toggle,.mp-icon,.mp-menu-toggle{width:44px;height:44px}
  .mp-hero{background-position:38% center}
  .mp-hero__grid{min-height:670px;padding-top:42px;padding-bottom:44px;gap:34px}
  .mp-hero h1{font-size:clamp(42px,13vw,58px);max-width:380px;margin-bottom:18px}.mp-hero__kicker{font-size:26px;margin-bottom:18px}.mp-hero__lead{font-size:18px;max-width:340px}
  .mp-actions{gap:12px;margin-top:26px}.btn{min-height:54px;min-width:0;width:auto;padding:0 20px;font-size:14px;border-radius:8px}.mp-actions .btn{width:auto;flex:1 1 155px}
  .mp-hero__benefits{grid-template-columns:1fr;gap:18px;max-width:360px}.mp-benefit{grid-template-columns:48px 1fr;gap:14px}.mp-benefit__icon{width:46px;height:46px;font-size:24px}.mp-benefit strong{font-size:17px}.mp-benefit small{font-size:14px}
}
@media (max-width:420px){
  .mp-actions{display:grid;grid-template-columns:1fr;max-width:320px}.mp-actions .btn{width:100%}.mp-hero__grid{min-height:720px}.mp-hero h1{font-size:42px}.mp-hero__kicker{font-size:22px}
}

/* v0.4.1 responsive hero refinements */
@media (max-width:1240px){
  .mp-hero__grid{grid-template-columns:minmax(0,500px) minmax(320px,380px);gap:44px}
  .mp-hero__title{font-size:clamp(40px,4.6vw,56px)}
  .mp-benefit strong{font-size:19px}.mp-benefit small{font-size:15px}
}
@media (max-width:1100px){
  .mp-hero{background-position:33% center}
  .mp-hero::after{width:100%;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.82))}
  .mp-hero__grid{min-height:690px;grid-template-columns:1fr;align-content:center;gap:38px;padding-top:52px;padding-bottom:56px}
  .mp-hero__benefits{justify-self:start;max-width:860px;grid-template-columns:repeat(3,1fr);gap:20px}
  .mp-benefit{grid-template-columns:52px 1fr;gap:14px}.mp-benefit__icon{width:50px;height:50px;font-size:25px}.mp-benefit strong{font-size:17px}.mp-benefit small{font-size:14px}
}
@media (max-width:720px){
  .mp-hero{background-position:40% center}
  .mp-hero__grid{min-height:640px;padding-top:40px;padding-bottom:44px;gap:30px}
  .mp-hero__title{font-size:clamp(38px,11vw,48px);max-width:360px;margin-bottom:16px}
  .mp-hero__subheadline{font-size:clamp(20px,6vw,24px);margin-bottom:18px;max-width:360px}
  .mp-hero__lead{font-size:17px;max-width:340px}.mp-actions{gap:12px;margin-top:24px}.btn{min-height:50px;min-width:0;width:auto;padding:0 18px;font-size:13px;border-radius:8px}.mp-actions .btn{width:auto;flex:1 1 150px}
  .mp-hero__benefits{grid-template-columns:1fr;gap:16px;max-width:360px}.mp-benefit{grid-template-columns:44px 1fr;gap:13px}.mp-benefit__icon{width:42px;height:42px;font-size:22px}.mp-benefit strong{font-size:16px}.mp-benefit small{font-size:13px}
}
@media (max-width:420px){
  .mp-actions{display:grid;grid-template-columns:1fr;max-width:310px}.mp-actions .btn{width:100%}.mp-hero__grid{min-height:700px}.mp-hero__title{font-size:38px}.mp-hero__subheadline{font-size:21px}
}

/* v0.4.3 Branding polish responsive logo sizing */
@media (max-width:1100px){
  .mp-header__inner{min-height:88px}
  .mp-header .mp-brand img{width:185px;max-height:68px}
}
@media (max-width:720px){
  .mp-header__inner{min-height:76px}
  .mp-header .mp-brand img{width:162px;max-height:60px}
}
@media (max-width:420px){
  .mp-header .mp-brand img{width:156px;max-height:58px}
}


/* v0.4.4 logo final overrides */
@media (min-width:1200px){.mp-header .mp-brand img{height:72px;width:auto;max-height:none}.mp-header__inner{min-height:96px}}
@media (min-width:721px) and (max-width:1199px){.mp-header .mp-brand img{height:64px;width:auto;max-height:none}.mp-header__inner{min-height:88px}}
@media (max-width:720px){.mp-header .mp-brand img{height:48px;width:auto;max-height:none}.mp-header__inner{min-height:72px}}