/* Anthrophonic shell. Design system: 10_Clients/Anthrophonic/Brand/Anthrophonic-Design-System.md (OBDS vault).
   L1 two surfaces (dark shell, light reading surface inset), L2 Archivo, L3 IBM Plex Mono for metadata,
   L4 hub has no accent, L5 numbered section markers, L6 square outlined buttons, L7 duotone image band,
   L8 data markers are circles, frames stay square. */

:root{
  /* Colours and fonts come from Bricks global variables (Style Manager, set by bin/tokens.php) so they are
     edited in Bricks; the literal after each comma is only a fallback. */
  --ink:var(--color-ink,#0B0B0C); --paper:var(--color-paper,#F4F3F1);
  --shell-1:var(--color-ink,#0B0B0C); --shell-2:var(--color-surface-2,#141416); --shell-3:var(--color-surface-3,#1D1D20);
  --rule-d:var(--color-rule,rgba(244,243,241,.22)); --rule-d-soft:var(--color-rule-soft,rgba(244,243,241,.11));
  --rule-l:var(--color-rule-on-paper,rgba(11,11,12,.22)); --rule-l-soft:rgba(11,11,12,.11);
  --mute-d:var(--color-muted,#8E8E93); --mute-l:var(--color-muted-on-paper,#63636A);
  --t-mega:clamp(3rem,13vw,9.5rem); --t-display:clamp(2.1rem,6.4vw,4.75rem); --t-head:clamp(1.35rem,3vw,2.25rem);
  --t-sub:clamp(1rem,1.6vw,1.2rem); --t-body:1rem; --t-meta:.6875rem;
  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.75rem; --sp-4:3rem; --sp-5:5rem;
  --gut:clamp(1rem,4vw,3.5rem); --max:1240px;
  --mono:var(--font-mono,'IBM Plex Mono',monospace);
  --grot:var(--font-body,'Archivo'),'Helvetica Neue',Helvetica,Arial,sans-serif;
  --acc:var(--paper); --acc-ink:var(--ink);
}
.ap-acc-press{--acc:var(--color-accent-release,#F5C400);--acc-ink:var(--color-accent-release-ink,#7A6200)}
.ap-acc-tour{--acc:var(--color-accent-profile,#9146D8);--acc-ink:var(--color-accent-profile-ink,#6B2DA8)}
.ap-acc-edit{--acc:var(--color-accent-dispatch,#128A4E);--acc-ink:var(--color-accent-dispatch-ink,#0A5E35)}
.ap-acc-none{--acc:var(--paper);--acc-ink:var(--ink)}

html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:calc(var(--ap-hdr,4.6rem) + 3.2rem)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.ap{margin:0;background:var(--shell-1);color:var(--paper);font-family:var(--grot);font-size:var(--t-body);line-height:1.6;-webkit-font-smoothing:antialiased}
.ap *,.ap *::before,.ap *::after{box-sizing:border-box}
.ap a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
.ap a:hover{text-decoration-color:var(--acc)}
.ap :focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.ap img{max-width:100%;height:auto;display:block}
.ap-in{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.ap-skip{position:absolute;left:-9999px}.ap-skip:focus{left:1rem;top:1rem;z-index:99;background:var(--paper);color:var(--ink);padding:.5rem 1rem}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* metadata: small tracked mono caps (L3) */
.ap-meta,.ap-label,.ap-eyebrow,.ap-nav a,.ap-tabs a,.ap-chips a,.ap-toggle a,.ap-btn,.ap-tag,.ap-num{font-family:var(--mono);font-size:var(--t-meta);font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.ap-meta{color:var(--mute-d);margin:0 0 .35rem}
.ap-label{color:var(--mute-d);margin:var(--sp-3) 0 var(--sp-1)}
.ap-eyebrow{color:var(--acc);margin:0 0 var(--sp-2)}
.ap-note{color:var(--mute-d);font-family:var(--mono);font-size:.75em;margin-left:.5em}
.ap-tag{display:inline-block;border:1px solid var(--acc);color:var(--acc);padding:.15rem .45rem;margin-left:.6rem;vertical-align:middle}

/* header */
.ap-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap;padding:.9rem var(--gut);background:rgba(11,11,12,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule-d)}
.admin-bar .ap-head{top:32px}
.ap-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.ap-brand span{font-weight:300;letter-spacing:.32em;font-size:.95rem}
.ap-nav{display:flex;align-items:center;gap:clamp(.8rem,2.4vw,2rem);flex-wrap:wrap}
.ap-nav a{text-decoration:none;color:var(--mute-d);padding:.35rem 0;border-bottom:1px solid transparent}
.ap-nav a:hover,.ap-nav a[aria-current]{color:var(--paper);border-bottom-color:var(--acc)}
.ap-search input{background:transparent;border:1px solid var(--rule-d);color:var(--paper);font-family:var(--mono);font-size:.75rem;padding:.4rem .6rem;width:9rem;border-radius:0}
.ap-search input:focus{border-color:var(--paper);outline:none}

/* band (L7) */
.ap-band{position:relative;min-height:48vh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--rule-d)}
.ap-band-hub{min-height:74vh}
.ap-band-bg{position:absolute;inset:0;background:radial-gradient(120% 80% at 25% 20%,#5a5a5c 0%,#2a2a2d 45%,#0f0f11 100%);background-size:cover;background-position:center;filter:grayscale(1) contrast(1.1)}
.ap-band-tint{position:absolute;inset:0;background:var(--acc);mix-blend-mode:color;opacity:.5}
.ap-acc-none .ap-band-tint,.ap-band-hub .ap-band-tint{display:none}
.ap-band-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.85) 0%,rgba(11,11,12,.25) 70%),linear-gradient(0deg,rgba(11,11,12,.9) 0%,transparent 60%)}
.ap-band::after{content:"";position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none;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='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ap-band-in{position:relative;z-index:1;width:100%;padding-block:var(--sp-5) var(--sp-4)}
.ap-band-sub{max-width:40rem;font-size:var(--t-sub);color:rgba(244,243,241,.86)}
.ap-band-sub p{margin:.4rem 0}
.ap-band-sub p:first-child:not(.ap-meta){font-weight:700;font-size:1.25em;color:var(--paper)}
.ap-wordmark{font-family:'Archivo Black',var(--grot);font-weight:400;font-size:clamp(2.3rem,9.6vw,8.4rem);line-height:.84;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 clamp(1.5rem,4vw,2.75rem);white-space:nowrap} /* = AnthroSonus home h1 (.ash h1) */
.ap-display{font-size:var(--t-display);font-weight:900;line-height:.95;margin:0 0 var(--sp-2);letter-spacing:-.01em}

/* sections (L5) */
.ap-block{padding-block:var(--sp-4)}
.ap-sect{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);border-top:1px solid var(--acc);padding-top:var(--sp-1);margin-bottom:var(--sp-3)}
.ap-sect h2{font-size:var(--t-head);font-weight:900;margin:0}
.ap-num{color:var(--acc);margin-right:.5rem;vertical-align:middle}
.ap-lede{color:var(--mute-d);max-width:40rem;margin-top:calc(-1 * var(--sp-2));margin-bottom:var(--sp-3)}
.ap-empty{color:var(--mute-d);font-family:var(--mono);font-size:.8rem}

/* buttons (L6) */
.ap-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--paper);background:transparent;color:var(--paper);padding:.65rem 1rem;text-decoration:none;border-radius:0;cursor:pointer;transition:background .15s,color .15s}
.ap-btn:hover,.ap-btn-solid{background:var(--paper);color:var(--ink)}
.ap-btn-solid:hover{background:var(--acc);border-color:var(--acc);color:var(--ink)}

/* cards and rows */
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sp-3) var(--sp-2)}
.ap-grid-sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.ap-card h3{font-size:1.05rem;font-weight:700;margin:.1rem 0 .2rem;line-height:1.25}
.ap-card h3 a{text-decoration:none}
.ap-card-cover{display:block;margin-bottom:.7rem;border:1px solid var(--rule-d);aspect-ratio:1;overflow:hidden;background:var(--shell-2)}
.ap-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ap-card-cover:hover img{transform:scale(1.02)}
.ap-card-people{color:var(--mute-d);font-size:.9rem;margin:0}
.ap-card-people a{text-decoration:none}.ap-card-people a:hover{text-decoration:underline}
.ap-cover-blank{display:flex;align-items:flex-end;width:100%;height:100%;aspect-ratio:1;padding:.8rem;background:var(--shell-2);background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(244,243,241,.03) 10px 11px)}
.ap-cover-blank span{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--acc)}
.ap-rows{border-top:1px solid var(--rule-d)}
.ap-row{padding:var(--sp-2) 0;border-bottom:1px solid var(--rule-d)}
.ap-row h3{font-size:1.25rem;font-weight:700;margin:0 0 .2rem;line-height:1.25}
.ap-row h3 a{text-decoration:none}.ap-row h3 a:hover{text-decoration:underline}
.ap-row p{margin:.2rem 0 0;color:rgba(244,243,241,.78);max-width:46rem}
.ap-row-person{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:baseline}
.ap-row-person .ap-meta{grid-column:2}
.ap-row-appear{display:grid;grid-template-columns:64px 1fr;gap:var(--sp-2);align-items:center}
.ap-row-appear:not(:has(.ap-thumb)){grid-template-columns:1fr}
.ap-thumb{display:block;width:64px;aspect-ratio:1;border:1px solid var(--rule-d);overflow:hidden}
.ap-thumb img,.ap-thumb .ap-cover-blank{width:100%;height:100%;object-fit:cover}
.ap-thumb .ap-cover-blank span{font-size:.45rem}
.ap-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--acc);flex:none}
.ap-names{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.ap-names li{display:flex;align-items:center;gap:.5rem;font-size:1.05rem}
.ap-names a{text-decoration:none}.ap-names a:hover{text-decoration:underline}

/* filters */
.ap-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding-block:var(--sp-2);border-bottom:1px solid var(--rule-d-soft)}
.ap-chips,.ap-toggle{display:flex;flex-wrap:wrap}
.ap-chips a,.ap-toggle a{border:1px solid var(--rule-d);margin:0 -1px -1px 0;padding:.5rem .8rem;text-decoration:none;color:var(--mute-d)}
.ap-chips a[aria-current],.ap-toggle a[aria-current]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.ap-toggle{margin-left:auto}
.ap-loc label{display:flex;align-items:center;gap:.6rem}
.ap-loc .ap-label{margin:0}
.ap-loc select{background:var(--shell-2);color:var(--paper);border:1px solid var(--rule-d);border-radius:0;font-family:var(--mono);font-size:.75rem;padding:.45rem .6rem}
.ap-pager{display:flex;gap:.4rem;margin-top:var(--sp-3);font-family:var(--mono);font-size:.8rem}
.ap-pager a,.ap-pager span{border:1px solid var(--rule-d);padding:.4rem .7rem;text-decoration:none}
.ap-pager .current{background:var(--paper);color:var(--ink)}

