@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800;1,900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--pink:#f5b9d1;--hot:#ed3f91;--ink:#181618;--paper:#fffafc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit}header{padding:21px 5%;display:flex;align-items:center;justify-content:space-between;background:var(--pink);border-bottom:1px solid #18161840}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:54px;font-weight:900;letter-spacing:-3px;text-decoration:none;line-height:1;transform:rotate(-5deg);display:inline-block}.logo span{font:14px Arial;letter-spacing:0;vertical-align:top;margin-left:4px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}nav a{text-decoration:none}.nav-cta{border:1px solid;padding:10px 17px}a:focus-visible,button:focus-visible{outline:3px solid var(--hot);outline-offset:5px}.hero{background:var(--pink);display:grid;grid-template-columns:1.08fr 1fr;min-height:650px;padding:65px 5% 70px;gap:5%}.eyebrow{font-size:13px;letter-spacing:1.5px;font-weight:700;margin:0 0 22px}h1,h2,.card-title{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:.98;letter-spacing:-1px;margin:0}h1{font-size:clamp(65px,7.6vw,118px)}em{font-weight:800;font-style:italic}h1 em{color:var(--paper);text-shadow:2px 2px 0 var(--ink)}.intro{font-weight:700;font-size:23px;margin:26px 0 10px}.hero-description{max-width:465px;margin:0 0 27px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;border:1px solid var(--ink);background:var(--ink);color:white;padding:15px 21px;text-decoration:none;font:700 15px 'DM Sans',Arial;cursor:pointer;min-height:50px}.button:hover{background:#3c2633}.handnote{display:block;font:italic 21px Georgia,serif;transform:rotate(-4deg);margin:24px 0 0 25px}.hero-art{position:relative;background:#222;min-height:470px;transform:rotate(2deg);border:8px solid var(--paper);box-shadow:12px 12px 0 #181618;overflow:visible;background-size:cover;background-position:center}.hero-art.has-image .hero-poster{display:none}.art-caption{position:absolute;top:15px;left:15px;background:var(--paper);padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:1px}.hero-poster{position:absolute;inset:20% 8%;padding:30px;background:var(--hot);font:900 65px/.95 'Barlow Condensed',Impact;transform:rotate(-8deg)}.hero-poster small{display:block;font:13px Arial;margin-top:25px}.sticker{position:absolute;bottom:25px;left:-26px;background:var(--paper);padding:14px 23px;transform:rotate(-9deg);font:800 27px/.98 'Barlow Condensed',Impact;border:2px solid}.ticker{background:var(--ink);color:var(--pink);display:flex;align-items:center;justify-content:space-around;gap:20px;padding:18px;font:700 24px 'Barlow Condensed',Impact;overflow:hidden}.ticker span{white-space:nowrap}.ticker b{color:var(--hot)}.manifesto{padding:105px 8%;text-align:center;max-width:1100px;margin:auto}h2{font-size:clamp(45px,4.7vw,70px)}.manifesto h2{margin-bottom:28px}.manifesto h2 em{box-shadow:inset 0 -13px var(--pink)}.manifesto>p:not(.eyebrow){max-width:650px;margin:18px auto}.experiences{padding:75px 5% 90px;background:#f6edf1;border-top:1px solid}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.section-heading>p{max-width:330px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:25px 28px 30px;min-height:435px;border:1.5px solid;display:flex;flex-direction:column;box-shadow:5px 5px 0 var(--ink)}.scribble{background:var(--pink);transform:rotate(-1deg)}.song{background:var(--ink);color:var(--pink);transform:rotate(1deg)}.jam{background:var(--hot);transform:rotate(-1deg)}.card-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;letter-spacing:.7px;border-bottom:1px solid;padding-bottom:14px}.card-title{font-size:clamp(48px,4.5vw,70px);margin:27px 0 7px}.card-title i{font-weight:900}.card p{font-size:16px;flex:1}.card-tag{font-size:12px;font-weight:700;letter-spacing:1.5px}.artist-room{background:var(--ink);color:var(--paper);padding:100px 8%;display:grid;grid-template-columns:.85fr 1.2fr;gap:10%;align-items:center}.ticket{background:var(--pink);color:var(--ink);padding:26px 30px;transform:rotate(-5deg);outline:1px solid var(--pink);outline-offset:8px}.ticket-top{font-size:12px;letter-spacing:1px;font-weight:700;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid;padding-bottom:20px}.ticket>p{font:900 clamp(70px,7.5vw,112px)/.95 'Barlow Condensed',Impact;margin:40px 0}.ticket-bottom{border-top:2px dashed;padding-top:22px;font:800 28px 'Barlow Condensed',Impact}.ticket-bottom span{font:12px 'DM Sans',Arial;letter-spacing:1px}.room-copy h2 em{color:var(--pink)}.room-copy>p{max-width:560px}.room-details{margin-top:30px}.room-details>div{border-top:1px solid #ffffff40;padding-top:16px;margin-top:17px}.room-details strong{font-size:16px;color:var(--pink)}.room-details p{font-size:15px;margin:5px 0}.tailored{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;column-gap:10%}.tailored>.eyebrow{grid-column:1/-1}.tailored h2{font-size:clamp(64px,6.5vw,100px)}.tailored h2 em{color:#bd286a}.lead{font-size:24px;line-height:1.3;font-weight:600;margin-top:0}.delivery{margin:28px 0}.delivery>div{border-top:1px solid;padding:18px 0 4px}.delivery span{font-size:13px;margin-right:18px}.delivery p{font-size:16px}.contact{background:var(--pink);padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid}.contact h2{font-size:clamp(55px,5vw,76px)}.contact>div>p:last-child{max-width:340px}label{display:block;font-size:14px;font-weight:700;margin:15px 0 7px}input,textarea{font:16px 'DM Sans',Arial;width:100%;border:0;border-bottom:1px solid var(--ink);background:#ffffff70;color:var(--ink);padding:13px;border-radius:0}input:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:2px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .button{margin-top:20px;width:100%}.status{font-size:13px;min-height:21px}footer{background:var(--ink);color:var(--pink);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5%;font-size:13px}footer>span:last-child{font-size:12px;letter-spacing:1px}@media(min-width:1500px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:800px){header{padding:18px 6%}.logo{font-size:44px}nav{gap:15px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:45px 6% 60px;gap:45px}.hero-art{min-height:380px;margin:0 10px}.hero-copy h1{font-size:clamp(65px,13vw,100px)}.ticker{justify-content:flex-start;font-size:20px}.manifesto{padding:65px 6%}.experiences{padding:60px 6%}.section-heading{display:block}.section-heading>p{margin-top:24px;max-width:100%}.cards{grid-template-columns:1fr;gap:27px}.card{min-height:350px}.card-title{font-size:64px}.artist-room{grid-template-columns:1fr;padding:65px 8%;gap:60px}.ticket{max-width:380px;margin:0 auto;width:90%}.ticket>p{font-size:86px}.tailored{grid-template-columns:1fr;padding:65px 6%;gap:28px}.tailored>.eyebrow{margin:0}.contact{grid-template-columns:1fr;padding:60px 6%;gap:25px}footer{flex-wrap:wrap;padding:30px 6%}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art.has-image{background-image:url("muso-wall.webp");background-size:100% 100%;min-height:390px;align-self:center;aspect-ratio:1.3}
@media(max-width:800px){.hero-art.has-image{min-height:260px;aspect-ratio:1.4}}

