:root {
  --black: #080807;
  --ink: #11100e;
  --charcoal: #15130f;
  --gold: #c49a4b;
  --gold-light: #e4c788;
  --burgundy: #481614;
  --burgundy-2: #2d0f0d;
  --cream: #ead9b2;
  --paper: #d9c299;
  --paper-ink: #2d2519;
  --line: rgba(196,154,75,.45);
  --muted: #b7a47e;
  --serif: Georgia, "Times New Roman", Times, serif;
  --sans: "Trebuchet MS", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--cream);
  background:
    radial-gradient(circle at 50% -10%, rgba(98,45,18,.16), transparent 34rem),
    linear-gradient(rgba(0,0,0,.18), rgba(0,0,0,.18)),
    var(--black);
  font-family: var(--serif);
  line-height: 1.55;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0 1px, transparent 1px 4px),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.035), transparent 20%);
  z-index: 99;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
button, input, textarea { font: inherit; }
.wrap { width: min(1180px, calc(100% - 2rem)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  min-height: 72px; padding: .7rem max(1rem, calc((100vw - 1180px) / 2));
  background: rgba(8,8,7,.88);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(12px);
}
.mini-brand { text-decoration: none; display: flex; align-items: center; gap: .7rem; }
.mini-mark {
  display: grid; place-items: center; width: 42px; aspect-ratio: 1; border: 1px solid var(--gold);
  border-radius: 50%; color: var(--gold-light); font-weight: 700; letter-spacing: .05em;
  box-shadow: inset 0 0 0 3px var(--black), inset 0 0 0 4px rgba(196,154,75,.45);
}
.mini-name { text-transform: uppercase; letter-spacing: .08em; font-size: .88rem; color: var(--gold-light); }
.primary-nav { display: flex; gap: 1.7rem; align-items: center; }
.primary-nav a { text-decoration: none; color: var(--gold-light); text-transform: uppercase; letter-spacing: .11em; font-size: .75rem; }
.primary-nav a:hover, .primary-nav a:focus-visible { color: #fff0c8; }
.menu-toggle { display: none; background: none; border: 0; padding: .5rem; }
.menu-toggle span:not(.sr-only) { display: block; width: 26px; height: 2px; margin: 5px; background: var(--gold); }

.hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero::before {
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.65) 48%, rgba(0,0,0,.88) 100%),
    radial-gradient(circle at 20% 30%, rgba(87,26,13,.35), transparent 38%),
    linear-gradient(to bottom, #0a0907, #15100a 70%, #080807);
}
.hero-glow { position:absolute; width:50rem; height:50rem; left:3%; top:-16rem; background:radial-gradient(circle, rgba(196,154,75,.12), transparent 65%); }
.hero-content { position: relative; min-height: 760px; display: grid; grid-template-columns: minmax(330px, .9fr) 1.1fr; align-items: center; gap: 3rem; padding-block: 5rem; }
.crest { width: min(560px, 100%); filter: drop-shadow(0 18px 30px rgba(0,0,0,.65)); }
.eyebrow, .section-kicker { color: var(--gold); text-transform: uppercase; letter-spacing: .18em; font: 700 .75rem/1.4 var(--sans); }
.hero h1 { font-size: clamp(3rem, 6vw, 6.4rem); line-height: .9; text-transform: uppercase; letter-spacing: -.035em; margin: .4rem 0 1.3rem; }
.hero h1 span { color: var(--gold-light); }
.topics { color: #d6c59f; letter-spacing: .045em; font-size: 1rem; }
.topics b { color: var(--gold); padding: 0 .35rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.btn { display: inline-flex; justify-content:center; align-items:center; padding: .9rem 1.2rem; border: 1px solid var(--gold); text-decoration: none; text-transform: uppercase; letter-spacing: .09em; font: 700 .78rem/1 var(--sans); cursor:pointer; }
.btn-primary { background: linear-gradient(#d2ad65, #a87629); color: #170f07; box-shadow: inset 0 0 0 2px rgba(255,247,218,.18); }
.btn-primary:hover, .btn-primary:focus-visible { filter: brightness(1.08); }
.btn-ghost { color: var(--gold-light); background: rgba(0,0,0,.15); }
.btn-ghost:hover, .btn-ghost:focus-visible { background: rgba(196,154,75,.1); }

.coming-soon { text-align:center; padding: 4.4rem 0; background: linear-gradient(#0d0b08,#120e09); border-bottom: 1px solid var(--line); }
.coming-soon h2, .faculty-section h2, .standards-section h2 { font-size: clamp(2.2rem, 4vw, 4.2rem); margin: .2rem 0 .6rem; text-transform: uppercase; letter-spacing: .03em; }
.coming-soon > .wrap > p:not(.section-kicker) { color: var(--muted); }
.episode-placeholder { max-width: 850px; margin: 2rem auto 0; display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; text-align:left; border:1px solid var(--line); background:rgba(0,0,0,.28); padding:1.2rem; }
.episode-number { color:var(--gold); font:700 .8rem var(--sans); }
.episode-placeholder strong { display:block; color:#f0deb7; }
.episode-placeholder span:not(.coming-badge) { display:block; color:var(--muted); font-size:.9rem; }
.coming-badge { border:1px solid var(--gold); color:var(--gold-light); padding:.45rem .65rem; text-transform:uppercase; letter-spacing:.08em; font:700 .67rem var(--sans); }

.split-section { display:grid; grid-template-columns:1.35fr .65fr; gap:1.6rem; padding-block:5rem; }
.parchment-card {
  color: var(--paper-ink); padding: clamp(1.5rem,4vw,3.5rem);
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.28), transparent 32%),
    repeating-linear-gradient(3deg, rgba(76,53,20,.035) 0 1px, transparent 1px 5px),
    var(--paper);
  border: 1px solid #9b7e4b;
  box-shadow: 0 24px 50px rgba(0,0,0,.35), inset 0 0 50px rgba(88,58,20,.18);
  transform: rotate(-.2deg);
}
.parchment-card h2 { font-size: clamp(2.3rem,4vw,4.2rem); margin:.1rem 0 1rem; line-height:1; }
.section-kicker.dark { color:#68491d; }
.handwritten { font-style:italic; font-weight:700; font-size:1.2rem; }
.quote-card { border:1px solid var(--line); padding:2.4rem; background:linear-gradient(155deg, rgba(72,22,20,.65), rgba(15,13,10,.75)); display:flex; flex-direction:column; justify-content:center; text-align:center; }
.quote-card .cross { font-size:3rem; color:var(--gold); }
.quote-card blockquote { font-size:clamp(2rem,4vw,3.8rem); line-height:1; margin:1.2rem 0; color:var(--gold-light); }
.quote-card p { color:#c6b48f; }

.faculty-section { padding:5rem 0; background:linear-gradient(#0c0a08,#130f0a,#0c0a08); border-block:1px solid var(--line); }
.faculty-section > .wrap > h2, .faculty-section > .wrap > .section-kicker { text-align:center; }
.host-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; margin-top:2rem; }
.host-card { display:grid; grid-template-columns:170px 1fr; border:1px solid var(--line); background:rgba(0,0,0,.32); overflow:hidden; }
.host-portrait { min-height:280px; background:radial-gradient(circle at 50% 35%, #6a4b24 0, #2a1c0e 38%, #090807 75%); border-right:1px solid var(--line); }
.host-portrait { overflow:hidden; }
.host-portrait img {
  width:100%;
  height:100%;
  min-height:280px;
  display:block;
  object-fit:cover;
  object-position:center;
}

.initials { display:grid; place-items:center; font-size:7rem; color:rgba(232,203,142,.9); text-shadow:0 0 35px rgba(196,154,75,.25); }
.host-copy { padding:1.6rem; }
.host-title-row { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); margin-bottom:1rem; }
.host-title-row h3 { font-size:2.2rem; color:var(--gold-light); text-transform:uppercase; margin:0; }
.host-title-row span { color:var(--gold); text-transform:uppercase; letter-spacing:.1em; font:700 .72rem var(--sans); }
.host-copy p { color:#c9b995; }
.host-tagline { color:var(--gold-light)!important; font-style:italic; }

.standards-section { padding:5rem 0; text-align:center; }
.standards-grid { margin-top:2.3rem; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); }
.standards-grid article { padding:1.7rem 1.2rem; border-right:1px solid var(--line); background:rgba(0,0,0,.18); }
.standards-grid article:last-child { border-right:0; }
.standards-grid .icon { display:block; font-size:2.2rem; color:var(--gold); }
.standards-grid h3 { color:var(--gold-light); text-transform:uppercase; font-size:1rem; letter-spacing:.05em; }
.standards-grid p { color:#bcae8e; font-size:.94rem; }

.office-hours { padding:5rem 0; background:var(--paper); color:var(--paper-ink); border-top:1px solid #9b7e4b; }
.office-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:3rem; align-items:start; }
.office-hours h2 { font-size:clamp(2.4rem,5vw,4.4rem); margin:.1rem 0 .8rem; line-height:1; }
.topic-form { display:grid; gap:.65rem; }
.topic-form label { font-weight:700; }
.topic-form label span { font-weight:400; opacity:.7; }
.topic-form input, .topic-form textarea { width:100%; border:1px solid #8e7141; background:#efe0bd; color:#241c12; padding:.85rem .9rem; outline:none; }
.topic-form input:focus, .topic-form textarea:focus { box-shadow:0 0 0 3px rgba(99,57,17,.18); border-color:#664318; }
.topic-form .btn { justify-self:start; margin-top:.3rem; }
.form-status { min-height:1.3em; margin:0; font-style:italic; }

.site-footer { padding:3rem 0; border-top:1px solid var(--line); background:#070706; }
.footer-grid { display:grid; grid-template-columns:1.1fr .7fr .9fr; gap:2rem; align-items:start; }
.footer-brand { display:flex; gap:.8rem; align-items:center; color:var(--gold-light); text-transform:uppercase; letter-spacing:.05em; }
.footer-grid p { color:#a99878; }
.five-solas { border-left:1px solid var(--line); padding-left:2rem; display:grid; gap:.2rem; color:var(--gold); text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; }
.footer-meta { text-align:right; }

@media (max-width: 980px) {
  .menu-toggle { display:block; }
  .mini-name { display:none; }
  .primary-nav { position:absolute; left:0; right:0; top:100%; display:none; flex-direction:column; gap:0; background:#090807; border-bottom:1px solid var(--line); }
  .primary-nav.open { display:flex; }
  .primary-nav a { width:100%; text-align:center; padding:1rem; border-top:1px solid rgba(196,154,75,.15); }
  .hero-content { grid-template-columns:1fr; text-align:center; padding-block:3rem 4rem; min-height:auto; }
  .crest { width:min(520px,90vw); margin-inline:auto; }
  .hero-actions { justify-content:center; }
  .split-section, .office-grid { grid-template-columns:1fr; }
  .host-grid { grid-template-columns:1fr; }
  .standards-grid { grid-template-columns:1fr 1fr; }
  .standards-grid article { border-bottom:1px solid var(--line); }
  .footer-grid { grid-template-columns:1fr; }
  .five-solas { border-left:0; border-top:1px solid var(--line); padding:1.2rem 0 0; }
  .footer-meta { text-align:left; }
}

@media (max-width: 640px) {
  .wrap { width:min(100% - 1.2rem,1180px); }
  .hero h1 { font-size:clamp(2.7rem,14vw,4.5rem); }
  .topics { font-size:.86rem; }
  .episode-placeholder { grid-template-columns:1fr; text-align:center; }
  .coming-badge { justify-self:center; }
  .host-card { grid-template-columns:1fr; }
  .host-portrait { min-height:220px; border-right:0; border-bottom:1px solid var(--line); }
  .host-portrait img { min-height:220px; }
  .standards-grid { grid-template-columns:1fr; }
  .standards-grid article { border-right:0; }
  .hero-actions .btn { width:100%; }
}