:root{
  --bg:#080706;--bg2:#0d0b09;--paper:#e9ddc6;--muted:#b8aa91;--copper:#b65f2c;--copper2:#d4783b;
  --line:rgba(182,95,44,.38);--softline:rgba(233,221,198,.14);--ink:#150e0a;--header:78px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--paper);font-family:"Arial Narrow",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:var(--header);position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,4vw,70px);background:rgba(7,6,5,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:700;letter-spacing:.12em;font-size:15px;line-height:1.04;text-transform:uppercase}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:var(--copper2);font-size:25px}.brand-name{display:block}.main-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px);font-family:"Courier New",monospace;font-size:12px;font-weight:700;letter-spacing:.08em}.main-nav a{opacity:.86;padding:9px 0;border-bottom:1px solid transparent}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--copper2);border-color:var(--copper2);opacity:1}.menu-button{display:none;background:none;border:1px solid var(--line);color:var(--paper);padding:10px 14px;letter-spacing:.1em}
.hero{min-height:calc(100svh - var(--header));position:relative;display:flex;align-items:center;background:url('assets/hero-desert.png') center/cover no-repeat;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,4,3,.9),rgba(5,4,3,.56) 42%,rgba(5,4,3,.12) 76%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.42))}.hero-copy{width:min(680px,52vw);padding:72px 0 72px clamp(34px,8vw,140px)}.display{margin:0;font-size:clamp(68px,8vw,142px);line-height:.82;letter-spacing:-.055em;font-weight:900;text-transform:uppercase;text-shadow:0 6px 28px rgba(0,0,0,.5)}.display span{display:block}.eyebrow{font-family:"Courier New",monospace;font-size:12px;letter-spacing:.12em;color:var(--copper2);text-transform:uppercase}.descriptor{font-family:"Courier New",monospace;letter-spacing:.08em;color:var(--copper2);font-weight:700;font-size:clamp(13px,1.2vw,18px)}.rule{width:84px;height:2px;background:var(--copper);margin:28px 0 15px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{min-height:50px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(233,221,198,.56);font-family:"Courier New",monospace;font-size:12px;letter-spacing:.07em;font-weight:700;transition:.2s ease}.btn:hover{transform:translateY(-2px);border-color:var(--copper2);color:var(--copper2)}.btn.primary{background:var(--copper);border-color:var(--copper);color:#100a07}.btn.primary:hover{background:var(--copper2);color:#100a07}.btn.disabled{opacity:.38;cursor:not-allowed;pointer-events:none}
.numbered{display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line)}.section-index{padding:34px 20px;border-right:1px solid var(--softline);font-family:"Courier New",monospace}.section-index strong{display:block;color:var(--copper2);font-size:32px;font-weight:400}.section-index span{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.5;letter-spacing:.06em}.section-body{padding:clamp(48px,6vw,76px) clamp(28px,5vw,74px)}.section-title{margin:0;font-size:clamp(48px,5.5vw,88px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase}.section-lead{color:var(--muted);max-width:760px;font-size:18px;line-height:1.55}
.latest{background:linear-gradient(#0d0b09,#090807)}.latest-grid{display:grid;grid-template-columns:minmax(380px,520px) 1fr;gap:clamp(30px,5vw,72px);align-items:center}.frame{border:1px solid var(--line);box-shadow:0 22px 55px rgba(0,0,0,.4);overflow:hidden;background:#100e0c}.frame img{width:100%;height:100%;object-fit:cover}.latest-copy h2{margin:0;font-size:clamp(66px,7vw,110px);line-height:.9;letter-spacing:-.05em}.quote{color:var(--copper2);font:italic clamp(17px,1.5vw,22px)/1.5 Georgia,serif;border-left:2px solid var(--copper);padding-left:20px;max-width:650px}.services{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;font-family:"Courier New",monospace;font-size:11px;letter-spacing:.08em;color:var(--copper2)}
.live{background:#0b0908}.live-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,4vw,58px);align-items:center}.live-photo{aspect-ratio:4/3;object-fit:cover;filter:saturate(.82) contrast(1.08) brightness(.82)}.live-copy h2{margin:.1em 0;font-size:clamp(44px,5vw,78px);line-height:.92;text-transform:uppercase}.live-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:25px 0}.live-meta div{padding:15px 0;border-top:1px solid var(--line)}.live-meta span{display:block;color:var(--muted);font:11px "Courier New",monospace;letter-spacing:.08em}.live-meta strong{display:block;margin-top:5px;font-size:18px}
.band{background:linear-gradient(180deg,#090807,#0c0a08)}.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,72px)}.band-photo{min-height:580px;object-fit:cover;filter:saturate(.88) brightness(.8) contrast(1.08)}.bio{font:16px/1.58 "Courier New",monospace;color:#d0c1a7}.bio p{margin:0 0 16px}.members{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:18px}.member{padding:22px 15px;text-align:center;border-right:1px solid var(--line)}.member:last-child{border-right:0}.member strong{display:block;font-family:Georgia,serif;letter-spacing:.04em}.member span{display:block;color:var(--copper2);font:12px "Courier New",monospace;letter-spacing:.08em;margin-top:7px}
.merch{background:#090807}.merch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.merch-card{border:1px solid var(--line);background:#0d0b09;overflow:hidden}.merch-card img{aspect-ratio:4/5;object-fit:cover}.merch-card div{padding:18px}.merch-card h3{margin:0;font-size:23px;line-height:1}.merch-card p{margin:9px 0 0;color:var(--copper2);font:11px "Courier New",monospace;letter-spacing:.08em}
.portal{min-height:500px;position:relative;background:url('assets/desert-map.png') center/cover no-repeat;display:grid;place-items:center;text-align:center}.portal::after{content:"";position:absolute;inset:0;background:rgba(5,4,3,.55)}.portal-inner{position:relative;z-index:1;padding:40px}.portal h2{margin:0;font-size:clamp(58px,8vw,120px);line-height:.88;letter-spacing:-.05em}.portal p{font:16px "Courier New",monospace;color:var(--muted);letter-spacing:.06em}
.contact{background:#080706}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.contact-card{padding:30px;border:1px solid var(--line);background:rgba(12,10,8,.72)}.contact-card h2{font-size:clamp(52px,6vw,90px);margin:0}.contact-item{display:flex;gap:16px;align-items:center;padding:18px 0;border-top:1px solid var(--line);font:14px "Courier New",monospace}.contact-item strong{color:var(--copper2)}.contact-visual{min-height:500px;background:url('assets/contact-desert.png') center/cover no-repeat;border:1px solid var(--line)}.social-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.social-row a{border:1px solid var(--line);padding:10px 13px;font:11px "Courier New",monospace;letter-spacing:.06em}.social-row a:hover{border-color:var(--copper2);color:var(--copper2)}.site-footer{padding:28px clamp(24px,4vw,70px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font:11px "Courier New",monospace;letter-spacing:.06em}
.desert-page{min-height:100svh;background:#070605}.desert-intro{padding:48px clamp(24px,4vw,70px) 26px}.desert-intro h1{margin:0;font-size:clamp(66px,8vw,130px);line-height:.85;letter-spacing:-.05em}.desert-intro p{max-width:650px;color:var(--muted);font:16px/1.6 "Courier New",monospace}.map-wrap{position:relative;width:100%;background:#050403;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.map-wrap img{width:100%;height:auto}.hotspot{position:absolute;display:block;border:1px solid transparent;border-radius:10px;transition:.2s ease}.hotspot:hover,.hotspot:focus-visible{border-color:var(--copper2);background:rgba(182,95,44,.08);box-shadow:0 0 30px rgba(182,95,44,.2)}.hotspot.no-plan-b{left:11%;top:45%;width:36%;height:48%}.locked-chip{position:absolute;color:var(--muted);font:11px "Courier New",monospace;letter-spacing:.08em;background:rgba(7,6,5,.72);border:1px solid var(--softline);padding:9px 12px}.locked-chip.acoustic{left:48.5%;top:42%}.locked-chip.album{right:7%;top:19%}.mobile-territories{display:none;padding:26px}.territory-card{border:1px solid var(--line);padding:24px;margin-bottom:16px;background:#0c0a08}.territory-card small{color:var(--copper2);font:11px "Courier New",monospace}.territory-card h2{margin:8px 0;font-size:40px}.territory-card p{color:var(--muted)}
.ep-page{background:#080706;min-height:100svh}.ep-hero{position:relative;min-height:610px;display:flex;align-items:flex-end;background:url('assets/no-plan-b-landscape.png') center/cover no-repeat}.ep-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.82))}.ep-hero-copy{position:relative;z-index:1;padding:50px clamp(28px,6vw,95px);max-width:950px}.ep-hero h1{margin:0;font-size:clamp(76px,10vw,160px);line-height:.8;letter-spacing:-.06em}.ep-hero p{font:16px/1.6 "Courier New",monospace;color:var(--paper);max-width:650px;text-shadow:0 2px 12px #000}.tracks{padding:48px clamp(24px,4vw,70px) 76px}.tracks-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.tracks-header h2{font-size:clamp(48px,5vw,80px);margin:0}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.track-card{border:1px solid var(--line);background:#0c0a08;overflow:hidden;transition:.22s ease}.track-card:hover{transform:translateY(-5px);border-color:var(--copper2);box-shadow:0 18px 45px rgba(0,0,0,.34)}.track-card img{aspect-ratio:16/10;object-fit:cover}.track-card-copy{padding:17px}.track-card small{color:var(--copper2);font:11px "Courier New",monospace}.track-card h3{margin:8px 0 2px;font-size:25px;line-height:1}.track-card p{margin:0;color:var(--muted);font:11px "Courier New",monospace}.track-card .enter{display:inline-block;margin-top:15px;color:var(--copper2);font:11px "Courier New",monospace;letter-spacing:.08em}.ep-quote{margin:0 clamp(24px,4vw,70px) 60px;padding:30px;border:1px solid var(--line);font:italic clamp(20px,2vw,30px)/1.5 Georgia,serif;color:var(--copper2);text-align:center}
.song-page{background:#080706;min-height:100svh}.song-hero{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(520px,1.3fr);min-height:520px;border-bottom:1px solid var(--line)}.song-copy{padding:48px clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#080706,rgba(8,7,6,.95))}.song-copy h1{margin:10px 0;font-size:clamp(64px,7vw,116px);line-height:.82;letter-spacing:-.055em}.song-copy blockquote{margin:22px 0 0;color:var(--copper2);font:18px/1.55 "Courier New",monospace}.song-art{background-position:center;background-size:cover;min-height:520px;position:relative}.song-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.35),rgba(8,7,6,.02))}.song-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px clamp(24px,4vw,70px) 55px}.song-panel{border:1px solid var(--line);padding:20px;background:#0b0908;min-height:250px}.song-panel h2{margin:0 0 16px;color:var(--copper2);font:14px "Courier New",monospace;letter-spacing:.08em}.listen-block{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.listen-block img{width:130px;height:130px;object-fit:cover;border:1px solid var(--line)}.listen-block h3{margin:0;font-size:22px}.listen-block p{color:var(--muted);margin:5px 0 15px}.lyric-snippet{font:15px/1.75 "Courier New",monospace;color:#d0c1a7}.road-note{height:100%;padding:24px;background:#cdbb99;color:#2b1d14;font:15px/1.6 "Courier New",monospace;transform:rotate(-.6deg);box-shadow:0 10px 24px rgba(0,0,0,.28);position:relative}.road-note::after{content:"✦";position:absolute;right:22px;bottom:12px;color:#9d4a25;font-size:36px}.song-links{display:flex;gap:10px;flex-wrap:wrap}.song-links .btn{min-height:42px;padding:0 16px}.back-link{color:var(--copper2);font:12px "Courier New",monospace;letter-spacing:.07em}
@media(max-width:1100px){.main-nav{gap:18px}.latest-grid,.band-grid,.contact-grid{grid-template-columns:1fr}.live-grid{grid-template-columns:1fr}.merch-grid,.track-grid{grid-template-columns:repeat(2,1fr)}.members{grid-template-columns:repeat(2,1fr)}.song-hero{grid-template-columns:1fr}.song-art{min-height:420px}.song-panels{grid-template-columns:1fr 1fr}.song-panel:last-child{grid-column:1/-1}}
@media(max-width:780px){:root{--header:68px}.site-header{padding:0 18px}.brand-name{display:none}.menu-button{display:block}.main-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#090807;border-bottom:1px solid var(--line);padding:16px 22px}.main-nav.open{display:flex}.main-nav a{padding:11px 0}.hero{min-height:780px;background-position:58% center}.hero-copy{width:100%;padding:90px 24px 55px}.display{font-size:clamp(62px,20vw,100px)}.numbered{grid-template-columns:1fr}.section-index{display:flex;gap:10px;align-items:center;border-right:0;border-bottom:1px solid var(--softline);padding:20px 24px}.section-index strong{font-size:22px}.section-index span{margin:0}.section-body{padding:40px 22px}.latest-grid{grid-template-columns:1fr}.live-meta{grid-template-columns:1fr 1fr}.members,.merch-grid,.track-grid,.song-panels{grid-template-columns:1fr}.member{border-right:0;border-bottom:1px solid var(--line)}.portal{min-height:420px;background-position:center}.contact-visual{min-height:350px}.map-wrap{display:none}.mobile-territories{display:block}.desert-intro{padding-top:38px}.ep-hero{min-height:520px;background-position:center}.ep-hero h1{font-size:clamp(66px,21vw,110px)}.tracks{padding-left:20px;padding-right:20px}.track-card img{aspect-ratio:16/9}.song-copy{padding:40px 22px}.song-copy h1{font-size:clamp(58px,18vw,88px)}.song-art{min-height:340px}.song-panels{padding:20px}.listen-block{grid-template-columns:110px 1fr}.listen-block img{width:110px;height:110px}}


/* v11 · immersive Desert pass */
.desert-shell{background:#060504;position:relative}
.desert-shell::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1500;opacity:.13;background-image:radial-gradient(rgba(255,255,255,.5) .55px,transparent .7px);background-size:5px 5px;mix-blend-mode:soft-light}
.desert-header{background:rgba(4,3,3,.96);border-bottom-color:rgba(212,120,59,.24)}
.desert-header .main-nav{gap:22px}.inside-desert{color:#6f6250;font:10px "Courier New",monospace;letter-spacing:.13em;margin-right:10px}.desert-header .exit-link{border:1px solid var(--line);padding:9px 12px;color:var(--copper2)}
.desert-gate{padding:clamp(32px,4vw,54px) clamp(24px,5vw,84px) 24px;background:linear-gradient(180deg,#070605,#050403);border-bottom:1px solid var(--softline)}
.desert-gate h1{margin:4px 0 8px;font-size:clamp(52px,6vw,92px);line-height:.9;letter-spacing:-.045em}.desert-gate p:last-child{margin:0;color:var(--muted);font:14px/1.55 "Courier New",monospace}
.map-wrap{overflow:hidden}.map-wrap img{filter:saturate(.92) contrast(1.05);transition:filter .35s ease,transform .7s ease}.map-wrap:hover img{filter:saturate(1) contrast(1.08)}.hotspot.no-plan-b::after{content:"ENTER";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;color:var(--copper2);font:11px "Courier New",monospace;letter-spacing:.16em;transition:.25s ease}.hotspot.no-plan-b:hover::after,.hotspot.no-plan-b:focus-visible::after{opacity:1}
.territory-stamp{position:absolute;z-index:2;top:34px;right:clamp(24px,5vw,70px);padding:10px 13px;border:1px solid var(--line);background:rgba(5,4,3,.62);color:var(--copper2);font:10px "Courier New",monospace;letter-spacing:.14em}
.ep-hero{overflow:hidden}.ep-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 44%,transparent 0 14%,rgba(0,0,0,.08) 35%,rgba(0,0,0,.5) 100%);z-index:1;pointer-events:none}.ep-hero-copy{z-index:3}.ep-hero h1{text-shadow:0 8px 34px rgba(0,0,0,.52)}
.track-card{position:relative}.track-card::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 0 rgba(212,120,59,.2);transition:.25s ease;pointer-events:none}.track-card:hover::after{box-shadow:inset 0 0 0 1px rgba(212,120,59,.45)}
.song-hero{position:relative;overflow:hidden}.song-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);opacity:.55}.song-copy{position:relative;z-index:2}.song-art{filter:saturate(.93) contrast(1.05);transition:filter .4s ease,transform .8s ease}.song-hero:hover .song-art{filter:saturate(1) contrast(1.08);transform:scale(1.012)}
.listen-panel{position:relative;overflow:hidden}.listen-player{position:relative;min-height:205px;padding:17px 18px 16px;background:radial-gradient(circle at 50% 48%,rgba(182,95,44,.10),transparent 38%),#080706;border:1px solid var(--softline);overflow:hidden}.listen-player::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(233,221,198,.025) 43% 45%,transparent 46%);pointer-events:none}.player-head,.player-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.player-head h3{margin:4px 0 0;font-size:clamp(18px,1.7vw,25px);line-height:1}.player-kicker,.player-service,.player-foot{font:9px "Courier New",monospace;letter-spacing:.12em;color:var(--muted)}.player-service{color:var(--copper2)}.waveform{height:78px;display:flex;align-items:center;gap:3px;margin:17px 0 12px;opacity:.8}.waveform span{flex:1;max-width:5px;height:var(--h);min-height:5px;background:linear-gradient(180deg,var(--copper2),rgba(233,221,198,.48));border-radius:1px}.play-orbit{position:absolute;z-index:5;left:50%;top:54%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(7,6,5,.94);border:1px solid var(--copper2);color:var(--paper);box-shadow:0 0 0 8px rgba(7,6,5,.7),0 0 30px rgba(182,95,44,.22);transition:.2s ease}.play-orbit:hover{transform:translate(-50%,-52%) scale(1.05);background:var(--copper);color:#090604}.player-foot{align-items:center;border-top:1px solid var(--softline);padding-top:10px}.player-foot a{color:var(--copper2)}.player-extra{margin-left:auto}
.transition-screen{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:#030302;opacity:0;visibility:hidden;transition:opacity .48s ease,visibility 0s linear .48s}.transition-screen::before{content:"✦";position:absolute;color:var(--copper);font-size:74px;opacity:.16;animation:slowTurn 9s linear infinite}.transition-screen span{position:relative;z-index:2;color:var(--paper);font:12px "Courier New",monospace;letter-spacing:.22em;text-transform:uppercase}.is-leaving .transition-screen{opacity:1;visibility:visible;transition:opacity .48s ease}.desert-shell{animation:desertArrival .62s ease both}@keyframes desertArrival{from{opacity:0;filter:brightness(.55)}to{opacity:1;filter:brightness(1)}}@keyframes slowTurn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.desert-shell{animation:none}.song-art,.map-wrap img,.track-card,.btn,.play-orbit{transition:none}.transition-screen::before{animation:none}}
@media(max-width:1100px){.inside-desert{display:none}.desert-header .main-nav{gap:16px}.listen-player{min-height:190px}}
@media(max-width:780px){.desert-header .brand-name{display:block;font-size:11px}.desert-header .main-nav{top:68px}.desert-header .inside-desert{display:block;padding:7px 0;color:#756856}.desert-gate{padding:30px 20px 18px}.desert-gate h1{font-size:clamp(44px,13vw,68px)}.mobile-territories{padding:18px 20px 34px;background:linear-gradient(180deg,#050403,#090706)}.territory-card:first-child{min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(6,5,4,.18),rgba(6,5,4,.92)),url('assets/no-plan-b-landscape.png') center/cover no-repeat}.territory-card:first-child h2{font-size:50px;line-height:.88}.territory-stamp{top:16px;right:16px}.ep-hero{min-height:620px;background-position:58% center}.ep-hero-copy{padding:120px 22px 38px}.ep-hero-copy>p:not(.eyebrow):not(.quote){font-size:14px}.ep-hero .quote{font-size:16px}.tracks-header{align-items:flex-start;flex-direction:column}.song-hero{display:flex;flex-direction:column;min-height:auto}.song-art{order:-1;min-height:52vh}.song-copy{padding:31px 22px 38px}.song-copy blockquote{font-size:15px}.song-panel{min-height:auto}.listen-player{min-height:200px}.waveform{gap:2px}.waveform span{max-width:4px}.player-foot{flex-wrap:wrap;align-items:flex-start}.player-extra{margin-left:0;width:100%;padding-top:5px}.site-footer{align-items:flex-start}}

/* v12 · HOME mobile refinement */
@media(max-width:780px){
  .home-page .site-header{
    height:68px;
    padding:0 16px;
    gap:12px;
  }
  .home-page .brand{
    gap:8px;
    min-width:0;
  }
  .home-page .brand-mark{
    width:28px;
    height:28px;
    font-size:23px;
  }
  .home-page .brand-name{
    display:block;
    font-size:9px;
    line-height:1.02;
    letter-spacing:.11em;
  }
  .home-page .menu-button{
    min-height:42px;
    min-width:74px;
    padding:0 12px;
    border-color:rgba(212,120,59,.42);
    color:var(--paper);
    background:rgba(8,7,6,.66);
  }
  .home-page .main-nav{
    position:fixed;
    top:68px;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    padding:24px 20px max(28px,env(safe-area-inset-bottom));
    gap:0;
    overflow:auto;
    background:
      linear-gradient(180deg,rgba(8,7,6,.97),rgba(5,4,3,.985)),
      url('assets/hero-desert.png') 62% center/cover no-repeat;
    border-bottom:0;
  }
  .home-page .main-nav::before{
    content:"SOMEONE IN THE DESERT";
    display:block;
    padding:4px 0 18px;
    color:var(--copper2);
    font:10px "Courier New",monospace;
    letter-spacing:.16em;
    border-bottom:1px solid var(--line);
  }
  .home-page .main-nav a{
    display:flex;
    align-items:center;
    min-height:58px;
    padding:0;
    font-size:15px;
    letter-spacing:.12em;
    border-bottom:1px solid var(--softline);
  }
  body.nav-open{overflow:hidden}

  .home-page .hero{
    min-height:calc(100svh - 68px);
    align-items:flex-end;
    background-position:61% center;
  }
  .home-page .hero::before{
    background:
      linear-gradient(180deg,rgba(4,3,2,.08) 0%,rgba(4,3,2,.14) 34%,rgba(4,3,2,.76) 74%,rgba(4,3,2,.96) 100%),
      linear-gradient(90deg,rgba(5,4,3,.66),rgba(5,4,3,.16) 72%);
  }
  .home-page .hero-copy{
    width:100%;
    padding:0 20px max(38px,calc(24px + env(safe-area-inset-bottom)));
  }
  .home-page .display{
    max-width:350px;
    font-size:clamp(57px,17.7vw,73px);
    line-height:.84;
    letter-spacing:-.055em;
  }
  .home-page .rule{
    width:62px;
    margin:20px 0 12px;
  }
  .home-page .hero .descriptor{
    max-width:310px;
    margin:0;
    font-size:11px;
    line-height:1.45;
    letter-spacing:.1em;
  }
  .home-page .hero .actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:min(100%,330px);
    margin-top:20px;
  }
  .home-page .hero .btn{
    width:100%;
    min-height:48px;
    padding:0 18px;
  }

  .home-page .section-index{
    min-height:58px;
    padding:15px 20px;
    gap:12px;
  }
  .home-page .section-index strong{
    min-width:30px;
    font-size:19px;
  }
  .home-page .section-index span{
    font-size:9px;
    line-height:1.25;
    letter-spacing:.1em;
  }
  .home-page .section-body{
    padding:32px 18px 40px;
  }

  .home-page .latest-grid,
  .home-page .live-grid,
  .home-page .band-grid,
  .home-page .contact-grid{
    gap:27px;
  }
  .home-page .latest .frame{
    aspect-ratio:16/10;
  }
  .home-page .latest-copy h2{
    font-size:clamp(54px,16vw,68px);
  }
  .home-page .latest-copy .quote{
    margin:18px 0 0;
    padding-left:14px;
    font-size:16px;
    line-height:1.45;
  }
  .home-page .latest .actions,
  .home-page .live .actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:22px;
  }
  .home-page .latest .btn,
  .home-page .live .btn{
    width:100%;
    min-height:46px;
  }
  .home-page .services{
    margin-top:16px;
    font-size:10px;
  }

  .home-page .live-photo{
    aspect-ratio:16/10;
  }
  .home-page .live-copy h2{
    margin:6px 0 12px;
    font-size:clamp(38px,12.8vw,52px);
  }
  .home-page .live-meta{
    gap:0 18px;
    margin:18px 0 8px;
  }
  .home-page .live-meta div{
    padding:12px 0;
  }
  .home-page .live-meta strong{
    font-size:16px;
  }
  .home-page .section-lead{
    font-size:15px;
    line-height:1.55;
  }

  .home-page .band-photo{
    min-height:0;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
  }
  .home-page .section-title{
    font-size:clamp(43px,13.5vw,56px);
    line-height:.9;
  }
  .home-page .bio{
    font-size:14px;
    line-height:1.65;
  }
  .home-page .bio p{
    margin-bottom:14px;
  }
  .home-page .members{
    margin-top:4px;
  }
  .home-page .member{
    padding:17px 10px;
  }
  .home-page .member strong{
    font-size:14px;
  }
  .home-page .member span{
    font-size:10px;
  }

  .home-page .merch-grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin-right:-18px;
    padding:2px 18px 13px 0;
  }
  .home-page .merch-grid::-webkit-scrollbar{display:none}
  .home-page .merch-card{
    flex:0 0 min(76vw,290px);
    scroll-snap-align:start;
  }
  .home-page .merch-card img{
    aspect-ratio:4/5;
  }
  .home-page .merch-card div{
    padding:15px;
  }
  .home-page .merch-card h3{
    font-size:20px;
  }

  .home-page .portal{
    min-height:68svh;
    background-position:50% center;
  }
  .home-page .portal::after{
    background:linear-gradient(180deg,rgba(5,4,3,.30),rgba(5,4,3,.75));
  }
  .home-page .portal-inner{
    width:100%;
    padding:44px 19px;
  }
  .home-page .portal h2{
    font-size:clamp(50px,15.5vw,64px);
    line-height:.88;
  }
  .home-page .portal p:not(.eyebrow){
    max-width:310px;
    margin:16px auto 0;
    font-size:13px;
    line-height:1.55;
  }
  .home-page .portal .actions{
    margin-top:22px;
  }
  .home-page .portal .btn{
    width:min(100%,310px);
  }

  .home-page .contact-card{
    padding:23px 18px;
  }
  .home-page .contact-card h2{
    font-size:clamp(48px,15vw,60px);
  }
  .home-page .contact-card .quote{
    font-size:16px;
    padding-left:13px;
  }
  .home-page .contact-item{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
    padding:15px 0;
    font-size:13px;
  }
  .home-page .contact-item a{
    max-width:100%;
    overflow-wrap:anywhere;
    line-height:1.45;
  }
  .home-page .social-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .home-page .social-row a{
    display:grid;
    place-items:center;
    min-height:42px;
    padding:8px;
    text-align:center;
  }
  .home-page .contact-visual{
    min-height:58vw;
    max-height:340px;
    background-position:60% center;
  }
  .home-page .site-footer{
    padding:22px 18px max(24px,env(safe-area-inset-bottom));
    flex-direction:column;
    gap:7px;
    font-size:9px;
  }
}

@media(max-width:420px){
  .home-page .display{font-size:clamp(54px,17.4vw,69px)}
  .home-page .live-meta{grid-template-columns:1fr 1fr}
  .home-page .contact-card .eyebrow{font-size:9px;line-height:1.5}
}

@media(max-width:350px){
  .home-page .brand-name{display:none}
  .home-page .display{font-size:53px}
  .home-page .social-row{grid-template-columns:1fr}
}

/* v15 · IMAGE LUMINANCE REBALANCE
   Keep the charcoal/copper identity, but let the approved artwork breathe. */

/* HOME: preserve text contrast on the left without dimming the whole desert. */
.hero::before{
  background:
    linear-gradient(90deg,rgba(5,4,3,.72),rgba(5,4,3,.40) 42%,rgba(5,4,3,.07) 76%),
    linear-gradient(180deg,rgba(0,0,0,.07),rgba(0,0,0,.22));
}
.latest .frame img{filter:brightness(1.08) saturate(1.02)}
.live-photo{filter:saturate(.90) contrast(1.04) brightness(1)}
.band-photo{filter:saturate(.93) brightness(.96) contrast(1.04)}

/* THE DESERT: the source art is intentionally nocturnal, so lift it slightly
   rather than placing another heavy veil over it. */
.map-wrap img{filter:brightness(1.16) contrast(.96) saturate(1.04)}
.portal::after{background:rgba(5,4,3,.34)}

/* CONTACT: reveal the distant beacon and terrain while retaining night. */
.contact-visual{
  background-image:
    linear-gradient(rgba(255,225,175,.055),rgba(255,225,175,.055)),
    url('assets/contact-desert.png');
  background-blend-mode:screen,normal;
}

/* NO PLAN B: retain a dark landing area for the copy, but recover the road,
   horizon and protagonist. */
.ep-hero::after{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.60));
}
.ep-hero::before{
  background:radial-gradient(circle at 68% 44%,transparent 0 18%,rgba(0,0,0,.035) 42%,rgba(0,0,0,.28) 100%);
}
.track-card img{filter:brightness(1.07) saturate(1.02)}

/* SONG UNIVERSES: artwork stays atmospheric without losing midtone detail. */
.song-art{filter:brightness(1.08) saturate(.98) contrast(1.03)}
.song-art::after{background:linear-gradient(90deg,rgba(8,7,6,.20),rgba(8,7,6,0))}
.song-hero:hover .song-art{filter:brightness(1.11) saturate(1.02) contrast(1.04)}

/* The entrance animation should feel like arrival, not a temporary blackout. */
@keyframes desertArrival{from{opacity:0;filter:brightness(.74)}to{opacity:1;filter:brightness(1)}}

@media(max-width:780px){
  .home-page .hero::before{
    background:
      linear-gradient(180deg,rgba(4,3,2,.035) 0%,rgba(4,3,2,.08) 34%,rgba(4,3,2,.55) 74%,rgba(4,3,2,.82) 100%),
      linear-gradient(90deg,rgba(5,4,3,.50),rgba(5,4,3,.10) 72%);
  }
  .home-page .portal::after{
    background:linear-gradient(180deg,rgba(5,4,3,.17),rgba(5,4,3,.52));
  }
  .territory-card:first-child{
    background:
      linear-gradient(180deg,rgba(6,5,4,.08),rgba(6,5,4,.70)),
      url('assets/no-plan-b-landscape.png') center/cover no-repeat;
  }
  .ep-hero::after{
    background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.54));
  }
}

/* v16 · HEAT / PRODUCT / MAP / POSTCARD PASS
   Public-site polish after real-browser review. */

/* HOME HERO: recover the heat of the approved desert artwork.
   Darkness is now concentrated only behind the copy. */
.home-page .hero::before{
  background:
    radial-gradient(circle at 69% 43%,rgba(255,171,72,.14),rgba(255,119,32,.055) 31%,transparent 58%),
    linear-gradient(90deg,rgba(5,4,3,.54),rgba(5,4,3,.25) 40%,rgba(5,4,3,.015) 72%),
    linear-gradient(180deg,rgba(105,41,8,.015),rgba(0,0,0,.11));
}
.home-page .display{
  text-shadow:0 7px 34px rgba(0,0,0,.66),0 2px 4px rgba(0,0,0,.45);
}
@media(min-width:781px){
  .home-page .display{font-size:clamp(65px,7.45vw,132px)}
  .home-page .hero-copy{width:min(650px,50vw)}
}

/* MERCH: this is a shop window, not another dark archive room. */
.home-page .merch{
  background:
    radial-gradient(circle at 50% 10%,rgba(181,104,55,.10),transparent 42%),
    linear-gradient(180deg,#110e0b,#090807 78%);
}
.home-page .merch-card{
  background:#15110e;
  border-color:rgba(212,120,59,.46);
  box-shadow:0 20px 46px rgba(0,0,0,.28);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.home-page .merch-card img{
  filter:brightness(1.30) contrast(1.03) saturate(1.06);
  transition:filter .25s ease,transform .4s ease;
}
.home-page .merch-card div{
  background:linear-gradient(180deg,rgba(26,20,16,.98),rgba(13,11,9,.98));
  border-top:1px solid rgba(212,120,59,.23);
}
.home-page .merch-card h3{color:#f0e4ce;letter-spacing:.015em}
.home-page .merch-card:hover{
  transform:translateY(-5px);
  border-color:rgba(212,120,59,.78);
  box-shadow:0 27px 60px rgba(0,0,0,.42),0 0 0 1px rgba(212,120,59,.10);
}
.home-page .merch-card:hover img{filter:brightness(1.37) contrast(1.035) saturate(1.09);transform:scale(1.012)}

/* THE DESERT MAP: nocturnal, but readable. The labels are already baked into
   the approved artwork, so the extra HTML LOCKED chips were removed in v16. */
.map-wrap{background:#0a0705;isolation:isolate}
.map-wrap img{
  filter:brightness(1.43) contrast(1.015) saturate(1.12);
}
.map-wrap:hover img{filter:brightness(1.47) contrast(1.025) saturate(1.15)}
.map-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 32% 67%,rgba(226,116,45,.16),transparent 15%),
    radial-gradient(circle at 66% 49%,rgba(226,116,45,.13),transparent 12%),
    radial-gradient(circle at 72% 17%,rgba(226,116,45,.13),transparent 11%);
  mix-blend-mode:screen;
}
.map-wrap .hotspot{z-index:2}
.locked-chip{display:none}

/* CONTACT: a closing postcard. More image, more air, and a visible beacon. */
.home-page .contact-grid{grid-template-columns:.76fr 1.24fr;gap:clamp(34px,4vw,64px)}
.home-page .contact-visual{
  min-height:570px;
  background-image:
    radial-gradient(circle at 55% 59%,rgba(255,177,72,.18),transparent 17%),
    linear-gradient(rgba(255,232,190,.13),rgba(255,208,145,.075)),
    url('assets/contact-desert.png');
  background-blend-mode:screen,screen,normal;
  background-position:center;
  box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 0 70px rgba(0,0,0,.08);
  border-color:rgba(212,120,59,.48);
}
.home-page .contact-card{background:rgba(13,10,8,.82)}

/* Keep the mobile hero hot but reserve a dark landing zone for copy/buttons. */
@media(max-width:780px){
  .home-page .hero::before{
    background:
      radial-gradient(circle at 67% 28%,rgba(255,158,65,.12),transparent 42%),
      linear-gradient(180deg,rgba(4,3,2,.015) 0%,rgba(4,3,2,.045) 34%,rgba(4,3,2,.46) 71%,rgba(4,3,2,.78) 100%),
      linear-gradient(90deg,rgba(5,4,3,.36),rgba(5,4,3,.04) 74%);
  }
  .home-page .merch-card img{filter:brightness(1.27) contrast(1.025) saturate(1.05)}
  .home-page .contact-grid{grid-template-columns:1fr}
  .home-page .contact-visual{
    min-height:72vw;
    max-height:420px;
    background-position:center;
  }
}

/* v17 · WARM CHARCOAL PASS
   Replace digital black with a warm charcoal / desert-earth hierarchy.
   Deep black remains only for transitions and selected dramatic accents. */
:root{
  --bg:#14110f;
  --bg2:#1b1714;
  --deep:#080706;
  --panel:#1b1714;
  --panel2:#211b17;
}
html,body{background:var(--bg)}
.site-header{background:rgba(20,17,15,.94)}

/* Main site sections */
.latest{background:linear-gradient(180deg,#1a1613,#14110f)}
.live{background:#171310}
.band{background:linear-gradient(180deg,#15120f,#1a1613)}
.merch{background:#16120f}
.contact{background:#14110f}
.site-footer{background:#110e0c}

/* Cards and framed surfaces */
.frame{background:#1b1714}
.contact-card,
.merch-card,
.track-card,
.song-panel,
.territory-card{background:var(--panel)}

/* HOME merch remains brighter than the rest of the site. */
.home-page .merch{
  background:
    radial-gradient(circle at 50% 8%,rgba(181,104,55,.11),transparent 43%),
    linear-gradient(180deg,#211b17,#171310 82%);
}
.home-page .merch-card{background:#211b17}
.home-page .merch-card div{
  background:linear-gradient(180deg,rgba(36,29,24,.98),rgba(23,19,16,.98));
}

/* Contact text block moves away from pure black while the postcard keeps depth. */
.home-page .contact-card{background:rgba(31,25,21,.88)}

/* The Desert should still be the darkest region, but not pure black. */
.desert-page,.desert-shell{background:#100d0b}
.desert-header{background:rgba(12,10,8,.97)}
.desert-gate{background:linear-gradient(180deg,#17120f,#100d0b)}
.map-wrap{background:#110d0a}
.mobile-territories{background:linear-gradient(180deg,#100d0b,#17120f)}

/* EP and song worlds retain cinematic depth with warmer blacks. */
.ep-page,.song-page{background:#12100e}
.track-card{background:#1a1613}
.song-copy{background:linear-gradient(90deg,#12100e,rgba(18,16,14,.96))}
.song-panel{background:#191512}
.listen-player{background:radial-gradient(circle at 50% 48%,rgba(182,95,44,.11),transparent 38%),#14110f}
.play-orbit{background:rgba(12,10,8,.95);box-shadow:0 0 0 8px rgba(12,10,8,.74),0 0 30px rgba(182,95,44,.22)}

/* Keep true deep black only where it has narrative purpose. */
.transition-screen{background:#030302}

@media(max-width:780px){
  .main-nav{background:#171310}
  .mobile-territories{background:linear-gradient(180deg,#100d0b,#17120f)}
}