/* release page (greyfade model) */
/* Release page = greyfade listen (Casey 2026-10-01, with screenshots): the album panel sits flush left, full height,
   sticky under the header, and scrolls on its own when it's taller than the screen; the reading column sits right. */
body{--ap-side:clamp(300px,26vw,400px);--ap-rel-pad:clamp(2rem,5vw,5rem)}
.ap-rel{display:grid;grid-template-columns:var(--ap-side) minmax(0,1fr);gap:0;max-width:none;margin:0;padding:0}
.ap-rel-side{position:sticky;top:var(--ap-hdr,4.6rem);align-self:start;height:calc(100vh - var(--ap-hdr,4.6rem) - var(--asb-h,0px));overflow-y:auto;scrollbar-width:thin;background:var(--shell-2);border-right:1px solid var(--rule-d);padding:var(--sp-3) clamp(1.25rem,2vw,2rem) var(--sp-4)}
.ap-rel-main{min-width:0;max-width:calc(880px + var(--ap-rel-pad));padding:var(--sp-3) var(--ap-rel-pad) var(--sp-4)}
.ap-who-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.ap-rel-cover{border:1px solid var(--rule-d);aspect-ratio:1;overflow:hidden;margin-bottom:var(--sp-2);background:var(--shell-2)}
.ap-rel-cover img{width:100%;height:100%;object-fit:cover}
.ap-rel-cover .ap-cover-blank span{font-size:.9rem}
.ap-rel-title{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:400;font-style:italic;line-height:1.1;margin:.2rem 0 .4rem}
.ap-rel-people{color:var(--mute-d);letter-spacing:.04em;margin:0 0 .3rem}
.ap-rel-people a{text-decoration:none}.ap-rel-people a:hover{text-decoration:underline}
.ap-rel-where{font-size:.85rem;color:var(--mute-d);margin:0 0 var(--sp-2)}
.ap-rel-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:var(--sp-2);border-top:1px solid var(--rule-d)}
.ap-tabs{position:sticky;top:var(--ap-hdr,4.6rem);z-index:5;display:flex;overflow-x:auto;background:var(--shell-1);border-bottom:1px solid var(--rule-d);margin-bottom:var(--sp-3);scrollbar-width:none}
.ap-tabs a{flex:none;padding:.9rem 1.1rem .8rem;text-decoration:none;color:var(--mute-d);border-bottom:2px solid transparent;border-right:1px solid var(--rule-d-soft)}
.ap-tabs a:first-child{padding-left:0}
.ap-tabs a.is-on,.ap-tabs a:hover{color:var(--paper);border-bottom-color:var(--acc)}
.ap-rel-sec{padding-bottom:var(--sp-4);margin-bottom:var(--sp-3);border-bottom:1px solid var(--rule-d-soft)}
.ap-rel-sec:last-child{border-bottom:0}
.ap-rel-sec>.ap-label:first-child{margin-top:0}
.ap-prose{max-width:46rem}
.ap-prose p{margin:0 0 1rem}
.ap-prose-big{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.65}
.ap-prose a.ap-wl{text-decoration-color:var(--acc)}
.ap-tracks{list-style:none;margin:0;padding:0;counter-reset:t}
.ap-track{display:grid;grid-template-columns:2.2rem 1fr auto 4rem;gap:.8rem;align-items:baseline;padding:.75rem .4rem;border-bottom:1px solid var(--rule-d-soft)}
.ap-track-t{font-size:1rem}
.ap-track-t .ap-meta{display:inline;margin-left:.6rem}
.ap-track-n,.ap-track-d{font-family:var(--mono);font-size:.75rem;color:var(--mute-d)}
.ap-track-d{text-align:right}
.ap-track-s{margin:0}
.ap-track.is-locked{opacity:.42}
.ap-track.is-playable{cursor:pointer}
.ap-track.is-playable:hover{background:var(--shell-2)}
.ap-track.is-playing{background:var(--shell-2)}
.ap-track.is-playing .ap-track-n{color:var(--acc)}
.ap-track.is-playing .ap-track-n::before{content:"● ";color:var(--acc)}
.ap-total{text-align:right;margin-top:.8rem}
.ap-specs{margin:0}
.ap-specs div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:var(--sp-2);padding:.75rem 0;border-bottom:1px solid var(--rule-d-soft)}
.ap-specs dt{font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-d);padding-top:.2rem}
.ap-specs dd{margin:0}
.ap-specs dd a{text-decoration:none}.ap-specs dd a:hover{text-decoration:underline}
.ap-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-2)}
.ap-photos figure{margin:0}
.ap-photos img{border:1px solid var(--rule-d)}
.ap-video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}