.button:disabled{opacity:.65;cursor:wait}.fallback-button{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:12px 16px;font:700 14px 'DM Sans',Arial;cursor:pointer;text-align:left}#form-status:empty{display:none}#form-status:not(:empty){font-size:15px;line-height:1.5;padding:12px;border-left:3px solid var(--ink);background:#ffffff65}#form-fallback[hidden]{display:none}

/* Supplied MUSO mark: compact wordmark with the hot-pink bolt accent. */
.logo{display:inline-flex;align-items:flex-start;position:relative}
.logo .logo-word{display:inline-block;font:inherit;letter-spacing:inherit;margin:0}
.logo .logo-bolt{font-family:Arial,sans-serif;font-size:18px;line-height:1;letter-spacing:0;color:var(--hot);margin:0 0 0 6px;transform:rotate(10deg)}
.festival-kicker{color:var(--hot)}
.festival-word{color:var(--hot)}
.logo-image{display:block;width:132px;height:auto;max-width:100%;border:1px solid var(--ink)}
@media(max-width:800px){.logo-image{width:108px}}
.section-cta{margin-top:58px;background:var(--pink);color:var(--ink);border:1.5px solid var(--ink);padding:38px 42px 42px;box-shadow:7px 7px 0 var(--ink);transform:rotate(-.7deg)}
.section-cta .eyebrow{margin-bottom:16px}
.section-cta h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,4vw,64px);font-weight:800;line-height:1;letter-spacing:-.7px;margin:0 0 18px;max-width:830px}
.section-cta h3 em{color:var(--paper);text-shadow:1px 1px 0 var(--ink)}
.section-cta p:not(.eyebrow){max-width:760px;margin:0 0 24px;font-size:18px}
@media(max-width:800px){.section-cta{margin-top:42px;padding:28px 24px 32px}.section-cta p:not(.eyebrow){font-size:16px}}

