/* ==========================================================================
   Weirding Way Media — site styles
   Tokens and layout from docs/handoff/README.md and the design boards.
   Breakpoints: desktop ≥1024 (12 col, 56px margins, 24px gutters)
                tablet 768–1023 (8 col, 32px margins, 24px gutters)
                mobile <768 (4 col, 20px margins, 16px gutters)
   ========================================================================== */

/* ---- Fonts (self-hosted, SIL OFL) ---- */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/BebasNeue-400.woff2) format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/SpaceMono-400.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/WorkSans-400.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/WorkSans-500.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/WorkSans-600.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/WorkSans-700.woff2) format('woff2')}

/* ---- Tokens ---- */
:root{
  --violet:#1C1124;      /* page base */
  --brown:#2A1E1B;       /* sections, player */
  --void:#120A18;        /* header, footer base */
  --cream:#F4EFE1;
  --rose:#D69782;
  --rust:#B8402A;        /* buttons */
  --rust-hover:#9A3420;
  --rust-accent:#D14D32; /* large text, underlines, borders */
  --rust-on-cream:#A83620;
  --teal:#2E6B5E;
  --placeholder-on-cream:#5A4A50;
  --line:rgba(244,239,225,.15);
  --line-strong:rgba(244,239,225,.25);

  --display:'Bebas Neue',Impact,'Arial Narrow',sans-serif;
  --body:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Space Mono',ui-monospace,Menlo,Consolas,monospace;

  --gutter:24px;
  --margin:56px;
  --container:1200px;
  --header-h:93px;
  --player-h:84px;
}
@media (max-width:1023px){:root{--margin:32px;--header-h:73px}}
@media (max-width:767px){:root{--margin:20px;--gutter:16px;--header-h:69px;--player-h:70px}}