/* two columns (profile, place) */
.ap-two{display:grid;grid-template-columns:1fr minmax(220px,320px);gap:var(--sp-4);padding-block:var(--sp-4)}
.ap-side .ap-label:first-child{margin-top:0}
.ap-two-bare{grid-template-columns:1fr;padding-bottom:0}
.ap-two-bare .ap-side{display:flex;flex-wrap:wrap;gap:0 var(--sp-4)}
.ap-two-bare .ap-side>*{margin-top:0}
.ap-links{list-style:none;padding:0;margin:0}
.ap-links li{padding:.35rem 0;border-bottom:1px solid var(--rule-d-soft)}
.ap-links a{text-decoration:none}

/* reading surface (L1): light, inset on the shell */
.ap-read{padding:var(--sp-3) var(--gut) var(--sp-5)}
.ap-read-in{max-width:52rem;margin:0 auto;background:transparent;color:var(--paper);padding:clamp(1rem,4vw,2.5rem) 0} /* Casey 2026-10-18: light text on black (was a paper card) */
.ap-read-in .ap-meta,.ap-read-in .ap-label{color:var(--mute-d)}
.ap-read-in a{color:var(--paper)}
.ap-read-in a:hover{text-decoration-color:var(--acc)}
.ap-read-title{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;line-height:1;margin:.4rem 0 var(--sp-2);letter-spacing:-.01em}
.ap-read-dek{font-size:1.2rem;color:var(--mute-d);margin:0 0 var(--sp-3)}
.ap-prose-read{max-width:none;font-size:1.1rem;line-height:1.75}
.ap-prose-read h2{font-size:1.5rem;font-weight:900;margin:2.2rem 0 .8rem;padding-top:var(--sp-1);border-top:1px solid var(--rule-d)}
.ap-prose-read h3{font-size:1.2rem;font-weight:700;margin:2rem 0 .6rem}
.ap-prose-read blockquote{margin:1.5rem 0;padding-left:1rem;border-left:3px solid var(--acc);font-size:1.2rem}
.ap-prose-read a.ap-wl{text-decoration-color:var(--acc);text-decoration-thickness:2px}
.ap-toc{border-top:1px solid var(--rule-l);border-bottom:1px solid var(--rule-l);padding:var(--sp-1) 0 var(--sp-2);margin-bottom:var(--sp-3)}
.ap-toc ol{margin:0;padding-left:1.4rem;columns:2 16rem}
.ap-toc a{text-decoration:none}.ap-toc a:hover{text-decoration:underline}
.ap-read-foot{margin-top:var(--sp-4);border-top:1px solid var(--rule-d)}
.ap-read-foot .ap-card-people,.ap-read-foot .ap-card .ap-meta{color:var(--mute-d)}
.ap-read-foot .ap-card-cover{border-color:var(--rule-d)}
.ap-read-foot .ap-dot{background:var(--acc)}