/* Final colour refinements for the updated MUSO messaging. */
.experiences .section-heading h2 em{color:var(--hot)}
.room-copy h2 em{color:var(--hot)}
.room-copy>.eyebrow{color:var(--hot)}
.ticket-bottom{color:var(--hot);border-top-color:var(--ink)}
.ticket-bottom span{color:var(--ink)}
.section-cta{background:var(--ink);color:var(--paper);border-color:var(--hot);box-shadow:7px 7px 0 var(--hot)}
.section-cta .eyebrow{color:var(--hot)}
.section-cta h3 em{color:var(--hot);text-shadow:none}
.section-cta p:not(.eyebrow){color:var(--paper)}
.section-cta .button{background:var(--hot);border-color:var(--hot);color:var(--ink)}
.section-cta .button:hover{background:var(--pink);border-color:var(--pink)}

/* Baby-pink paper texture header with the transparent distressed MUSO mark. */
header{background-color:var(--pink);background-image:url('muso-header-paper-pink.png');background-size:cover;background-position:center;}
.logo-image{width:150px;height:150px;object-fit:contain;border:0}
@media(max-width:800px){.logo-image{width:112px;height:112px}}
.hero{background-color:var(--pink);background-image:url('muso-header-paper-pink.png');background-size:cover;background-position:center 36%;}

/* One continuous paper field across the header and hero: natural-scale artwork, no separator. */
body{background-color:var(--pink);background-image:linear-gradient(rgba(245,185,209,.86),rgba(245,185,209,.86)),url('muso-wall.webp');background-repeat:no-repeat;background-position:center top;background-size:auto 940px;}
header{background:transparent;border-bottom:0;}
.hero{background:transparent;}
.manifesto,.tailored{background:var(--paper);}

/* Navigation hover states: hot-pink text, with a raised pink festival CTA. */
nav a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
nav a:not(.nav-cta):hover,nav a:not(.nav-cta):focus-visible{color:var(--hot);}
nav .nav-cta:hover,nav .nav-cta:focus-visible{background:var(--hot);border-color:var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px);}
.hero-chat{margin-left:14px;background:var(--hot);border-color:var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);}
.hero-chat:hover,.hero-chat:focus-visible{background:var(--pink);color:var(--ink);box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px);}
@media(max-width:800px){.hero-chat{margin-left:0;margin-top:12px;}}

/* Carry the distressed black magazine-paper texture across the full footer strip. */
footer{background-color:var(--ink);background-image:url('muso-footer-profile-texture.png');background-repeat:repeat-x;background-position:center top;background-size:auto 100%;}
footer .logo-image{content:url('muso-logo-footer-transparent.png');}

