@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap');
:root{--ink:#060a0d;--night:#0d1518;--deep:#142126;--foam:#f2f3ec;--mist:#b5c1c2;--lagoon:#35e0d1;--deep-lagoon:#006c68;--sunset:#ff6b4a;--solar:#ffd447;--line:rgba(242,243,236,.18);--space:clamp(4rem,9vw,8rem);--max:1480px;color-scheme:dark}
[data-theme=light]{--ink:#f2f3ec;--night:#e8ece8;--deep:#dbe3df;--foam:#071013;--mist:#425358;--line:rgba(6,10,13,.16);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--foam);font:400 1rem/1.6 Archivo,Arial,sans-serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{color:inherit}.skip{position:fixed;top:-5rem;left:1rem;background:var(--solar);color:#060a0d;padding:.75rem 1rem;z-index:100}.skip:focus{top:1rem}body>header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:1.5rem;min-height:76px;padding:0 clamp(1rem,4vw,3rem)}.brand{font-family:'Archivo Black',Impact,sans-serif;font-size:1rem;letter-spacing:-.04em;line-height:.9}.navlinks{margin-left:auto;display:flex;gap:1.4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--lagoon)}.iconbtn,.menu{border:1px solid var(--line);background:transparent;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.menu{display:none}.btn{min-height:48px;padding:.75rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid currentColor;text-transform:uppercase;font:600 .75rem/1 'IBM Plex Mono',monospace;letter-spacing:.07em;cursor:pointer;background:transparent}.btn.primary{background:var(--lagoon);border-color:var(--lagoon);color:#061012}.btn.warm{background:var(--sunset);border-color:var(--sunset);color:#140806}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--solar);outline-offset:3px}.wrap{max-width:var(--max);margin:auto;padding-left:clamp(1rem,4vw,3rem);padding-right:clamp(1rem,4vw,3rem)}.hero{min-height:min(780px,88vh);display:grid;align-items:end;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,13,.95) 0%,rgba(6,10,13,.55) 48%,rgba(6,10,13,.2)),url('/assets/media/ba722dd27f2e4455bbbe685cec151f2d-jpg-517d8b04.webp') center/cover;filter:saturate(.72) contrast(1.08)}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 46px,rgba(53,224,209,.05) 46px 48px)}.hero .inner{position:relative;z-index:1;padding-bottom:clamp(3rem,7vw,6rem);max-width:900px}.eyebrow{font:500 .72rem/1.3 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--lagoon)}h1,h2,h3{font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.9;margin:.2em 0}h1{font-size:clamp(3.5rem,10vw,9.5rem)}h2{font-size:clamp(2.5rem,6vw,6rem)}h3{font-size:clamp(1.5rem,2.8vw,3rem)}.lead{font-size:clamp(1.1rem,2vw,1.45rem);max-width:680px;color:var(--mist)}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.ticker{border-bottom:1px solid var(--line);overflow:hidden}.ticker div{white-space:nowrap;padding:.85rem 0;font:500 .72rem 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em;animation:drift 22s linear infinite}.ticker span{color:var(--sunset);padding:0 1.2rem}@keyframes drift{to{transform:translateX(-45%)}}section{padding-top:var(--space);padding-bottom:var(--space)}.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.grid>*{background:var(--ink)}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.card{padding:clamp(1.25rem,3vw,2.5rem);min-height:260px;position:relative;overflow:hidden}.card .num{font:500 .72rem 'IBM Plex Mono',monospace;color:var(--mist)}.card p{color:var(--mist);max-width:48ch}.card a.stretch:after{content:'';position:absolute;inset:0}.eventcard{min-height:420px;display:flex;flex-direction:column;justify-content:space-between}.eventcard.lagoon{background:linear-gradient(145deg,var(--night),#073a38)}.eventcard.sunset{background:linear-gradient(145deg,var(--night),#52231a)}.eventcard.solar{background:linear-gradient(145deg,var(--night),#493e12)}.eventcard .date{font:500 .75rem 'IBM Plex Mono',monospace;text-transform:uppercase}.eventcard .meta{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.sectionhead p{max-width:520px;color:var(--mist)}.statement{font-size:clamp(2rem,5vw,5.4rem);line-height:.96;letter-spacing:-.05em;max-width:1200px}.statement em{font-style:normal;color:var(--sunset)}.series{min-height:560px;padding:clamp(1.5rem,4vw,4rem);display:flex;flex-direction:column;justify-content:flex-end;position:relative}.series.sunset{background:linear-gradient(0deg,rgba(6,10,13,.92),rgba(6,10,13,.08)),url('/assets/media/ba722dd27f2e4455bbbe685cec151f2d-jpg-517d8b04.webp') center/cover}.series.rehab{background:linear-gradient(0deg,rgba(6,10,13,.96),rgba(6,10,13,.15)),url('/assets/media/82f87634b71e460a89854421f8a0ea9b-jpg-b6bba5dd.webp') center/cover}.filterbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filterbar button{background:transparent;color:var(--mist);border:1px solid var(--line);min-height:44px;padding:.5rem 1rem;cursor:pointer}.filterbar button.active{background:var(--foam);color:var(--ink)}.release{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between}.release.lagoon{background:linear-gradient(135deg,#05201e,var(--deep-lagoon))}.release.sunset{background:linear-gradient(135deg,#23110c,#a33f2a)}.release.solar{background:linear-gradient(135deg,#282208,#88711b)}.release .label{font:500 .7rem 'IBM Plex Mono',monospace}.portrait{min-height:600px;background-position:center;background-size:cover}.portrait.group{background-image:linear-gradient(0deg,rgba(6,10,13,.65),transparent),url('/assets/media/57f595_7243632ed30f45d598d41fb4e38921d0-66605b4a.webp')}.portrait.anthom{background-image:linear-gradient(0deg,rgba(6,10,13,.5),transparent),url('/assets/media/57f595_153f97a1ecbf4a80aba9ba3190aa765e-44903ac3.webp')}.pagehero{padding:clamp(5rem,10vw,10rem) 0 var(--space);border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 10%,rgba(53,224,209,.16),transparent 28%),var(--ink)}.pagehero.warm{background:radial-gradient(circle at 80% 10%,rgba(255,107,74,.2),transparent 28%),var(--ink)}.crumb{font:500 .7rem 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--mist)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem}.fact{padding:1.5rem;background:var(--night)}.fact small{display:block;color:var(--mist);text-transform:uppercase;font:500 .65rem 'IBM Plex Mono',monospace}.prose{max-width:760px}.prose p{font-size:1.08rem;color:var(--mist)}.aside{border-left:1px solid var(--line);padding-left:clamp(1rem,3vw,3rem)}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(2rem,7vw,7rem)}.player{border:1px solid var(--line);background:var(--night);padding:1rem}.player iframe{width:100%;border:0}.note{border-left:4px solid var(--sunset);padding:1rem 1.25rem;background:var(--night);color:var(--mist)}form{display:grid;gap:1rem}.field{display:grid;gap:.4rem}.field label{font:500 .7rem 'IBM Plex Mono',monospace;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;background:var(--night);color:var(--foam);border:1px solid var(--line);min-height:52px;padding:.8rem}.field textarea{min-height:140px;resize:vertical}.formstatus{min-height:1.5em;color:var(--lagoon)}footer{border-top:1px solid var(--line);padding:4rem 0 2rem}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.footlinks{display:grid;gap:.5rem;color:var(--mist)}.legal{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem;color:var(--mist);font-size:.8rem;display:flex;justify-content:space-between;gap:1rem}.tag{display:inline-block;border:1px solid var(--line);padding:.25rem .5rem;font:500 .65rem 'IBM Plex Mono',monospace;text-transform:uppercase}.hide{display:none!important}
@media(max-width:860px){.nav{min-height:64px}.menu{display:grid;margin-left:auto}.navlinks{display:none;position:absolute;top:64px;left:0;right:0;background:var(--ink);padding:1rem;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.nav .iconbtn{margin-left:0}.two,.three,.four,.split,.footgrid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.hero{min-height:78vh}.hero:before{background:linear-gradient(0deg,rgba(6,10,13,.97),rgba(6,10,13,.2)),url('/assets/media/ba722dd27f2e4455bbbe685cec151f2d-jpg-517d8b04.webp') center/cover}.sectionhead{align-items:start;flex-direction:column}.series{min-height:460px}.portrait{min-height:520px}.aside{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:2rem}.legal{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.btn{transition:none}}

/* Denser editorial cards: atmosphere without unnecessary scrolling. */
.eventcard{min-height:360px}
.release-grid .release{aspect-ratio:4/3}
.seriesbar{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:2rem}
.seriesbar a{position:relative;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:center;min-height:96px;padding:1.25rem 1.5rem;background:var(--night)}
.seriesbar a:hover{background:var(--deep)}
.seriesbar b{font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em}
.seriesbar span{grid-column:1;color:var(--mist);font-size:.85rem}
.seriesbar i{grid-column:2;grid-row:1/3;color:var(--lagoon);font-style:normal}

@media(max-width:860px){
  section{padding-top:3rem;padding-bottom:3rem}
  .sectionhead{gap:1rem;margin-bottom:1.5rem}
  .eventgrid .eventcard{min-height:290px;padding:1.25rem}
  .eventgrid .eventcard h3{font-size:clamp(1.55rem,7vw,2rem)}
  .eventgrid .eventcard p{margin:.6rem 0}
  .release-grid .release{aspect-ratio:auto;min-height:210px;padding:1.25rem}
  .release-grid .release h3{font-size:clamp(1.35rem,6vw,1.8rem);line-height:.96}
  .seriesbar{grid-template-columns:1fr;margin-bottom:1.5rem}
  .seriesbar a{min-height:80px;padding:1rem 1.25rem}
}

.hiregrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.hirecard{min-height:330px;padding:clamp(1.25rem,3vw,2.5rem);background:var(--night);display:flex;flex-direction:column}
.hirecard:nth-child(3n+1){background:linear-gradient(145deg,var(--night),#073a38)}
.hirecard:nth-child(3n+2){background:linear-gradient(145deg,var(--night),#402019)}
.hiretop{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.hiretop strong,.poa{font:600 .78rem 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--solar);letter-spacing:.04em}
.hirecard h3{font-size:clamp(1.5rem,3vw,2.7rem)}
.hirecard p,.hirecard li{color:var(--mist)}
.hirecard ul{margin-top:auto;padding-left:1.2rem}

@media(max-width:860px){
  .hiregrid{grid-template-columns:1fr}
  .hirecard{min-height:0;padding:1.25rem}
  .hiretop{margin-bottom:1rem}
  .hirecard h3{font-size:clamp(1.45rem,7vw,2rem)}
}

/* The archive is a flyer wall, not another event-card grid. */
.archivehero{padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
.archivehero h1{font-size:clamp(3.5rem,9vw,8rem)}
.archive-section{padding-top:clamp(1.5rem,4vw,3rem)}
.archive-tools{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.archive-tools .filterbar{margin-bottom:0}
.archive-count{margin:.7rem 0 0;color:var(--mist);white-space:nowrap;font:500 .72rem/1.2 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.archive-count span{color:var(--lagoon)}
.posterwall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:6px;gap:clamp(.5rem,1vw,.9rem);align-items:start}
.poster-tile{display:block;width:100%;padding:0;margin:0;border:1px solid var(--line);background:var(--night);cursor:zoom-in;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease}
.poster-tile img{width:100%;height:auto}
.poster-tile:hover{transform:translateY(-3px) rotate(-.2deg);border-color:var(--foam)}
.poster-tile:focus-visible{outline:3px solid var(--solar);outline-offset:3px}
.poster-dialog{width:min(94vw,1100px);height:min(94vh,980px);padding:0;border:1px solid rgba(242,243,236,.28);background:#060a0d;color:#f2f3ec;overflow:auto}
.poster-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}
.poster-stage{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.38fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);padding:clamp(1rem,3vw,2rem)}
.poster-stage>img{max-height:calc(94vh - 4rem);max-width:100%;width:auto;margin:auto;object-fit:contain;box-shadow:0 18px 60px rgba(0,0,0,.48)}
.poster-caption h2{font-size:clamp(1.8rem,4vw,4rem)}
.poster-close{position:sticky;float:right;top:.75rem;right:.75rem;z-index:2;width:48px;height:48px;border:1px solid rgba(242,243,236,.32);background:#060a0d;color:#f2f3ec;font-size:2rem;line-height:1;cursor:pointer}
.poster-close:hover{background:#f2f3ec;color:#060a0d}

@media(max-width:860px){
  .archivehero{padding-top:2.5rem;padding-bottom:2rem}
  .archive-tools{display:block;margin-bottom:1rem}
  .archive-count{margin-top:1rem}
  .posterwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .poster-stage{display:flex;min-height:100%;flex-direction:column;padding:3.75rem .75rem 1rem}
  .poster-stage>img{max-height:72vh}
  .poster-caption{width:100%}
  .poster-caption h2{font-size:1.65rem}
  .poster-close{position:fixed;top:.75rem;right:.75rem}
}

@media(prefers-reduced-motion:reduce){.poster-tile{transition:none}}

/* Journal: a selective record, not a content treadmill. */
.journal-index{padding-top:clamp(2rem,5vw,4rem)}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.journal-card{background:var(--ink);min-width:0}
.journal-card>a{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);min-height:330px}
.journal-image{overflow:hidden;background:var(--night)}
.journal-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.04);transition:transform .35s ease,filter .35s ease}
.journal-copy{padding:clamp(1.25rem,3vw,2.5rem);display:flex;flex-direction:column;align-items:flex-start}
.journal-copy h3{font-size:clamp(1.65rem,3vw,3.15rem)}
.journal-copy>p:not(.eyebrow){color:var(--mist);max-width:46ch}
.journal-link{margin-top:auto;padding-top:1.5rem;font:600 .72rem/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.journal-link i{font-style:normal;color:var(--lagoon);padding-left:.4rem}
.journal-card:hover .journal-image img{transform:scale(1.025);filter:saturate(1) contrast(1.06)}
.article-head{padding:clamp(4rem,8vw,8rem) 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 15%,rgba(53,224,209,.12),transparent 26%),var(--ink)}
.article-head-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.article-head h1{font-size:clamp(3.2rem,7.5vw,7.5rem)}
.article-head .crumb{display:inline-block;margin-bottom:2rem}
.byline{margin-top:2rem;color:var(--mist);font:500 .72rem/1.3 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.article-figure{margin:0;max-height:720px;overflow:hidden;border:1px solid var(--line);background:var(--night)}
.article-figure img{width:100%;height:100%;max-height:720px;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.32fr);gap:clamp(2rem,7vw,7rem);padding-top:clamp(3rem,7vw,7rem);padding-bottom:clamp(4rem,9vw,9rem)}
.article-body{max-width:820px}
.article-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 clamp(3rem,6vw,6rem);background:var(--line);border:1px solid var(--line)}
.article-facts div{padding:1.25rem;background:var(--night)}
.article-facts dt{color:var(--mist);font:500 .65rem/1.3 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.article-facts dd{margin:.45rem 0 0;font-weight:600}
.article-section{padding:0 0 clamp(2.5rem,5vw,5rem)}
.article-section h2{font-size:clamp(2rem,4.5vw,4.5rem);margin-bottom:.55em}
.article-section p{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.75;color:var(--mist);max-width:68ch}
.article-body blockquote{margin:0;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(1.8rem,4vw,4rem);line-height:.95;text-transform:uppercase;color:var(--sunset)}
.article-aside{align-self:start;position:sticky;top:110px;border-left:1px solid var(--line);padding-left:clamp(1rem,3vw,2.5rem)}
.article-actions{display:grid;gap:.65rem;margin:1.5rem 0 2.5rem}
.article-actions .btn{justify-content:space-between;text-align:left}
.article-aside .share{width:100%}

@media(max-width:1000px){
  .journal-card>a{grid-template-columns:1fr;min-height:0}
  .journal-image{aspect-ratio:16/10}
  .article-head-grid,.article-layout{grid-template-columns:1fr}
  .article-figure{max-height:620px}
  .article-aside{position:static;border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}
}

@media(max-width:680px){
  .journal-grid{grid-template-columns:1fr}
  .journal-image{aspect-ratio:4/3}
  .journal-copy{min-height:270px}
  .article-head{padding:3rem 0}
  .article-head-grid{gap:2rem}
  .article-head h1{font-size:clamp(2.65rem,13vw,4.5rem)}
  .article-figure{max-height:68vh}
  .article-facts{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.journal-image img{transition:none}}

/* Search-friendly embeds and archive captions. */
.soundcloud-facade{min-height:166px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,var(--night),var(--deep));padding:1.25rem}
.soundcloud-facade h3{font-size:clamp(1.35rem,2.5vw,2.25rem);margin:.25rem 0}
.soundcloud-facade p:not(.eyebrow){margin:.25rem 0 1rem;color:var(--mist)}
.poster-meta{display:block;padding:.7rem .75rem .8rem;text-align:left}
.poster-meta strong{display:block;font:600 .7rem/1.3 'IBM Plex Mono',monospace;text-transform:uppercase}
.poster-meta small{display:block;margin-top:.3rem;color:var(--mist);font-size:.7rem;line-height:1.35}

/* Merch: CHB energy with Kuki Kulture as the retail partner. */
.merch-hero{padding:clamp(2rem,5vw,5rem) 0 var(--space);background:radial-gradient(circle at 15% 20%,rgba(255,107,74,.16),transparent 30%),var(--ink);border-bottom:1px solid var(--line)}
.merch-hero-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.merch-intro h1{font-size:clamp(4rem,9vw,9rem)}
.merch-visual{margin:0;position:relative;border:1px solid var(--line);background:var(--night);overflow:hidden}
.merch-visual img{width:100%;height:auto;filter:saturate(.92) contrast(1.04)}
.merch-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.25rem;background:linear-gradient(transparent,rgba(6,10,13,.92));color:#f2f3ec;font:500 .68rem/1.3 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.merch-story{background:linear-gradient(140deg,var(--ink),var(--night))}
.merch-list{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.75rem 0}
.merch-list span{border:1px solid var(--line);padding:.5rem .75rem;font:500 .68rem/1.2 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.07em}

@media(max-width:860px){
  .merch-hero{padding-top:2rem}
  .merch-hero-grid{grid-template-columns:1fr;gap:2rem}
  .merch-intro h1{font-size:clamp(3.5rem,17vw,6rem)}
  .merch-visual{max-width:620px}
}

/* Native mobile navigation: works without a JavaScript click handler. */
.mobilemenu{display:none}
@media(max-width:860px){
  .mobilemenu{display:block;margin-left:auto}
  .mobilemenu summary{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);cursor:pointer;list-style:none}
  .mobilemenu summary:focus-visible{outline:3px solid var(--solar);outline-offset:3px}
  .mobilemenu summary::-webkit-details-marker{display:none}
  .mobilemenu summary span:before{content:'☰';font-size:1.15rem}
  .mobilemenu[open] summary span:before{content:'×';font-size:1.65rem;line-height:1}
  .mobilelinks{position:fixed;top:64px;left:0;right:0;z-index:25;display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 20px 36px rgba(0,0,0,.35)}
  .mobilelinks a{min-height:44px;display:flex;align-items:center;padding:.35rem .25rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
  .mobilelinks a[aria-current=page]{color:var(--lagoon)}
}