:root{
  --ink:#08090B; --ink-2:#0E1115; --ink-3:#141920; --ink-4:#1B222A;
  --line:#222B34; --line-hi:#33414E;
  --bolt:#58B5E0; --bolt-hi:#86CDEE; --bolt-dim:#2C6E8F;
  --bone:#E9EDF0; --ash:#8B959E; --ash-dim:#5D666E;
  --warn:#C8912E; --bad:#B4534A;
  --display:'Anton','Arial Narrow',Impact,sans-serif;
  --cond:'Barlow Condensed','Arial Narrow',sans-serif;
  --body:'Barlow','Helvetica Neue',Arial,sans-serif;
  --frame:1200px;
  --gut:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{ box-sizing:border-box; }
body{ margin:0; background:var(--ink); color:var(--bone); font-family:var(--body); font-size:16.5px; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; background:none; border:none; cursor:pointer; }
input,select,textarea{ font:inherit; color:inherit; }
h1,h2,h3{ text-wrap:balance; margin:0; }
:focus-visible{ outline:2px solid var(--bolt); outline-offset:3px; }
body::before{ content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.055; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); }
.frame{ width:100%; max-width:var(--frame); margin:0 auto; padding-inline:var(--gut); }
.eyebrow{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.22em; font-size:.78rem; color:var(--bolt); display:inline-flex; align-items:center; gap:.6em; }
.eyebrow::before{ content:""; width:22px; height:2px; background:var(--bolt); }
.h-sect{ font-family:var(--display); font-weight:400; text-transform:uppercase; font-size:clamp(2.1rem,5.4vw,3.4rem); line-height:.96; letter-spacing:.005em; margin-top:.34em; }
.lede{ color:var(--ash); max-width:56ch; margin-top:1em; font-size:1.02rem; }
.proto{ position:relative; z-index:60; background:var(--bolt); color:#05171F; font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.1em; font-size:.74rem; }
.proto .frame{ display:flex; flex-wrap:wrap; gap:.4em 1.2em; align-items:center; padding-block:8px; }
.proto b{ font-weight:700; }
.proto span{ opacity:.74; letter-spacing:.01em; text-transform:none; font-family:var(--body); font-size:.82rem; font-weight:500; }
header{ position:sticky; top:0; z-index:50; background:rgba(8,9,11,.86); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav{ display:flex; align-items:center; gap:clamp(14px,3vw,34px); height:70px; }
.lockup{ display:flex; align-items:center; gap:11px; margin-right:auto; }
.lockup img{ height:40px; width:auto; }
.lockup .wm{ font-family:var(--display); text-transform:uppercase; font-size:1.16rem; line-height:.86; letter-spacing:.02em; }
.lockup .wm i{ display:block; font-style:normal; color:var(--bolt); }
.menu{ display:flex; gap:2px; list-style:none; margin:0; padding:0; }
.menu a{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.14em; font-size:.85rem; padding:9px 13px; display:block; color:var(--bone); border-bottom:2px solid transparent; transition:color .18s, border-color .18s; }
.menu a:hover{ color:var(--bolt); border-bottom-color:var(--bolt); }
.nav-side{ display:flex; align-items:center; gap:6px; }
.icn{ width:38px; height:38px; display:grid; place-items:center; color:var(--ash); border:1px solid transparent; border-radius:2px; transition:color .18s, border-color .18s, background .18s; }
.icn:hover{ color:var(--bolt); border-color:var(--line-hi); background:var(--ink-2); }
.cart-btn{ position:relative; }
.cart-btn .pip{ position:absolute; top:1px; right:1px; min-width:17px; height:17px; padding:0 4px; background:var(--bolt); color:#05171F; border-radius:9px; font-family:var(--cond); font-weight:700; font-size:.68rem; line-height:17px; text-align:center; transform:scale(0); transition:transform .2s var(--ease); }
.cart-btn .pip.on{ transform:scale(1); }
.burger{ display:none; width:38px; height:38px; place-items:center; }
.burger span{ display:block; width:19px; height:2px; background:var(--bone); position:relative; }
.burger span::before,.burger span::after{ content:""; position:absolute; left:0; width:19px; height:2px; background:var(--bone); }
.burger span::before{ top:-6px; } .burger span::after{ top:6px; }
.hero{ position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.hero::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(120% 80% at 18% 18%, rgba(88,181,224,.13), transparent 58%); }
.hero-crest{ position:absolute; right:-7%; top:50%; transform:translateY(-50%); height:132%; width:auto; opacity:.10; pointer-events:none; filter:grayscale(1) brightness(2.6); }
.hero .frame{ position:relative; z-index:2; padding-block:clamp(52px,9vw,104px); }
.hero-grid{ display:grid; gap:34px; max-width:44rem; }
.bar-mark{ width:132px; height:9px; background:var(--bolt); transform-origin:left; }
h1{ font-family:var(--display); font-weight:400; text-transform:uppercase; font-size:clamp(3.3rem,11.5vw,7.4rem); line-height:.85; letter-spacing:-.005em; margin:0; }
h1 i{ display:block; font-style:normal; color:var(--bolt); }
.hero-sub{ font-family:var(--cond); font-weight:500; text-transform:uppercase; letter-spacing:.17em; font-size:clamp(.86rem,1.7vw,1rem); color:var(--ash); margin:0; }
.hero-copy{ color:var(--bone); font-size:clamp(1.02rem,2vw,1.16rem); max-width:44ch; margin:0; }
.hero-copy strong{ color:var(--bolt); font-weight:600; }
.ctas{ display:flex; flex-wrap:wrap; gap:12px; }
.btn{ font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.13em; font-size:.92rem; padding:13px 26px; border:1px solid var(--bolt); display:inline-flex; align-items:center; gap:.6em; transition:background .18s, color .18s, border-color .18s, transform .18s var(--ease); }
.btn-solid{ background:var(--bolt); color:#05171F; }
.btn-solid:hover{ background:var(--bolt-hi); border-color:var(--bolt-hi); transform:translateY(-2px); }
.btn-ghost{ color:var(--bolt); }
.btn-ghost:hover{ background:rgba(88,181,224,.11); transform:translateY(-2px); }
.btn-quiet{ border-color:var(--line-hi); color:var(--bone); }
.btn-quiet:hover{ border-color:var(--bolt); color:var(--bolt); }
.ticker{ border-block:1px solid var(--line); background:var(--ink-2); overflow:hidden; padding-block:12px; }
.ticker-track{ display:flex; width:max-content; animation:roll 34s linear infinite; }
.ticker-track span{ font-family:var(--display); text-transform:uppercase; font-size:clamp(1.05rem,2.4vw,1.5rem); letter-spacing:.02em; color:var(--bone); padding-inline:.55em; display:inline-flex; align-items:center; gap:.55em; }
.ticker-track span::after{ content:"\26A1"; color:var(--bolt); font-size:.8em; }
.ticker-track span:nth-child(even){ color:var(--bolt); }
@keyframes roll{ to{ transform:translateX(-50%); } }
section.band{ border-bottom:1px solid var(--line); padding-block:clamp(60px,8vw,104px); }
section.band.alt{ background:var(--ink-2); }
.sect-head{ margin-bottom:clamp(30px,4vw,48px); }
.record{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,4vw,56px); align-items:start; }
.sleeve{ aspect-ratio:1; background:var(--ink); border:1px solid var(--line); display:grid; place-items:center; position:relative; overflow:hidden; }
.sleeve::after{ content:""; position:absolute; inset:0; background:radial-gradient(70% 55% at 50% 42%, rgba(88,181,224,.16), transparent 70%); }
.sleeve img{ width:56%; height:auto; position:relative; z-index:1; }
.sleeve .stamp{ position:absolute; left:0; bottom:0; z-index:2; background:var(--bolt); color:#05171F; font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; padding:6px 12px; }
.rec-meta{ display:flex; flex-wrap:wrap; gap:6px 22px; margin-block:0 22px; padding:0; }
.rec-meta div{ font-family:var(--cond); font-weight:500; text-transform:uppercase; letter-spacing:.13em; font-size:.8rem; color:var(--ash-dim); }
.rec-meta b{ display:block; color:var(--bone); font-weight:600; font-size:.95rem; letter-spacing:.09em; }
.tracks{ border-top:1px solid var(--line); margin-top:4px; }
.track{ display:grid; grid-template-columns:34px 1fr auto auto; gap:14px; align-items:center; padding:11px 4px; border-bottom:1px solid var(--line); transition:background .16s; }
.track:hover{ background:var(--ink-3); }
.track .no{ font-family:var(--cond); font-weight:600; color:var(--ash-dim); font-size:.9rem; font-variant-numeric:tabular-nums; }
.track .ttl{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.09em; font-size:1rem; }
.track .dur{ font-family:var(--cond); color:var(--ash); font-size:.9rem; font-variant-numeric:tabular-nums; }
.track .play{ width:30px; height:30px; display:grid; place-items:center; color:var(--bolt); border:1px solid var(--line-hi); }
.track .play:hover{ background:var(--bolt); color:#05171F; border-color:var(--bolt); }
.ph{ color:var(--ash); border-bottom:1px dotted var(--bolt-dim); cursor:help; }
.streams{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.stream{ display:inline-flex; align-items:center; gap:9px; padding:10px 16px; border:1px solid var(--line-hi); background:var(--ink-3); font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.12em; font-size:.82rem; transition:border-color .18s, color .18s, background .18s; }
.stream:hover{ border-color:var(--bolt); color:var(--bolt); background:var(--ink-4); }
.stream.off{ opacity:.42; }
.shows-empty{ border:1px solid var(--line); background:var(--ink-3); padding:clamp(28px,4vw,44px); display:grid; gap:26px; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); align-items:center; }
.shows-empty h3{ font-family:var(--display); text-transform:uppercase; font-size:clamp(1.5rem,3.4vw,2.05rem); line-height:1.02; }
.shows-empty p{ color:var(--ash); margin:.7em 0 0; max-width:44ch; }
.signup{ display:flex; flex-wrap:wrap; }
.signup input{ flex:1 1 200px; min-width:0; padding:13px 15px; background:var(--ink); border:1px solid var(--line-hi); border-right:none; }
.signup input::placeholder{ color:var(--ash-dim); }
.signup button{ padding:13px 22px; background:var(--bolt); color:#05171F; border:1px solid var(--bolt); font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.13em; font-size:.86rem; }
.signup button:hover{ background:var(--bolt-hi); }
.fine{ font-size:.82rem; color:var(--ash-dim); margin:9px 0 0; }
.lineup{ display:grid; grid-template-columns:repeat(auto-fit,minmax(232px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.member{ background:var(--ink-3); padding:26px 22px 24px; display:flex; flex-direction:column; gap:12px; }
.member.open{ background:var(--ink-2); }
.member .role{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.19em; font-size:.74rem; color:var(--bolt); }
.member .name{ font-family:var(--display); text-transform:uppercase; font-size:1.55rem; line-height:1; }
.member.open .name{ color:var(--ash-dim); }
.member p{ margin:0; color:var(--ash); font-size:.94rem; }
.member .slot{ margin-top:auto; padding-top:14px; font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.13em; font-size:.8rem; color:var(--bolt); display:inline-flex; align-items:center; gap:.5em; }
.member .slot::after{ content:"\2192"; transition:transform .18s var(--ease); }
.member .slot:hover::after{ transform:translateX(4px); }
.member .taken{ margin-top:auto; padding-top:14px; font-family:var(--cond); text-transform:uppercase; letter-spacing:.13em; font-size:.8rem; color:var(--ash-dim); }
.shop-bar{ display:flex; flex-wrap:wrap; gap:16px; align-items:end; justify-content:space-between; margin-bottom:26px; }
.filters{ display:flex; flex-wrap:wrap; gap:6px; }
.filters button{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.13em; font-size:.82rem; padding:9px 16px; border:1px solid var(--line-hi); color:var(--ash); transition:color .16s, border-color .16s, background .16s; }
.filters button:hover{ color:var(--bone); border-color:var(--bolt-dim); }
.filters button[aria-pressed="true"]{ background:var(--bolt); border-color:var(--bolt); color:#05171F; }
.ship-note{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.11em; font-size:.8rem; color:var(--ash); margin:0; }
.ship-note b{ color:var(--bolt); font-weight:600; }
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(246px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.card{ background:var(--ink-3); display:flex; flex-direction:column; transition:background .18s; }
.card:hover{ background:var(--ink-4); }
.thumb{ position:relative; aspect-ratio:4/5; overflow:hidden; background:var(--ink-2); display:grid; place-items:center; }
.thumb svg{ width:64%; height:auto; color:var(--bolt-dim); transition:transform .35s var(--ease), color .25s; }
.card:hover .thumb svg{ transform:scale(1.05); color:var(--bolt); }
.thumb .tag{ position:absolute; top:10px; left:10px; font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.13em; font-size:.68rem; padding:4px 9px; background:var(--ink); border:1px solid var(--line-hi); color:var(--ash); }
.thumb .tag.hot{ background:var(--bolt); border-color:var(--bolt); color:#05171F; }
.thumb .tag.out{ background:var(--ink); border-color:var(--bad); color:var(--bad); }
.card-body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:9px; flex:1; }
.card .kind{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.17em; font-size:.68rem; color:var(--ash-dim); }
.card .title{ font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:1.06rem; line-height:1.15; margin:0; }
.card .price{ font-family:var(--cond); font-weight:600; font-size:1.06rem; color:var(--bolt); font-variant-numeric:tabular-nums; }
.sizes{ display:flex; flex-wrap:wrap; gap:5px; }
.sizes button{ min-width:34px; padding:6px 8px; border:1px solid var(--line-hi); font-family:var(--cond); font-weight:600; font-size:.8rem; letter-spacing:.06em; color:var(--ash); transition:color .15s, border-color .15s, background .15s; }
.sizes button:hover:not([disabled]){ color:var(--bone); border-color:var(--bolt-dim); }
.sizes button[aria-pressed="true"]{ background:var(--bolt); border-color:var(--bolt); color:#05171F; }
.sizes button[disabled]{ opacity:.3; cursor:not-allowed; text-decoration:line-through; }
.stock{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.11em; font-size:.74rem; color:var(--warn); margin:0; }
.add{ margin-top:auto; padding:11px; border:1px solid var(--bolt); color:var(--bolt); font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.13em; font-size:.85rem; transition:background .16s, color .16s; }
.add:hover:not([disabled]){ background:var(--bolt); color:#05171F; }
.add[disabled]{ border-color:var(--line-hi); color:var(--ash-dim); cursor:not-allowed; }
.scrim{ position:fixed; inset:0; z-index:70; background:rgba(4,5,7,.72); opacity:0; visibility:hidden; transition:opacity .25s, visibility .25s; }
.scrim.on{ opacity:1; visibility:visible; }
.drawer{ position:fixed; top:0; right:0; bottom:0; z-index:80; width:min(400px,100%); background:var(--ink-2); border-left:1px solid var(--line); display:flex; flex-direction:column; transform:translateX(102%); transition:transform .3s var(--ease), visibility .3s; visibility:hidden; }
.drawer.on{ transform:none; visibility:visible; }
.drawer-top{ display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid var(--line); }
.drawer-top h2{ font-family:var(--display); text-transform:uppercase; font-size:1.35rem; letter-spacing:.02em; }
.drawer-body{ flex:1; overflow-y:auto; padding:6px 22px; }
.line{ display:grid; grid-template-columns:52px 1fr auto; gap:14px; padding:16px 0; border-bottom:1px solid var(--line); }
.line .pic{ aspect-ratio:1; background:var(--ink-3); display:grid; place-items:center; color:var(--bolt-dim); }
.line .pic svg{ width:66%; }
.line .nm{ font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:.95rem; line-height:1.2; }
.line .vr{ font-family:var(--cond); color:var(--ash-dim); text-transform:uppercase; letter-spacing:.12em; font-size:.74rem; margin-top:2px; }
.qty{ display:inline-flex; align-items:center; border:1px solid var(--line-hi); margin-top:9px; }
.qty button{ width:27px; height:27px; color:var(--ash); }
.qty button:hover{ color:var(--bolt); }
.qty span{ min-width:26px; text-align:center; font-family:var(--cond); font-weight:600; font-variant-numeric:tabular-nums; font-size:.9rem; }
.line .amt{ font-family:var(--cond); font-weight:600; font-variant-numeric:tabular-nums; text-align:right; }
.line .rm{ display:block; margin-top:8px; font-family:var(--cond); text-transform:uppercase; letter-spacing:.1em; font-size:.7rem; color:var(--ash-dim); }
.line .rm:hover{ color:var(--bad); }
.cart-none{ padding:52px 0; text-align:center; color:var(--ash-dim); }
.cart-none svg{ width:44px; margin:0 auto 14px; color:var(--line-hi); }
.cart-none p{ margin:0; }
.drawer-foot{ border-top:1px solid var(--line); padding:20px 22px; display:grid; gap:14px; }
.progress{ height:3px; background:var(--line); overflow:hidden; }
.progress i{ display:block; height:100%; background:var(--bolt); width:0; transition:width .3s var(--ease); }
.ship-line{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.1em; font-size:.76rem; color:var(--ash); margin:8px 0 0; }
.ship-line b{ color:var(--bolt); font-weight:600; }
.totals{ display:flex; justify-content:space-between; align-items:baseline; margin:0; }
.totals dt{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.14em; font-size:.85rem; color:var(--ash); }
.totals dd{ margin:0; font-family:var(--display); font-size:1.6rem; font-variant-numeric:tabular-nums; }
.pay-row{ display:flex; flex-wrap:wrap; gap:6px; font-family:var(--cond); text-transform:uppercase; letter-spacing:.1em; font-size:.7rem; color:var(--ash-dim); }
.pay-row em{ font-style:normal; padding:3px 7px; border:1px solid var(--line-hi); }
.contact{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:clamp(28px,4vw,56px); }
.chan{ display:grid; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:24px; }
.chan a{ background:var(--ink-3); padding:15px 18px; display:flex; align-items:center; gap:13px; transition:background .16s; }
.chan a:hover{ background:var(--ink-4); }
.chan a > svg{ width:19px; height:19px; color:var(--bolt); flex:none; }
.chan .lbl{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.12em; font-size:.86rem; }
.chan .sub{ font-family:var(--body); font-size:.82rem; color:var(--ash-dim); letter-spacing:0; text-transform:none; }
form.enq{ display:grid; gap:13px; }
.row2{ display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.fld{ display:grid; gap:6px; }
.fld label{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.14em; font-size:.74rem; color:var(--ash); }
.fld input,.fld select,.fld textarea{ padding:12px 14px; background:var(--ink); border:1px solid var(--line-hi); transition:border-color .16s; }
.fld input:focus,.fld select:focus,.fld textarea:focus{ border-color:var(--bolt); outline:none; }
.fld textarea{ resize:vertical; min-height:118px; font-family:var(--body); }
.fld select{ appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--bolt) 50%),linear-gradient(135deg,var(--bolt) 50%,transparent 50%); background-position:calc(100% - 19px) 55%,calc(100% - 13px) 55%; background-size:6px 6px; background-repeat:no-repeat; }
footer{ background:var(--ink-2); padding-block:clamp(40px,6vw,64px) 26px; }
.foot-top{ display:grid; grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)); gap:32px; padding-bottom:34px; border-bottom:1px solid var(--line); }
.foot-top img{ height:70px; width:auto; margin-bottom:14px; }
.foot-top p{ color:var(--ash-dim); font-size:.88rem; max-width:38ch; margin:0; }
.foot-col h4{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.17em; font-size:.76rem; color:var(--bolt); margin:0 0 13px; }
.foot-col ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.foot-col a{ color:var(--ash); font-size:.9rem; }
.foot-col a:hover{ color:var(--bone); }
.foot-bot{ padding-top:22px; display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:space-between; color:var(--ash-dim); font-size:.8rem; }
.foot-bot a{ color:var(--ash); }
.foot-bot a:hover{ color:var(--bolt); }
.toasts{ position:fixed; right:18px; bottom:18px; z-index:120; display:grid; gap:9px; justify-items:end; }
.toast{ background:var(--ink-3); border:1px solid var(--bolt); border-left-width:3px; padding:11px 17px; font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.09em; font-size:.83rem; animation:pop .26s var(--ease); }
@keyframes pop{ from{ opacity:0; transform:translateY(8px); } }
dialog.sheet{ border:1px solid var(--line-hi); background:var(--ink-2); color:var(--bone); max-width:520px; width:calc(100% - 32px); padding:0; }
dialog.sheet::backdrop{ background:rgba(4,5,7,.76); }
.sheet-in{ padding:28px; display:grid; gap:16px; }
.sheet-in h3{ font-family:var(--display); text-transform:uppercase; font-size:1.6rem; line-height:1.02; }
.sheet-in p{ margin:0; color:var(--ash); font-size:.95rem; }
.sheet-in ol{ margin:0; padding-left:1.2em; color:var(--ash); font-size:.92rem; display:grid; gap:7px; }
.sheet-in ol b{ color:var(--bone); font-weight:600; }
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (max-width:880px){
  .record,.contact,.shows-empty{ grid-template-columns:1fr; }
  .foot-top{ grid-template-columns:1fr 1fr; }
  .foot-top > div:first-child{ grid-column:1/-1; }
}
@media (max-width:760px){
  .burger{ display:grid; }
  .menu{ position:absolute; top:70px; left:0; right:0; flex-direction:column; gap:0; background:var(--ink-2); border-bottom:1px solid var(--line); padding:8px 0; display:none; }
  .menu.on{ display:flex; }
  .menu a{ padding:13px var(--gut); border-bottom:none; }
  .hero-crest{ right:-32%; opacity:.07; }
  .row2{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}

/* toegevoegd voor de meerpagina-opzet */
.menu a[aria-current="page"]{ color:var(--bolt); border-bottom-color:var(--bolt); }
.page-head{ border-bottom:1px solid var(--line); padding-block:clamp(44px,6vw,74px); background:var(--ink-2); }
.page-head .h-sect{ margin-top:.24em; }
.prose{ max-width:62ch; }
.prose p{ color:var(--ash); font-size:1.02rem; }
.prose h3{ font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.09em; font-size:1.12rem; margin:1.8em 0 .4em; color:var(--bone); }
.split{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(28px,4vw,56px); }
.notice{ border:1px solid var(--line-hi); border-left:3px solid var(--bolt); background:var(--ink-3); padding:20px 22px; }
.notice p{ margin:0; color:var(--ash); }
.notice p + p{ margin-top:.6em; }
.shop-empty{ border:1px solid var(--line); background:var(--ink-3); padding:clamp(34px,5vw,56px); text-align:center; }
.shop-empty h3{ font-family:var(--display); text-transform:uppercase; font-size:clamp(1.4rem,3.2vw,1.9rem); }
.shop-empty p{ color:var(--ash); margin:.7em auto 0; max-width:42ch; }
.formnote{ font-size:.86rem; margin:0; }
.formnote.bad{ color:var(--bad); }
.formnote.good{ color:var(--bolt); }