@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0c1019;--ink:#f3f6fc;--muted:#b4bfd1;--line:#344159;--panel:#171f2f;--accent:#9fbcff;--serif:'Instrument Serif',Georgia,serif;--sans:'Instrument Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans)}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration-color:#a96d31}a:focus-visible,summary:focus-visible{outline:2px solid #a96d31;outline-offset:5px}img{display:block;width:100%;object-fit:cover}figure,p{margin:0}h1,h2,h3{font:400 1em/1 var(--serif);margin:0}h2{font-size:clamp(3.5rem,7vw,6.2rem);letter-spacing:-.025em}h3{font-size:clamp(2rem,4vw,3.8rem)}.wrap{width:min(1240px,calc(100% - 110px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-10rem;background:white;padding:.5rem;z-index:10}.skip:focus{top:1rem}.site-header{min-height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px max(30px,calc((100% - 1240px)/2));}.wordmark{font:1.7rem var(--serif);text-decoration:none;white-space:nowrap}.wordmark b{font-weight:400;font-style:italic}.site-header nav{display:flex;gap:clamp(15px,2.7vw,36px);font-size:.88rem}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.header-cta,.text-link{font-weight:700;font-size:.88rem}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:clamp(26px,5vw,78px);padding-block:55px 48px}.hero-copy{padding-block:22px}.eyebrow{font-weight:700;font-size:.71rem;letter-spacing:.17em;text-transform:uppercase}.eyebrow span{display:inline-block;width:8px;height:8px;background:#a97238;border-radius:100%;margin-right:.5em}.hero h1{font-size:clamp(5rem,11.25vw,10rem);line-height:.77;letter-spacing:-.045em;margin:28px 0 30px}.hero h1 em{font-weight:400;color:#69523a}.intro{font-size:clamp(1.03rem,1.6vw,1.3rem);max-width:365px;color:var(--muted)}.actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:28px}.button{padding:13px 17px;text-decoration:none;font-size:.88rem;font-weight:700;display:inline-flex;gap:20px;align-items:center}.primary{background:var(--panel);color:#fff}.primary:hover{background:#415240}.hero-photo img{aspect-ratio:1.16;object-position:center 34%;background:#292b2d}.hero-photo figcaption,figcaption{font-size:.76rem;color:var(--muted);padding-top:10px}.hero-photo figcaption{display:flex;justify-content:space-between;gap:10px}.section{padding-block:66px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2,.film h2,.about h2,.book-band h2,.follow h2{margin:.13em 0 .08em}.section-head>p{max-width:300px;color:var(--muted)}.show-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.feature{background:var(--panel);color:#f9f1e3;padding:clamp(25px,4vw,48px)}.feature .eyebrow,.film .eyebrow{color:var(--accent)}.feature h3,.gmt h3{margin:.22em 0}.feature p:not(.eyebrow){max-width:315px;margin-bottom:20px}.gmt{background:#eee6d8;padding:24px;display:grid;grid-template-columns:minmax(95px,.6fr) 1fr;align-items:start;gap:22px}.gmt img{aspect-ratio:1}.gmt p{margin-bottom:8px}.platforms{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px;font-size:.78rem;font-weight:700}.gmt details{margin-top:14px}.gmt iframe{width:100%;border:0;margin-top:10px}.other-work{margin-top:15px;color:var(--muted)}.film{background:#25211d;color:#f6eee0}.film-grid{display:grid;grid-template-columns:minmax(190px,330px) 1fr;align-items:center;gap:clamp(30px,8vw,110px);padding-block:65px}.film img{aspect-ratio:2/3}.film figcaption{color:#d6c1a7}.film p:not(.eyebrow){max-width:350px;margin:16px 0 22px}.entries details{border-top:1px solid var(--line);padding:16px 0}.entries details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}.entries summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.entries summary::-webkit-details-marker{display:none}.entries summary:after{content:'+';font-size:1.5rem}.entries details[open] summary:after{content:'−'}.entries small{display:block;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.entries strong{font:400 clamp(1.7rem,4vw,2.7rem) var(--serif)}.entries details p{max-width:650px;margin-top:12px}.book-band{background:#eae0ce}.book-grid,.about{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.book-grid{padding-block:55px}.book{display:flex;align-items:center;gap:22px}.book-cover{display:grid;align-content:center;flex:0 0 105px;aspect-ratio:2/3;padding:9px;background:#5c342d;color:#f8e3bf;font:1.6rem/.94 var(--serif);text-align:center;border:4px double #c69b66}.book details{margin-top:9px}.about p:not(.eyebrow){max-width:510px;margin-top:13px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-pair img{aspect-ratio:4/5;object-position:50% 35%}.photo-pair figure:nth-child(2){margin-top:38px}.follow{background:var(--panel);color:#fff;padding-block:55px}.follow .primary{background:var(--accent);color:var(--ink)}footer{padding-block:22px;display:flex;justify-content:space-between;gap:15px;align-items:center}footer span{font-size:.75rem;color:var(--muted)}
@media(max-width:850px){.wrap{width:calc(100% - 60px)}.site-header{gap:12px}.header-cta{display:none}.show-grid{grid-template-columns:1fr}.gmt img{max-width:210px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{padding:10px 18px;flex-wrap:wrap;justify-content:center;gap:8px;min-height:0}.site-header nav{width:100%;justify-content:space-between;gap:8px}.hero,.film-grid,.book-grid,.about{grid-template-columns:1fr;gap:24px}.hero{padding-block:24px 30px}.hero-copy{padding-block:12px}.hero h1{font-size:clamp(4.4rem,17vw,6.5rem);margin:20px 0 23px}.hero-photo img{aspect-ratio:1.18}.section{padding-block:42px}.section-head{align-items:start;flex-direction:column;gap:8px}.film-grid{padding-block:38px}.film figure{max-width:260px;grid-row:2}.gmt{padding:15px;gap:13px}.book-grid,.follow{padding-block:38px}.photo-pair img{aspect-ratio:1}.hero-photo figcaption,footer span{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Midnight palette and broadcast typography. */
:root {
  color-scheme: dark;
  --display: 'Barlow Condensed', 'Arial Narrow', var(--sans);
}

h1, h2, h3 {
  font-family: var(--display);
  font-weight: 600;
}

a:hover { text-decoration-color: var(--accent); }
a:focus-visible, summary:focus-visible { outline-color: var(--accent); }
.skip { background: var(--accent); color: var(--bg); }

.wordmark {
  font: 700 1.45rem/1 var(--display);
  letter-spacing: .055em;
  text-transform: uppercase;
}

.wordmark b { color: var(--accent); font: inherit; }
.header-cta { color: var(--accent); }
.hero {
  grid-template-columns: 1fr minmax(0, 1fr);
  gap: clamp(30px, 7vw, 120px);
  padding-block: clamp(32px, 5.5vw, 82px) 48px;
}
.hero h1 {
  font-size: clamp(4.75rem, 10vw, 9.5rem);
  line-height: .81;
  letter-spacing: -.015em;
  text-transform: uppercase;
}
.hero h1 em {
  color: var(--accent);
  font: inherit;
}
.hero .eyebrow, .section .eyebrow, .film .eyebrow, .book-band .eyebrow, .follow .eyebrow {
  color: var(--accent);
}
.hero-photo img, .photo-pair img {
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--line);
}
.hero-photo figcaption { color: var(--muted); }
.photo-pair figure:nth-child(2) { margin-top: 0; }
.primary, .follow .primary { background: var(--accent); color: var(--bg); }
.primary:hover, .follow .primary:hover { background: #c9d9ff; }

.show-grid { grid-template-columns: 1.08fr 1fr; }
.feature {
  color: var(--ink);
  background: linear-gradient(145deg, #203662, #151f34 75%);
  border-top: 3px solid var(--accent);
  scroll-margin-top: 20px;
}
.feature h3 { font-size: clamp(2.8rem, 5.2vw, 5.3rem); text-wrap: balance; }
.gmt {
  background: var(--panel);
  border: 1px solid var(--line);
  scroll-margin-top: 20px;
}
.film, .book-band { background: var(--panel); color: var(--ink); }
.film figcaption { color: var(--muted); }
.entries strong { font-family: var(--display); font-weight: 600; }
.follow { background: #111c33; }

@media (max-width: 850px) {
  .show-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .hero { grid-template-columns: 1fr; gap: 24px; }
  .hero h1 { font-size: clamp(3.9rem, 16vw, 6.5rem); }
}

.hero-photo {
  position: relative;
  isolation: isolate;
}

.hero-photo::before {
  position: absolute;
  z-index: -1;
  inset: 0 0 1.75rem;
  background: radial-gradient(ellipse at 56% 49%, #1d2b44 0%, transparent 67%);
  content: "";
  pointer-events: none;
}

.hero-photo img {
  border: 0;
  background: transparent;
  mask-image: linear-gradient(to bottom, black 84%, transparent 100%);
}

/* Signature typography for Jonathan's name. */
.hero h1 {
  font-family: 'Instrument Serif', Georgia, serif;
  font-weight: 400;
  font-size: clamp(4.75rem, 10vw, 9.5rem);
  line-height: .88;
  letter-spacing: -.035em;
  text-transform: none;
}

.hero h1 em {
  font-family: inherit;
  font-style: italic;
  font-weight: 400;
}

.wordmark {
  font-family: 'Instrument Serif', Georgia, serif;
  font-weight: 400;
  font-size: 1.7rem;
  letter-spacing: 0;
  text-transform: none;
}

.wordmark b {
  font-weight: 400;
  font-style: italic;
}

@media (max-width: 620px) {
  .hero h1 {
    font-size: clamp(4rem, 16vw, 6.5rem);
  }
}

.hero-photo img {
  width: 90%;
  margin-inline: auto;
}

#books > .wrap {
  padding-block: 55px;
}
.author-books {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.author-book {
  padding: 28px;
  border: 1px solid var(--line);
}
.author-book h3 {
  margin-block: 12px 18px;
}
.author-book p + p {
  margin-top: 14px;
}
.book-subtitle {
  color: var(--accent);
}
@media (max-width: 620px) {
  .author-books {
    grid-template-columns: 1fr;
  }
}

.book-band .author-books {
  grid-template-columns: 1.65fr 1fr;
}
.featured-book {
  display: grid;
  grid-template-columns: minmax(100px, 170px) 1fr;
  gap: 24px;
  align-items: start;
}
.book-art {
  aspect-ratio: 2 / 3;
  object-fit: contain;
}
.author-book h3 { font-size: clamp(2.3rem, 3.5vw, 3.8rem); }
.author-book .button { margin-top: 18px; }
.book-note {
  font-size: .78rem;
  line-height: 1.6;
  color: var(--muted);
  margin-top: 14px;
}
button { font-family: inherit; cursor: pointer; }
button.button { border: 0; }
.coaching-copy { max-width: 650px; }
.coaching-copy p { font-size: 1.2rem; margin-block: 15px 24px; }

#book-dialog {
  width: min(890px, calc(100% - 30px));
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 40px;
  color: var(--ink);
  background: #151f32;
  border: 1px solid #4e607f;
}
#book-dialog::backdrop { background: #02050bcb; }
.dialog-close {
  position: absolute;
  top: 4px;
  right: 10px;
  width: 40px;
  height: 40px;
  color: var(--ink);
  background: transparent;
  border: 0;
  font-size: 2rem;
}
.book-dialog-grid {
  display: grid;
  grid-template-columns: .7fr 1fr;
  align-items: start;
  gap: 32px;
}
.book-dialog-grid img { height: auto; object-fit: contain; }
.book-dialog-grid h2 { font-size: clamp(2.5rem, 5vw, 4rem); margin-block: 10px 15px; }
.book-dialog-grid .eyebrow { color: var(--accent); }
.offer-price { font: 3rem var(--display); margin-block: 20px; }
.offer-price span { display: block; font: .8rem/1.5 var(--sans); color: var(--muted); }

.journal-page { padding-block: 65px; min-height: 65vh; }
.journal-page h1 { font-size: clamp(3rem, 6vw, 5.5rem); margin-block: 15px 24px; }
.journal-intro { max-width: 650px; margin-bottom: 30px; color: var(--muted); }
.journal-list { display: grid; gap: 24px; margin-block: 24px; }
.journal-item { padding-block: 24px; border-top: 1px solid var(--line); }
.journal-item h2, .journal-item h3 { font-size: clamp(2rem, 4vw, 3.2rem); margin-block: 12px; }
.journal-item h2 a, .journal-item h3 a { text-decoration: none; }
.journal-item h2 a:hover, .journal-item h3 a:hover { text-decoration: underline; }
.journal-item p:not(.eyebrow) { color: var(--muted); max-width: 850px; }
.reading { max-width: 760px; margin-inline: auto; }
.reading > p:not(.eyebrow, .article-byline) { font-size: 1.15rem; line-height: 1.85; margin-block: 24px; }
.article-byline { color: var(--muted); font-size: .85rem; margin-bottom: 35px; }
.site-header nav { flex-wrap: wrap; }
@media (max-width: 950px) {
  .book-band .author-books { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .featured-book { grid-template-columns: 95px minmax(0, 1fr); gap: 15px; padding: 18px; }
  .book-dialog-grid { grid-template-columns: 1fr; gap: 20px; }
  .book-dialog-grid img { width: min(150px, 45%); margin-inline: auto; }
  #book-dialog { padding: 38px 22px 25px; }
  .book-dialog-grid h2 { font-size: 2.5rem; }
  .offer-price { margin-block: 12px; }
  .site-header nav { font-size: .78rem; justify-content: center; gap: 12px; }
  .hero-photo figcaption { flex-direction: column; }
}

.podcast-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
}
.podcast-card {
  min-width: 0;
  background: var(--panel);
  border: 1px solid var(--line);
  scroll-margin-top: 24px;
}
.podcast-cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}
.podcast-copy {
  padding: 24px;
}
.podcast-copy h3 {
  font-size: clamp(2rem, 3vw, 3rem);
  margin-block: 10px 16px;
}
.podcast-copy > p:not(.eyebrow) {
  margin-bottom: 18px;
  color: var(--muted);
}
.podcast-copy details {
  margin-top: 18px;
}
.podcast-copy iframe {
  width: 100%;
  border: 0;
  margin-top: 12px;
}
@media (max-width: 700px) {
  .podcast-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
/* Equal frames preserve the full Pentagon portrait across screen sizes. */
.photo-pair img{aspect-ratio:4/5;object-position:center 28%;height:auto}
.photo-pair figure:nth-child(2){margin-top:0}
.podcast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.show-cover{aspect-ratio:1;overflow:hidden;position:relative;container-type:inline-size;isolation:isolate}
.show-cover-jk{background:radial-gradient(ellipse at 74% 44%,#51504a,#18191a 72%);color:#fff7e8}
.show-cover-jk img{position:absolute;right:-15%;bottom:-11%;width:91%;height:100%;object-fit:contain}
.show-cover-jk::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#141516 0%,transparent 75%);opacity:.7}
.show-cover-jk>div,.show-cover-dark>div{position:absolute;z-index:1;inset:auto 8% 11%;display:grid;gap:3cqw}
.show-cover small,.show-cover-kl span{font:700 5cqw/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.show-cover strong{font:400 15cqw/.84 var(--serif)}
.show-cover-jk i{color:#e1bf82}
.show-cover-kl{background:#171313;display:grid;grid-template-rows:38% 1fr;position:relative}
.show-cover-kl img{height:100%;min-height:0;object-position:center 43%}
.show-cover-kl span{position:absolute;bottom:8%;left:8%;background:#861d2b;color:white;padding:.65em .85em}
.show-cover-dark{background:radial-gradient(ellipse at 70% 0%,#753749,transparent 62%),linear-gradient(125deg,#2d131e,#0d0a10);color:#f8e3d1}
.show-cover-dark>div{inset:8%;border:1px solid #bb7a7d;align-content:center;justify-items:center;text-align:center}
.show-cover-dark strong{font-size:23cqw}
.show-cover-dark i{color:#e8a9a7}
.slate{padding-bottom:65px}
.slate-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
.slate-grid article{padding:clamp(18px,4vw,38px);border:1px solid #f4debc30;background:#171716}
.slate-grid h3{margin-top:.25em}
.slate-grid article p:not(.eyebrow){margin-bottom:0}
@media(max-width:1000px){.podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.podcast-grid,.slate-grid{grid-template-columns:1fr}.slate{padding-bottom:38px}}
.duo-cover{color:#faf4e9;display:grid;grid-template-rows:auto 1fr auto;text-align:center}
.duo-mag{background:radial-gradient(ellipse at 50% 60%,#992b3a,#2c0b18 70%,#190910)}
.duo-dark{background:radial-gradient(ellipse at 48% 44%,#663649,#160e25 68%,#0d0a13)}
.duo-title{position:relative;z-index:2;padding:8cqw 2cqw 0;display:grid;gap:2cqw}
.duo-title small{font-size:3.2cqw;letter-spacing:.23em}
.duo-title strong{font-size:15cqw;white-space:nowrap}
.duo-title b{font-weight:400;color:#e6bd89}
.duo-title span{font:700 4.4cqw/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.duo-dark .duo-title strong{font-size:19cqw}
.duo-dark .duo-title i{color:#e5a1ac}
.duo-portraits{position:relative;min-height:0;overflow:hidden}
.duo-portraits img{position:absolute;width:auto;height:120%;max-width:none;object-fit:contain;top:1%}
.duo-portraits .duo-jonathan{right:-8%;height:113%;top:11%}
.duo-portraits .duo-zarah{left:-8%;height:138%;top:-8%}
.duo-dark .duo-portraits .duo-jonathan{left:-8%;right:auto}
.duo-dark .duo-portraits .duo-zarah{right:0;left:auto}
.duo-band{position:relative;z-index:1;padding:4cqw 1cqw;font:700 3.5cqw/1.15 var(--sans);letter-spacing:.13em;text-transform:uppercase;background:#140c14}
.duo-mag .duo-band{border-top:1px solid #c77781}
.duo-dark .duo-band{border-top:1px solid #bb7a7d}
.slate-grid article{padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(100px,42%) 1fr;align-items:center}
.slate-copy{padding:clamp(12px,2.5vw,30px)}
.slate-poster{display:block;align-self:start}
.slate-poster img{height:auto;aspect-ratio:2/3}
@media (min-width:521px) and (max-width:750px){.slate-grid article{grid-template-columns:1fr}.slate-poster img{width:100%}}
.reason-book{display:grid;grid-template-columns:minmax(85px,.68fr) 1fr;gap:clamp(12px,2vw,24px);align-items:start}
.reason-book .book-art{width:100%;height:auto;max-width:210px;object-fit:contain}
@media(max-width:400px){.reason-book{grid-template-columns:1fr}.reason-book .book-art{max-width:155px}}

.duo-magazine .duo-title strong{font-size:17cqw}
.after-dark-hosts{line-height:1.5!important;font-size:4cqw!important;letter-spacing:.1em!important}
.show-cover-jk>div{inset:9% auto auto 8%;gap:2.1cqw}
.jk-cover-tagline{justify-self:start;border-top:1px solid #e1bf82;padding-top:2cqw;margin-top:2cqw;color:#fff7e8;font:700 3.05cqw/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}

/* Podcast directory and show pages */
.podcast-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.podcast-copy h3{font-size:clamp(1.65rem,2.65vw,2.9rem)}
.podcast-copy h3 a{text-decoration:none}
.podcast-copy h3 a:hover{text-decoration:underline}
.show-art-link{display:block;overflow:hidden}
.show-art-link:hover{filter:brightness(1.12)}
.show-art-link:focus-visible{outline-offset:-4px}
.show-page-link{display:block;margin:0 18px 20px;padding:10px 12px;border:1px solid var(--line);font-weight:700;text-align:center;font-size:.85rem;text-decoration:none}
.show-page-link:hover{background:#252c3d;color:#fff}
.duo-magazine .duo-title strong{font-size:19cqw}
.stiletto-cover{display:grid;align-content:center;justify-items:center;gap:4cqw;text-align:center;color:#fbe5da;background:radial-gradient(ellipse at 74% 12%,#9a3a55,#331126 62%,#1d101a)}
.stiletto-cover::after{content:"";position:absolute;inset:7%;border:1px solid #d999a6;pointer-events:none}
.stiletto-cover strong{font-size:24cqw}
.stiletto-cover i{color:#edacba}
.stiletto-cover span{font:700 3.2cqw/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.show-detail-hero{display:grid;grid-template-columns:1fr minmax(0,.82fr);align-items:center;gap:clamp(28px,7vw,90px);padding-block:clamp(36px,8vw,115px)}
.show-detail-copy>.eyebrow{margin-top:28px;color:var(--accent)}
.show-detail h1{font-size:clamp(3.2rem,7.1vw,7rem);margin:.15em 0 .24em}
.show-description{color:var(--muted);max-width:52ch;font-size:1.13rem}
.show-detail-art{border:1px solid var(--line)}
.show-detail-art img.podcast-cover{height:auto;aspect-ratio:1}
.show-listen{padding-bottom:52px}
.show-listen h2{font-size:2.5rem;margin-bottom:16px}
.show-listen iframe{width:min(100%,650px);border:0}
@media(max-width:1080px){.podcast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.show-detail-hero{grid-template-columns:1fr}.show-detail-art{width:min(100%,450px)}}
@media(max-width:520px){.podcast-grid{grid-template-columns:1fr}}