/* it-t10-musician.css: the musician / DJ page, drawn to the owner's design
   (tools/trades10/pack-wwd/musician-dj/visual-reference/page-design.png, 724 wide).
   Built by tools/trades10/musician.py.

   Every length is the design's own measurement: --u is one design pixel, so from 1000px up the page
   is a true scale of the mockup (the 724 wide design grows to 1202px, 1.66x, and stops there). The
   hero and closing bands are a 724u stage: the photo, the words and the taped papers keep their
   exact places over each other; past 1202px the dark stage continues to the window edges.
   Under 1000px the same parts stack at a fixed scale. */
main.t10.t-musician{
  --u:min(calc(100vw / 724),1.66px);
  --canvas:#FAFBFA;--ink:#0B1419;--slate:#183036;--orange:#F26207;--cta:#C04E06;--cta-h:#A94404;
  --body:#3E4A50;--muted:#6E787D;--line:#E2E6E7;--mist:#F3F6F7;--night:#14181B;
  --paper:#EFEAE1;--pink:#1F262B;
  --sans:"IBM Plex Sans",Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  --hand:"Patrick Hand","Segoe Print","Bradley Hand",cursive;
  --script:"Caveat","Segoe Script","Bradley Hand",cursive;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --tick:"Oswald","Arial Narrow","Roboto Condensed",sans-serif;
  background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:calc(9*var(--u))}
.t-musician h1,.t-musician h2,.t-musician h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink)}
.mu-w{width:calc(641*var(--u));margin:0 auto}

/* shared: eyebrow, heading rows, buttons, logo */
.t-musician .mu-eye{display:flex;align-items:center;gap:calc(10*var(--u));font-weight:500;font-size:calc(6.6*var(--u));
  line-height:1;letter-spacing:.24em;text-transform:uppercase;color:#6B767C;margin:0 0 calc(9*var(--u))}
.mu-eye i{display:block;width:calc(24*var(--u));height:max(1.5px,calc(1.4*var(--u)));background:var(--orange);flex:none}
.mu-eye em{font-style:normal;color:var(--orange);font-weight:600}
.t-musician h2{font-size:calc(24.5*var(--u));line-height:1.08;font-weight:700;letter-spacing:-.022em}
.mu-head{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(20*var(--u))}
.t-musician .mu-head p,.t-musician .mu-sub{font-size:calc(8.8*var(--u));line-height:1.5;color:var(--muted)}
.t-musician .mu-sub{margin-top:calc(4*var(--u))}
.t-musician a.mu-btn,.t-musician a.mu-tool,.t-musician a.mu-tp,.t-musician .mu-ql a{text-decoration:none!important}
.mu-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(10*var(--u));min-height:max(44px,calc(33*var(--u)));
  padding:0 calc(16*var(--u));border-radius:calc(3*var(--u));background:var(--cta);color:#fff!important;
  font-weight:500;font-size:calc(10.4*var(--u));line-height:1;transition:background .18s ease-out}