.field-full{margin-top:2px}
.field-full label span{font-weight:400;opacity:.7}

/* Full-bleed responsive hero canvas: one uninterrupted paper texture from
   the navigation through the hero, with no side gaps on wide screens. */
body{background:var(--paper);background-image:none;}
.hero-shell{width:100%;background-color:var(--pink);background-image:linear-gradient(rgba(245,185,209,.86),rgba(245,185,209,.86)),url('muso-wall.webp');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.hero-shell header,.hero-shell .hero{background:transparent;border-bottom:0;}
@media(min-width:1500px){header,main,footer{max-width:none;margin-inline:0;}}
@media(max-width:800px){.hero-shell{background-position:center top;background-size:cover;}}

/* Concise pop-ups for the added editorial layer and full delivery scope. */
.popup-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:13px 17px;border:1px solid var(--ink);background:var(--hot);color:var(--ink);font:700 13px 'DM Sans',Arial;letter-spacing:.4px;cursor:pointer;text-align:left;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.popup-trigger:hover,.popup-trigger:focus-visible{background:var(--pink);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}
.work-scope-trigger{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.work-scope-trigger:hover,.work-scope-trigger:focus-visible{background:var(--hot);color:var(--ink)}
.muso-dialog{width:min(680px,calc(100vw - 32px));max-width:none;padding:0;border:0;background:transparent;color:var(--ink)}
.muso-dialog::backdrop{background:rgba(24,22,24,.76)}
.dialog-panel{position:relative;padding:38px 42px 42px;background:var(--pink);border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--hot)}
.dialog-panel .eyebrow{color:var(--hot);margin:0 0 15px}
.dialog-panel h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(52px,6vw,82px);font-weight:800;line-height:.92;letter-spacing:-1px;margin:0 40px 22px 0}
.dialog-intro{font-size:19px;line-height:1.35;font-weight:600;margin:0 0 23px;max-width:570px}
.dialog-panel ul{margin:0;padding-left:22px;max-width:570px}
.dialog-panel li{font-size:16px;line-height:1.45;margin:10px 0}
.dialog-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:400 28px/1 Arial;cursor:pointer}
.dialog-close:hover,.dialog-close:focus-visible{background:var(--hot)}
@media(max-width:800px){.popup-trigger{width:100%;margin-top:20px}.muso-dialog{width:calc(100vw - 24px)}.dialog-panel{padding:29px 24px 31px}.dialog-panel h3{font-size:clamp(48px,13vw,70px);margin-right:32px}.dialog-intro{font-size:17px}.dialog-panel li{font-size:15px}}
.tailored-copy .work-scope-trigger{margin-top:0;margin-left:18px}
@media(max-width:800px){.tailored-copy .work-scope-trigger{margin-top:20px;margin-left:0}}