/* map */
.ap-map{height:min(70vh,640px);border:1px solid var(--rule-d);background:var(--shell-2)}
.ap-map-sm{height:260px}
.ap-map .leaflet-tile-pane{filter:grayscale(1) invert(1) brightness(.85) contrast(.9)}
.ap-map .leaflet-popup-content-wrapper,.ap-map .leaflet-popup-tip{background:var(--paper);color:var(--ink);border-radius:0}
.ap-map .leaflet-popup-content{font-family:var(--grot);margin:.8rem 1rem}
.ap-map .leaflet-popup-content a{color:var(--ink)}
.ap-map .leaflet-container{background:var(--shell-2)}
.ap-pop h4{margin:0 0 .4rem;font-size:1rem}
.ap-pop ul{margin:0;padding-left:1rem;font-size:.9rem}

/* player bar */
body.ap.has-player{padding-bottom:4.5rem}

/* footer */
.ap-foot{border-top:1px solid var(--rule-d);padding-block:var(--sp-4);margin-top:var(--sp-4)}
.ap-foot-line{max-width:34rem;color:var(--mute-d)}
.ap-foot nav{display:flex;flex-wrap:wrap;gap:1.4rem;margin:var(--sp-2) 0}
.ap-foot nav a{font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--mute-d)}
.ap-foot nav a:hover{color:var(--paper)}