.mu-btn:hover{background:var(--cta-h)}
.mu-arr{width:calc(11*var(--u));height:calc(11*var(--u));flex:none;stroke-width:1.8}
.mu-i{width:calc(15*var(--u));height:calc(15*var(--u));flex:none;color:var(--ink)}
.mu-logo{font-family:var(--sans);font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.mu-logo span{color:var(--orange)}

/* ---------- bands: a 724u stage over a dark ground ---------- */
.mu-hero,.mu-end{background:var(--night);overflow:hidden}
.mu-stage{position:relative;width:calc(724*var(--u));height:calc(554*var(--u));margin:0 auto}
.mu-stage-end{height:calc(216*var(--u))}
.mu-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:1203px){
  .mu-bg{-webkit-mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
  .mu-hero{background:linear-gradient(90deg,#1B1F22 0 50%,#0F1214 50%)}
  .mu-end{background:linear-gradient(90deg,#0B1115 0 50%,#0D1418 50%)}
}

/* hero copy, at the design's own place */
.mu-copy{position:absolute;left:calc(43*var(--u));top:calc(49*var(--u));width:calc(284*var(--u));color:#fff}
.t-musician .mu-hero h1{margin:0;color:#fff}
.mu-k{display:block;font-family:var(--sans);font-weight:600;font-size:calc(5.6*var(--u));line-height:1.2;letter-spacing:.2em;
  text-transform:uppercase;color:var(--orange);margin-bottom:calc(7*var(--u))}
.mu-big{display:block;font-size:calc(28.6*var(--u));line-height:calc(28*var(--u));font-weight:600;letter-spacing:-.018em;color:#fff}
.t-musician .mu-lede{font-size:calc(9.9*var(--u));line-height:calc(14.2*var(--u));color:#E9E6E2;margin:calc(8*var(--u)) 0 calc(11*var(--u));width:calc(240*var(--u))}
.mu-copy .mu-btn{width:calc(159*var(--u));padding:0}
.t-musician .mu-tag{display:flex;width:max-content;align-items:flex-start;gap:calc(9*var(--u));margin-top:calc(14*var(--u));font-family:var(--mono);
  font-weight:500;font-size:calc(6.5*var(--u));line-height:calc(12*var(--u));letter-spacing:.16em;text-transform:uppercase;color:#D9D6D2}
.mu-tag i{display:block;width:calc(24*var(--u));height:max(1.5px,calc(1.5*var(--u)));background:var(--orange);margin-top:calc(5.5*var(--u));flex:none}

/* chalk notes painted on the stage, set as live text */
.t-musician .mu-chalk{position:absolute;margin:0;font-family:var(--hand);color:#D8D6D2;letter-spacing:.06em;white-space:nowrap;
  text-transform:uppercase;transform-origin:0 0}
.mu-chalk i{display:block;height:max(1.5px,calc(1.5*var(--u)));background:var(--orange);border-radius:2px}
.mu-ch1{left:calc(73*var(--u));top:calc(311*var(--u));font-size:calc(14.5*var(--u));line-height:calc(19.5*var(--u));transform:rotate(-9deg)}
.mu-ch1 i{width:calc(62*var(--u));margin:calc(12*var(--u)) 0 0 calc(12*var(--u));transform:rotate(-8deg)}
.t-musician .mu-ch2{left:calc(623*var(--u));top:calc(57*var(--u));font-size:calc(11.8*var(--u));line-height:calc(15.8*var(--u));
  text-transform:none;letter-spacing:.03em;transform:rotate(-7deg)}
.mu-ch2 i{width:calc(34*var(--u));margin:calc(6*var(--u)) 0 0 calc(24*var(--u));transform:rotate(-14deg)}
.mu-ch3{left:calc(641*var(--u));top:calc(177*var(--u));font-size:calc(9.4*var(--u));line-height:calc(12.5*var(--u));transform:rotate(-14deg)}
.mu-ch3 i{width:calc(32*var(--u));margin:calc(6*var(--u)) 0 0 calc(18*var(--u))}

/* the taped papers, drawn over the photo's own papers in the same place */
.mu-paper{position:absolute;background-color:#E5DED1;color:#23282B;box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(0,0,0,.45);
  background-image:radial-gradient(ellipse at 50% 40%,rgba(255,252,245,.5),rgba(255,252,245,0) 62%,rgba(100,80,50,.1)),linear-gradient(180deg,rgba(120,100,70,0) 80%,rgba(120,100,70,.08));}
.mu-tape{position:absolute;top:calc(-8*var(--u));left:50%;width:calc(54*var(--u));height:calc(19*var(--u));margin-left:calc(-27*var(--u));
  background:rgba(196,186,166,.88);box-shadow:0 1px 2px rgba(0,0,0,.25);transform:rotate(1deg)}
.mu-inv{left:calc(215*var(--u));top:calc(225*var(--u));width:calc(258*var(--u));height:calc(345*var(--u));
  padding:calc(21*var(--u)) calc(24*var(--u)) 0 calc(24*var(--u));transform:rotate(-2.3deg);transform-origin:0 0}
.mu-inv .mu-tape{left:calc(111*var(--u));margin-left:0}
.t-musician .mu-inv-top{display:flex;justify-content:space-between;align-items:flex-start;margin:0}
.mu-inv .mu-logo{font-size:calc(10.6*var(--u));margin-top:calc(9*var(--u))}
.mu-note{font-family:var(--script);font-weight:500;color:#4F5559;line-height:1.1}
.mu-n1{font-size:calc(10.6*var(--u));transform:rotate(-8deg);margin:calc(-6*var(--u)) calc(-10*var(--u)) 0 0}
.t-musician .mu-ptitle{font-family:var(--hand);text-transform:uppercase;letter-spacing:.06em;color:#1E2427;line-height:1;margin:0}
.mu-inv .mu-ptitle{font-size:calc(15.6*var(--u));margin-top:calc(6*var(--u));padding-bottom:calc(5*var(--u));position:relative}
.mu-inv .mu-ptitle::after{content:"";position:absolute;left:0;right:calc(12*var(--u));bottom:calc(-1*var(--u));height:max(1.5px,calc(1.6*var(--u)));
  background:var(--orange);border-radius:2px;transform:rotate(-.6deg)}
.mu-irows{margin:calc(9*var(--u)) 0 0}
.mu-ir{display:grid;grid-template-columns:calc(80*var(--u)) 1fr;gap:calc(4*var(--u));padding:calc(1.6*var(--u)) 0;
  border-bottom:1px solid rgba(60,50,40,.12);font-size:calc(8.6*var(--u));line-height:calc(11.8*var(--u))}
.mu-ir dt{color:#3A4145;align-self:start}
.mu-ir dd{margin:0;color:#1F2528}
.mu-ir.mu-r-cut{padding:calc(3.4*var(--u)) 0;border-bottom-color:rgba(60,50,40,.22)}
.mu-ir.mu-r-fee{border:0;padding-top:calc(6*var(--u))}
.mu-ir.mu-r-fee dd{font-weight:700;font-size:calc(10*var(--u))}
.mu-ir.mu-r-fee dd::after{content:"";display:block;width:calc(50*var(--u));height:max(1.5px,calc(1.6*var(--u)));background:var(--orange);
  margin-top:calc(6*var(--u));border-radius:2px;transform:rotate(-5deg)}
.t-musician .mu-n2{width:max-content;font-size:calc(13.4*var(--u));text-align:center;margin:calc(21*var(--u)) 0 0 calc(94*var(--u));transform:rotate(-8deg)}
.mu-card{left:calc(474*var(--u));top:calc(236*var(--u));width:calc(189*var(--u));height:calc(330*var(--u));
  padding:calc(20*var(--u)) calc(15*var(--u)) 0 calc(20*var(--u));transform:rotate(.5deg);transform-origin:0 0}
.mu-card .mu-tape{left:calc(81*var(--u));margin-left:0;width:calc(46*var(--u))}
.mu-card .mu-ptitle{font-size:calc(14.6*var(--u));text-align:center;padding-bottom:calc(5*var(--u));border-bottom:max(1.5px,calc(1.5*var(--u))) solid #2B3134;
  margin:0 calc(12*var(--u)) 0 calc(16*var(--u))}
.mu-sb{display:grid;grid-template-columns:calc(38*var(--u)) 1fr;padding:calc(8*var(--u)) 0 calc(7*var(--u));border-bottom:1px solid rgba(60,50,40,.2)}
.mu-sb:nth-of-type(4){border-bottom:0}
.mu-sb .mu-i{width:calc(28*var(--u));height:calc(28*var(--u));margin:calc(-3*var(--u)) 0 0 calc(-3*var(--u));color:#1F2528;stroke-width:1.5}
.mu-sb b{display:block;font-weight:700;font-size:calc(9.3*var(--u));letter-spacing:.03em;text-transform:uppercase;line-height:1.3;margin-bottom:calc(2*var(--u))}
.mu-sb span{display:block;font-size:calc(9.3*var(--u));line-height:calc(11.6*var(--u));color:#394044}
.mu-sb strong{font-weight:700;font-size:calc(11*var(--u));line-height:calc(14*var(--u));color:#1F2528}
.t-musician .mu-card-foot{font-family:var(--hand);text-transform:uppercase;letter-spacing:.07em;font-size:calc(10.4*var(--u));
  line-height:calc(12.6*var(--u));color:#2E3437;margin:calc(2*var(--u)) 0 0 calc(-8*var(--u));position:relative}
.mu-card-foot i{position:absolute;left:calc(120*var(--u));bottom:calc(4*var(--u));width:calc(32*var(--u));height:max(1.5px,calc(1.5*var(--u)));
  background:var(--orange);transform:rotate(-12deg)}

/* ---------- show card band ---------- */
.mu-show{padding-top:calc(26*var(--u))}
.mu-sc{display:grid;grid-template-columns:calc(205*var(--u)) calc(232*var(--u)) 1fr;margin-top:calc(17*var(--u));
  background:#fff;border:1px solid var(--line);border-radius:calc(4*var(--u));padding:calc(19*var(--u)) 0 calc(18*var(--u))}
.mu-sc-col{padding:0 calc(24*var(--u))}
.mu-sc-col+.mu-sc-col{border-left:1px solid var(--line)}
.mu-sc h3{font-size:calc(11.5*var(--u));font-weight:600;line-height:1}
.mu-scope{margin-top:calc(11*var(--u))!important}
.mu-scope li{display:flex;gap:calc(12*var(--u));align-items:flex-start;font-size:calc(8.8*var(--u));line-height:calc(13.6*var(--u));color:#566166;
  margin-bottom:calc(10*var(--u))}
.mu-scope li:last-child{margin-bottom:0}
.mu-scope .mu-i{width:calc(13*var(--u));height:calc(13*var(--u))}
.mu-fee{padding-left:calc(34*var(--u))}
.t-musician .mu-amt{color:var(--ink);font-family:var(--serif);font-weight:700;font-size:calc(47*var(--u));line-height:1;letter-spacing:-.03em;margin-top:calc(22*var(--u))}
.t-musician .mu-inc{font-size:calc(8.8*var(--u));color:var(--muted);margin:calc(9*var(--u)) 0 calc(13*var(--u))}
.mu-fee .mu-btn{width:calc(161*var(--u));min-height:max(44px,calc(35*var(--u)))}
.mu-sc-col:last-child{padding-left:calc(30*var(--u))}
.mu-chk{margin-top:calc(11*var(--u))!important;position:relative}
.mu-chk li{position:relative;padding:0 0 calc(12*var(--u)) calc(33*var(--u));font-size:calc(8.8*var(--u));line-height:calc(14*var(--u))}
.mu-chk li:last-child{padding-bottom:0}
.mu-chk li::before{content:"";position:absolute;left:0;top:calc(2*var(--u));width:calc(12*var(--u));height:calc(12*var(--u));border-radius:50%;
  border:max(1px,calc(1*var(--u))) solid #8A9296;background:#fff;box-sizing:border-box;z-index:1}
.mu-chk li.done::before{background:var(--orange);border-color:var(--orange)}
.mu-chk li::after{content:"";position:absolute;left:calc(5.5*var(--u));top:calc(14*var(--u));bottom:calc(-2*var(--u));width:1px;background:#8A9296}
.mu-chk li.done::after{background:var(--orange)}
.mu-chk li:nth-child(2)::after{background:#8A9296}
.mu-chk li:last-child::after{display:none}
.mu-chk b{display:block;font-weight:600;color:var(--ink)}
.mu-chk span{display:block;color:var(--muted)}

/* ---------- calculators ---------- */
.mu-tools{padding-top:calc(29*var(--u))}
.mu-tools .mu-head{align-items:flex-end}
.mu-tools .mu-head p{width:calc(170*var(--u));margin-bottom:calc(3*var(--u))}
.mu-tlist{display:grid;grid-template-columns:calc(203*var(--u)) calc(207*var(--u)) 1fr;gap:calc(14*var(--u));margin-top:calc(14*var(--u))!important}
.mu-tool{display:flex;gap:calc(14*var(--u));height:100%;min-height:calc(104*var(--u));background:#fff;border:1px solid var(--line);
  border-radius:calc(4*var(--u));padding:calc(18*var(--u)) calc(22*var(--u)) calc(14*var(--u)) calc(20*var(--u));color:var(--ink)!important;
  transition:border-color .18s ease-out,box-shadow .18s ease-out}
.mu-tool:hover{border-color:#CFD5D7;box-shadow:0 calc(8*var(--u)) calc(18*var(--u)) calc(-14*var(--u)) rgba(11,20,25,.25)}
.mu-ti{width:calc(34*var(--u));height:calc(36*var(--u));margin:calc(-2*var(--u)) 0 0 calc(-3*var(--u));flex:none;color:var(--ink);stroke-width:1.45}
.mu-tool>span{display:flex;flex-direction:column}
.mu-tool b{font-family:var(--serif);font-weight:600;font-size:calc(10.9*var(--u));letter-spacing:-.02em;white-space:nowrap;line-height:1.1;margin-top:calc(4*var(--u))}
.mu-tool>span>span{font-size:calc(8.8*var(--u));line-height:calc(13*var(--u));color:#5F6A6F;margin-top:calc(5*var(--u))}
.mu-tool .mu-arr{color:var(--orange);margin-top:auto;padding-top:calc(4*var(--u));width:calc(13*var(--u));height:calc(17*var(--u))}
.mu-tool:hover b{color:var(--cta)}

/* ---------- ticket templates ---------- */
.mu-tpl{padding-top:calc(30*var(--u))}
.mu-tpl .mu-head{align-items:center}
.mu-tpl .mu-head p{width:calc(150*var(--u));margin-top:calc(2*var(--u))}
.mu-tks{display:grid;grid-template-columns:calc(203*var(--u)) calc(198*var(--u)) 1fr;gap:calc(20*var(--u));margin-top:calc(17*var(--u))!important}
.mu-tp{display:block;color:var(--ink)!important}
.mu-tk{--tk:#F2DFCB;--tk-l:#D9BFA3;--tk-i:#8B7258;position:relative;display:grid;grid-template-columns:1fr calc(34*var(--u));height:calc(92*var(--u));
  background:var(--tk);border:1px solid var(--tk-l);
  -webkit-mask:radial-gradient(circle calc(1.6*var(--u)) at 50% 0,#0000 95%,#000) 50% 0/calc(5*var(--u)) 51% repeat-x,radial-gradient(circle calc(1.6*var(--u)) at 50% 100%,#0000 95%,#000) 50% 100%/calc(5*var(--u)) 51% repeat-x;
  mask:radial-gradient(circle calc(1.6*var(--u)) at 50% 0,#0000 95%,#000) 50% 0/calc(5*var(--u)) 51% repeat-x,radial-gradient(circle calc(1.6*var(--u)) at 50% 100%,#0000 95%,#000) 50% 100%/calc(5*var(--u)) 51% repeat-x;
  transition:transform .2s ease-out,filter .2s ease-out}
.mu-tk-inv{--tk:#DCE5EE;--tk-l:#B7C7D6;--tk-i:#5E7285}
.mu-tk-rec{--tk:#DFE7D3;--tk-l:#BBC9A8;--tk-i:#66775A}
.mu-tk::before{content:"";position:absolute;inset:calc(5*var(--u));border:1px solid var(--tk-i);opacity:.55;border-radius:calc(3*var(--u));pointer-events:none}
.mu-tk-main{display:flex;flex-direction:column;padding:calc(12*var(--u)) calc(10*var(--u)) 0 calc(17*var(--u))}
.mu-tk .mu-logo{font-size:calc(7.6*var(--u));letter-spacing:-.04em}
.mu-tk .mu-logo span{color:var(--ink)}
.mu-tk-t{font-family:var(--tick);font-weight:500;font-size:calc(13.4*var(--u));line-height:1;letter-spacing:0;white-space:nowrap;text-transform:uppercase;
  margin-top:calc(9*var(--u));padding-bottom:calc(8*var(--u));border-bottom:1px solid var(--tk-i)}
.mu-tk-c{display:flex;justify-content:space-between;font-family:var(--tick);font-size:calc(5.8*var(--u));letter-spacing:.1em;text-transform:uppercase;
  color:#3E464A;margin-top:calc(5*var(--u))}
.mu-tk-c span+span{border-left:1px solid var(--tk-l);padding-left:calc(6*var(--u))}
.mu-tk-s{text-align:center;font-size:calc(9*var(--u));letter-spacing:.2em;margin-top:calc(6*var(--u));color:#1E2427}
.mu-tk-stub{display:flex;align-items:center;justify-content:center;border-left:1px dashed #2E3538;margin:calc(6*var(--u)) 0;
  writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--tick);font-weight:500;font-size:calc(10.4*var(--u));letter-spacing:.12em;text-transform:uppercase}
.mu-edit{display:flex;align-items:center;justify-content:center;gap:calc(8*var(--u));margin-top:calc(9*var(--u));font-weight:500;
  font-size:calc(9.2*var(--u));line-height:1;color:var(--cta);min-height:24px}
.mu-edit .mu-arr{width:calc(11*var(--u))}
.mu-tp:hover .mu-tk,.mu-tp:focus-visible .mu-tk{transform:translateY(calc(-3*var(--u)));filter:drop-shadow(0 calc(6*var(--u)) calc(7*var(--u)) rgba(11,20,25,.16))}
.mu-tp:hover .mu-edit,.mu-tp:focus-visible .mu-edit{color:var(--cta-h);text-decoration:underline;text-underline-offset:3px}
.t-musician .t10-strip{margin-top:calc(34*var(--u))}
.t-musician .t10-strip-top h3{font-family:var(--serif);font-weight:600;font-size:calc(14*var(--u))}

/* ---------- details and handoff ---------- */
.mu-det{padding-top:calc(34*var(--u))}
.mu-det .mu-head{justify-content:flex-start}
.mu-det .mu-head h2{width:calc(374*var(--u))}
.mu-det .mu-head p{margin-top:calc(5*var(--u))}
.mu-det-in{display:grid;grid-template-columns:calc(319*var(--u)) 1fr;margin-top:calc(19*var(--u))}
.mu-det-l{border-right:1px solid var(--line);padding-right:calc(20*var(--u))}
.mu-det-r{padding-left:calc(28*var(--u))}
.t-musician .mu-det h3{font-size:calc(11.5*var(--u));font-weight:600;line-height:1;margin-bottom:calc(8*var(--u))}
.mu-det-l h3{border-left:max(2px,calc(1.6*var(--u))) solid var(--orange);padding-left:calc(9*var(--u));margin-left:calc(-1*var(--u))}
.mu-list li{display:flex;gap:calc(17*var(--u));align-items:flex-start;margin-bottom:calc(8*var(--u))}
.mu-list .mu-i{width:calc(19*var(--u));height:calc(19*var(--u));margin:calc(1*var(--u)) 0 0 calc(4*var(--u));stroke-width:1.5}
.mu-list b{display:block;font-weight:500;font-size:calc(8.9*var(--u));line-height:calc(12*var(--u));color:var(--ink)}
.mu-list span{font-size:calc(8.2*var(--u));line-height:calc(12*var(--u));color:#768085}
.mu-list-r{margin-top:calc(15*var(--u))!important}
.mu-list-r li{gap:calc(18*var(--u));margin-bottom:calc(17.5*var(--u))}
.mu-list-r .mu-i{margin-left:0}
.t-musician .mu-call{display:flex;flex-direction:column;background:#EEF1F2;border-left:max(2px,calc(2*var(--u))) solid var(--orange);
  border-radius:0 calc(3*var(--u)) calc(3*var(--u)) 0;padding:calc(11*var(--u)) calc(20*var(--u));font-size:calc(9*var(--u));line-height:calc(14*var(--u));
  color:#3A4448;margin-top:calc(2*var(--u))}
.mu-call b{font-weight:500;color:var(--ink)}

/* ---------- payment ---------- */
.mu-pay{padding-top:calc(30*var(--u))}
.mu-pay-in{display:grid;grid-template-columns:calc(242*var(--u)) calc(180*var(--u)) 1fr;gap:calc(16*var(--u))}
.mu-pay-copy{padding-top:calc(3*var(--u))}
.t-musician .mu-pay-copy h2{margin-top:calc(4*var(--u))}
.mu-pay-copy .mu-sub{margin-top:calc(9*var(--u))}
.mu-mini{background:#fff;border:1px solid var(--line);border-radius:calc(3*var(--u));box-shadow:0 calc(4*var(--u)) calc(14*var(--u)) calc(-8*var(--u)) rgba(11,20,25,.18);
  padding:calc(14*var(--u)) calc(15*var(--u)) calc(10*var(--u))}
.mu-mini .mu-logo{font-size:calc(9.4*var(--u))}
.t-musician .mu-mini-t{font-family:var(--mono);font-size:calc(8.2*var(--u));letter-spacing:.08em;text-transform:uppercase;color:#4C565B;
  margin-top:calc(6*var(--u));padding-bottom:calc(5*var(--u));border-bottom:max(1.5px,calc(1.5*var(--u))) solid var(--orange);width:calc(73*var(--u))}
.mu-mini-to{display:grid;grid-template-columns:calc(84*var(--u)) 1fr;margin-top:calc(8*var(--u));padding-bottom:calc(6*var(--u));border-bottom:1px solid var(--line)}
.t-musician .mu-mini-to p{font-size:calc(6*var(--u));line-height:calc(10*var(--u));color:#7B8489}
.mu-mini-to b{display:block;color:var(--ink);font-weight:600;font-size:calc(6.2*var(--u))}
.t-musician .mu-mini-tot{display:flex;justify-content:space-between;font-size:calc(8.2*var(--u));padding:calc(6*var(--u)) 0;border-bottom:1px solid var(--line)}
.mu-mini-tot b{font-weight:600}
.t-musician .mu-mini-ty{text-align:center;font-size:calc(6.4*var(--u));color:#6E787D;margin-top:calc(7*var(--u))}
.mu-payp{background:#FDF3EC;border-left:max(2px,calc(2*var(--u))) solid var(--orange);border-radius:0 calc(3*var(--u)) calc(3*var(--u)) 0;
  padding:calc(12*var(--u)) calc(16*var(--u)) calc(12*var(--u)) calc(18*var(--u))}
.mu-payp h3{white-space:nowrap;letter-spacing:-.02em;font-size:calc(10.8*var(--u));font-weight:600;color:var(--cta);line-height:1.1}
.t-musician .mu-payp p{font-size:calc(8.5*var(--u));line-height:calc(11.4*var(--u));color:#4A5358;margin-top:calc(4*var(--u))}
.mu-qr{display:block;width:calc(58*var(--u));height:calc(58*var(--u));margin:calc(7*var(--u)) 0 calc(4*var(--u)) calc(3*var(--u))}
.mu-qr svg{display:block;width:100%;height:100%}

/* ---------- resources and questions ---------- */
.mu-res{padding:calc(20*var(--u)) 0 calc(15*var(--u))}
.mu-res-in{display:grid;grid-template-columns:calc(239*var(--u)) calc(193*var(--u)) 1fr;align-items:start}
.mu-res h2{font-size:calc(22.5*var(--u));line-height:1.1}
.mu-ql{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:calc(5*var(--u)) calc(12*var(--u)) calc(6*var(--u));min-height:calc(108*var(--u))}
.mu-cq{padding:calc(5*var(--u)) 0 0 calc(15*var(--u))}
.mu-ql h3,.mu-cq h3{font-size:calc(10.4*var(--u));font-weight:600;line-height:1}
.mu-ql ul{margin-top:calc(9*var(--u))!important}
.mu-ql li{margin-bottom:calc(5*var(--u))}
.mu-ql a{display:inline-flex;align-items:center;gap:calc(8*var(--u));min-height:calc(18.5*var(--u));font-size:calc(8.2*var(--u));color:#5B666B!important}
.mu-li{width:calc(12*var(--u));height:calc(12*var(--u));color:var(--ink);margin-right:calc(2*var(--u))}
.mu-ql .mu-arr{width:calc(9*var(--u));color:#1F2528}
.mu-ql a:hover{color:var(--cta)!important;text-decoration:underline!important;text-underline-offset:3px}
.mu-faq{margin-top:calc(5*var(--u))}
.mu-q{background:#fff;border:1px solid var(--line);border-radius:calc(3*var(--u));margin-bottom:calc(2.4*var(--u))}
.mu-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:calc(10*var(--u));
  min-height:max(24px,calc(16.6*var(--u)));padding:0 calc(8*var(--u)) 0 calc(6*var(--u));font-size:calc(7.8*var(--u));line-height:1.3;color:#2C3539}
.mu-q summary::-webkit-details-marker{display:none}
.mu-plus{width:calc(9*var(--u));height:calc(9*var(--u));flex:none;fill:none;stroke:#3C464B;stroke-width:2;stroke-linecap:round;transition:transform .18s ease-out}
.mu-q[open] .mu-plus{transform:rotate(45deg)}
.mu-q summary:hover{color:var(--cta)}
.t-musician .mu-q .a p{font-size:calc(8.2*var(--u));line-height:1.55;color:var(--muted);padding:0 calc(10*var(--u)) calc(8*var(--u)) calc(6*var(--u))}

.mu-more{grid-column:1/-1;margin-top:calc(22*var(--u))}
.mu-more .mu-faq{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(14*var(--u));align-items:start}
.t-musician .mu-more-h{font-family:var(--sans);font-size:calc(6.6*var(--u));font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#7B8489;margin:0 0 calc(4*var(--u))}

/* ---------- closing band ---------- */
.mu-end-copy{position:absolute;left:calc(40*var(--u));top:calc(31*var(--u));color:#fff}
.t-musician .mu-end h2{font-size:calc(18.6*var(--u));line-height:calc(22*var(--u));font-weight:500;letter-spacing:-.012em;color:#fff}
.t-musician .mu-end-sub{font-size:calc(8.8*var(--u));color:#E6E3DF;margin-top:calc(3*var(--u))}
.mu-end-copy .mu-btn{width:calc(163*var(--u));padding:0;font-size:calc(9.8*var(--u));white-space:nowrap;margin-top:calc(8*var(--u))}
.mu-end-copy .mu-tag{margin-top:calc(18*var(--u))}
.t-musician .mu-sten{position:absolute;left:calc(606*var(--u));top:calc(25*var(--u));margin:0;font-family:var(--tick);font-weight:400;
  font-size:calc(16.4*var(--u));line-height:calc(20.8*var(--u));letter-spacing:.11em;text-transform:uppercase;color:rgba(150,156,160,.46)}
.t-musician .mu-lock{position:absolute;right:calc(26*var(--u));top:calc(157*var(--u));margin:0;text-align:right}
.mu-lock .mu-logo{display:block;font-size:calc(13*var(--u));color:#fff}
.mu-lock>span{display:block;font-family:var(--mono);font-size:calc(5.8*var(--u));letter-spacing:.16em;text-transform:uppercase;color:#D1CFCB;margin-top:calc(3*var(--u))}

/* ---------- tablet and phone: the same parts, stacked ---------- */
@media (max-width:999px){
  main.t10.t-musician{--u:1.42px}
  .mu-w{width:auto;padding:0 max(20px,4vw)}
  .mu-head,.mu-tools .mu-head,.mu-tpl .mu-head{flex-direction:column;align-items:flex-start;gap:calc(8*var(--u))}
  .mu-tools .mu-head p,.mu-tpl .mu-head p,.mu-det .mu-head h2{width:auto}
  .mu-head p br,.mu-sub br{display:none}

  .mu-stage{width:auto;height:auto;padding:0 max(20px,4vw) calc(34*var(--u))}
  .mu-hero .mu-bg{position:absolute;inset:0 auto auto 50%;width:max(190vw,1100px);height:auto;max-width:none;transform:translateX(-50%);
    -webkit-mask:linear-gradient(180deg,#000 27%,transparent 37.5%);mask:linear-gradient(180deg,#000 27%,transparent 37.5%)}
  .mu-hero .mu-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,17,19,.2) 0,rgba(14,17,19,.55) 22%,rgba(14,17,19,.82) 34%,var(--night) 48%);z-index:0}
  .mu-copy{position:relative;left:auto;top:auto;width:auto;max-width:560px;padding-top:max(170px,34vw);z-index:1}
  .mu-big{font-size:clamp(30px,7.4vw,44px);line-height:1.08}
  .mu-k{font-size:11px}
  .t-musician .mu-lede{width:auto;font-size:16px;line-height:1.5}
  .mu-copy .mu-btn{width:auto;padding:0 22px;font-size:16px}
  .t-musician .mu-tag{font-size:10px;line-height:18px}
  .mu-chalk{display:none}
  .mu-ir dd br{display:none}
  .mu-papers{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-top:calc(34*var(--u))}
  .mu-paper{position:relative;left:auto;top:auto;height:auto;padding-bottom:calc(16*var(--u))}
  .mu-inv,.mu-card{width:auto}
  .mu-card{transform:rotate(1deg)}

  .mu-sc{grid-template-columns:1fr 1fr;row-gap:calc(22*var(--u))}
  .mu-sc-col:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-top:calc(18*var(--u))}
  .mu-tlist,.mu-tks{grid-template-columns:1fr 1fr 1fr;gap:12px}
  .mu-tool{flex-direction:column;gap:10px}
  .mu-tk{height:auto;min-height:calc(92*var(--u))}
  .mu-tk-t{font-size:calc(12*var(--u))}
  .mu-det-in{grid-template-columns:1fr 1fr}
  .mu-pay-in{grid-template-columns:1fr 1fr;gap:18px}
  .mu-pay-copy{grid-column:1/-1}
  .mu-res-in{grid-template-columns:1fr 1fr;row-gap:24px}
  .mu-res-in>div:first-child{grid-column:1/-1}
  .mu-ql{border-left:0;padding-left:0}

  .mu-stage-end{height:auto;padding:0 0 calc(30*var(--u))}
  .mu-end .mu-bg{position:relative;inset:auto;object-fit:cover;object-position:64% center;height:max(220px,36vw);width:100%;
    -webkit-mask:linear-gradient(180deg,#000 70%,transparent);mask:linear-gradient(180deg,#000 70%,transparent)}
  .mu-end-copy{position:relative;left:auto;top:auto;z-index:1;margin-top:-28px;padding:0 max(20px,4vw)}
  .t-musician .mu-end h2{font-size:30px;line-height:1.12}
  .t-musician .mu-end-sub{font-size:15px}
  .mu-end-copy .mu-btn{width:auto;padding:0 22px;font-size:16px}
  .mu-sten{display:none}
  .t-musician .mu-lock{position:relative;right:auto;top:auto;text-align:left;margin-top:26px;z-index:1;padding:0 max(20px,4vw)}
}
@media (max-width:700px){
  main.t10.t-musician{--u:1.56px}
  .t-musician h2{font-size:clamp(26px,7.6vw,32px)}
  .t-musician .mu-res h2{font-size:clamp(26px,7.6vw,32px)}
  .mu-big{font-size:clamp(30px,8.4vw,40px)}
  .mu-k{font-size:10px}
  .mu-inv .mu-ptitle{font-size:calc(13.6*var(--u))}
  .mu-papers{grid-template-columns:1fr;gap:34px}
  .mu-inv{transform:rotate(-1.4deg)}
  .mu-sc{grid-template-columns:1fr;padding:calc(18*var(--u)) 0}
  .mu-sc-col+.mu-sc-col{border-left:0;border-top:1px solid var(--line);padding-top:calc(18*var(--u))}
  .mu-fee,.mu-sc-col:last-child{padding-left:calc(24*var(--u))}
  .mu-tlist,.mu-tks,.mu-det-in,.mu-pay-in,.mu-res-in{grid-template-columns:1fr}
  .mu-tool{flex-direction:row}
  .mu-det-l{border-right:0;padding-right:0;padding-bottom:calc(18*var(--u))}
  .mu-det-r{padding-left:0;border-top:1px solid var(--line);padding-top:calc(18*var(--u))}
  .mu-ql{border-right:0;padding:0}
  .mu-more .mu-faq{grid-template-columns:1fr}
  .mu-cq{padding-left:0}
  .mu-q summary{min-height:44px;font-size:14px}
  .t-musician .mu-q .a p{font-size:14px}
  .mu-ql a{min-height:40px;font-size:14px}
}
@media (max-width:420px){
  main.t10.t-musician{--u:1.5px}
  .t-musician .mu-amt{font-size:calc(38*var(--u))}
  .mu-inv{padding-left:calc(14*var(--u));padding-right:calc(14*var(--u))}
  .mu-inv .mu-ptitle{font-size:calc(12.2*var(--u))}
  .mu-ir{grid-template-columns:calc(72*var(--u)) 1fr}
  .t-musician .mu-n2{margin-left:calc(30*var(--u));font-size:calc(12*var(--u))}
  .mu-tk-t{font-size:calc(11.5*var(--u))}
}
@media (prefers-reduced-motion:reduce){
  .mu-btn,.mu-tool,.mu-tk,.mu-plus{transition:none}
}