/* ---- Base ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{
  margin:0;min-height:100vh;
  background:linear-gradient(rgba(28,17,36,.6),rgba(28,17,36,.6)),url(/assets/images/universe2-1920.jpg) top center/100% auto repeat-y var(--violet);
  color:var(--cream);font:16px/1.7 var(--body);
  -webkit-font-smoothing:antialiased;
}
body.has-player.player-open{padding-bottom:var(--player-h)}
img{max-width:100%;height:auto;display:block}
a{color:var(--rose)}
a:hover{color:var(--rust-accent)}
button{font:inherit}
ul{list-style:none;margin:0;padding:0}
ol.perks,ol.steps,ol.milestones{list-style:none;margin-left:0;padding-left:0}
h1,h2,h3,h4,p{margin:0}
[hidden]{display:none !important}
:target,[tabindex="-1"]:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 6px var(--violet)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

.visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.skip-link{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--cream);color:var(--violet);padding:14px 18px;font:700 14px var(--body);text-decoration:none}
.skip-link:focus{left:16px;outline:3px solid var(--rust)}

/* ---- Layout helpers ---- */
.container{max-width:var(--container);margin:0 auto;padding-left:var(--margin);padding-right:var(--margin)}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}
@media (max-width:1023px){.grid-12{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media (max-width:767px){.grid-12{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---- Type ---- */
.h1{font:78px/.95 var(--display);letter-spacing:.01em}
.h2{font:44px/1 var(--display);margin-top:8px}
.h2--rule{border-bottom:2px solid var(--rose);padding-bottom:10px;margin-top:0}
.eyebrow{font:12px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rose)}
.eyebrow--rust{color:var(--rust-on-cream)}
.eyebrow--teal{color:var(--teal)}
.eyebrow--cream{color:var(--cream)}
.eyebrow--light{color:var(--cream)}
@media (max-width:1023px){.h1{font-size:60px}}
@media (max-width:767px){.h1{font-size:44px}.h2{font-size:36px}}

/* ---- Buttons and links ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font:700 14px var(--body);padding:15px 28px;color:var(--cream);background:var(--rust);transition:background .15s,color .15s}
.btn:hover{background:var(--rust-hover);color:var(--cream)}
.btn--shadow{box-shadow:5px 5px 0 var(--teal)}
.btn--outline{background:none;border:2px solid var(--cream)}
.btn--outline:hover{background:var(--cream);color:var(--violet)}
.btn--subscribe{text-transform:none;letter-spacing:0;font-weight:600;padding:11px 22px;border-radius:3px}
.btn--cta{width:100%;margin-top:20px}

.link-arrow{display:inline-block;position:relative;font:700 12px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);text-decoration:none;border-bottom:2px solid var(--rust-accent);padding-bottom:3px}
.link-arrow::before{content:"";position:absolute;left:0;right:0;top:-11px;bottom:-11px}
.link-arrow:hover{color:var(--rose)}
.link-arrow--dark{color:var(--violet)}
.link-arrow--dark:hover{color:var(--rust-on-cream)}
.link-arrow--underline{border:0;font-size:14px;text-decoration:underline;text-underline-offset:3px;color:var(--rose);padding:15px 0}
.link-arrow--underline:hover{color:var(--cream)}

.chip{display:inline-block;background:var(--teal);color:var(--cream);padding:5px 10px;font:12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}

/* External links in page content get a small "leaves the site" icon (not header, footer or image links). */
.ext-icon{display:inline-block;width:.8em;height:.8em;margin-left:.45em;vertical-align:-.05em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 1h6v6h-2V4.4L7.7 9.7 6.3 8.3 11.6 3H9zM2 3h5v2H4v7h7V9h2v5H2z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 1h6v6h-2V4.4L7.7 9.7 6.3 8.3 11.6 3H9zM2 3h5v2H4v7h7V9h2v5H2z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.link-arrow,.link-list li a{white-space:nowrap}
main a[target="_blank"]:not(.show-card__art):not(.gallery-card__art):not(.social-link):not(.no-ext-icon):not(.link-arrow):not(.link-list a)::after{content:"";display:inline-block;width:.75em;height:.75em;margin-left:.4em;vertical-align:-.05em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 1h6v6h-2V4.4L7.7 9.7 6.3 8.3 11.6 3H9zM2 3h5v2H4v7h7V9h2v5H2z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 1h6v6h-2V4.4L7.7 9.7 6.3 8.3 11.6 3H9zM2 3h5v2H4v7h7V9h2v5H2z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
main .btn[target="_blank"]::after{width:.8em;height:.8em;margin-left:.5em}

.link-list li a{display:block;padding:12px 0;font:600 14px/1.5 var(--body);color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.link-list li a:hover{color:var(--rose)}
.link-list--right{text-align:right}
@media (max-width:767px){.link-list--right{text-align:left}}

.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
@media (max-width:767px){.section-head{flex-direction:column;align-items:flex-start;gap:12px}.section-head>.link-arrow{display:none}}

/* ---- Header (sticky, boards 3a / 9a / 4b / 4a / 6k) ---- */
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px var(--margin);background:var(--void);border-bottom:1px solid var(--line)}
.site-header.is-stuck{box-shadow:0 10px 24px rgba(0,0,0,.45)}
.brand{display:flex;align-items:center;gap:14px;flex:none;color:var(--cream);text-decoration:none;font:36px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.brand:hover{color:var(--cream)}
.brand__mark{width:48px;height:48px;border-radius:50%;flex:none}
.brand__accent{color:var(--rust-accent)}
.site-nav{display:flex;align-items:center;gap:24px;font:500 16px var(--body)}
.site-nav a{color:var(--cream);text-decoration:none;padding:12px 4px;border-bottom:2px solid transparent}
.site-nav a:hover{color:var(--rose)}
.site-nav a[aria-current="page"]{border-bottom-color:var(--rust-accent)}
@media (min-width:768px){.site-nav .site-nav__mobile-only{display:none}}
.menu-toggle{display:none;width:44px;height:44px;border:2px solid var(--cream);background:none;color:var(--cream);font-size:22px;cursor:pointer;flex:none;align-items:center;justify-content:center}
.menu-toggle__close{display:none}
.menu-toggle[aria-expanded="true"]{background:var(--cream);color:var(--violet)}
.menu-toggle[aria-expanded="true"] .menu-toggle__open{display:none}
.menu-toggle[aria-expanded="true"] .menu-toggle__close{display:inline}

@media (max-width:1023px){
  .site-header{padding:16px var(--margin)}
  .brand{font-size:26px;gap:10px}
  .brand__mark{width:40px;height:40px}
  .site-nav{gap:20px;font-size:14px}
  .site-nav a{padding:12px 0}
  .btn--subscribe{padding:12px 18px}
}
@media (max-width:767px){
  .site-header{padding:12px var(--margin);flex-wrap:wrap}
  .brand{font-size:24px;min-height:44px}   /* 24px keeps the rust "MEDIA" in large-text territory, so its 4.46:1 contrast passes AA */
  .brand__mark{width:36px;height:36px}
  .btn--subscribe{display:none}
  .menu-toggle{display:inline-flex}
  .site-nav{display:none;flex-direction:column;align-items:stretch;gap:0;width:100%;order:10;background:var(--violet);margin:12px calc(-1 * var(--margin)) -12px;padding:8px var(--margin) 24px}
  .site-nav.is-open{display:flex}
  .site-nav a{display:flex;align-items:center;min-height:56px;font:36px/1 var(--display);border-bottom:1px solid rgba(244,239,225,.2);padding:0}
  .site-nav a[aria-current="page"]{color:var(--rose)}
  .site-nav__mobile-only{display:flex}
  .site-nav .btn--cta{display:flex;min-height:52px;font:700 14px var(--body);border:0;justify-content:center}
  .site-nav .social-row{margin-top:20px;display:flex}
  body.menu-open{overflow:hidden}
}

.social-row{display:flex;gap:12px}
.social-link{width:44px;height:44px;border:1.5px solid var(--rose);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.social-link:hover{background:var(--brown)}
.social-link__icon{width:18px;height:18px;background:center/contain no-repeat}
.social-link__icon--instagram{background-image:url(/assets/social/instagram.svg)}
.social-link__icon--youtube{background-image:url(/assets/social/youtube.svg)}
.social-link__icon--facebook{background-image:url(/assets/social/facebook.svg)}

/* ---- Hero (board 3a) ---- */
.hero{background:linear-gradient(rgba(28,17,36,.55),rgba(28,17,36,.55)),url(/assets/images/universe2-1920.jpg) center/cover}
.hero__grid{padding-top:56px;padding-bottom:56px;align-items:center}
.hero__text{grid-column:1/8;min-width:0}
.hero__art-col{grid-column:9/13}
.hero__intro{font:18px/1.5 var(--body);color:var(--cream);margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line-strong);max-width:560px}
.hero__title{font:78px/.95 var(--display);margin:14px 0 22px;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hero__title a{color:inherit;text-decoration:none}
.hero__title a:hover{color:var(--rose)}
.hero__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:12px/1.4 var(--mono)}
.hero__date{padding:5px 0;color:var(--rose)}
.hero__date{flex-basis:100%;padding-top:2px}
.hero__desc{margin-top:24px;max-width:600px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;margin-top:28px}
.hero__art{aspect-ratio:1;position:relative;border:3px solid var(--cream);box-shadow:10px 10px 0 var(--teal);background:var(--brown);overflow:hidden}
.hero__art img{width:100%;height:100%;object-fit:cover}
.hero__art-col .link-list{margin-top:28px}
@media (max-width:1023px){
  .hero__grid{padding-top:48px;padding-bottom:48px;align-items:start}
  .hero__text{grid-column:1/6}
  .hero__art-col{grid-column:6/9}
  .hero__title{font-size:60px;margin:12px 0 18px}
  .hero__art{box-shadow:8px 8px 0 var(--teal)}
  .hero__art-col .link-list{margin-top:18px}
}
@media (max-width:767px){
  .hero__grid{padding-top:32px;padding-bottom:32px}
  .hero__text,.hero__art-col{grid-column:1/-1}
  .hero__art-col{margin-top:12px}
  .hero__title{font-size:44px}
  .hero__desc{margin-top:18px}
  .hero__actions{margin-top:22px}
  .hero__actions .btn{width:100%;min-height:52px}
}

/* ---- Inline player on the home page (board 3a) and the persistent bar (5i) ---- */
.inline-player{background:var(--brown);border-top:3px solid var(--rust-accent);border-bottom:3px solid var(--rust-accent)}
.inline-player__grid{padding-top:16px;padding-bottom:16px;align-items:center}
.inline-player__now{grid-column:span 3;min-width:0;display:flex;gap:12px;align-items:center}
.inline-player__art{width:48px;height:48px;flex:none;object-fit:cover;background:var(--teal)}
.inline-player__meta{min-width:0;flex:1}
.inline-player__title{font:600 14px/1.4 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inline-player__show{font:12px/1.4 var(--mono);color:var(--rose);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inline-player__controls{grid-column:span 6;display:flex;align-items:center;gap:18px;min-width:0}
.inline-player__extras{grid-column:span 3;display:flex;justify-content:flex-end;align-items:center;gap:14px}
@media (max-width:1023px){.inline-player__now{grid-column:span 3}.inline-player__controls{grid-column:span 5}.inline-player__extras{grid-column:1/-1;justify-content:flex-start}}
@media (max-width:767px){.inline-player{display:none}}

.player-skip{border:0;background:none;color:var(--cream);font:700 14px var(--body);cursor:pointer;min-width:44px;min-height:44px}
.player-skip:hover{color:var(--rose)}
.player-toggle{border:0;color:var(--cream);cursor:pointer;width:48px;height:48px;border-radius:50%;background:var(--rust);display:flex;align-items:center;justify-content:center;flex:none;user-select:none;font-size:16px}
.player-toggle:hover{background:var(--rust-hover)}
.player-toggle.is-loading .player-toggle__icon{animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.4}}
.player-clock{font:12px/1 var(--mono);min-width:44px}
.player-seek{flex:1;height:6px;padding:19px 0;box-sizing:content-box;background:var(--line-strong);background-clip:content-box;border-radius:3px;cursor:pointer;min-width:60px}
.player-seek__fill{width:0;height:100%;background:var(--teal);border-radius:3px;box-shadow:0 0 8px var(--teal)}
.player-seek.is-loading .player-seek__fill{background:var(--rose);box-shadow:none}
.player-download{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:2px solid var(--cream);color:var(--cream);text-decoration:none;font:700 12px var(--mono)}
.player-download:hover{background:var(--cream);color:var(--violet)}
.player-speed{border:2px solid var(--cream);background:none;color:var(--cream);padding:8px 12px;font:700 12px var(--mono);cursor:pointer;min-height:44px;min-width:44px}
.player-speed:hover{background:var(--cream);color:var(--violet)}
.player-icon-btn{border:0;background:none;color:var(--cream);font-size:18px;cursor:pointer;min-width:44px;min-height:44px}
.player-icon-btn:hover{color:var(--rose)}
.player-icon-btn[aria-pressed="true"]{color:var(--rose)}

.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--brown);border-top:3px solid var(--rust-accent);padding:12px var(--margin);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:center}
.player-bar__progress-edge{position:absolute;left:0;top:-3px;height:3px;width:100%;pointer-events:none}
.player-bar__progress-edge>div{height:100%;width:0;background:var(--teal)}
.player-bar__now{grid-column:span 3;display:flex;gap:12px;align-items:center;min-width:0}
.player-bar__art{width:56px;height:56px;flex:none;object-fit:cover;background:var(--teal)}
.player-bar__meta{min-width:0}
.player-bar__title{font:600 14px/1.4 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-bar__link{font:12px/1.4 var(--mono);color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.player-bar__link:hover{color:var(--cream)}
.player-bar__controls{grid-column:span 6;display:flex;align-items:center;gap:14px;min-width:0}
.player-bar__extras{grid-column:span 3;display:flex;justify-content:flex-end;align-items:center;gap:12px}
.player-bar.is-error .player-bar__title{color:var(--rose)}
@media (max-width:1023px){
  .player-bar{grid-template-columns:repeat(8,minmax(0,1fr))}
  .player-bar__now{grid-column:span 3}
  .player-bar__controls{grid-column:span 5}
  .player-bar__extras{display:none}
}
@media (max-width:767px){
  .player-bar{display:flex;align-items:center;gap:12px;padding:10px var(--margin) 12px}
  .player-bar__art{width:44px;height:44px}
  .player-bar__now{flex:1}
  .player-bar__controls{flex:none;gap:4px}
  .player-bar__controls .player-skip,.player-bar__controls .player-seek,.player-bar__controls .player-clock{display:none}
  .player-bar .player-toggle{width:44px;height:44px}
}

.play-circle{flex:none;width:56px;height:56px;border:0;border-radius:50%;background:var(--rust);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
.play-circle:hover{background:var(--rust-hover)}
.play-circle.is-playing{background:var(--teal)}
@media (max-width:1023px){.play-circle{width:44px;height:44px;font-size:14px}}

/* ---- The network (cream section) ---- */
.network{background:var(--cream);color:var(--violet);padding:72px 0 64px}
.network__most{margin-top:36px}
.network__all{display:none;margin-top:20px}
.show-grid{display:grid;gap:var(--gutter)}
.show-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.show-grid--5{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:56px;padding-top:40px;border-top:2px solid var(--violet)}
.show-card{display:flex;flex-direction:column;min-width:0}
.show-card__art{display:block;aspect-ratio:1;background:var(--brown);overflow:hidden}
.show-card__art img{width:100%;height:100%;object-fit:cover}
.show-card__name{font:22px/1.05 var(--display);margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.show-card--large .show-card__name{font-size:30px;line-height:1;margin-top:14px}
.show-card__blurb{font:14px/1.45 var(--body);margin-top:5px;color:var(--brown);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.show-card--large .show-card__blurb{line-height:1.5;margin-top:6px}
.show-card>.link-arrow{margin-top:auto;padding-top:10px;align-self:flex-start;border-bottom:0}
.show-card>.link-arrow{position:relative}
.show-card>.link-arrow::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--rust-accent)}
.show-card--large>.link-arrow{margin-top:12px}
@media (max-width:1023px){
  .network{padding:48px 0}
  .network__most{display:none}
  .network .section-head .link-arrow{display:none}
  .network__all{display:block}
  .show-grid--3,.show-grid--5{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px var(--gutter);margin-top:24px;padding-top:0;border-top:0}
  .show-grid--5{margin-top:28px}
  .show-card--large .show-card__name,.show-card__name{font-size:26px;line-height:1.05;margin-top:10px}
  .show-card__blurb{-webkit-line-clamp:2}
}
@media (max-width:767px){
  .network{padding:40px 0}
  .show-grid--3,.show-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .show-card--large .show-card__name,.show-card__name{font-size:22px}
}

/* ---- Fresh Off the Dial ---- */
.fresh{padding:40px 0 64px}
.episode-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.episode-row .play-circle{grid-column:span 1}
.episode-row__art{grid-column:span 1;display:block;width:56px;height:56px;padding:0;overflow:hidden;background:var(--brown);justify-self:start;border:2px solid var(--rust-accent);cursor:pointer;transition:border-color .15s,transform .15s}
.episode-row__art img{width:100%;height:100%;object-fit:cover;display:block}
.episode-row__art:hover{border-color:var(--cream)}
.play-circle.is-playing+.episode-row__art{border-color:var(--teal)}
.episode-row__text{grid-column:span 7;min-width:0}
.episode-row__show{font:12px/1.4 var(--mono);color:var(--rose);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.episode-row__inline-meta{display:none;letter-spacing:0;text-transform:none}
.episode-row__title{display:block;position:relative;font:600 18px/1.3 var(--body);color:var(--cream);text-decoration:none;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.episode-row__title::before{content:"";position:absolute;left:0;right:0;top:-11px;bottom:-11px}
.episode-row__title:hover{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.episode-row__date{grid-column:span 2;justify-self:start;width:64px;text-align:center;font:12px/1.4 var(--mono);background:var(--teal);padding:5px 0;border-radius:2px;white-space:nowrap}
.episode-row__len{grid-column:span 1;font:14px/1 var(--mono);text-align:right}
@media (max-width:1023px){
  .fresh{padding:48px 0}
  .episode-row{grid-template-columns:repeat(8,minmax(0,1fr));padding:14px 0}
  .episode-row__art{width:44px;height:44px}
  .episode-row__text{grid-column:span 6}
  .episode-row__inline-meta{display:inline}
  .episode-row__title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .episode-row__date,.episode-row__len{display:none}
}
@media (max-width:767px){
  .fresh{padding:40px 0}
  .episode-row{display:flex;gap:12px;align-items:center}
  .episode-row .play-circle,.episode-row__art{flex:none}
  .episode-row__show{white-space:normal;overflow:visible}
  .episode-row__inline-meta{display:block}
  .episode-row__text{flex:1;min-width:0}
}

/* ---- Newsletter band ---- */
.newsletter-band{background:var(--teal);color:var(--cream)}
.newsletter-band__grid{padding-top:56px;padding-bottom:56px;align-items:start}
.newsletter-band__text{grid-column:1/8}
.newsletter-band .h2{white-space:nowrap}
.newsletter-band__sub{margin-top:8px;font:16px/1.5 var(--body)}
.newsletter-form{grid-column:8/13}
.newsletter-form label{display:block;margin-bottom:8px}
.newsletter-form__row{display:flex}
.newsletter-form input{flex:1;min-width:0;border:2px solid var(--cream);outline:0;background:var(--violet);padding:16px;font:16px var(--body);color:var(--cream)}
.newsletter-form input::placeholder{color:var(--rose);opacity:1}
.newsletter-form .btn{padding:18px 28px}
.newsletter-form__submit{margin-top:12px}
.newsletter-form__note{font:12px/1.5 var(--body);margin-top:10px}
.newsletter-band__mobile-cta{display:none}
.form-error{font:600 14px/1.4 var(--body);margin-top:10px;color:var(--cream);background:var(--violet);padding:8px 12px}
.form-success{font:600 14px/1.4 var(--body);margin-top:10px;color:var(--violet);background:var(--rose);padding:8px 12px}
@media (max-width:1023px){
  .newsletter-band__grid{padding-top:48px;padding-bottom:48px}
  .newsletter-band__text{grid-column:1/-1}
  .newsletter-band .h2{white-space:normal;font-size:60px;line-height:.95}
  .newsletter-band .newsletter-form{display:none}
  .newsletter-band__mobile-cta{display:inline-flex;grid-column:1/-1;justify-self:start}
}
@media (max-width:767px){
  .newsletter-band__grid{padding-top:40px;padding-bottom:40px}
  .newsletter-band .h2{font-size:44px}
  .newsletter-band__mobile-cta{width:100%}
}

/* ---- News band ---- */
.news-band{background:var(--brown);padding:64px 0}
.news-band .section-head{margin-bottom:28px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);border-top:1px solid var(--line-strong)}
.news-card{padding:24px 0 8px;min-width:0}
.news-card__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font:12px/1.4 var(--mono);color:var(--rose)}
.news-card__title{font:600 22px/1.25 var(--body);margin:16px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card__title a{color:inherit;text-decoration:none}
.news-card__title a:hover{text-decoration:underline;text-underline-offset:3px}
.news-card__summary{font:14px/1.5 var(--body);color:var(--rose);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card>.link-arrow{margin-top:12px}
@media (max-width:1023px){
  .news-band{padding:48px 0;background:none}
  .news-grid{grid-template-columns:1fr;gap:0;border-top:0}
  .news-card{padding:20px 0;border-top:1px solid var(--line-strong)}
  .news-card__meta{justify-content:flex-start}
}
@media (max-width:767px){.news-band{padding:40px 0}}

/* ---- Footer ---- */
.site-footer{background:linear-gradient(rgba(18,10,24,.8),rgba(18,10,24,.8)),url(/assets/images/universe1-1920.jpg) center/cover var(--void);color:var(--rose);font:14px/2 var(--body)}
.site-footer__inner{max-width:var(--container);margin:0 auto;padding:40px var(--margin);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}
.site-footer__brand{grid-column:span 3}
.site-footer__brand img{width:72px;height:72px;border-radius:50%;margin-bottom:12px}
.site-footer__word{font:26px/1.2 var(--display);color:var(--cream);text-transform:uppercase;letter-spacing:.04em}
.site-footer__brand .social-row{margin-top:12px}
.site-footer__col{display:flex;flex-direction:column;align-items:flex-start}
.site-footer__col .eyebrow{margin-bottom:14px;letter-spacing:.1em}
.site-footer__col a{color:var(--rose);text-decoration:underline;text-underline-offset:3px;padding:8px 6px 8px 0}
.site-footer__col a:hover{color:var(--cream)}
.site-footer__col--explore{grid-column:span 2}
.site-footer__col--connect{grid-column:span 3}
.site-footer__col--connect a{white-space:nowrap}
.site-footer__col--signal{grid-column:span 4}
.site-footer__legal{grid-column:1/-1;border-top:1px solid var(--line-strong);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.site-footer__legal-links{display:flex;flex-wrap:wrap;gap:0 20px}
.site-footer__legal-links a{color:var(--rose);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 0}
.site-footer__legal-links a:hover{color:var(--cream)}
@media (max-width:1023px){
  .site-footer{line-height:1.6}
  .site-footer__inner{grid-template-columns:repeat(8,minmax(0,1fr));padding:32px var(--margin)}
  .site-footer__brand{grid-column:1/-1}
  .site-footer__brand img{width:64px;height:64px}
  .site-footer__col--explore,.site-footer__col--connect{grid-column:span 2}
  .site-footer__col--signal{grid-column:1/-1}
  .site-footer__col .eyebrow{margin-bottom:6px}
  .site-footer__col a{padding:10px 0}
  .site-footer__legal{padding-top:16px}
}
@media (max-width:767px){.site-footer__inner{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer__col--connect a{white-space:normal}}

/* ---- Generic bands and headings ---- */
.band{padding:64px 0}
.band--teal{background:var(--teal);color:var(--cream)}
.band--cream{background:var(--cream);color:var(--violet)}
.band--brown{background:var(--brown)}
.h1--xl{font-size:96px;line-height:.92;margin-top:10px}
.lede{font:18px/1.6 var(--body);margin-top:18px;max-width:560px}
.eyebrow--dark{color:var(--violet)}
.eyebrow--brown{color:var(--brown)}
@media (max-width:1023px){.band{padding:48px 0}.h1--xl{margin-top:8px}.lede{margin-top:12px}}
@media (max-width:767px){.band{padding:32px 0}.h1--xl{font-size:60px}.lede{font-size:16px}}

/* ---- Cover art tile with initials fallback (board 7a) ---- */
.cover{position:relative;aspect-ratio:1;background:var(--rust);color:var(--cream);overflow:hidden;display:flex;align-items:center;justify-content:center}
.cover__initials{font:78px/1 var(--display);opacity:0;user-select:none}
.cover.is-missing .cover__initials{opacity:1}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover.is-missing img{display:none}
@media (max-width:767px){.cover__initials{font-size:60px}}

/* ---- Filters (gallery and episode lists) ---- */
.filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.filters__field{display:flex;flex-direction:column;gap:6px}
.filters__field--grow{flex:1;min-width:240px}
.filters input,.filters select{height:48px;border:2px solid var(--violet);background:var(--cream);color:var(--violet);padding:0 14px;font:16px var(--body);outline:0;width:100%;border-radius:0;-webkit-appearance:none;appearance:none}
.filters select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231C1124' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.filters input::placeholder{color:var(--placeholder-on-cream);opacity:1}
.filters input:focus-visible,.filters select:focus-visible{outline:3px solid var(--rust);outline-offset:2px;box-shadow:none}
.filters__apply{min-height:48px;padding:0 22px}
.filters__clear{display:inline-flex;align-items:center;min-height:48px;padding:0 6px;color:var(--violet);font:600 14px var(--body);text-decoration:underline;text-underline-offset:3px}
.filters__clear:hover{color:var(--rust)}
.filters__clear:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
.btn--dark{background:var(--violet)}
.btn--dark:hover{background:var(--brown)}
@media (max-width:1023px){.filters{display:grid;grid-template-columns:2fr 1fr 1fr}.filters__field--grow{min-width:0}.filters input,.filters select{height:52px}}
@media (max-width:767px){.filters{grid-template-columns:1fr}}

/* ---- Shows gallery (boards 3i / 6d / 6c) ---- */
.gallery{padding:48px 0 72px}
.gallery__count{margin:28px 0 20px}
.empty-state--soft{padding-bottom:0}
.gallery-episodes{padding:56px 0 64px}
.gallery-episodes .episode-rows{margin-top:8px}
.gallery-episodes__note{margin-top:20px;color:var(--rose);font:14px/1.5 var(--body)}
@media (max-width:767px){.gallery-episodes{padding:32px 0 40px}}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.gallery-card{display:flex;flex-direction:column;min-width:0}
.gallery-card__art{display:block}
.gallery-card__status{font:12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-card__name{font:26px/1.05 var(--display);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gallery-card__blurb{font:14px/1.45 var(--body);margin-top:5px;color:var(--brown);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gallery-card__link{margin-top:auto;padding-top:10px;align-self:flex-start;border-bottom:0;position:relative}
.gallery-card__link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--rust-accent)}
.empty-state{padding:40px 0 16px;max-width:560px}
.empty-state p{margin:12px 0 20px}
@media (max-width:1023px){.gallery{padding:32px 0 48px}.gallery__count{margin:24px 0 16px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}}
@media (max-width:767px){.gallery{padding:24px 0 40px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.gallery-card__name{font-size:22px}}

/* ---- Show and episode pages (boards 3g / 3l / 6a / 6b / 4c / 4d) ---- */
.hero--episode .hero__grid{align-items:start}
.eyebrow__h1{display:inline;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;margin:0}
.hero__eyebrow-mobile{display:none}
.hero__show-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hero__show-link:hover{color:var(--cream)}
.chip--link{text-decoration:none;position:relative}
.chip--link:not(.chip--tall)::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
.chip--link:hover{background:var(--cream);color:var(--violet)}
.chip--dark{background:var(--violet);color:var(--cream)}
.chip--dark:hover{background:var(--rust-on-cream);color:var(--cream)}
.chip--outline{background:none;color:var(--violet);border:2px solid var(--violet)}
.chip--outline:hover{background:var(--violet);color:var(--cream)}
.chip__count{opacity:.7}
.browse-by{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px 40px;color:var(--violet)}
.browse-by--foot{margin-top:48px;padding-top:28px;border-top:2px solid var(--violet)}
.browse-by__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.crumbs{font:14px/1.5 var(--body);margin-bottom:14px}
.crumbs a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.crumbs a:hover{color:var(--rose)}
.tag-host{display:flex;gap:20px;align-items:flex-start;margin-top:18px}
.tag-host__photo{flex:none;width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--cream)}
.tag-host .lede{margin-top:0}
.tag-row a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.tag-row a:hover{color:var(--rust-on-cream)}
a.host__name{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:8px 0}
a.host__name:hover{color:var(--rust-on-cream)}
@media (max-width:767px){.browse-by{gap:16px}.tag-host{flex-direction:column}}
.chip--rust{background:var(--rust)}
.hero__actions--mobile{display:none}
.notes{margin-top:28px;max-width:640px}
.notes__body{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.notes.is-open .notes__body{display:block;-webkit-line-clamp:unset;overflow:visible}
.notes__toggle{margin-top:4px;border:0;background:none;color:var(--rose);padding:15px 0;font:700 12px var(--body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.notes__toggle:hover{color:var(--cream)}
.prose p{margin:0 0 1em}
.prose p:last-child{margin-bottom:0}
.prose a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--cream)}
.prose ul,.prose ol{margin:0 0 1em;padding-left:1.4em;list-style:disc}
.prose ol{list-style:decimal}
.prose h3,.prose h4{font:600 18px/1.4 var(--body);margin:1.2em 0 .4em}
.prose blockquote{margin:0 0 1em;padding-left:16px;border-left:3px solid var(--rose)}
.share{margin-top:32px}
.share__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.btn--small{min-height:44px;padding:9px 16px;font:600 14px var(--body);text-transform:none;letter-spacing:0}
.btn--medium{padding:12px 24px}
.btn.is-copied,.btn.btn--primary.is-copied,.btn.is-copied:hover{background:var(--teal);color:var(--cream)}
.hero__art-col{display:flex;flex-direction:column;gap:20px}
.hero__art-col .link-list{margin-top:0}
.aside-box{display:block;background:var(--brown);padding:20px;color:var(--cream);text-decoration:none}
.aside-box:hover .aside-box__sub{color:var(--cream)}
.aside-box__title{display:block;font:22px/1 var(--display)}
.aside-box__sub{display:block;font:14px/1.5 var(--body);margin-top:6px;color:var(--rose)}
@media (max-width:1023px){
  .hero__eyebrow-desktop{display:none}
  .hero__eyebrow-mobile{display:inline}
  .page-show .hero__notes,.page-show .share{display:none}
  .page-show .hero__actions--mobile{display:flex;margin-top:20px}
  .page-show .hero__actions--mobile .btn{min-height:52px}
  .page-show .hero__meta .chip--link{display:none}
  .page-show .hero__date{background:var(--teal);padding:5px 10px;color:var(--cream);flex-basis:auto}
  .hero__art-col{gap:18px}
  .link-list--right{text-align:left}
  .aside-box{display:none}
}
@media (max-width:767px){.page-show .hero__actions--mobile .btn{width:100%}}

.latest-tiles{padding:72px 0 64px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);margin-top:36px}
.tile{display:flex;flex-direction:column;min-width:0}
.tile__art{display:block}
.tile .cover{background:var(--teal)}
.tile__meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;font:12px/1.4 var(--mono)}
.tile__date{color:var(--brown);white-space:nowrap}
.tile__title{font:600 22px/1.25 var(--body);margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tile__title a{color:inherit;text-decoration:none}
.tile__title a:hover{text-decoration:underline;text-underline-offset:3px}
.tile__link{margin-top:auto;padding-top:12px;align-self:flex-start}
@media (max-width:1023px){
  .latest-tiles{padding:40px 0}
  .latest-tiles .section-head .btn{display:none}
  .tiles{display:block;margin-top:16px}
  .tile{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--gutter);align-items:center;padding:14px 0;border-top:1px solid rgba(28,17,36,.25)}
  .tile__art{grid-column:span 1}
  .tile__meta{grid-column:2/-1;margin-top:0;grid-row:1}
  .tile__title{grid-column:2/-1;margin-top:3px;font-size:18px;line-height:1.3;-webkit-line-clamp:2}
  .tile__link{display:none}
  .tile .chip--rust{background:none;color:var(--violet);padding:0;font-family:var(--mono)}
}
@media (max-width:767px){.latest-tiles{padding:32px 0}.tile{grid-template-columns:repeat(4,minmax(0,1fr))}}

.all-episodes{padding:64px 0}
.h2__count{font:16px/1 var(--mono);color:var(--rose);letter-spacing:0}
.all-episodes .filters{margin-top:24px}
.filters--dark input,.filters--dark select{border-color:var(--cream);background-color:var(--violet);color:var(--cream)}
.filters--dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23F4EFE1' stroke-width='2'/%3E%3C/svg%3E")}
.filters--dark input::placeholder{color:var(--rose)}
.filters--dark input:focus-visible,.filters--dark select:focus-visible{outline-color:var(--cream)}
.all-episodes .episode-rows{margin-top:8px}
.all-episodes .empty-state{color:var(--cream)}
.pager{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.pager__status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font:12px/1.4 var(--mono);color:var(--rose);text-transform:uppercase}
.pager__per{display:flex;align-items:center;gap:10px}
.pager__per label{letter-spacing:.2em}
.pager__per select{height:44px;border:2px solid var(--cream);background:var(--violet);color:var(--cream);padding:0 10px;font:14px var(--body);border-radius:0}
.pager__links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pager__btn,.pager__num{display:flex;align-items:center;justify-content:center;min-height:44px;border:2px solid var(--cream);color:var(--cream);text-decoration:none;font:700 14px var(--body)}
.pager__btn{padding:0 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pager__num{min-width:44px;padding:0 8px}
.pager__btn:hover,.pager__num:hover{background:var(--cream);color:var(--violet)}
.pager__num.is-current{background:var(--cream);color:var(--violet)}
.pager__btn.is-disabled{border-color:var(--rose);color:var(--rose);cursor:default}
.pager__gap{padding:0 6px}
@media (max-width:1023px){.all-episodes{padding:40px 0}.pager{margin-top:20px}.pager__num:not(.is-current){display:none}.pager__gap{display:none}.pager__btn{padding:0 14px}}
@media (max-width:767px){.all-episodes{padding:32px 0}}

.about-show{background:var(--rose);color:var(--violet)}
.about-show__grid{padding-top:64px;padding-bottom:64px}
.about-show__logo{grid-column:1/4}
.about-show__frame{border:3px solid var(--violet)}
.about-show__body{grid-column:5/13;align-self:center;min-width:0}
.tag-row{display:flex;flex-wrap:wrap;gap:0 10px;font:12px/1.6 var(--mono);letter-spacing:.2em;text-transform:uppercase}
.tag-row li+li::before{content:"·";margin-right:10px}
.about-show .h2{margin:8px 0 16px}
.status-note{font:600 14px/1.5 var(--body);margin:0 0 12px}
.about-show__text{max-width:620px}
.hosts{margin-top:28px;border-top:2px solid var(--violet);padding-top:16px}
.hosts__list{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:12px}
.host{display:flex;flex-direction:column;min-width:0}
.host__name{font:600 22px/1.3 var(--body)}
.host__role{font:14px/1.5 var(--body)}
@media (max-width:1023px){
  .about-show__grid{padding-top:40px;padding-bottom:40px}
  .about-show__logo{display:none}
  .about-show__body{grid-column:1/-1}
  .tag-row{display:none}
  .about-show .h2{margin:0}
  .about-show__text{margin-top:12px}
  .hosts{margin-top:16px;border-top:0;padding-top:0}
  .hosts .eyebrow{display:none}
  .hosts__list{display:block;margin-top:0}
  .host{flex-direction:row;align-items:baseline;gap:6px;padding:6px 0}
  .host__name{font-size:18px}
  .host__role::before{content:"· "}
}
@media (max-width:767px){.about-show__grid{padding-top:32px;padding-bottom:32px}}

.band--rust{background:var(--rust);color:var(--cream)}
.more-shows .section-head .h2{margin-top:0}
.show-grid--more{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:32px}
.show-card--light .show-card__name{color:var(--cream)}
.show-card--light .show-card__blurb{color:var(--cream)}
.link-arrow--cream{color:var(--cream);border-bottom-color:var(--cream)}
.link-arrow--cream:hover{color:var(--rose)}
/* 320px (WCAG reflow): card links may wrap instead of pushing the page wider */
@media (max-width:359px){.show-card>.link-arrow{white-space:normal;max-width:100%}}
.show-card--light>.link-arrow::after{background:var(--cream)}
@media (max-width:1023px){.show-grid--more{grid-template-columns:repeat(4,minmax(0,1fr))}.more-shows .section-head .link-arrow{display:none}}
@media (max-width:767px){.show-grid--more{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- Episode page (boards 3l / 4d / 4c) ---- */
.back-link{padding-top:40px}
.back-link a{display:inline-block;color:var(--rose);text-decoration:underline;text-underline-offset:3px;font:700 12px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:12px 0}
.back-link a:hover{color:var(--cream)}
.hero--episode-page .hero__grid{padding-top:12px}
.hero__title--full{display:block;-webkit-line-clamp:unset;overflow:visible}
.hero__meta--chips{gap:10px}
.hero__actions--episode{margin-top:28px}
.btn__note{font:12px var(--mono);text-transform:none;letter-spacing:0}
.h3-display{font:30px/1 var(--display)}
.episode-body{padding:56px 0}
.episode-body__grid{align-items:start}
.episode-body__main{grid-column:1/9;min-width:0}
.episode-body .h2{margin:0 0 20px}
.prose--large{font:18px/1.8 var(--body);max-width:680px}
.episode-section{margin-top:40px}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.keyword-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.keyword-chips a{display:block;background:var(--teal);color:var(--cream);padding:12px 14px;font:12px/1.4 var(--mono);text-decoration:none;min-height:44px}
.keyword-chips a:hover{background:var(--violet)}
.episode-details{grid-column:9/13;min-width:0}
.details{margin:14px 0 0;border-top:2px solid var(--rose)}
.details>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(244,239,225,.2)}
.details dt{font:12px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rose)}
.details dd{margin:0;text-align:right;font:16px/1.5 var(--body)}
.details__download{margin-top:16px}
.details__download-link{display:none}
.episode-details .share{margin-top:32px}
.episode-nav{margin-top:32px;border-top:2px solid var(--rose);padding-top:16px;display:flex;flex-direction:column;gap:16px}
.episode-nav__item a{display:block;margin-top:8px;color:var(--cream);text-decoration:underline;text-underline-offset:3px;font:600 18px/1.3 var(--body)}
.episode-nav__item a:hover{color:var(--rose)}
.more-episodes{padding:56px 0}
.more-episodes .h2{margin:0 0 28px}
.tiles--plain{margin-top:0}
.tiles--plain .tile__title{margin-top:8px}
.similar{padding:56px 0}
.similar__sub{color:var(--rose);margin:8px 0 24px}
.similar__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.similar__card{min-width:0;border-top:2px solid var(--rose);padding-top:14px}
.similar__meta{font:12px/1.4 var(--mono);color:var(--rose);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.similar__title{font:600 22px/1.25 var(--body);margin:8px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.similar__title a{color:inherit;text-decoration:none}
.similar__title a:hover{text-decoration:underline;text-underline-offset:3px}
.similar__shared{font:12px/1.5 var(--mono)}
@media (max-width:1023px){
  .back-link{padding-top:24px}
  .hero--episode-page .hero__grid{padding-top:0}
  .hero__actions--episode{flex-direction:column;align-items:flex-start;margin-top:22px}
  .hero__actions--episode .btn{min-height:52px}
  .episode-body{padding:8px 0 48px}
  .episode-body__main{grid-column:1/6}
  .episode-details{grid-column:6/9}
  .episode-body .h2{margin-bottom:14px}
  .prose--large{font-size:18px;line-height:1.75}
  .episode-section{margin-top:28px}
  .h3-display{font-size:26px}
  .details__download{display:none}
  .details__download-link{display:inline-block;padding:14px 0;color:var(--cream);text-decoration:underline;text-underline-offset:3px;font:700 14px var(--body)}
  .episode-details .share{margin-top:12px}
  .more-episodes{padding:48px 0}
  .more-episodes .h2{margin-bottom:20px}
  .similar{padding:48px 0}
  .similar__grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .back-link{padding-top:20px}
  .hero__actions--episode .btn--primary{width:100%}
  .episode-body__main,.episode-details{grid-column:1/-1}
  .episode-details{margin-top:32px}
  .prose--large{font-size:16px}
  .more-episodes{padding:40px 0}
  .similar{padding:40px 0}
}

/* ---- News list (boards 3c / 6f / 6e) ---- */
.news-head{padding:64px 0 40px}
.news-head .h1{margin-top:8px}
.news-feature{padding-bottom:56px}
.news-feature__grid{align-items:center}
.news-feature__image{grid-column:1/5;display:block;aspect-ratio:1;border:3px solid var(--cream);box-shadow:10px 10px 0 var(--teal);background:var(--brown);overflow:hidden}
.news-feature__image img{width:100%;height:100%;object-fit:cover}
.news-feature__text{grid-column:5/13;padding-left:24px;min-width:0}
.news-feature__text--full{grid-column:1/-1;padding-left:0}
.news-feature__title{font:600 36px/1.15 var(--body);margin:18px 0 14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news-feature__title a{color:inherit;text-decoration:none}
.news-feature__title a:hover{text-decoration:underline;text-underline-offset:3px}
.news-feature__summary{font:16px/1.6 var(--body);color:var(--rose);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news-feature__text>.link-arrow{margin-top:20px}
.news-card__meta--start{justify-content:flex-start}
.news-card__meta--dark{color:var(--violet)}
.news-earlier{padding-bottom:64px}
.news-earlier__head{border-bottom:2px solid var(--rose);padding-bottom:10px}
.news-item{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.news-item__meta{grid-column:span 2;display:flex;flex-direction:column;gap:8px;align-items:flex-start;font:12px/1.4 var(--mono);color:var(--rose)}
.news-item__text{grid-column:span 6;min-width:0}
.news-item__title{font:600 22px/1.25 var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-item__title a{color:inherit;text-decoration:none}
.news-item__title a:hover{text-decoration:underline;text-underline-offset:3px}
.news-item__link{margin-top:14px}
.news-item__summary{grid-column:span 4;font:14px/1.5 var(--body);color:var(--rose);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1023px){
  .news-head{padding:48px 0 24px}
  .news-feature{padding-bottom:0}
  .news-feature__grid{display:block}
  .news-feature__image{display:none}
  .news-feature__text{background:var(--brown);padding:28px}
  .news-feature__title{font-size:30px;line-height:1.2;margin:14px 0 10px}
  .news-feature__text>.link-arrow{margin-top:14px}
  .news-earlier{padding:32px 0 48px}
  .news-earlier__head{border-bottom:0;padding-bottom:0}
  .news-item{display:block;padding:20px 0;border-bottom:0;border-top:1px solid var(--line-strong)}
  .news-item__meta{flex-direction:row;align-items:center;gap:12px}
  .news-item__title{margin-top:12px}
  .news-item__summary{margin-top:8px}
  .news-item__link{display:none}
  .news-item__summary+.news-item__link{display:inline-block}
}
@media (max-width:767px){
  .news-head{padding:32px 0 0}
  .news-head .h1{margin-bottom:24px}
  .news-feature__text{padding:20px}
  .news-feature__title{font-size:26px}
  .news-earlier{padding:32px 0 40px}
}

/* ---- News story (boards 3k / 8h / 8g) ---- */
.story{padding:24px 0 64px}
.story__grid{align-items:start}
.story__main{grid-column:1/10;min-width:0}
.story__title{font:78px/.98 var(--display);margin:16px 0 14px;text-wrap:balance}
.story__byline{font:16px/1.5 var(--body);color:var(--rose)}
.story__image{aspect-ratio:16/9;margin-top:28px;border:3px solid var(--cream);box-shadow:10px 10px 0 var(--teal);background:var(--brown);overflow:hidden}
.story__image img{width:100%;height:100%;object-fit:cover}
.story__body{margin-top:40px}
.story__aside{grid-column:10/13;display:flex;flex-direction:column;gap:28px;min-width:0}
.story__aside .share{margin-top:0}
.story__aside-link{display:inline-block;margin-top:8px;font:600 16px/1.5 var(--body);color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.story__aside-link:hover{color:var(--rose)}
.story__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip--tall{display:inline-flex;align-items:center;min-height:44px;padding:0 12px}
.more-news{padding:56px 0}
.more-news .h2{margin:0 0 28px}
.more-news__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);border-top:2px solid var(--violet);padding-top:24px}
.more-news__card{min-width:0}
.more-news__title{font:600 22px/1.25 var(--body);margin-top:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.more-news__title a{color:inherit;text-decoration:none}
.more-news__title a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1023px){
  .story{padding:16px 0 48px}
  .story__main{grid-column:1/-1}
  .story__title{font-size:60px}
  .story__image{margin-top:24px}
  .story__body{margin-top:32px}
  .story__aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;border-top:2px solid var(--rose);padding-top:24px;margin-top:12px}
  .story__aside .share{grid-column:1/-1}
  .story__aside-item:last-child,.story__tags{grid-column:auto}
  .more-news{padding:48px 0}
  .more-news .h2{margin-bottom:20px}
  .more-news__grid{padding-top:0}
  .more-news__card{padding:20px 0}
}
@media (max-width:767px){
  .story{padding:12px 0 40px}
  .story__title{font-size:44px}
  .story__image{box-shadow:6px 6px 0 var(--teal)}
  .story__aside{grid-template-columns:1fr}
  .more-news{padding:36px 0}
  .more-news__grid{grid-template-columns:1fr;gap:0}
  .more-news__card{border-bottom:1px solid rgba(28,17,36,.25)}
}

/* ---- Transcripts: collapsed section on the episode page, dialog on the show page ---- */
.transcript__note{font:14px/1.5 var(--body);color:var(--rose);margin:8px 0 14px}
.transcript__body{position:relative;max-height:320px;overflow:hidden;font:16px/1.8 var(--body);max-width:680px}
.transcript__body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(28,17,36,0),var(--violet))}
.transcript.is-open .transcript__body{max-height:none;overflow:visible}
.transcript.is-open .transcript__body::after{display:none}
.transcript .btn-row{align-items:center;margin-top:16px}
.transcript__download{font:600 14px/1.5 var(--body);color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.transcript__download:hover{color:var(--cream)}
.transcript__unavailable,.transcript__loading{font:16px/1.6 var(--body);color:var(--rose)}
.transcript__unavailable a{color:var(--cream)}
.transcript-dialog{width:min(820px,calc(100vw - 32px));max-height:min(85vh,900px);margin:auto;padding:0;border:3px solid var(--cream);background:var(--violet);color:var(--cream);box-shadow:10px 10px 0 var(--teal)}
.transcript-dialog::backdrop{background:rgba(18,10,24,.8)}
.transcript-dialog__head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 14px;background:var(--violet);border-bottom:1px solid var(--line-strong)}
.transcript-dialog__title{font:30px/1 var(--display);margin-top:6px}
.transcript-dialog__body{padding:20px 24px 28px;font:16px/1.8 var(--body)}
@media (max-width:767px){.transcript-dialog{width:calc(100vw - 24px);max-height:92vh;box-shadow:6px 6px 0 var(--teal)}.transcript-dialog__head,.transcript-dialog__body{padding-left:16px;padding-right:16px}}

/* ---- Forms: shared pieces (newsletter, contact, preferences) ---- */
.honeypot{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-turnstile{min-height:0;margin:4px 0 8px}
.cf-turnstile:empty{margin:0}
.form-note{font:14px/1.5 var(--body);color:var(--brown);margin-bottom:12px}
.form-error--on-cream{display:inline-block;background:var(--violet);color:var(--cream)}
.form-status{font:600 18px/1.4 var(--body);background:var(--teal);color:var(--cream);padding:14px 18px;margin:0 0 16px;max-width:560px;outline:none}
.field{display:flex;flex-direction:column;gap:6px}
.field__help{font:14px/1.5 var(--body);color:var(--rose)}
.dark-form{margin-top:28px;display:flex;flex-direction:column;gap:20px;max-width:560px}
.dark-form input:not([type=checkbox]):not([type=radio]),.dark-form select,.dark-form textarea{height:52px;border:2px solid var(--cream);background:var(--violet);color:var(--cream);padding:0 14px;font:16px var(--body);outline:0;border-radius:0;-webkit-appearance:none;appearance:none}
.dark-form input[type=checkbox],.dark-form input[type=radio]{width:22px;height:22px;margin:0;flex:none;accent-color:var(--rust);cursor:pointer}
.dark-form input[type=checkbox]:focus-visible,.dark-form input[type=radio]:focus-visible{outline:3px solid var(--cream);outline-offset:2px}
.dark-form select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23F4EFE1' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.dark-form input:focus-visible,.dark-form select:focus-visible{outline:3px solid var(--cream);outline-offset:2px;box-shadow:none}
.dark-form__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.dark-form__link{color:var(--cream);text-decoration:underline;text-underline-offset:3px;font:600 16px var(--body)}
.dark-form__link:hover{color:var(--rose)}
.choice-list{border:0;padding:0;margin:0}
.choice-list legend{padding:0;margin-bottom:6px}
.choice{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(244,239,225,.2);cursor:pointer}
.choice input{width:22px;height:22px;accent-color:var(--rust);margin-top:2px;flex:none}
.choice__title{display:block;font:600 18px/1.4 var(--body)}
.choice__sub{display:block;font:14px/1.5 var(--body);color:var(--rose)}
.success-card{background:var(--rose);color:var(--violet);padding:28px;display:flex;gap:16px;align-items:flex-start}
.success-card__mark{flex:none;width:36px;height:36px;border-radius:50%;background:var(--violet);color:var(--rose);display:flex;align-items:center;justify-content:center;font:700 18px var(--body)}
.success-card__title{font:600 22px/1.3 var(--body)}
.success-card p+p{margin-top:4px}
.success-card__again{display:inline-block;margin-top:14px;color:var(--violet);font:700 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.btn--cream{background:var(--cream);color:var(--violet)}
.btn--cream:hover{background:var(--rose);color:var(--violet)}
.btn--shadow-dark{box-shadow:5px 5px 0 var(--violet)}

/* ---- Newsletter pages (boards 3h, 5j to 5n, 6g, 6h) ---- */
.nl-hero{padding:72px 0}
.nl-form{padding:64px 0}
.nl-form__intro{grid-column:1/5}
.nl-form__intro p{margin-top:14px;color:var(--brown)}
.nl-form__body{grid-column:6/13;min-width:0}
.newsletter-form--page input{border-color:var(--violet);background:var(--cream);color:var(--violet)}
.newsletter-form--page input::placeholder{color:var(--placeholder-on-cream)}
.newsletter-form--page input:focus-visible{outline:3px solid var(--rust);outline-offset:2px;box-shadow:none}
.newsletter-form--page .btn{padding:16px 32px}
.nl-perks{padding:64px 0}
.perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);margin-top:32px}
.perk__num{display:block;font:60px/1 var(--display);color:var(--rust-accent)}
.perk__title{font:600 22px/1.4 var(--body);margin:6px 0}
.perk p{color:var(--rose)}
.nl-status{padding:72px 0 80px}
.nl-status__inner{max-width:720px}
.nl-status .lede{max-width:none}
.nl-status__steps{margin:24px 0 0;padding-left:20px;list-style:decimal;font:16px/1.7 var(--body)}
.nl-status__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.nl-page{padding:72px 0 80px}
.nl-page__main{grid-column:1/8;min-width:0}
.nl-page__aside-note{font:14px/1.5 var(--body);margin-top:18px;color:var(--rose)}
.nl-page__aside-note a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1023px){
  .nl-hero{padding:48px 0}
  .nl-form{padding:40px 0}
  .nl-form__intro,.nl-form__body{grid-column:1/-1}
  .nl-form__intro p{margin:8px 0 0}
  .nl-form__body{margin-top:20px}
  .newsletter-form--page .newsletter-form__row{flex-direction:column;gap:16px}
  .newsletter-form--page input{height:52px}
  .newsletter-form--page .btn{width:100%;min-height:52px}
  .nl-perks{padding:40px 0}
  .perks{display:block;margin-top:16px}
  .perk{padding:16px 0;border-top:1px solid rgba(244,239,225,.2)}
  .perk__num{display:none}
  .perk__title{margin:0 0 4px}
  .nl-status,.nl-page{padding:48px 0}
  .nl-page__main{grid-column:1/-1}
}
@media (max-width:767px){.nl-hero{padding:32px 0}.nl-form{padding:28px 0}.nl-status,.nl-page{padding:32px 0 40px}.nl-status__actions .btn{width:100%}}

/* ---- Contact page (boards 3j, 6j, 6i) ---- */
.contact-hero{padding:64px 0}
.contact{padding:64px 0}
.contact__main{grid-column:1/8;min-width:0}
.contact__aside{grid-column:9/13;display:flex;flex-direction:column;gap:28px;min-width:0;color:var(--violet)}
.contact__aside p+p{margin-top:8px}
.contact__email,.contact__link{display:inline-block;margin-top:8px;font:600 16px/1.4 var(--body);color:var(--violet);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.contact__email:hover,.contact__link:hover{color:var(--rust-on-cream)}
.contact-form{display:flex;flex-direction:column;gap:20px}
.contact-form input,.contact-form select,.contact-form textarea{border:2px solid var(--violet);background:var(--cream);color:var(--violet);padding:0 14px;font:16px var(--body);outline:0;border-radius:0;-webkit-appearance:none;appearance:none}
.contact-form input,.contact-form select{height:52px}
.contact-form select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231C1124' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.contact-form textarea{padding:14px;line-height:1.5;resize:vertical;min-height:160px}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:3px solid var(--rust);outline-offset:2px;box-shadow:none}
.contact-form .btn{padding:16px 32px}
.contact-form .form-note{margin:0}
@media (max-width:1023px){
  .contact-hero{padding:48px 0}
  .contact{padding:40px 0}
  .contact__main,.contact__aside{grid-column:1/-1}
  .contact__aside{margin-top:32px;border-top:2px solid var(--violet);padding-top:24px;display:grid;grid-template-columns:1fr 1fr}
  .contact-form .btn{width:100%;min-height:52px}
}
@media (max-width:767px){.contact-hero{padding:32px 0}.contact{padding:28px 0 40px}.contact__aside{grid-template-columns:1fr}}

/* ---- Cookie notice (board 5h) ---- */
.cookie-notice{position:fixed;left:16px;right:16px;bottom:16px;z-index:55;display:flex;justify-content:center;pointer-events:none}
body.player-open .cookie-notice{bottom:calc(var(--player-h) + 16px)}
.cookie-notice__inner{pointer-events:auto;max-width:720px;width:100%;background:var(--brown);color:var(--cream);border:2px solid var(--cream);padding:20px 24px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;box-shadow:6px 6px 0 var(--teal)}
.cookie-notice__text{font:16px/1.5 var(--body);flex:1;min-width:220px}
.cookie-notice__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cookie-notice__link{color:var(--cream);text-decoration:underline;text-underline-offset:3px;font:600 14px var(--body)}
.cookie-notice__link:hover{color:var(--rose)}
@media (max-width:767px){.cookie-notice{left:8px;right:8px;bottom:8px}.cookie-notice__inner{padding:16px}}

/* ---- Static pages: press, sponsorship, about (boards 3d, 3e, 3f) ---- */
.page-hero{padding:64px 0 48px}
.page-hero__grid{align-items:end}
.page-hero__text{grid-column:1/9;min-width:0}
.page-hero .h1{margin-top:8px}
.page-hero__lede{margin-top:20px;max-width:620px}
.page-hero .hero__actions{margin-top:28px}
.info-box{grid-column:9/13;border:2px solid var(--rose);padding:20px}
.info-box__name{font:600 18px/1.4 var(--body);margin:10px 0 4px}
.info-box__line{font:14px/1.5 var(--body);color:var(--rose)}
.info-box__line a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.info-box__line a:hover{color:var(--cream)}
.info-box--facts{padding:8px 20px 0}
.info-box--facts .eyebrow{padding-top:12px}
.facts{margin:0}
.facts>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-strong);font:14px/1.5 var(--body)}
.facts>div:last-child{border-bottom:0}
.facts dt{font:12px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rose)}
.facts dd{margin:0;text-align:right}
.split{padding:56px 0}
.split__grid{align-items:start}
.split__title{grid-column:1/5;margin:0}
.split__body{grid-column:5/13;min-width:0}
.link-arrow--button{border:0;background:none;cursor:pointer;padding:0 0 3px;margin-top:20px}
.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.logo-card__preview{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--brown)}
.logo-card__preview--cream{background:var(--cream)}
.logo-card__preview img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}
.logo-card__label{font:600 14px/1.5 var(--body);margin-top:10px}
.logo-card .link-arrow{margin-top:6px;color:var(--rose)}
.cta-band{padding:40px 0}
.cta-band__grid{align-items:center}
.cta-band__title{grid-column:1/9;margin:0}
.cta-band__sub{margin-top:8px}
.cta-band__sub a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.cta-band__btn{grid-column:9/13;justify-self:end}
.section-title{margin:0 0 32px}
.btn--icon{gap:10px}
.btn__icon{flex:none}
.admin-table__actions .btn{margin-right:16px}
.btn__tag{font:12px/1 var(--mono);letter-spacing:.1em;padding:4px 6px;border:1px solid currentColor;border-radius:2px;margin-left:2px}
.cta-band__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.audience{padding:56px 0}
.audience__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.audience__stat{background:var(--brown);color:var(--cream);padding:20px 22px}
.audience__n{display:block;font:60px/1 var(--display);color:var(--rust-accent)}
.audience__label{display:block;font:12px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rose);margin-top:6px}
.audience__where{margin-top:24px;max-width:760px}
.audience__where p+p{margin-top:8px}
.audience__grid{margin-top:40px;align-items:start}
.audience__col{grid-column:span 6;min-width:0}
.audience__h3{font:30px/1 var(--display);margin:0 0 14px}
.audience__col .audience__h3+.audience__h3,.audience__list+.audience__h3{margin-top:32px}
.audience__table{width:100%;border-collapse:collapse;font:16px/1.5 var(--body)}
.audience__table th,.audience__table td{text-align:left;padding:10px 0;border-bottom:1px solid rgba(28,17,36,.2);vertical-align:top}
.audience__table thead th{font:12px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rust-on-cream);border-bottom:2px solid var(--violet)}
.audience__table tbody th{font-weight:600}
.audience__table tbody th a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.audience__table tbody th a:hover{color:var(--rust-on-cream)}
.audience__table .num{text-align:right;white-space:nowrap;padding-left:16px}
.audience__note{font:14px/1.5 var(--body);color:var(--brown);margin-top:12px}
.audience__list{list-style:disc;padding-left:1.2em;display:flex;flex-direction:column;gap:8px}
.audience__sponsors{font:600 18px/1.5 var(--body)}
@media (max-width:1023px){
  .audience{padding:40px 0}
  .audience__stats{grid-template-columns:1fr 1fr}
  .audience__n{font-size:44px}
  .audience__col{grid-column:1/-1}
  .audience__col+.audience__col{margin-top:32px}
  .cta-band__btns{justify-content:flex-start}
}
@media (max-width:767px){.audience{padding:32px 0}.audience__stats{grid-template-columns:1fr 1fr;gap:12px}.audience__stat{padding:14px 16px}.audience__n{font-size:36px}.cta-band__btns{flex-direction:column}.cta-band__btns .btn{width:100%}}
.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.option{border-top:3px solid var(--rust-accent);padding-top:18px}
.option__title{font:30px/1 var(--display);margin:8px 0 10px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.step__num{display:block;font:60px/1 var(--display);color:var(--rust-accent)}
.step__title{font:600 18px/1.4 var(--body);margin:6px 0}
.step p{font:14px/1.6 var(--body);color:var(--rose)}
.milestones{margin-top:24px;border-top:2px solid var(--rose)}
.milestone{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.milestone__year{grid-column:span 2;font:44px/1 var(--display);color:var(--rust-accent)}
.milestone__text{grid-column:span 10;font:18px/1.5 var(--body)}
.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);margin-top:28px}
.person .cover{background:var(--teal)}
.person__name{font:30px/1 var(--display);margin-top:12px}
.person__role{font:14px/1.5 var(--body);color:var(--rose);margin-top:4px}
@media (max-width:1023px){
  .page-hero{padding:48px 0 32px}
  .page-hero__text,.info-box{grid-column:1/-1}
  .info-box{margin-top:24px}
  .split{padding:40px 0}
  .split__title,.split__body{grid-column:1/-1}
  .split__body{margin-top:16px}
  .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cta-band__title,.cta-band__btn{grid-column:1/-1;justify-self:start}
  .cta-band__btn{margin-top:4px}
  .section-title{margin-bottom:20px}
  .options,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .milestone{grid-template-columns:repeat(8,minmax(0,1fr))}
  .milestone__year{grid-column:span 2}
  .milestone__text{grid-column:span 6}
  .people{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .page-hero{padding:32px 0 24px}
  .page-hero .hero__actions .btn{width:100%}
  .split{padding:32px 0}
  .logo-grid{grid-template-columns:1fr}
  .cta-band{padding:32px 0}
  .cta-band__btn{width:100%}
  .options,.steps{grid-template-columns:1fr}
  .milestone{display:block}
  .milestone__year{display:block}
  .milestone__text{margin-top:6px}
  .people{grid-template-columns:1fr 1fr}
}

/* ---- CMS (boards 5f, 5g) ---- */
.page-admin{background-image:none;background-color:var(--violet)}
.admin-header{flex-wrap:wrap;gap:12px 24px}
.admin-nav{display:flex;flex-wrap:wrap;gap:4px 20px;flex:1}
.admin-nav a{display:inline-block;padding:10px 0;font:600 14px/1.4 var(--body);color:var(--cream);text-decoration:none;border-bottom:2px solid transparent}
.admin-nav a:hover{color:var(--rose)}
.admin-nav a[aria-current="page"]{border-bottom-color:var(--rust-accent)}
.admin-signout{display:flex;align-items:center;gap:14px;margin:0}
.admin-signout__who{font:14px/1.4 var(--body);color:var(--rose);text-decoration:underline;text-underline-offset:3px;padding:10px 0}
.admin-signout__who:hover{color:var(--cream)}
.btn--small{padding:10px 16px;min-height:44px;font-size:12px}
.admin-main{padding-bottom:64px}
.admin-auth{display:flex;justify-content:center;padding:64px var(--margin)}
.admin-card{width:100%;max-width:480px;background:var(--brown);padding:28px}
.admin-card__title{margin:12px 0 16px}
.admin-card__foot{margin-top:20px}
.admin-card p+p{margin-top:12px}
.admin-form{margin-top:0;max-width:none}
.admin-form textarea{height:auto;padding:12px 14px;line-height:1.5;resize:vertical;border:2px solid var(--cream);background:var(--violet);color:var(--cream);font:16px var(--body)}
.admin-form textarea:focus-visible{outline:3px solid var(--cream);outline-offset:2px;box-shadow:none}
.admin-form code{font:13px var(--mono);color:var(--rose)}
.admin-form--wide{max-width:760px;gap:28px}
.admin-form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.admin-fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.admin-fieldset>legend{padding:0;margin-bottom:6px;width:100%;border-bottom:2px solid var(--rose);padding-bottom:8px}
.password-row{display:flex}
.password-row input{flex:1;min-width:0}
.password-row__toggle{flex:none;width:72px;border:2px solid var(--cream);border-left:0;background:none;color:var(--cream);font:700 12px var(--body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.choice--inline{border:0;padding:6px 0;align-items:center}
.choice--inline input{margin:0}
.admin-alert{background:var(--rust);color:var(--cream);padding:10px 14px;font:600 14px/1.4 var(--body);margin-bottom:14px}
.admin-notice{background:var(--teal);color:var(--cream);padding:12px 16px;font:600 14px/1.4 var(--body);margin:0 0 20px;outline:none}
.admin-page{padding-top:40px}
.admin-page--narrow{max-width:900px}
.admin-page__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.admin-h1{font:60px/1 var(--display)}
.admin-h2{font:30px/1 var(--display);margin:0}
.admin-lede{color:var(--rose);margin-bottom:20px}
.admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gutter);margin-bottom:40px}
.admin-stat{background:var(--brown);padding:18px 20px}
.admin-stat__n{display:block;font:44px/1 var(--display);color:var(--rust-accent)}
.admin-stat__label{font:12px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rose)}
.admin-jobs{margin-bottom:40px}
.admin-jobs__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);margin-top:16px}
.admin-job{background:var(--brown);padding:20px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.admin-job form{margin:0}
.admin-log{width:100%;margin:0;padding:12px;background:var(--void);color:var(--rose);font:12px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.admin-table-wrap{overflow-x:auto;background:var(--brown);margin-top:16px}
.admin-table{width:100%;border-collapse:collapse;min-width:720px}
.admin-table caption{text-align:left;padding:16px;font:16px/1.5 var(--body);color:var(--rose)}
.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;font:16px/1.5 var(--body)}
.admin-table thead th{font:12px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rose);border-bottom:2px solid var(--rose)}
.sort-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;margin:-6px 0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;min-height:44px}
.sort-btn:hover{color:var(--cream)}
.sort-btn__arrows{display:inline-block;width:10px;height:14px;position:relative;opacity:.55}
.sort-btn__arrows::before,.sort-btn__arrows::after{content:"";position:absolute;left:0;border-left:5px solid transparent;border-right:5px solid transparent}
.sort-btn__arrows::before{top:0;border-bottom:5px solid currentColor}
.sort-btn__arrows::after{bottom:0;border-top:5px solid currentColor}
th[aria-sort="ascending"] .sort-btn,th[aria-sort="descending"] .sort-btn{color:var(--cream)}
th[aria-sort="ascending"] .sort-btn__arrows,th[aria-sort="descending"] .sort-btn__arrows{opacity:1}
th[aria-sort="ascending"] .sort-btn__arrows::after{opacity:.3}
th[aria-sort="descending"] .sort-btn__arrows::before{opacity:.3}
.job-spinner{display:none;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:job-spin .8s linear infinite}
.is-busy .job-spinner{display:inline-block}
.filters__field--grow{position:relative}
.filters__spinner{position:absolute;right:14px;bottom:15px;width:20px;height:20px;margin:0;border-width:3px}
.filters.is-searching .job-spinner{display:inline-block}
.filters.is-searching input[type=search]{padding-right:44px}
.filters.is-searching .filters__apply{cursor:progress}
.filters__status{display:none;flex-basis:100%;font:600 14px/1.5 var(--body);color:var(--brown)}
.filters--dark .filters__status{color:var(--rose)}
.filters.is-searching .filters__status{display:block}
body.is-searching .gallery-grid,body.is-searching .gallery-episodes,body.is-searching .episode-rows,body.is-searching .empty-state,body.is-searching .pager{opacity:.45;transition:opacity .2s}
.is-busy .admin-link-btn,.is-busy .btn--job{opacity:.8;cursor:progress}
.is-done [data-job-label]{color:var(--teal)}
.is-done .admin-link-btn [data-job-label]{color:var(--rose)}
.admin-job__status{display:block;font:14px/1.5 var(--body);color:var(--rose);min-height:0}
.admin-job__status:empty{display:none}
@keyframes job-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.job-spinner{animation:none;border-right-color:currentColor;opacity:.5}}
.admin-table tbody th{font-weight:600}
.admin-table__name{color:var(--cream);font-weight:600;text-decoration:underline;text-underline-offset:3px}
a.admin-table__name:hover{color:var(--rose)}
.admin-table__sub{display:block;font:14px/1.5 var(--body);color:var(--rose);font-weight:400}
.admin-table__sub--error{color:var(--cream);background:var(--rust);display:inline-block;padding:0 6px;margin-top:4px}
.admin-table tr.is-hidden-show th,.admin-table tr.is-hidden-show td{opacity:.75}
.admin-table__actions{white-space:nowrap}
.admin-table__actions form{display:inline;margin:0}
.admin-link,.admin-link-btn{display:inline-block;padding:10px 0;margin-right:16px;border:0;background:none;cursor:pointer;color:var(--cream);font:600 14px/1.4 var(--body);text-decoration:underline;text-underline-offset:3px}
.admin-link:hover,.admin-link-btn:hover{color:var(--rose)}
.admin-pill{display:inline-block;padding:4px 10px;font:12px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--cream)}
.admin-pill--on{background:var(--teal)}
.admin-pill--off{background:var(--void);border:1px solid var(--line-strong)}
.admin-pill--invited{background:var(--rust-on-cream)}
.admin-inline-form{display:inline-flex !important;align-items:center;gap:8px;margin-right:12px}
.admin-select{height:44px;border:2px solid var(--cream);background:var(--violet);color:var(--cream);padding:0 10px;font:14px var(--body)}
.admin-team{display:grid;grid-template-columns:2fr 1fr;gap:var(--gutter);align-items:start}
.admin-team .admin-table-wrap{margin-top:0}
.admin-invite{background:var(--brown);padding:24px;gap:16px}
.admin-roles{margin:0;font:14px/1.5 var(--body)}
.admin-roles dt{font:12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rose);margin-top:8px}
.admin-roles dd{margin:0}
.admin-messages{display:flex;flex-direction:column;gap:16px}
.admin-message{background:var(--brown);padding:18px 20px}
.admin-message.is-handled{opacity:.7}
.admin-message.is-spam{opacity:.5}
.admin-message__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}
.admin-message__head a{color:var(--rose)}
.admin-message__actions form{display:inline;margin:0}
.admin-message__body{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:1023px){
  .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-jobs__grid,.admin-team{grid-template-columns:1fr}
  .admin-h1{font-size:44px}
}
@media (max-width:767px){
  .admin-auth{padding:32px var(--margin)}
  .admin-stats{grid-template-columns:1fr 1fr}
  .admin-form__row{grid-template-columns:1fr}
  .admin-page{padding-top:24px}
}

/* ---- Legal pages (boards 5d, 5e) ---- */
.legal{padding:56px var(--margin) 80px}
.legal__head .h1{margin-top:10px}
.legal__updated{font:14px/1.5 var(--mono);color:var(--rose);margin-top:14px}
.legal__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:start;margin-top:40px}
.legal__toc{grid-column:1/4;position:sticky;top:calc(var(--header-h) + 24px);border-top:2px solid var(--rose);padding-top:14px}
.legal__toc ul{margin-top:8px}
.legal__toc a{display:block;padding:8px 0;color:var(--cream);text-decoration:underline;text-underline-offset:3px;font:16px/1.5 var(--body)}
.legal__toc a:hover{color:var(--rose)}
.legal__body{grid-column:5/13;min-width:0;max-width:680px;font:16px/1.75 var(--body)}
.legal__body h2{font:36px/1 var(--display);margin:40px 0 12px;scroll-margin-top:calc(var(--header-h) + 24px)}
.legal__body h2:first-child{margin-top:0}
.legal__body p+p{margin-top:0}
.legal__body p{margin:0 0 20px}
.legal__body ul,.legal__body ol{margin:0 0 20px;padding-left:1.4em;list-style:disc}
.legal__body li{margin-bottom:8px}
.legal__body code{font:14px var(--mono);color:var(--rose)}
@media (max-width:1023px){
  .legal{padding:40px var(--margin) 56px}
  .legal__grid{display:block;margin-top:28px}
  .legal__toc{position:static;margin-bottom:28px}
  .legal__body h2{font-size:30px;margin-top:32px}
}
@media (max-width:767px){.legal{padding:32px var(--margin) 48px}.legal__toc a{padding:10px 0}}
.admin-code{font:14px/1.5 var(--mono) !important;min-height:420px}

/* ---- Team brand guide (board 9d, style guide design file) ---- */
.admin-nav__badge{display:inline-block;background:var(--rose);color:var(--violet);padding:2px 7px;font:11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-left:6px;vertical-align:middle}
.admin-brand-card{background:var(--brown);border:2px solid var(--rose);padding:24px;margin-bottom:40px;max-width:640px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.admin-brand-card .admin-h2{font-size:44px}
.page-brand .admin-main{padding-bottom:0}
.brand-nav{position:sticky;top:0;z-index:30;background:var(--void);border-bottom:1px solid var(--brown);display:flex;flex-wrap:wrap;gap:6px 22px;padding:12px var(--margin)}
.brand-nav a{color:var(--cream);text-decoration:none;font:500 14px/1.4 var(--body);padding:6px 0;border-bottom:3px solid transparent}
.brand-nav a:hover{border-bottom-color:var(--rose)}
.brand-intro{padding-top:64px;padding-bottom:56px;align-items:end}
.brand-intro__text{grid-column:1/9}
.brand-h1{font:96px/.9 var(--display);margin:14px 0 18px}
.brand-lede{font:22px/1.5 var(--body);max-width:640px}
.brand-intro__note{grid-column:9/13;font:14px/1.5 var(--body);background:var(--brown);padding:16px 18px;border:2px solid var(--rose)}
.brand-sec{padding:72px 0;scroll-margin-top:60px}
.brand-sec--cream{background:var(--cream);color:var(--violet)}
.brand-sec--teal{background:var(--teal);color:var(--cream)}
.brand-h2{font:60px/1 var(--display);margin:6px 0 36px}
.brand-h3{font:36px/1 var(--display);margin:40px 0 12px}
.brand-p{max-width:760px}
.brand-p--small{font-size:14px;margin-top:12px}
.brand-sec a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.brand-callout{background:var(--rose);color:var(--violet);padding:16px 20px;max-width:820px;font:14px/1.5 var(--body);margin-top:28px}
.brand-grid{display:grid;gap:24px;margin-top:28px}
.brand-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-grid h3{font:36px/1 var(--display);margin:0 0 10px}
.brand-grid p{margin:0}
.brand-mark{display:flex;flex-direction:column;gap:10px;font:14px/1.5 var(--body)}
.brand-mark__tile{aspect-ratio:1;display:grid;place-items:center}
.brand-mark__tile img{width:62%;height:auto}
.brand-mark__tile--plum{background:var(--violet);color:var(--cream)}
.brand-mark__tile--rose{background:var(--rose)}
.brand-mark__tile--cream{background:var(--cream);border:2px solid var(--violet)}
.brand-mark__name{font:600 16px/1.4 var(--body)}
.brand-lockup{display:flex;align-items:center;gap:12px;font:44px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.brand-lockup img{width:60px;height:60px;border-radius:50%}
.brand-dl{font:700 14px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--rust-on-cream) !important;align-self:flex-start;padding:8px 0}
.brand-rules li{border:2px solid var(--violet);padding:22px;font:16px/1.55 var(--body)}
.brand-rules--dark li{border-color:var(--brown)}
.brand-big{display:block;font:60px/1 var(--display);margin-bottom:10px}
.brand-big small{font:16px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.brand-voice li{font:18px/1.55 var(--body)}
.brand-voice h3{color:var(--rose)}
.brand-lines li{border:2px solid var(--brown);padding:20px;display:flex;flex-direction:column;gap:8px}
.brand-line{font:36px/1 var(--display)}
.swatch{border:2px solid var(--violet);display:flex;flex-direction:column}
.swatch__chip{height:130px;border-bottom:2px solid var(--violet)}
.swatch__body{padding:16px;display:flex;flex-direction:column;gap:4px;font:14px/1.45 var(--body)}
.swatch__code{font:12px/1.5 var(--mono)}
.swatch__body p{margin-top:8px}
.brand-proportion{display:flex;height:56px;border:2px solid var(--violet);margin-top:14px;max-width:760px}
.pair{display:flex;align-items:center;gap:12px;border:2px solid var(--violet);padding:10px 12px;font:14px/1.35 var(--body)}
.pair__sample{flex:none;width:64px;height:44px;display:grid;place-items:center;font:30px/1 var(--display)}
.pair__sample::before{content:"Aa"}
.pair--fail{opacity:.6}
.brand-faces li{border:2px solid var(--brown);padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.brand-face{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-scale{margin-top:18px;list-style:none;padding:0}
.brand-scale li{display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:baseline;border-top:1px solid var(--brown);padding:12px 0;overflow:hidden}
.brand-scale__px{font:14px var(--mono);color:var(--rose)}
.brand-scale__sample{line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.brand-demo{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:14px 0 16px}
.brand-demo--field{flex-direction:column;align-items:stretch;gap:6px}
.brand-demo--field input{height:52px;border:2px solid var(--violet);background:var(--cream);color:var(--violet);padding:0 14px;font:16px var(--body);border-radius:3px}
.brand-demo--field input:focus-visible{outline:3px solid var(--rose);outline-offset:2px}
.brand-keyword{border:1px solid var(--rose);color:var(--rose);padding:6px 12px;font:14px/1.4 var(--body);border-radius:20px}
.brand-band{padding:26px;display:flex;flex-direction:column;gap:8px}
.brand-band--teal{background:var(--teal)}
.brand-band--brown{background:var(--brown)}
.brand-band__title{font:44px/1 var(--display)}
.brand-imagery li{display:flex;flex-direction:column;gap:10px;font:14px/1.5 var(--body)}
.brand-img{height:220px;display:grid;place-items:center;color:var(--cream);font:44px/1 var(--display)}
.brand-img--star{background:linear-gradient(rgba(28,17,36,.6),rgba(28,17,36,.6)),url(/assets/images/universe2-960.jpg) center/cover var(--violet)}
.brand-img--plum{background:var(--violet)}
.brand-img__cover{width:150px;height:150px;border:3px solid var(--cream);box-shadow:12px 12px 0 var(--teal);background:var(--brown);display:grid;place-items:center;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:center}
.brand-img__photo{width:200px;height:140px;background:var(--cream);color:var(--violet);border:3px solid var(--cream);box-shadow:12px 12px 0 var(--rust);display:grid;place-items:center;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.brand-specs li{border:2px solid var(--brown);padding:18px;display:flex;flex-direction:column;gap:6px;font:14px/1.5 var(--body)}
.brand-sec--cream .brand-specs li{border-color:var(--violet)}
.brand-specs h3{font-size:30px;margin:0}
.brand-mono{font:14px/1.5 var(--mono)}
.brand-mono--rust{color:var(--rust-on-cream)}
.brand-sizes li{border:2px solid var(--violet);padding:14px 16px;display:flex;flex-direction:column;gap:2px;font:16px/1.5 var(--body)}
.brand-sheet{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start;margin-top:40px}
.brand-sheet__diagram{position:relative;width:240px;height:320px;background:var(--violet);flex:none}
.brand-sheet__trim{position:absolute;inset:8px;border:2px dashed var(--rose)}
.brand-sheet__safe{position:absolute;inset:24px;border:2px dashed var(--cream)}
.brand-sheet__label{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:var(--cream);font:30px/1 var(--display)}
.brand-sheet .brand-h3{margin-top:0}
.brand-sheet>div{flex:1;min-width:280px;max-width:560px}
.brand-check{gap:12px 40px}
.brand-check li{border-top:2px solid var(--cream);padding-top:12px;font:18px/1.5 var(--body)}
.brand-check li::before{content:"\25A1  ";font:700 18px var(--mono)}
.brand-sec--teal .brand-p{margin-top:32px}
@media (max-width:1023px){
  .brand-intro{padding-top:40px;padding-bottom:32px}
  .brand-intro__text,.brand-intro__note{grid-column:1/-1}
  .brand-h1{font-size:60px}
  .brand-lede{font-size:18px}
  .brand-sec{padding:48px 0}
  .brand-h2{font-size:44px;margin-bottom:24px}
  .brand-grid--3,.brand-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-face{font-size:60px !important}
}
@media (max-width:767px){
  .brand-nav{gap:4px 14px;padding:8px var(--margin)}
  .brand-h1{font-size:44px}
  .brand-sec{padding:32px 0}
  .brand-grid{gap:16px}
  .brand-grid--2,.brand-grid--3,.brand-grid--4{grid-template-columns:1fr}
  .brand-lockup{font-size:30px}
  .brand-scale li{grid-template-columns:48px 1fr;gap:12px}
}

/* ---- Error pages (boards 5a, 5b, 5c; 8m to 8r) ---- */
.error-page{position:relative;overflow:hidden;padding:72px 0 220px;min-height:600px}
.error-page__art{position:absolute;inset:0;pointer-events:none}
.error-page__orb{position:absolute;border-radius:50%}
.error-page__orb--sun{right:60px;top:40px;width:170px;height:170px;background:radial-gradient(circle at 35% 35%,var(--rose),var(--rust-accent) 60%,var(--rust))}
.error-page__orb--moon{right:260px;top:110px;width:70px;height:70px;background:radial-gradient(circle at 35% 35%,var(--rose),var(--teal) 65%)}
.error-page__dune{position:absolute;border-radius:50%}
.error-page__dune--rust{left:-10%;right:-10%;bottom:-150px;height:300px;background:var(--rust)}
.error-page__dune--rose{left:-25%;width:90%;bottom:-170px;height:260px;background:var(--rose)}
.error-page__dune--cream{right:-15%;width:70%;bottom:-190px;height:280px;background:var(--cream)}
.error-page__grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:center}
.error-page__text{grid-column:1/8;min-width:0}
.error-page__title{font:96px/.92 var(--display);margin:12px 0 20px;text-wrap:balance}
.error-page__body{font:18px/1.6 var(--body);max-width:560px}
.error-page__body a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.error-page__body a:hover{color:var(--rose)}
.error-page__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.error-page__ref{font:12px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rose);margin-top:24px}
.error-page__figure{grid-column:9/13;display:flex;justify-content:center}
.error-page__digits{display:flex;align-items:center;gap:6px;font:96px/1 var(--display);color:var(--cream)}
.error-page__eye{flex:none;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--violet) 0 17%,transparent 18%),repeating-radial-gradient(circle at 50% 50%,var(--cream) 0 5px,var(--rust) 5px 12px);box-shadow:0 0 0 6px var(--violet),0 0 70px rgba(209,77,50,.5)}
.error-page__disc{width:240px;height:240px;border-radius:50%;background:conic-gradient(from 0deg,var(--teal),var(--violet),var(--brown),var(--teal),var(--cream) 5%,var(--teal));box-shadow:0 0 0 6px var(--cream),0 0 80px rgba(46,107,94,.7);display:flex;align-items:center;justify-content:center;font:96px/1 var(--display);color:var(--cream)}
.error-page__door{width:230px;height:300px;border-radius:115px 115px 0 0;background:linear-gradient(var(--violet),var(--brown));border:6px solid var(--cream);box-shadow:0 0 70px rgba(209,77,50,.45);display:flex;align-items:flex-end;justify-content:center;padding-bottom:30px}
.error-page__knob{width:60px;height:60px;border-radius:50%;background:var(--rust);border:4px solid var(--cream)}
.error-page__form{margin-top:28px;background:var(--brown);padding:20px;width:340px;max-width:100%;gap:14px}
.error-page__form .btn{align-self:flex-start}
@media (max-width:1023px){
  .error-page{padding:48px 0 190px;min-height:0}
  .error-page__grid{grid-template-columns:repeat(8,minmax(0,1fr))}
  .error-page__text{grid-column:1/6}
  .error-page__figure{grid-column:6/9}
  .error-page__title{font-size:60px}
  .error-page__orb--sun{width:120px;height:120px;right:24px;top:24px}
  .error-page__orb--moon{right:170px;top:80px;width:50px;height:50px}
  .error-page__digits{font-size:72px}
  .error-page__eye{width:72px;height:72px}
  .error-page__disc{width:180px;height:180px;font-size:72px}
  .error-page__door{width:170px;height:220px;border-radius:85px 85px 0 0}
}
@media (max-width:767px){
  .error-page{padding:32px 0 150px}
  .error-page__grid{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:20px}
  .error-page__title{font-size:44px;line-height:.95;margin-bottom:16px}
  .error-page__body{font-size:16px}
  .error-page__actions{flex-direction:column;align-items:stretch;width:100%}
  .error-page__actions .btn{min-height:52px}
  .error-page__orb--sun{width:90px;height:90px;right:16px;top:16px}
  .error-page__orb--moon{right:120px;top:60px;width:36px;height:36px}
  .error-page__digits{font-size:96px}
  .error-page__eye{width:80px;height:80px;box-shadow:0 0 0 4px var(--violet),0 0 40px rgba(209,77,50,.5)}
  .error-page__disc{width:150px;height:150px;font-size:60px}
}