@media (max-width:900px){
  .ap-rel,.ap-two{grid-template-columns:1fr}
  .ap-rel-side{position:static;height:auto;overflow:visible;border-right:0}
  .ap-rel-main{padding-inline:var(--gut)}
  .ap-rel-cover{max-width:420px}
  .ap-toggle{margin-left:0}
}
@media (max-width:600px){
  .ap-head{padding-block:.7rem}
  .ap-brand span{font-size:.8rem;letter-spacing:.24em}
  .ap-search{display:none}
  .ap-track{grid-template-columns:1.8rem 1fr 3.4rem}
  .ap-track-s{grid-column:2;grid-row:2}
  .ap-specs div{grid-template-columns:1fr;gap:.2rem}
}

/* ---- Bricks layer (2026-09-29): classes set on native Bricks elements by bin/build-bricks.php ---- */
.ap .brxe-section.ap-hero{position:relative;overflow:hidden;min-height:44vh;justify-content:flex-end;background:radial-gradient(120% 80% at 25% 20%,#4a4a4d 0%,#232326 45%,#0f0f11 100%);border-bottom:1px solid var(--rule-d)}
.ap .brxe-section.ap-hero::before{content:"";position:absolute;inset:0;background:var(--acc);mix-blend-mode:color;opacity:.5;pointer-events:none}
.ap .brxe-section.ap-hero-hub::before,.ap-acc-none .brxe-section.ap-hero::before{display:none}
.ap .brxe-section.ap-hero::after{content:"";position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none;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='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ap .brxe-section.ap-hero-hub{min-height:72vh}
.ap .ap-hero-in{position:relative;z-index:1;padding:var(--sp-5) var(--gut) var(--sp-4);display:flex;flex-direction:column;align-items:flex-start}
.ap .ap-hero-in .brxe-heading{margin:0}
.ap .ap-hero-sub{max-width:40rem;font-size:var(--t-sub);color:rgba(244,243,241,.86);margin-top:var(--sp-2)}
.ap .ap-hero-sub p{margin:.4rem 0}
.ap .ap-hero-hub .ap-hero-sub p:first-child{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:500;line-height:1.3;letter-spacing:-.01em;max-width:26ch;color:var(--paper);margin:0 0 1rem} /* = AnthroSonus .ash-tag */
.ap .ap-hero-hub .ap-hero-sub p+p{font-size:1rem;line-height:1.55;opacity:.8;max-width:38rem}
.ap .ap-hero-in .ap-meta{margin-top:var(--sp-1)}
.ap .ap-hero-in .brxe-shortcode{width:auto}
.ap .ap-hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--sp-3)}
.ap .brxe-section.ap-block-s,.ap .brxe-section.ap-body-s{background:transparent}
.ap .ap-block{padding:var(--sp-4) var(--gut)}
.ap .ap-sect-t{display:flex;align-items:baseline;gap:.2rem}
.ap .ap-sect .brxe-heading{font-size:var(--t-head);font-weight:900;margin:0}
.ap .ap-lede p{margin:0}
.ap .ap-lede:empty{display:none}
.ap .brxe-shortcode{width:100%}
.ap .ap-c{width:100%}
.ap .brxe-section.ap-read{padding:var(--sp-3) var(--gut) var(--sp-5) !important;align-items:center}
.ap .ap-read-in{width:100%}
.ap .ap-foot-s{border-top:1px solid var(--rule-d);margin-top:var(--sp-4)}
.ap .ap-foot{padding:var(--sp-4) var(--gut);border-top:0;margin-top:0} /* the section carries the rule; the shell-era .ap-foot rule above doubled it */
.ap .ap-foot-line{max-width:34rem;color:var(--mute-d)}
.ap .ap-foot-nav{display:flex;flex-wrap:wrap;gap:1.4rem;margin:var(--sp-2) 0}
.ap .ap-foot-nav a{font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--mute-d)}
.ap .ap-foot-nav a:hover{color:var(--paper)}
.ap #site-nav .brxe-button[aria-current],.ap-sec-release #nav-releases,.ap-sec-profile #nav-profiles,.ap-sec-dispatch #nav-dispatches{background:var(--paper)!important;color:var(--ink)!important}
.ap .ap-btn.brxe-button{border-radius:0}
.ap .ap-btn{color:var(--paper);background:transparent;border:1px solid var(--paper);font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;padding:.65rem 1rem;text-decoration:none}
.ap .ap-btn:hover{background:var(--paper);color:var(--ink)}
.ap .ap-btn-solid{background:var(--paper);color:var(--ink)}
.ap .ap-btn-solid:hover{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.ap .ap-sect{width:100%}
.ap .ap-block>.brxe-text,.ap .ap-block>.brxe-shortcode{width:100%}

/* ---- Record grid = AnthroSonus (.asp-recs/.asp-rec from anthrosonus bricks/musician-profile.php), ported 2026-09-30.
   Values copied as-is; --shell is AnthroSonus's name for the page ground. ---- */
.asp-recs{--shell:var(--shell-1);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-d);border-left:1px solid var(--rule-d)}
.asp-rec{display:flex;flex-direction:column;gap:.3rem;padding:1rem;background:var(--shell);color:var(--paper);text-decoration:none;border-right:1px solid var(--rule-d);border-bottom:1px solid var(--rule-d)}
.ap a.asp-rec{text-decoration:none}
a.asp-rec:hover{background:var(--shell-2)}
a.asp-rec:hover b{color:var(--acc)}
.asp-rec .cv{display:flex;align-items:flex-end;aspect-ratio:1/1;margin-bottom:.6rem;background:linear-gradient(160deg,#2a2a2d,#0e0e10);background-size:cover;background-position:center;border:1px solid var(--rule-d)}
.asp-rec .cv .n{padding:.6rem;color:var(--mute-d)}
.asp-rec b{font-size:1rem;font-weight:800;line-height:1.2}
.asp-rec .ar{font-size:.875rem;color:var(--paper);opacity:.8}
.asp-rec[hidden]{display:none}
.asp-rec .cv .ft{align-self:flex-start;margin:.5rem;padding:.15rem .45rem;background:var(--paper);color:var(--ink)}
.asp-rec .meta{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase}
.asp-rec .dim{color:var(--mute-d)}
@media (max-width:860px){.asp-recs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.asp-recs{grid-template-columns:1fr}}

/* ---- Profile card = AnthroSonus musician card (page 48, grid 3ndd3o custom CSS), ported 2026-09-30. Values copied
   as-is (white card, black rules: AnthroSonus's directory card); kicker colour = this section's accent ink. ---- */
.as-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-m,clamp(1.5rem,.67vw + 1.333rem,2rem))}
@media (max-width:991px){.as-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:478px){.as-cards{grid-template-columns:1fr}}
.as-cards .as-card{display:flex;flex-direction:column;align-items:stretch;padding:0;border:1px solid #000;background:#fff;min-width:0;color:#363636}
.as-cards .as-media{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(160deg,#d9d9d6 0%,#8f8f8c 100%);border-bottom:1px solid #000}
.as-cards .as-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.as-cards .as-body{display:flex;flex-direction:column;gap:6px;padding:16px 16px 0;flex:1}
.as-cards .as-kicker{font-family:"Archivo",sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-ink,#B8240B);margin:0}
.as-cards .as-name{margin:2px 0 0;font-family:"Archivo Black",sans-serif;font-size:22px;line-height:1.1;font-weight:400}
.as-cards .as-name a{color:#000;text-decoration:none}
.as-cards .as-name a:hover{text-decoration:underline}
.as-cards .as-genre{font-family:"Archivo",sans-serif;font-size:14px;color:#555;margin:0}
.as-cards .as-loc{display:flex;align-items:center;gap:6px;font-family:"Archivo",sans-serif;font-size:14px;color:#000;margin:4px 0 0}
.as-cards .as-loc::before{content:"";flex:0 0 14px;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat}
.as-cards .as-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 16px 0;padding:10px 0 14px;border-top:1px solid #000}
.as-cards .as-more{font-family:"Archivo",sans-serif;font-size:14px;color:#000;text-decoration:none;border-bottom:1px solid #000;white-space:nowrap}
.as-cards .as-more:hover{background:#000;color:#fff}

/* ---- Listen block + eyebrow = AnthroSonus (.asp-eb/.meta/.dim from bricks/musician-profile.php), 2026-09-30. ---- */
.asl{margin:0 0 var(--sp-3)}
.asl .meta,.asp-eb .meta{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase}
.asl .dim{color:var(--mute-d)}
.asp-eb{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--rule-d);padding-bottom:.5rem;margin-bottom:1.5rem}
.asp-eb .meta:first-child{color:var(--acc)}
.asl-list li.on .asl-rt b{color:var(--acc)}

/* ---- Dispatches index, layout B: ruled journal grid on the light reading surface, grouped by place then
   project (Casey 2026-09-30). Design system L1 (reading = light), R3 (ruled modular grid, label left/date right),
   L3 mono metadata, L5 numerals/rules; accent = Archive Green ink on paper. ---- */
.apd{background:var(--paper);color:var(--ink);padding-block:var(--sp-4) var(--sp-5)}
.apd .g{color:var(--color-accent-dispatch-ink,#0A5E35)}
.apd-ct,.apd-co{display:flex;align-items:center;gap:.8rem;margin:0}
.apd-ct:after,.apd-co:after{content:"";flex:1;height:1px;background:var(--rule-l)}
.apd-ct{font-family:'Archivo Black',var(--grot);font-weight:400;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1;margin:var(--sp-4) 0 var(--sp-2)}
.apd-ct:first-child{margin-top:0}
.apd-co{font-size:1.05rem;font-weight:700;margin:var(--sp-2) 0 .8rem}
.apd-pj{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;border-top:2px solid var(--ink);padding-top:.5rem;margin-top:var(--sp-2)}
.apd-pj b{font-size:1.1rem;font-weight:800}
.apd-pj .g,.apd-h,.apd-m,.apd-x .g{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}
.apd-tour>.apd-pj{margin-bottom:0}
.apd-pjs.apd-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--sp-3)}
.apd-gr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-l);border-left:1px solid var(--rule-l);margin:.6rem 0 var(--sp-2)}
.apd-pjs.apd-two .apd-gr,.apd-gr.apd-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.apd-gr.apd-n1{grid-template-columns:minmax(0,1fr)}
.apd-c{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;border-right:1px solid var(--rule-l);border-bottom:1px solid var(--rule-l);color:var(--ink);text-decoration:none;min-width:0}
.ap a.apd-c{text-decoration:none}
a.apd-c:hover{background:#ebe9e5}
a.apd-c:hover b{text-decoration:underline;text-decoration-thickness:1px}
.apd-lead{grid-column:span 2;grid-row:span 2}
.apd-gr.apd-n2 .apd-lead,.apd-pjs.apd-two .apd-lead{grid-column:span 1;grid-row:span 1}
.apd-h{display:flex;justify-content:space-between;gap:.6rem}
.apd-ph{display:block;aspect-ratio:16/10;background:#d9d7d2 center/cover no-repeat;margin:.2rem 0 .3rem}
.apd-c b{font-size:1rem;font-weight:700;line-height:1.25}
.apd-lead b{font-family:'Archivo Black',var(--grot);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.05}
.apd-m{color:var(--mute-l)}
.apd-q{align-items:center;justify-content:center;text-align:center;font-family:'Archivo Black',var(--grot);font-size:1.05rem;line-height:1.15}
.apd-x{background:#ebe9e5;justify-content:center}
@media (max-width:760px){
  .apd-pjs.apd-two{grid-template-columns:minmax(0,1fr)}
  .apd-gr,.apd-gr.apd-n2{grid-template-columns:minmax(0,1fr)}
  .apd-lead{grid-column:auto;grid-row:auto}
}

/* ---- Dispatch article (Casey 2026-09-30, after Roads & Kingdoms; mockup anthrophonic_dispatch_single_rk_layout).
   Hero = native Bricks section .ap-dhero (template 62): full-width featured photo, design-system L7 band (grayscale,
   section accent as a colour duotone, two-axis scrim), title on top; header transparent over it, sticky, solid once
   scrolled (anthrophonic-header.php fixed mode). Reading column = light surface (L1), Archivo only (L2), mono meta (L3). ---- */
body.single-dispatch #brx-header{position:absolute;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:1001;background:transparent}
body.single-dispatch:not(.x) #brx-header #site-header-row{background:transparent!important;border-bottom-color:transparent!important}
html.as-scrolled body.single-dispatch #brx-header #site-header-row{background:var(--ink)!important;border-bottom-color:var(--rule-d)!important}
body.single-dispatch #brx-header #site-logo-link,body.single-dispatch #brx-header #site-nav .brxe-button{background:rgba(11,11,12,.45)}
.ap .brxe-section.ap-dhero{position:relative;overflow:hidden;min-height:min(82vh,860px);justify-content:flex-end;align-items:center;background-color:#2a2a2d;background-size:cover;background-position:center;background-image:radial-gradient(120% 80% at 30% 20%,#4a4a4d 0%,#232326 45%,#0f0f11 100%)}
.ap .brxe-section.ap-dhero::before{content:"";position:absolute;inset:0;background:var(--acc);mix-blend-mode:color;opacity:.45;pointer-events:none}
.ap .brxe-section.ap-dhero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,12,.85) 0%,rgba(11,11,12,.25) 45%,rgba(11,11,12,.35) 100%);pointer-events:none}
.ap .ap-dhero-in{position:relative;z-index:1;width:100%;padding:0 var(--gut) clamp(2.5rem,7vw,5rem);text-align:center;align-items:center}
.ap .ap-dhero .ap-dhero-t{font-family:'Archivo Black',var(--grot);font-weight:400;text-transform:uppercase;font-size:clamp(2.4rem,7.5vw,6.2rem);line-height:.9;letter-spacing:-.02em;color:var(--paper);margin:0;max-width:16ch;margin-inline:auto}
.apr{background:var(--paper);color:var(--ink)}
.apr .g{color:var(--acc-ink,#0A5E35)}
.apr-col{max-width:44rem;margin:0 auto;padding:clamp(1.8rem,5vw,3rem) var(--gut) var(--sp-4)}
.apr-m{font-family:var(--mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin:0}
.apr-c{text-align:center}
.apr-by{color:var(--mute-l);margin-top:.3rem}
.apr-dek{text-align:center;font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.5;color:#3a3a3d;margin:var(--sp-2) auto var(--sp-3);max-width:36rem}
.apr-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:3px solid var(--ink);padding:1.2rem 1rem;margin:0 0 var(--sp-3);color:var(--ink);text-decoration:none;text-align:center}
.ap a.apr-badge{text-decoration:none}
.apr-badge b{font-family:'Archivo Black',var(--grot);font-weight:400;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1;text-transform:uppercase}
.apr-badge:hover{background:#ebe9e5}
.apr-mark{width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;background:no-repeat center/60% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5 4.5 19h15z' fill='none' stroke='%230B0B0C' stroke-width='1.8'/%3E%3C/svg%3E")}
.apr-toc{border-top:1px solid var(--rule-l);border-bottom:1px solid var(--rule-l);padding:.8rem 0 1rem;margin:0 0 var(--sp-4)}
.apr-toc .apr-m{color:var(--mute-l);margin-bottom:.5rem}
.apr-toc ol{margin:0;padding-left:1.4rem;columns:2 15rem;font-size:.95rem}
.apr-toc a{color:var(--ink);text-decoration:none}.apr-toc a:hover{text-decoration:underline}
.apr-body{font-size:1.1rem;line-height:1.75}
.apr-body p{margin:0 0 1.1rem}
.apr-chn{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;color:var(--acc-ink,#0A5E35);margin:2.6rem 0 .3rem!important;border-top:1px solid var(--ink);padding-top:.6rem}
.apr-body h2{font-family:'Archivo Black',var(--grot);font-weight:400;font-size:clamp(1.4rem,3vw,2rem);line-height:1.05;margin:0 0 1rem}
.apr-body h2+p::first-letter{float:left;font-family:'Archivo Black',var(--grot);font-size:3.6em;line-height:.8;padding:.08em .12em 0 0}
.apr-body hr,.apr-body .ap-break{border:0;text-align:center;margin:1.8rem 0;height:auto}
.apr-body hr::after{content:"\25CF\2003\25CF\2003\25CF";font-size:.5rem;letter-spacing:.2em;color:var(--mute-l)}
.apr-body img,.apr-body figure{max-width:none;width:calc(100% + clamp(0px,12vw,10rem));margin-left:calc(clamp(0px,12vw,10rem) / -2)}
.apr-body figcaption{font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute-l);margin-top:.4rem}
.apr-q{margin:2rem 0;padding:1.2rem .5rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);text-align:center}
.apr-q p{margin:0!important;font-family:'Archivo Black',var(--grot);font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.15}
.apr-dots{border:0;border-top:2px dotted rgba(11,11,12,.4);margin:var(--sp-4) 0 1rem}
.apr-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.apr-tags a{border:1px solid var(--rule-l);padding:.4rem .6rem;color:var(--ink);text-decoration:none}
.apr-tags a:hover{background:var(--ink);color:var(--paper)}
.apr-lbl{margin:var(--sp-3) 0 .6rem;color:var(--mute-l)}
.apr-up{display:flex;flex-direction:column;gap:.4rem;background:var(--ink);color:var(--paper);padding:clamp(2rem,5vw,3.5rem) var(--gut);text-decoration:none;text-align:center;align-items:center}
.ap a.apr-up{text-decoration:none}
.apr-up .apr-m:first-child{color:var(--mute-d)}
.apr-up b{font-family:'Archivo Black',var(--grot);font-weight:400;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1;text-transform:uppercase}
.apr-up .g{color:#5fbf8e}
.apr-up:hover b{text-decoration:underline;text-decoration-thickness:2px}
@media (max-width:760px){.apr-body img,.apr-body figure{width:100%;margin-left:0}}
.apr-by a{color:inherit;text-decoration:none;border-bottom:1px solid var(--rule-l)}.apr-by a:hover{color:var(--ink)}

/* Label + Live restructure (2026-10-14, Casey): shorter home hero, amber accent for the Live section. */
.ap .brxe-section.ap-hero-hub.ap-hero-short{min-height:auto}
.ap .ap-hero-short .ap-hero-in{padding-top:clamp(3.5rem,9vw,7rem)}
.ap-acc-live{--acc:#F59300;--acc-ink:#945900}
.ap .ap-how{list-style:none;margin:0;padding:0;counter-reset:s;max-width:760px}
.ap .ap-how li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--rule,rgba(244,243,241,.12));font-size:17px}
.ap .ap-how li::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--acc);padding-top:5px}
/* Footer on one line (Casey, 2026-10-14): line · About · Support · Contact · ©; wraps on phones. */
.ap .ap-foot.ap-foot-inline{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.6rem}
.ap .ap-foot-inline .ap-foot-line{max-width:none;margin:0}
.ap .ap-foot-inline .ap-foot-nav{margin:0}
.ap .ap-foot-inline > .ap-meta{margin:0 0 0 auto}
@media (max-width:767px){.ap .ap-foot-inline > .ap-meta{margin-left:0;flex-basis:100%}}