:root{color-scheme:dark;--ink:#080a0b;--red:#e52129;--white:#f5f5f3;--muted:#b5b8bd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050606;color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #f84a4f;outline-offset:4px}
/* The original desktop artwork is kept unchanged; responsive HTML replaces it on phones. */
.desktop-site{display:block}.mobile-site{display:none}.desktop-page{position:relative;max-width:1024px;margin:0 auto;line-height:0}.desktop-page>img{display:block;width:100%;height:auto}.hot{position:absolute;z-index:5;background:transparent;display:block}.hot:focus-visible{outline:2px solid var(--red)}
.hot.home{left:26.1%;top:1.2%;width:5.4%;height:4.4%}.hot.artists{left:33.1%;top:1.2%;width:6.2%;height:4.4%}.hot.music{left:40.4%;top:1.2%;width:5%;height:4.4%}.hot.about{left:47.1%;top:1.2%;width:5.3%;height:4.4%}.hot.mission{left:54%;top:1.2%;width:8.8%;height:4.4%}.hot.contact{left:64.2%;top:1.2%;width:6.2%;height:4.4%}.hot.explore{left:4.7%;top:42.3%;width:21.2%;height:5.1%}.hot.instagram{left:73.5%;top:1.2%;width:3.2%;height:4.4%}.hot.youtube{left:77.6%;top:1.2%;width:3.2%;height:4.4%}.hot.spotify{left:81.8%;top:1.2%;width:3.2%;height:4.4%}.hot.soundcloud{left:85.9%;top:1.2%;width:3.7%;height:4.4%}
.desktop-mission-anchor{position:absolute;left:0;top:50%;width:1px;height:1px}
.site-head{border-bottom:1px solid #27292b;background:#090b0c}.head-inner{max-width:1100px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.wordmark{font-size:21px;letter-spacing:.07em;font-weight:900;text-decoration:none;white-space:nowrap}.wordmark em{color:var(--red);font-style:normal}.wordmark small{display:block;text-align:center;font-size:9px;font-weight:700;letter-spacing:.65em;margin-top:5px;padding-left:.6em}.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px 17px}.site-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12px;padding:9px 0}.site-nav a[aria-current=page],.site-nav a:hover{color:#ff4b51}
.site-footer{padding:24px 20px;text-align:center;color:var(--muted);font-size:12px;border-top:1px solid #292929}.site-footer a{color:#f0eeee}.eyebrow{color:#fd5157;letter-spacing:.27em;text-transform:uppercase;font-weight:800;font-size:11px}.cta{display:inline-block;text-decoration:none;background:var(--red);font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-size:13px;padding:16px 20px;min-height:48px}.cta:hover{background:#b91820}.section-inner{max-width:940px;margin:auto;padding:50px 24px}.section-inner h1,.section-inner h2{line-height:1.08;letter-spacing:.02em}.section-inner p{line-height:1.65;color:#dedfe0}
/* About desktop artwork and header. */
.about-desktop{max-width:1024px;margin:auto}.about-desktop .head-inner{padding-left:28px;padding-right:28px}.about-desktop .wordmark{font-size:16px}.about-desktop .site-nav a{font-size:11px}.about-art{position:relative;line-height:0}.about-art img{width:100%;height:auto;display:block}.join-hot{position:absolute;right:3.8%;bottom:10.2%;width:20.5%;height:8%;display:block}
/* Artist cards intentionally show clearly identified temporary visuals; no invented artwork/assets. */
.artist-intro{background:radial-gradient(circle at 90% 0%,#44171b 0,transparent 40%),#090b0d;padding:38px 0 22px}.artist-intro h1{font-size:clamp(36px,6vw,64px);margin:8px 0 14px}.artist-intro p{max-width:690px;color:#d0d0d0}.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:16px 0 48px}.artist-card{background:#141719;border:1px solid #353639;border-radius:4px;overflow:hidden}.artist-visual{aspect-ratio:1/1;background-color:#141719;background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden}.artist-visual strong{font-size:clamp(25px,3vw,43px);line-height:1;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 15px #000}.artist-visual .art-note{letter-spacing:.18em;text-transform:uppercase;font-size:9px;color:#fff9;font-weight:700;margin-bottom:12px}.artist-jimmy{background-image:url('jimmy-creek-band-cover.png');background-position:center;background-size:contain;background-repeat:no-repeat}.artist-dockside{background-image:url('dockside-profit-cover.png');background-position:center;background-size:contain;background-repeat:no-repeat}.artist-proton{background-image:url('professor-proton-cover.png');background-position:center;background-size:contain;background-repeat:no-repeat}.artist-meta{padding:19px 20px 24px}.artist-meta h2{font-size:21px;margin:0 0 7px}.artist-meta p{font-size:14px;color:#bfc3c7;margin:0;line-height:1.5}.coming-soon{background:#101315;border:1px solid #353638;padding:22px 26px;margin-bottom:56px}.coming-soon h2{font-size:20px;margin:0 0 8px}.coming-soon p{margin:0;color:#c5c8ca;font-size:14px}
@media(max-width:760px){
 .desktop-site,.about-desktop{display:none}.mobile-site{display:block}
 .head-inner{padding:15px 16px 11px;display:block}.wordmark{display:block;width:max-content;max-width:100%;font-size:19px;margin:auto auto 14px}.site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;text-align:center}.site-nav a{font-size:11px;letter-spacing:.035em;padding:11px 2px;min-height:40px}
 .mobile-hero{min-height:445px;display:flex;align-items:flex-end;background:linear-gradient(90deg,#040708da,#04070860 70%,#04070824),linear-gradient(0deg,#060808e0,transparent 60%),url('home.png') 75% 13% / auto 920px no-repeat #101418}
 .mobile-hero-inner{padding:50px 22px 38px;max-width:470px}.mobile-hero h1{font-size:clamp(39px,10vw,55px);line-height:1.07;letter-spacing:.08em;text-transform:uppercase;margin:11px 0 18px}.mobile-hero h1 span{color:#ff444b}.mobile-hero p{font-size:14px;color:#e7e7e7;letter-spacing:.11em;text-transform:uppercase;line-height:1.5;margin:0 0 25px}
 .mobile-mission{background:#f5f5f1;color:#131313;text-align:center}.mobile-mission .section-inner{padding:40px 23px}.mobile-mission h2{font-size:26px;letter-spacing:.18em;text-transform:uppercase;margin:5px 0 24px}.mobile-mission p{color:#252525;font-size:16px;line-height:1.55}.mobile-mission .motto{font-style:italic;font-weight:800;font-size:25px;line-height:1.3;margin:27px 0}.mobile-mission .motto span{color:#c81923}.mobile-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.mobile-values div{border:1px solid #d8d8d8;padding:15px 8px}.mobile-values b{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.mobile-values small{font-size:11px;color:#525252;display:block;margin-top:8px;line-height:1.35;letter-spacing:.04em}
 .mobile-about-art{height:200px;background:url('about.png') 82% 22% / auto 390px no-repeat #12191d}.mobile-about .section-inner{padding:30px 24px 45px}.mobile-about h1{font-size:36px;margin:10px 0 22px}.mobile-about p{font-size:15px}.mobile-about .cta{margin-top:16px}
 .artist-intro{padding:12px 0 10px}.artist-intro h1{font-size:38px}.section-inner{padding:28px 20px}.artist-grid{grid-template-columns:1fr;gap:18px;margin:0 0 29px}.artist-card{max-width:490px;width:100%;margin:auto}.artist-visual{aspect-ratio:1/1}.artist-visual strong{font-size:clamp(32px,9vw,46px)}.artist-meta{padding:15px 20px 20px}.coming-soon{margin-bottom:25px;padding:20px}
}
@media(min-width:761px) and (max-width:890px){.head-inner{flex-direction:column}.site-nav{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v4: homepage only displays the hero half of the original image, with the mission on its own page.
   Preserve image bytes; resize and clip the image in its containing element. */
@media(min-width:761px){
 .desktop-page{aspect-ratio:1024 / 495;overflow:hidden}
 .desktop-page .hot:not(.explore){top:2.36%;height:8.66%}
 .desktop-page .hot.explore{top:83.35%;height:10.04%}
}
.mission-page{min-height:calc(100vh - 164px);background:#f5f5f1;color:#131313}
.mission-head{padding:50px 24px 42px;text-align:center;color:#fff;background:radial-gradient(circle at 80% 0%,#3d171b 0,transparent 44%),#090b0d}
.mission-head h1{font-size:clamp(36px,5.8vw,64px);text-transform:uppercase;letter-spacing:.1em;margin:12px 0 0}
.mission-content{max-width:900px;margin:auto;padding:46px 24px 60px;text-align:center}
.mission-content>p:not(.mission-motto){max-width:690px;margin:0 auto 22px;color:#282828;font-size:clamp(16px,1.9vw,19px);line-height:1.7}
.mission-motto{max-width:780px;margin:38px auto;font-size:clamp(24px,3.5vw,38px);font-weight:800;font-style:italic;line-height:1.3}
.mission-motto span{color:#c81923}
.mission-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.mission-values>div{border:1px solid #d5d5d5;padding:24px 8px}
.mission-values b{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.mission-values small{display:block;margin-top:11px;color:#555;line-height:1.5;font-size:12px}
@media(max-width:760px){
 .mission-head{padding:37px 20px 30px}
 .mission-content{padding:34px 22px 50px}
 .mission-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mission-values>div{padding:18px 7px}
 .mission-values b{font-size:12px}
}


/* V5 mission redesign — scoped so desktop artwork, artists and About remain unchanged. */
.mission-v5{background:#080a0b;color:#f5f4f0;overflow-x:hidden}
.mission-v5 .site-head{position:relative;z-index:3;background:#090b0de8}
.mission-v5 .head-inner{max-width:1150px}
.mission-v5 .site-footer{background:#07090a}
.mv-shell{max-width:1150px;margin:0 auto;padding-left:35px;padding-right:35px}
.mv-hero{position:relative;min-height:565px;overflow:hidden;background:#090b0d}
.mv-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090b0d 0%,#090b0d 31%,#090b0df5 44%,#090b0d66 73%,#090b0d2b 100%),linear-gradient(0deg,#090b0d 0%,transparent 23%,transparent 73%,#090b0d65 100%);z-index:1}
.mv-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#e52129,transparent 58%);z-index:2}
.mv-hero-visual{position:absolute;inset:0 0 0 33%;background:url('home.png') right -76px top -34px / auto 1000px no-repeat #111719;filter:saturate(.8) contrast(1.04)}
.mv-hero-layout{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;min-height:565px;padding-top:82px;padding-bottom:49px}
.mv-hero-copy{padding-bottom:11px}
.mv-kicker{display:flex;align-items:center;gap:11px;color:#f5f3ee;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;margin:0 0 30px}
.mv-redline{display:inline-block;width:27px;height:2px;background:#e52129}
.mv-kicker-divider{color:#e52129}
.mv-hero h1{font-family:Impact,'Arial Narrow',Arial,Helvetica,sans-serif;font-stretch:condensed;font-size:clamp(68px,9.2vw,126px);line-height:.87;letter-spacing:.035em;font-weight:800;margin:0;color:#f7f6f3;text-transform:uppercase;text-shadow:0 3px 23px #0008}
.mv-hero h1>span{color:#f7f6f3}
.mv-fullstop{color:#e52129}
.mv-lede{font-size:clamp(19px,2.2vw,26px);line-height:1.36;font-weight:500;letter-spacing:-.015em;margin:31px 0 33px;max-width:540px}
.mv-scroll{display:inline-flex;align-items:center;gap:22px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;border-bottom:1px solid #e52129;padding:0 0 12px}
.mv-scroll span{color:#fc575e;font-size:19px}
.mv-scroll:hover,.mv-back:hover{color:#ff6268}
.mv-hero-side{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.25em;font-size:9px;color:#d7d7d1;display:flex;gap:19px;align-items:center;margin-bottom:10px;text-shadow:0 2px 6px #000}
.mv-hero-side span:first-child{color:#fc5b60}
.mv-purpose{background:#f5f3ed;color:#1b1b1b;padding:87px 0 103px}
.mv-purpose-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:60px}
.mv-section-label{display:flex;align-items:flex-start;gap:14px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;line-height:1.5;font-weight:800;white-space:nowrap}
.mv-section-label .mv-number{color:#d71924;font-size:12px;letter-spacing:.12em}
.mv-small-rule{width:56px;height:1px;background:#c9c6c0;margin-top:7px}
.mv-statement{max-width:750px}
.mv-statement-lead{font-size:clamp(29px,3.7vw,45px);letter-spacing:-.045em;line-height:1.17;margin:0 0 35px;font-weight:600}
.mv-statement-lead strong{font-weight:800}
.mv-prose{border-top:1px solid #cac9c2;padding-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:36px}
.mv-prose p{font-size:16px;line-height:1.76;color:#42413e;margin:0;max-width:360px}
.mv-manifesto{background:radial-gradient(circle at 85% 12%,#3d1217 0%,transparent 38%),linear-gradient(135deg,#141719,#08090a 60%);position:relative;overflow:hidden;padding:76px 0 73px}
.mv-manifesto:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff12;border-radius:50%;right:-210px;top:-150px;box-shadow:0 0 0 88px #ffffff07,0 0 0 176px #ffffff05;pointer-events:none}
.mv-manifesto-layout{position:relative}
.mv-label-light{color:#e4e3df}
.mv-manifesto .mv-section-label{margin-bottom:33px}
.mv-quote{margin:0;max-width:990px;font-size:clamp(37px,5.2vw,70px);font-weight:850;line-height:1.12;letter-spacing:-.045em;color:#fff}
.mv-quote em{font-style:normal;color:#ff424c;white-space:nowrap}
.mv-quote em span{color:#fff}
.mv-manifesto-foot{display:flex;gap:16px;align-items:center;color:#bfc2c3;text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:10px;margin-top:38px}
.mv-manifesto-stroke{width:54px;height:3px;background:#f03b45}
.mv-values{padding:83px 0 75px;background:#0d1012}
.mv-values-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:29px}
.mv-values h2{font-size:clamp(27px,3.3vw,40px);line-height:1.12;letter-spacing:-.04em;margin:0}
.mv-values h2 span{color:#aeb3b5}
.mv-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.mv-value{position:relative;min-height:216px;background:#15191b;border:1px solid #313639;padding:24px 22px 23px;display:flex;flex-direction:column}
.mv-value:before{content:"";position:absolute;left:0;top:-1px;width:48px;height:2px;background:#f03c45}
.mv-value-number{font-size:11px;letter-spacing:.17em;color:#b8bdc0}
.mv-value-mark{font-size:29px;line-height:1.1;color:#ed4049;margin:19px 0 20px}
.mv-value h3{text-transform:uppercase;font-size:15px;letter-spacing:.055em;margin:auto 0 8px;line-height:1.3}
.mv-value p{color:#b1b7b9;line-height:1.5;font-size:12px;margin:0}
.mv-back{display:inline-flex;align-items:center;gap:26px;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px;padding:15px 0;border-bottom:1px solid #e52129;margin-top:26px}
.mv-back span{font-size:18px;color:#ff535d}
@media(max-width:900px){
 .mv-shell{padding-left:26px;padding-right:26px}
 .mv-hero-visual{inset:0 0 0 26%;background-position:right -205px top -25px}
 .mv-purpose-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}
 .mv-prose{gap:20px}
 .mv-value{padding:19px 14px}
}
@media(max-width:760px){
 .mv-shell{padding-left:21px;padding-right:21px}
 .mv-hero,.mv-hero-layout{min-height:510px}
 .mv-hero-visual{inset:0;background-position:right -330px top -22px;background-size:auto 830px;opacity:.79}
 .mv-hero:before{background:linear-gradient(90deg,#090b0dfc 0%,#090b0ddc 43%,#090b0d42 100%),linear-gradient(0deg,#090b0d 0%,transparent 50%,#090b0d4a 100%)}
 .mv-hero-layout{padding-top:50px;padding-bottom:40px}
 .mv-kicker{font-size:9px;letter-spacing:.1em;gap:8px;margin-bottom:29px}
 .mv-hero h1{font-size:clamp(62px,13.2vw,98px)}
 .mv-lede{font-size:21px;margin:31px 0 35px}
 .mv-hero-side{display:none}
 .mv-purpose{padding:55px 0 62px}
 .mv-purpose-layout{display:block}
 .mv-purpose .mv-section-label{margin-bottom:29px}
 .mv-statement-lead{font-size:clamp(28px,8.1vw,41px);margin-bottom:27px}
 .mv-prose{grid-template-columns:1fr;gap:18px}
 .mv-prose p{font-size:15px;max-width:unset}
 .mv-manifesto{padding:59px 0 61px}
 .mv-manifesto .mv-section-label{margin-bottom:30px}
 .mv-quote{font-size:clamp(35px,8.4vw,56px);line-height:1.18}
 .mv-manifesto:before{right:-410px}
 .mv-values{padding:56px 0 54px}
 .mv-values-heading{display:block}
 .mv-values-heading .mv-section-label{margin-bottom:20px}
 .mv-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mv-value{min-height:203px;padding:17px 14px}
 .mv-value-mark{margin:14px 0 18px}
 .mv-value h3{font-size:13px}
 .mv-value p{font-size:11px}
}
@media(max-width:375px){
 .mv-hero h1{font-size:59px}
 .mv-kicker{letter-spacing:.035em}
 .mv-quote{font-size:34px}
 .mv-value{padding:15px 11px}
}

/* Approved Mission artwork: use the actual selected design, not a regenerated helmet. */
.mission-approved{margin:0;background:#000;color:#fff}
.approved-poster{width:min(100%,1024px);margin:0 auto;position:relative;background:#000;line-height:0}
.approved-poster>img{display:block;width:100%;height:auto}
.approved-poster-links a{display:block;position:absolute;top:1.25%;height:3.8%;z-index:2;cursor:pointer}
.approved-poster-links a:focus-visible{outline:3px solid #f33;outline-offset:-3px;background:#ffffff1c}
.poster-home-logo{left:1.9%;width:22%}
.poster-home{left:25.5%;width:7%}
.poster-music{left:32.8%;width:7.1%}
.poster-artists{left:40%;width:7.9%}
.poster-mission{left:48%;width:9.5%}
.poster-contact{left:57.7%;width:9.8%}
.poster-accessible-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
  .approved-poster-links a{top:0;height:5.1%;min-height:32px}
  .poster-home-logo{left:1%;width:23%}
  .poster-home{left:24%;width:9%}
  .poster-music{left:33%;width:8%}
  .poster-artists{left:41%;width:8.5%}
  .poster-mission{left:49.5%;width:9%}
  .poster-contact{left:58.5%;width:10%}
}


/* V9 desktop homepage only: fill available browser width instead of
   capping the original hero at 1024px. Preserve the original image,
   image aspect ratio, cropped mission half, and proportional link hotspots.
   Phone layout and every other page remain unchanged. */
@media (min-width: 761px) {
  .desktop-site .desktop-page {
    width: 100%;
    max-width: none;
  }
}

/* V10: mobile-only display, the approved desktop poster remains pixel-perfect and unchanged. */
.mission-phone{display:none}
@media(max-width:760px){
  .mission-approved .approved-poster{display:none}
  .mission-phone{display:block;background:#000;color:#fff;min-height:100vh;overflow-x:hidden}
  .mission-phone-header{background:#090909;padding:14px 14px 10px;border-bottom:1px solid #262626}
  .mission-phone-logo{display:block;text-align:center;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:.045em;font-size:25px;line-height:1;text-decoration:none;color:#fff}
  .mission-phone-wave{color:#ed202b;font-size:28px;vertical-align:middle;margin:0 1px}
  .mission-phone-logo small{display:block;font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.65em;margin:8px auto 10px;padding-left:.65em}
  .mission-phone-nav{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;gap:0 3px}
  .mission-phone-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.025em;text-decoration:none;padding:6px 5px}
  .mission-phone-nav a[aria-current=page]{color:#ff4049;border-bottom:2px solid #ed202b}
  .mission-phone-hero{margin:0 auto;max-width:540px;line-height:0}
  .mission-phone-hero img{display:block;width:100%;height:auto}
  .mission-phone-heading{text-align:center;padding:2px 15px 29px}
  .mission-phone-heading h1{font-family:Georgia,serif;font-size:clamp(39px,11vw,53px);font-weight:400;font-style:italic;line-height:1.08;margin:0 0 11px}
  .mission-phone-underline{height:2px;width:190px;max-width:66%;background:#ed202b;margin:0 auto 14px}
  .mission-phone-heading p{font-size:11px;text-transform:uppercase;letter-spacing:.21em;font-weight:700;margin:0}
  .mission-phone-copy{padding:8px 27px 44px;max-width:530px;margin:auto;text-align:center}
  .mission-phone-copy p{font-size:17px;line-height:1.6;margin:0 0 23px;color:#f4f4f4}
  .mission-phone-footer{border-top:1px solid #242424;text-align:center;padding:38px 10px 46px;overflow:hidden}
  .mission-phone-footer strong{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(35px,10vw,55px);color:#393939;letter-spacing:.025em;white-space:nowrap}
  .mission-phone-footer span{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.48em;color:#424242;font-size:30px;margin:4px 0 24px;padding-left:.48em}
  .mission-phone-footer small{display:block;font-size:9px;letter-spacing:.14em;color:#c6c6c6}
  .mobile-hero{background:linear-gradient(90deg,#040708da,#04070860 70%,#04070824),linear-gradient(0deg,#060808e0,transparent 60%),url('home-mobile-hero.png') 75% center / auto 100% no-repeat #101418}
}


/* V11 — mobile-only cleanup approved after live V10 review.
   Desktop artwork/pages remain unchanged. */
@media(max-width:760px){
  /* Pin the homepage legal footer to the bottom of the phone viewport. */
  .mobile-site.home-mobile-site{display:flex;min-height:100svh;flex-direction:column}
  .home-mobile-site>main{display:flex;flex:1 0 auto;min-height:0}
  .home-mobile-site .mobile-hero{flex:1 0 auto;width:100%;min-height:445px;
    background:linear-gradient(90deg,#040708da,#04070860 70%,#04070824),
               linear-gradient(0deg,#060808e0,transparent 60%),
               url('home-mobile-clean.png') 75% center / auto 100% no-repeat #101418}
  .home-mobile-site .site-footer{margin-top:auto}

  /* The About artwork crop contained a redundant fragment of the Mission section.
     Remove that mobile-only artwork; begin directly with the About copy. */
  .mobile-about-art{display:none}
  .mobile-about .section-inner{padding-top:38px}
}


/* V12 — Jimmy Creek Band website music player. No changes to V11 layout outside Artists > Music. */
.music-catalog{scroll-margin-top:20px;background:#0d1012;border:1px solid #34383b;margin:4px 0 56px;overflow:hidden}
.music-catalog-head{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:center;padding:24px;border-bottom:1px solid #303437;background:linear-gradient(125deg,#161a1d,#0b0d0f 70%)}
.music-catalog-cover{aspect-ratio:1/1;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #33383b;box-shadow:0 10px 28px #0008}
.music-catalog-head h2{font-size:32px;margin:7px 0 5px;letter-spacing:.01em}
.music-catalog-head p{margin:0;color:#c8cbcd;line-height:1.45}
.music-catalog-head .catalog-note{margin-top:12px;color:#969ca0;font-size:13px}
.track-list{padding:7px 24px 14px}
.track{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,470px);gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid #2a2e31}
.track:last-child{border-bottom:0}
.track-title{display:flex;gap:14px;align-items:center;min-width:0}
.track-title span{font-size:10px;letter-spacing:.16em;color:#ed414a;font-weight:800;min-width:24px}
.track-title strong{font-size:15px;line-height:1.3;color:#f4f4f2}
.track audio{width:100%;height:38px;display:block}
.catalog-coming{display:flex;justify-content:space-between;gap:16px;padding:18px 24px;background:#141719;border-top:1px solid #303437;color:#c8cbcd;font-size:12px;line-height:1.5}
.catalog-coming strong{text-transform:uppercase;letter-spacing:.1em;color:#f6f6f4}
@media(max-width:760px){
 .music-catalog{margin:4px 0 28px}
 .music-catalog-head{grid-template-columns:90px minmax(0,1fr);gap:15px;padding:17px}
 .music-catalog-head h2{font-size:24px;margin-top:5px}
 .music-catalog-head .catalog-note{font-size:12px;margin-top:7px}
 .track-list{padding:3px 17px 10px}
 .track{grid-template-columns:1fr;gap:9px;padding:14px 0}
 .track-title strong{font-size:14px}
 .track audio{height:40px}
 .catalog-coming{display:block;padding:16px 17px}
 .catalog-coming span{display:block;margin-top:6px}
}
@media(max-width:390px){
 .music-catalog-head{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px}
 .music-catalog-head h2{font-size:21px}
 .music-catalog-head p{font-size:12px}
}


/* V12 corrected: clickable artist selector and separate catalog panels. */
.artist-card[role=button]{cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.artist-card[role=button]:hover,.artist-card[role=button]:focus-visible{border-color:#666;transform:translateY(-2px);outline:none;box-shadow:0 10px 28px #0007}
.artist-card.is-active{border-color:#ed1c24;box-shadow:0 0 0 1px #ed1c2455,0 10px 28px #0007}
.artist-catalogs{scroll-margin-top:20px}
.artist-catalog-panel[hidden]{display:none!important}
.catalog-empty{padding:28px 24px 32px;display:flex;flex-direction:column;gap:8px;color:#c8cbcd}
.catalog-empty strong{font-size:18px;color:#f6f6f4}
.catalog-empty span{font-size:13px;color:#969ca0}
@media(max-width:760px){.catalog-empty{padding:24px 17px 28px}}


/* V17 — Music hub: all three artist catalogs visible together, with compact artist jump links. */
.music-hub-head{padding:22px 24px 26px;margin:0 0 18px;background:linear-gradient(135deg,#15191c,#090b0d 72%);border:1px solid #34383b}
.music-hub-head h2{font-size:clamp(32px,5vw,52px);margin:7px 0 8px}
.music-hub-head>p{max-width:720px;margin:0 0 20px;color:#c5c9cc;line-height:1.55}
.music-hub-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.music-jump{appearance:none;border:1px solid #34383b;background:#101315;color:#f5f5f3;padding:12px;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;text-align:left;align-items:center;cursor:pointer;border-radius:4px;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.music-jump:hover,.music-jump:focus-visible{border-color:#ed1c24;background:#171b1e;transform:translateY(-1px);outline:none}
.music-jump-thumb{grid-row:1/3;width:62px;height:62px;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #35393c}
.music-jump-name{font-size:14px;font-weight:800;line-height:1.2}
.music-jump-count{font-size:11px;color:#9fa5a9;letter-spacing:.04em;text-transform:uppercase}
.music-hub-mode .artist-catalog-panel{scroll-margin-top:14px}
.track-title{align-items:center}
.track-name{display:flex;flex-direction:column;min-width:0;gap:3px}
.track-name strong{display:block}
.track-artist{font-size:11px;line-height:1.25;color:#9ca2a6;letter-spacing:.025em}

@media(max-width:760px){
  .music-hub-head{padding:18px 16px 20px;margin-bottom:14px}
  .music-hub-head h2{font-size:34px}
  .music-hub-head>p{font-size:13px;margin-bottom:16px}
  .music-hub-jumps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .music-jump{display:flex;flex-direction:column;gap:7px;padding:8px 5px;text-align:center;min-width:0}
  .music-jump-thumb{width:58px;height:58px;flex:0 0 58px}
  .music-jump-name{font-size:11px;line-height:1.15;word-break:normal}
  .music-jump-count{font-size:9px}
  .music-hub-mode .music-catalog{margin-bottom:34px}
  .track-artist{font-size:10px}
}
@media(max-width:390px){
  .music-jump-thumb{width:50px;height:50px;flex-basis:50px}
  .music-jump-name{font-size:10px}
  .music-jump-count{font-size:8px}
}

/* V18 — mobile UX refresh. Desktop rendering remains unchanged. */
.mobile-menu-toggle,.mobile-dock,.mobile-home-content,.catalog-toggle{display:none}

@media(max-width:760px){
  body{padding-bottom:70px}
  .site-head{position:sticky;top:0;z-index:80;background:#080a0bdf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #25282b}
  .head-inner{position:relative;padding:13px 16px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px}
  .wordmark{margin:0!important;font-size:20px!important;line-height:1}.wordmark small{font-size:8px!important;margin-top:5px!important}
  .mobile-menu-toggle{display:grid;width:44px;height:44px;place-content:center;gap:5px;border:1px solid #32363a;background:#111416;border-radius:4px;color:#fff;flex:0 0 44px}
  .mobile-menu-toggle span{display:block;width:21px;height:2px;background:#f3f3f0;transition:transform .18s ease,opacity .18s ease}
  .mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
  .mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#090b0cf5;border-bottom:1px solid #303337;padding:10px 16px 15px;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;box-shadow:0 18px 35px #0009}
  .site-nav.is-open{display:grid!important}
  .site-nav a{border:1px solid #24282b;background:#111416;padding:12px 8px!important;min-height:44px!important;display:flex;align-items:center;justify-content:center}
  .site-nav a[aria-current=page]{border-color:#8f2025;background:#1b1012;color:#ff4b51}

  .mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:90;height:66px;background:#080a0bf5;border-top:1px solid #303337;box-shadow:0 -8px 24px #0007;padding-bottom:max(2px,env(safe-area-inset-bottom))}
  .mobile-dock a{text-decoration:none;color:#aeb3b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;font-weight:700}
  .mobile-dock a.is-current{color:#ff4049}
  .dock-icon{font-size:19px;line-height:1}.mobile-dock small{font-size:9px;letter-spacing:.02em;text-transform:uppercase}
  .site-footer,.mission-phone-footer{padding-bottom:92px!important}

  /* Mobile home: keep approved visual identity, but give it a stronger path into music. */
  .home-mobile-site>main{display:block!important}
  .home-mobile-site .mobile-hero{min-height:520px;align-items:flex-end;background:linear-gradient(0deg,#060808f2 0%,#060808b8 36%,#0608084d 70%,#06080815 100%),url('home-mobile-clean.png') 70% center / auto 100% no-repeat #101418}
  .mobile-hero-inner{padding:56px 20px 34px!important;max-width:500px}
  .mobile-hero h1{font-size:clamp(38px,10vw,52px)!important;letter-spacing:.045em!important;margin:10px 0 14px!important}
  .mobile-hero p{margin-bottom:20px!important}
  .mobile-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mobile-hero-actions .cta{text-align:center;padding:15px 9px;font-size:11px;min-height:48px;display:flex;align-items:center;justify-content:center}
  .cta-secondary{background:#111416!important;border:1px solid #52575a;color:#fff}.cta-secondary:hover{background:#1a1e21!important}
  .mobile-home-content{display:block;background:#080a0b}
  .mobile-quick-artists,.mobile-featured,.mobile-brand-statement{padding:28px 18px;border-top:1px solid #25282b}
  .mobile-section-head h2{margin:5px 0 18px;font-size:28px;line-height:1.05}
  .quick-artist-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .quick-artist{text-decoration:none;text-align:center;min-width:0;color:#fff;background:#101315;border:1px solid #2c3033;padding:10px 7px 12px;border-radius:5px}
  .quick-artist-art{display:block;width:min(22vw,82px);height:min(22vw,82px);margin:0 auto 9px;border-radius:50%;background-size:cover;background-position:center;border:1px solid #4b5054;box-shadow:0 8px 20px #0007}
  .quick-artist strong{display:block;font-size:11px;line-height:1.2}.quick-artist small{display:block;margin-top:4px;color:#989ea2;font-size:8px;line-height:1.25}
  .feature-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.feature-head h2{margin-bottom:0}.feature-head>a{font-size:11px;color:#ff4a51;text-decoration:none;font-weight:800;text-transform:uppercase;white-space:nowrap}
  .featured-track-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;padding:13px 0;border-bottom:1px solid #262a2d;align-items:center}.featured-track-card:last-child{border-bottom:0}
  .featured-art{width:78px;height:78px;background-size:cover;background-position:center;border:1px solid #383d40;border-radius:3px}
  .featured-copy{min-width:0}.featured-copy small{display:block;color:#ff5157;text-transform:uppercase;letter-spacing:.06em;font-weight:800;font-size:9px;margin-bottom:3px}.featured-copy strong{display:block;font-size:15px;line-height:1.25;margin-bottom:8px}.featured-copy audio{width:100%;height:36px;display:block}
  .mobile-brand-statement{text-align:center;padding-top:34px;padding-bottom:38px;background:radial-gradient(circle at 50% 0%,#311115 0,transparent 52%),#070809}.mobile-brand-statement h2{font-size:30px;line-height:1.12;margin:8px 0 17px}.mobile-brand-statement h2 span{color:#ff454d}.text-link{color:#f5f5f3;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;text-decoration:none;border-bottom:1px solid #ed1c24;padding-bottom:4px}

  /* Artists page stays recognizable, but is easier to scan on a phone. */
  .artist-intro{padding:21px 0 12px}.artist-intro .section-inner{padding:16px 18px 18px}.artist-intro h1{font-size:36px;margin:5px 0 8px}.artist-intro p{font-size:13px;line-height:1.45;margin:0}
  .artist-grid{gap:10px!important;margin-bottom:23px!important}
  .artist-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;max-width:none!important;min-height:100px}
  .artist-visual{width:100px;height:100px;aspect-ratio:auto!important;background-size:cover!important}.artist-meta{padding:14px 15px!important}.artist-meta h2{font-size:19px!important;margin-bottom:5px}.artist-meta p{font-size:12px!important}
  .artist-card.is-active{border-color:#ed1c24}

  /* Music hub: every artist is visible immediately, but only three tracks per artist initially. */
  .music-hub-head{position:relative;padding:18px 15px 19px!important;margin:2px 0 14px!important}.music-hub-head h2{font-size:33px!important;margin:5px 0 7px!important}.music-hub-head>p{font-size:12px!important;line-height:1.45!important;margin-bottom:14px!important}
  .music-hub-jumps{position:sticky;top:70px;z-index:35;background:#0b0e10;padding:8px 0 7px;margin:0 -4px;box-shadow:0 7px 15px #0008}
  .music-jump{border-radius:4px!important;padding:7px 3px!important;gap:5px!important}.music-jump-thumb{width:52px!important;height:52px!important;flex-basis:52px!important}.music-jump-name{font-size:10px!important}.music-jump-count{font-size:8px!important}
  .music-catalog-head{grid-template-columns:72px minmax(0,1fr)!important;padding:13px 14px!important;gap:12px!important}.music-catalog-head h2{font-size:21px!important}.music-catalog-head p{font-size:11px!important}.music-catalog-head .catalog-note{font-size:10px!important}
  .music-hub-mode .music-catalog:not(.is-expanded) .track:nth-child(n+4){display:none}
  .catalog-toggle{display:none}
  .music-hub-mode .catalog-toggle{display:block;width:calc(100% - 28px);margin:7px 14px 15px;border:1px solid #494f53;background:#15191c;color:#fff;min-height:44px;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800;border-radius:3px}
  .track-list{padding-left:14px!important;padding-right:14px!important}.track{padding:12px 0!important;gap:8px!important}.track-title strong{font-size:14px!important}.track audio{height:38px!important}

  /* About / Mission mobile spacing with the new navigation shell. */
  .mobile-about .section-inner{padding:30px 20px 44px!important}.mobile-about h1{font-size:34px!important}.mobile-about p{font-size:15px!important;line-height:1.58!important}
  .mission-mobile-site-head{display:block!important}.mission-phone{padding-bottom:0}.mission-phone-hero{margin-top:0}.mission-phone-heading{padding-top:12px}.mission-phone-copy{padding-left:22px!important;padding-right:22px!important}
}

@media(max-width:380px){
  .mobile-hero-actions{grid-template-columns:1fr}.quick-artist-art{width:70px;height:70px}.quick-artist strong{font-size:10px}.featured-track-card{grid-template-columns:68px minmax(0,1fr)}.featured-art{width:68px;height:68px}
  .music-jump-thumb{width:46px!important;height:46px!important;flex-basis:46px!important}.music-jump-name{font-size:9px!important}
}

.submission-ribbon{display:block;position:fixed;left:0;right:0;top:0;z-index:1000;background:#ed1c24;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;font:800 12px/1.2 Arial,sans-serif;letter-spacing:2px;padding:11px 16px}.submission-ribbon span{margin-left:12px;text-decoration:underline;text-underline-offset:3px}.submission-ribbon:hover{background:#c9141b}body{padding-top:36px}.site-head{top:36px}

/* Keep linked music headings below the fixed submission ribbon and phone navigation. */
.artist-catalogs,.music-catalog,.music-hub-mode .artist-catalog-panel{scroll-margin-top:52px}
@media(max-width:760px){
  .artist-catalogs,.music-catalog,.music-hub-mode .artist-catalog-panel{scroll-margin-top:122px}
}

/* Social accounts not yet created: mute the artwork icons and remove their links. */
.hot.social-unavailable{background:rgba(5,6,6,.78);cursor:default}

/* Direct Spotify access from the artist catalog on desktop and mobile. */
.catalog-spotify{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;margin-top:14px;padding:11px 16px;border-radius:4px;background:#1ed760;color:#061b0d;font-size:13px;font-weight:800;line-height:1.3;text-align:center;text-decoration:none}
.catalog-spotify:hover{background:#3be477}
.catalog-spotify:focus-visible{outline:3px solid #fff;outline-offset:4px}