@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:wght@400;500&display=swap');

:root{--bg:#11100f;--panel:#171614;--text:#f4f0e9;--muted:#b9b2a8;--gold:#cda56c;--line:rgba(205,165,108,.55);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.55}
a{color:inherit;text-decoration:none}
.wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.wordmark,.footer-wordmark{font-family:var(--serif);font-size:28px;line-height:1;border-bottom:1px solid var(--gold);padding-bottom:8px;white-space:nowrap}
.main-nav{display:flex;gap:42px;margin-left:60px}
.main-nav a,.site-footer nav a{font-size:10px;letter-spacing:.19em;text-transform:uppercase;transition:color .2s}
.main-nav a:hover,.site-footer nav a:hover,.hero-topics a:hover{color:var(--gold)}
.header-search{width:30px;height:30px;display:grid;place-items:center;color:var(--gold)}
.header-search svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.4}
.hero{min-height:500px;position:relative;display:flex;align-items:center;overflow:hidden;background:#171614 url('assets/hero.png') center 44%/cover no-repeat;border-radius:2px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,12,.98) 0%,rgba(12,12,12,.88) 34%,rgba(12,12,12,.18) 73%,rgba(12,12,12,.16) 100%),linear-gradient(0deg,rgba(12,12,12,.35),transparent 40%)}
.hero-copy{position:relative;z-index:1;padding:55px 30px 58px 4.5%;max-width:690px}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:10px;letter-spacing:.24em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{font-family:var(--serif);font-size:clamp(42px,6.4vw,76px);font-weight:400;line-height:.99;letter-spacing:-.035em;margin:0 0 22px}
.gold-rule{display:block;width:110px;height:1px;background:var(--gold);margin:0 0 16px}
.hero-intro{color:#e0dbd3;font-size:16px;line-height:1.6;margin:0 0 23px}
.button{display:inline-flex;align-items:center;gap:28px;border:1px solid var(--gold);border-radius:30px;padding:10px 17px 10px 19px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;transition:background .2s,color .2s}
.button:hover{background:var(--gold);color:#17130e}
.button span{font-size:18px;line-height:10px}
.hero-topics{position:absolute;right:4%;top:40%;display:flex;flex-direction:column;gap:12px;z-index:1}
.hero-topics a{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);transition:color .2s}
.show-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
.show-card{height:300px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:28px 8%;isolation:isolate}
.show-card:before{content:"";position:absolute;inset:0;z-index:-1;transition:transform .5s}
.show-card:hover:before{transform:scale(1.04)}
.show-card-dark:before{background:linear-gradient(90deg,rgba(5,5,5,.45),rgba(5,5,5,.18)),linear-gradient(0deg,rgba(5,5,5,.84),transparent 85%),url('assets/hero.png') center 62%/cover;filter:grayscale(1)}
.show-card-warm:before{background:linear-gradient(90deg,rgba(204,143,75,.26),rgba(53,35,20,.1)),linear-gradient(0deg,rgba(58,35,14,.76),transparent 90%),url('assets/hero.png') 74% 45%/cover;filter:sepia(.3) saturate(1.15)}
.card-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.show-card-content{position:relative;max-width:370px}
.show-title{display:block;font-family:var(--serif);font-size:clamp(52px,7vw,82px);line-height:.94;text-transform:uppercase;letter-spacing:-.04em}
.show-card-dark .show-title{font-weight:400;color:#f0ece5}
.show-card-warm .show-title{color:#21170e}
.show-subtitle{display:block;margin:7px 0 11px 38%;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.show-card p{font-family:var(--serif);font-size:15px;line-height:1.45;margin:0 0 0 21%}
.show-card-warm p{color:#241a10}
.round-arrow{position:absolute;right:-20px;bottom:-4px;width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:20px}
.episodes{padding-top:27px}
.section-heading{display:flex;align-items:center;gap:22px;margin-bottom:14px}
.section-heading h2{font-family:var(--serif);font-size:27px;font-weight:400;margin:0;white-space:nowrap}
.section-heading>span{height:1px;background:var(--line);flex:1}
.section-heading>a{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.section-heading b{font-size:17px;font-weight:400;margin-left:7px}
.episode-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.episode-list{display:grid;gap:12px}
.episode{min-height:76px;display:grid;grid-template-columns:112px minmax(0,1fr) 22px;gap:16px;align-items:center;position:relative}
.episode-list:first-child{padding-right:20px;border-right:1px solid var(--line)}
.episode-thumb{height:72px;width:112px;overflow:hidden;background-color:#272522;position:relative}
.episode-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1b1b1a,#776b5c 54%,#171615)}
.thumb-portrait:before{background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.1)),radial-gradient(ellipse at 54% 33%,#b8b3ac 0 10%,transparent 10.5%),linear-gradient(110deg,#e1d9ce 0 32%,#242322 33% 70%,#56504a 71%)}
.thumb-portrait span,.thumb-walk span{position:absolute;width:23px;height:48px;left:50%;top:28px;background:#191817;border-radius:45% 45% 5% 5%;transform:translateX(-50%)}
.thumb-stairs:before{background:repeating-linear-gradient(0deg,#171615 0 9px,#77716a 10px 12px),linear-gradient(90deg,#cbc5bb,#1a1918)}
.thumb-book:before{background:radial-gradient(ellipse at 52% 72%,#d7d0c4 0 9%,transparent 10%),linear-gradient(135deg,#171615,#433e38 48%,#0d0d0c)}
.thumb-book{display:grid;place-items:center;color:#dbd2c4;font-size:28px}
.thumb-book:before{inset:0}
.thumb-mountain:before{background:linear-gradient(180deg,transparent 28%,#4e3724 29%),linear-gradient(160deg,transparent 46%,#b78450 46.5% 57%,#563b26 58% 70%,#211a14 71%),linear-gradient(180deg,#f1c78e,#966442 62%,#37251a)}
.thumb-walk:before{background:linear-gradient(180deg,#efc88d,#9c683c 55%,#3a291b)}
.thumb-walk span{top:28px;width:12px;height:38px;background:#231b16}
.thumb-cross{display:grid;place-items:center;color:#b88b55;font-family:var(--serif);font-size:54px}
.thumb-cross:before{background:linear-gradient(180deg,#cf9a5b,#5a3b22 55%,#191512)}
.episode-copy{min-width:0}
.episode-meta{margin:0 0 2px;color:var(--gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.episode-meta i{font-style:normal;margin:0 6px;color:#736453}
.episode h3{font-family:var(--serif);font-size:16px;font-weight:400;line-height:1.25;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.episode-title-link{color:inherit;transition:color .2s}
.episode-title-link:hover,.episode-title-link:focus-visible{color:var(--gold)}
.duration{color:var(--muted);font-size:11px;margin:0}
.play-hint{font-size:0;width:33px;height:33px;border:1px solid var(--gold);border-radius:50%;position:relative;justify-self:end}
.play-hint:after{content:"";position:absolute;left:13px;top:9px;border-left:8px solid var(--gold);border-top:6px solid transparent;border-bottom:6px solid transparent;opacity:.65}
.about{display:grid;grid-template-columns:minmax(230px, .95fr) minmax(260px,1fr) minmax(240px,.85fr);gap:42px;align-items:center;margin-top:43px;min-height:310px;overflow:hidden}
.about-portrait{height:310px;position:relative;align-self:end;background:radial-gradient(ellipse at 51% 27%,#9b958e 0 13%,transparent 13.5%),linear-gradient(90deg,transparent 10%,#211f1d 14% 27%,#c3bbb0 28% 34%,#1b1918 35% 72%,#312c27 73%);filter:grayscale(1);opacity:.84}
.about-portrait:before{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,var(--bg),transparent)}
.about-portrait span{position:absolute;left:34%;top:34%;width:36%;height:58%;background:linear-gradient(110deg,#292725,#aaa39a 42%,#2c2926 43%);clip-path:polygon(34% 0,68% 0,78% 25%,100% 44%,87% 100%,8% 100%,0 47%,23% 26%);border-radius:30% 30% 0 0}
.about-copy{padding:25px 0}
.about-copy h2{font-family:var(--serif);font-weight:400;font-size:35px;line-height:1.08;margin:0 0 10px}
.about-copy>p:not(.eyebrow){font-size:13px;color:#c9c2b9;line-height:1.6;margin-bottom:16px;max-width:420px}
blockquote{margin:0;border-left:1px solid var(--line);min-height:200px;padding:26px 20px 20px 48px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.quote-mark{font-family:var(--serif);font-size:65px;color:var(--gold);line-height:.6}
blockquote p{font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.3;margin:8px 0 15px}
blockquote cite{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-style:normal}
.contact-donate{display:grid;grid-template-columns:1fr 1fr 1fr;gap:34px;align-items:start;margin-top:36px;padding:29px 0 36px;border-top:1px solid var(--line)}
.contact-heading h2{font-family:var(--serif);font-weight:400;font-size:31px;line-height:1.12;margin:0}
.contact-card,.donate-card{border-left:1px solid var(--line);padding:2px 0 0 25px;min-height:190px}
.contact-card h3,.donate-card h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:0 0 18px}
.contact-card dl{margin:0;display:grid;gap:13px}
.contact-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:start}
.contact-card dt,.account-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.contact-card dd{margin:0;color:#e7e1d8;font-size:13px}
.contact-card dd a{transition:color .2s}
.contact-card dd a:hover{color:var(--gold)}
.contact-card dd a span{color:var(--gold);font-size:11px;margin-left:3px}
.donate-card .eyebrow{margin-bottom:10px}
.donate-card h3{margin-bottom:16px}
.bank-name{font-size:13px;color:#e7e1d8;margin:0 0 12px}
.account-label{margin:0 0 6px}
.bank-account{font-family:var(--sans);font-size:16px;letter-spacing:.08em;color:var(--gold);margin:0;font-weight:500}
.site-footer{border-top:1px solid var(--line);min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.footer-wordmark{font-size:19px;border:0;padding:0}
.site-footer nav{display:flex;gap:30px}
.site-footer nav a{font-size:9px;color:#d2cbc1}
.footer-note{font-size:10px;color:#8c857c;margin:0}
@media(max-width:800px){.wrap{width:min(100% - 36px,680px)}.site-header{height:76px}.wordmark{font-size:23px}.main-nav{gap:18px;margin:0}.main-nav a{font-size:9px}.hero{min-height:470px;background-position:58% center}.hero-copy{padding-left:6%;max-width:590px}.hero-topics{right:5%;top:auto;bottom:24px;flex-direction:row;gap:14px}.hero-topics a{font-size:8px}.show-card{height:260px;padding:24px 6%}.show-title{font-size:58px}.episode-columns{gap:18px}.episode-list:first-child{padding-right:14px}.episode{grid-template-columns:82px minmax(0,1fr) 20px;gap:10px}.episode-thumb{width:82px;height:62px}.episode h3{font-size:14px}.play-hint{width:29px;height:29px}.play-hint:after{left:11px;top:7px}.about{grid-template-columns:.75fr 1fr;gap:25px}.about-portrait{height:285px}blockquote{grid-column:1/-1;min-height:150px;border-left:0;border-top:1px solid var(--line);padding:20px}.contact-donate{grid-template-columns:1fr 1fr;gap:25px}.contact-heading{grid-column:1/-1}.contact-card,.donate-card{padding-left:20px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.site-header{height:70px}.wordmark{font-size:20px}.main-nav{gap:12px}.main-nav a{font-size:8px;letter-spacing:.1em}.header-search{display:none}.hero{min-height:470px;background-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(12,12,12,.95),rgba(12,12,12,.68) 62%,rgba(12,12,12,.28)),linear-gradient(0deg,rgba(12,12,12,.42),transparent 45%)}.hero-copy{padding:42px 20px 74px}.eyebrow{font-size:9px}.hero-intro{font-size:14px}.desktop-only{display:none}.hero-topics{left:20px;right:auto;bottom:18px;gap:12px}.hero-topics a{font-size:7px;letter-spacing:.1em}.show-cards{grid-template-columns:1fr;gap:12px;margin-top:12px}.show-card{height:245px}.show-title{font-size:63px}.show-card p{font-size:14px}.section-heading{gap:10px}.section-heading h2{font-size:22px}.section-heading>a{font-size:7px;letter-spacing:.1em}.episode-columns{grid-template-columns:1fr;gap:10px}.episode-list:first-child{padding-right:0;border-right:0}.episode-list{gap:10px}.episode{grid-template-columns:86px minmax(0,1fr) 22px;min-height:68px}.episode-thumb{width:86px;height:58px}.episode h3{font-size:15px}.about{grid-template-columns:1fr;gap:0;margin-top:28px}.about-portrait{height:250px;max-width:350px;width:100%;justify-self:center}.about-copy{padding:20px 6px}.about-copy h2{font-size:31px}blockquote{padding:24px 10px}.contact-donate{grid-template-columns:1fr;gap:22px;margin-top:25px;padding:25px 0}.contact-heading{grid-column:auto}.contact-heading h2{font-size:27px}.contact-card,.donate-card{min-height:0;padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}.contact-card dl>div{grid-template-columns:110px 1fr}.site-footer{padding:16px 0;flex-wrap:wrap}.footer-wordmark{font-size:17px}.site-footer nav{gap:15px;flex-wrap:wrap;justify-content:flex-end}.site-footer nav a{font-size:8px}.footer-note{width:100%;text-align:center}}