/* Card titles and the For the Fans statement lift like tactile buttons on hover. */
.card-title{display:inline-block;align-self:flex-start;max-width:100%;padding:10px 14px 12px;margin:17px -14px 2px;border:1.5px solid transparent;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.card-title:hover,.card-title:focus-visible{transform:translate(-3px,-3px)}
.scribble .card-title:hover,.scribble .card-title:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--hot);box-shadow:6px 6px 0 var(--hot)}
.song .card-title:hover,.song .card-title:focus-visible{background:var(--paper);border-color:var(--hot);color:var(--hot);box-shadow:6px 6px 0 var(--hot)}
.jam .card-title:hover,.jam .card-title:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--pink);box-shadow:6px 6px 0 var(--pink)}
.section-cta h3{display:inline-block;padding:6px 10px;margin:-6px -10px 18px;border:1.5px solid transparent;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.section-cta h3:hover,.section-cta h3:focus-visible{background:var(--ink);border-color:var(--hot);box-shadow:7px 7px 0 var(--hot);transform:translate(-4px,-4px)}
@media(max-width:800px){.card-title{padding:8px 12px 10px;margin:18px -12px 4px}.section-cta h3{margin:-4px -8px 18px;padding:5px 8px 7px}}

/* Full-square hover treatment: the existing cards and callout lift as one
   raised surface; their headings are no longer separate mini-buttons. */
.card{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}
.card-title{display:block;align-self:auto;max-width:none;padding:0;margin:27px 0 7px;border:0;background:transparent;box-shadow:none;transform:none;cursor:inherit;transition:color .18s ease}
.card-title:hover,.card-title:focus-visible{background:transparent;border-color:transparent;box-shadow:none;transform:none}
.scribble:hover,.scribble:focus-within{transform:rotate(-1deg) translateY(-8px);box-shadow:8px 13px 0 var(--ink)}
.song:hover,.song:focus-within{transform:rotate(1deg) translateY(-8px);box-shadow:8px 13px 0 var(--hot)}
.jam:hover,.jam:focus-within{transform:rotate(-1deg) translateY(-8px);box-shadow:8px 13px 0 var(--ink)}
.scribble:hover .card-title,.scribble:focus-within .card-title{color:var(--hot)}
.song:hover .card-title,.song:focus-within .card-title{color:var(--hot)}
.jam:hover .card-title,.jam:focus-within .card-title{color:var(--pink)}
.section-cta{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}
.section-cta h3{display:block;padding:0;margin:0 0 18px;border:0;background:transparent;box-shadow:none;transform:none;cursor:inherit;transition:none}
.section-cta h3:hover,.section-cta h3:focus-visible{background:transparent;border-color:transparent;box-shadow:none;transform:none}
.section-cta:hover,.section-cta:focus-within{transform:rotate(-.7deg) translateY(-8px);box-shadow:10px 14px 0 var(--hot)}
.manifesto h2 em{transition:box-shadow .18s ease}
.manifesto h2:hover em,.manifesto h2:focus-visible em{box-shadow:inset 0 -13px var(--hot)}
@media(max-width:800px){.card-title{padding:0;margin:27px 0 7px}.section-cta h3{padding:0;margin:0 0 18px}}

/* On the raised For the Fans card, soften the italic line to the baby-pink
   brand colour while the whole card is hovered or focused. */
.section-cta h3 em{color:var(--pink);transition:color .18s ease}
.section-cta:hover h3 em,.section-cta:focus-within h3 em{color:var(--hot)}

/* Keep the card hover colour shifts, but never draw a separate box around
   the title itself. The card remains the raised interactive surface. */
.scribble .card-title:hover,.scribble .card-title:focus-visible,
.song .card-title:hover,.song .card-title:focus-visible,
.jam .card-title:hover,.jam .card-title:focus-visible{background:transparent;border-color:transparent;box-shadow:none;transform:none}

/* Mobile navigation and full-bleed layout: keep the desktop art direction,
   but make every surface and control fit the viewport without side clipping. */
.nav-links{display:flex;align-items:center;gap:32px}
.menu-toggle{display:none;appearance:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;padding:9px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--hot);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}
.nav-open .menu-toggle{background:var(--hot);box-shadow:4px 4px 0 var(--ink)}

@media(max-width:800px){
  html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .hero-shell,header,main,.hero,.ticker,.manifesto,.experiences,.artist-room,.tailored,.contact,footer{width:100%;max-width:100%;min-width:0}
  .hero-shell{overflow:visible}
  .hero-shell header{position:relative;z-index:30;gap:12px}
  header .logo{flex:0 1 auto;min-width:0}
  .logo-image{width:clamp(82px,24vw,112px);height:auto}
  nav{position:relative;flex:0 0 auto;gap:9px}
  .nav-links{display:none;position:absolute;z-index:50;top:calc(100% + 14px);right:0;width:224px;max-width:calc(100vw - 24px);padding:7px;flex-direction:column;align-items:stretch;gap:0;background:var(--pink);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
  nav.nav-open .nav-links{display:flex}
  .nav-links a{display:block!important;padding:12px 13px;font-size:16px;line-height:1.25}
  .nav-links a+a{border-top:1px solid #18161840}
  .menu-toggle{display:inline-flex;flex:0 0 auto}
  nav .nav-cta{display:inline-flex;flex:0 0 auto;padding:9px 12px;font-size:13px;white-space:nowrap}
  .hero{grid-template-columns:minmax(0,1fr);padding-inline:5%;gap:38px}
  .hero-copy,.hero-art{min-width:0;max-width:100%}
  .hero-copy h1,.intro,.hero-description,.handnote{max-width:100%;overflow-wrap:anywhere}
  .hero-copy .button{width:100%;max-width:100%}
  .hero-chat{margin-left:0;margin-top:12px}
  .handnote{margin-left:12px}
  .hero-art.has-image{width:100%;min-width:0;min-height:0;aspect-ratio:1.2;margin-inline:0}
  .hero-art .sticker{left:12px;max-width:calc(100% - 24px)}
  .ticker{padding-inline:5%;gap:12px}
  .section-heading h2,.section-cta h3,.tailored h2,.contact h2{overflow-wrap:anywhere}
  .field-row{grid-template-columns:1fr;gap:0}
  input,textarea{max-width:100%;min-width:0}
}

@media(max-width:430px){
  header{padding-inline:4.5%;gap:8px}
  .logo-image{width:88px}
  nav{gap:7px}
  nav .nav-cta{padding:8px 10px;font-size:12px}
  .menu-toggle{width:40px;height:40px;padding:8px}
  .menu-toggle span{width:22px}
  .hero{padding-inline:5%;gap:32px}
  .hero-copy h1{font-size:clamp(57px,16vw,78px)}
  .intro{font-size:21px}
  .hero-description{font-size:16px}
  .hero-art.has-image{aspect-ratio:1.08}
}

/* Final mobile sizing pass: keep rotated cards inside the viewport and give
   the Artist Room ticket a shorter, lighter footprint before the copy. */
@media(max-width:800px){
  .cards{padding-inline:14px}
  .card{width:100%;max-width:100%;min-height:0;padding:22px 23px 26px}
  .card-title{font-size:clamp(48px,14vw,64px);margin:24px 0 8px}
  .card p{font-size:16px;line-height:1.45}
  .artist-room{gap:38px}
  .ticket{width:75%;max-width:320px;padding:20px 22px}
  .ticket-top{font-size:11px;padding-bottom:14px}
  .ticket>p{font-size:clamp(58px,15vw,78px);margin:24px 0}
  .ticket-bottom{padding-top:14px;font-size:24px}
  .ticket-bottom span{font-size:11px}
}

@media(max-width:430px){
  .cards{padding-inline:10px}
  .card{padding-inline:20px}
  .ticket{width:74%;max-width:285px}
  .ticket>p{font-size:clamp(54px,15vw,68px);margin:21px 0}
  .ticket-bottom{font-size:21px}
}

/* Continuous ticker: one repeated phrase makes the black banner feel alive
   while keeping the exact same message readable at every viewport width. */
.ticker{display:block;overflow:hidden;padding-inline:0;white-space:nowrap}
.ticker-track{display:flex;width:max-content;will-change:transform;animation:muso-ticker-scroll 26s linear infinite}
.ticker-group{display:flex;align-items:center;gap:20px;flex:0 0 auto;padding-right:20px}
.ticker-group span{white-space:nowrap}
@keyframes muso-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(max-width:800px){
  .ticker{padding-block:16px}
  .ticker-track{animation-duration:22s}
  .ticker-group{gap:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track{animation:none;transform:none}
  .ticker-group+.ticker-group{display:none}
}

/* Mobile refinements: keep the hero copy closer to the logo, make the ticket
   subtitle intentionally two lines, and replay the tactile hover moments as
   scroll-triggered states on touch screens. */
.ticket-bottom .ticket-subline{display:block}
.tailored-copy .global-availability{max-width:680px;margin:18px 0 0;font-size:16px;line-height:1.5}
@media(max-width:800px){
  .hero{padding-top:12px}
  .tailored-copy .global-availability{font-size:15px}
}
/* Place the global availability note under the tailored heading on desktop,
   then move it between the lead and supporting copy on mobile. */
.tailored{grid-template-areas:"eyebrow eyebrow" "title copy" "global copy"}
.tailored>.eyebrow{grid-area:eyebrow}
.tailored>h2{grid-area:title}
.tailored>.global-availability{grid-area:global;max-width:680px;margin:18px 0 0;font-size:16px;line-height:1.5}
.tailored>.tailored-copy{grid-area:copy;min-width:0}
@media(max-width:800px){
  .tailored{grid-template-areas:"eyebrow" "title" "copy"}
  .tailored>.eyebrow,.tailored>h2,.tailored>.global-availability,.tailored>.tailored-copy{grid-area:auto}
  .tailored>.tailored-copy{display:contents}
  .tailored>.eyebrow{order:1}
  .tailored>h2{order:2}
  .tailored>.tailored-copy .lead{order:3}
  .tailored>.global-availability{order:4;margin:0;font-size:15px}
  .tailored>.tailored-copy>p:not(.lead){order:5}
  .tailored>.tailored-copy .delivery{order:6}
  .tailored>.tailored-copy>.button{order:7}
  .tailored>.tailored-copy .work-scope-trigger{order:8}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
  .manifesto h2 em.muso-scroll-visible{box-shadow:inset 0 -13px var(--hot);animation:muso-mark-pop .35s ease both}
  .scribble.muso-scroll-visible{transform:rotate(-1deg) translateY(-8px);box-shadow:8px 13px 0 var(--ink);animation:muso-scribble-pop .45s ease both}
  .song.muso-scroll-visible{transform:rotate(1deg) translateY(-8px);box-shadow:8px 13px 0 var(--hot);animation:muso-song-pop .45s ease both}
  .jam.muso-scroll-visible{transform:rotate(-1deg) translateY(-8px);box-shadow:8px 13px 0 var(--ink);animation:muso-jam-pop .45s ease both}
  .scribble.muso-scroll-visible .card-title{color:var(--hot)}
  .song.muso-scroll-visible .card-title{color:var(--hot)}
  .jam.muso-scroll-visible .card-title{color:var(--pink)}
  .section-cta.muso-scroll-visible{transform:rotate(-.7deg) translateY(-8px);box-shadow:10px 14px 0 var(--hot);animation:muso-fans-pop .45s ease both}
  .section-cta.muso-scroll-visible h3 em{color:var(--hot)}
}
@keyframes muso-mark-pop{from{box-shadow:inset 0 -13px var(--pink)}to{box-shadow:inset 0 -13px var(--hot)}}
@keyframes muso-scribble-pop{0%{transform:rotate(-1deg);box-shadow:5px 5px 0 var(--ink)}65%{transform:rotate(-1deg) translateY(-11px);box-shadow:8px 13px 0 var(--ink)}100%{transform:rotate(-1deg) translateY(-8px);box-shadow:8px 13px 0 var(--ink)}}
@keyframes muso-song-pop{0%{transform:rotate(1deg);box-shadow:5px 5px 0 var(--ink)}65%{transform:rotate(1deg) translateY(-11px);box-shadow:8px 13px 0 var(--hot)}100%{transform:rotate(1deg) translateY(-8px);box-shadow:8px 13px 0 var(--hot)}}
@keyframes muso-jam-pop{0%{transform:rotate(-1deg);box-shadow:5px 5px 0 var(--ink)}65%{transform:rotate(-1deg) translateY(-11px);box-shadow:8px 13px 0 var(--ink)}100%{transform:rotate(-1deg) translateY(-8px);box-shadow:8px 13px 0 var(--ink)}}
@keyframes muso-fans-pop{0%{transform:rotate(-.7deg);box-shadow:7px 7px 0 var(--hot)}65%{transform:rotate(-.7deg) translateY(-11px);box-shadow:10px 14px 0 var(--hot)}100%{transform:rotate(-.7deg) translateY(-8px);box-shadow:10px 14px 0 var(--hot)}}