@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#0e1211;--panel:#191f1c;--gold:#ddc18a;--text:#f7f4eb;--muted:#b5bcb5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:100px;display:flex;align-items:center;gap:60px;padding:0 5%;position:relative;z-index:20;background:#0d1211;border-bottom:1px solid #ffffff0c}header .brand{min-width:226px}.brand{display:block;line-height:1.15}.brand b{font:30px 'Libre Caslon Display',Georgia,serif}.branddot{color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--gold);margin-top:7px}nav{display:flex;gap:30px;font-size:14px}nav a{padding:12px 0;color:#c1c7c1}nav a:hover{color:var(--gold)}.preview{margin-left:auto;font-size:11px;letter-spacing:2px;border:1px solid #5c6252;padding:4px 10px;color:var(--gold)}.hero{position:relative;min-height:650px;height:min(720px,75vw);overflow:hidden}.slide{display:none;position:absolute;inset:0}.slide.active{display:block}.heroimage{position:absolute;right:0;top:0;width:76%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.55) brightness(.8)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0e1211 0%,#0e1211e8 23%,#0e121183 53%,#0e121120 80%),linear-gradient(0deg,#0e1211 0%,transparent 35%)}.herocopy{position:relative;padding:72px 5% 100px;max-width:860px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--gold);margin:0 0 23px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1{font-size:76px;line-height:1.03;letter-spacing:-1.5px;margin-bottom:27px}h2{font-size:35px;line-height:1.2;margin-bottom:8px}.herotitle{font-weight:500;font-size:18px;margin-bottom:8px}.herodesc{color:#c6ccc5;max-width:470px;margin-bottom:28px;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 23px;font-size:14px;font-weight:600;border-radius:3px}.gold{background:var(--gold);color:#1c241e}.gold:hover{background:#efd49e}.glass{background:#ffffff10;border:1px solid #ffffff38}.glass:hover{background:#ffffff20}svg{width:22px;height:22px;flex-shrink:0}.herobottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.herobottom>span{font-size:11px;letter-spacing:2px;color:#a6aea4}.dots{display:flex;gap:10px}.dot{border:0;border-top:2px solid #ffffff35;background:none;color:#b9bfb6;padding:9px 18px;font-size:12px}.dot.selected{border-color:var(--gold);color:var(--gold)}.content{padding:0 5%;max-width:1800px;margin:auto}.collections{padding:38px 0 10px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}.sectionhead p{font-size:14px;color:var(--muted);margin:4px 0 0}.sectionhead>a{font-size:13px;white-space:nowrap;color:var(--gold)}.sectionhead .eyebrow{margin:0;font-size:10px}.count{color:var(--muted);font-size:11px;margin-left:9px}.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.topics>a{background:linear-gradient(140deg,#29322b,#181f1b);border:1px solid #d7c18c22;min-height:156px;padding:19px 23px;border-radius:4px;transition:background .2s}.topics>a:hover{background:#323b2c;border-color:var(--gold)}.topics span{font-size:11px;color:var(--gold)}.topics h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:26px;line-height:1.1;margin:14px 0 10px}.topics small{font-size:12px;color:#aab6aa}.shelf{padding:38px 0 10px}.rail{display:grid;grid-auto-columns:calc((100% - 48px)/4);grid-auto-flow:column;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px;scrollbar-color:#55604e transparent;scrollbar-width:thin}.card{display:block;min-width:0;scroll-snap-align:start}.thumb{position:relative;aspect-ratio:16/9;background:#20271f;border-radius:4px;overflow:hidden;border:1px solid #ffffff0e}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .thumb img{transform:scale(1.04)}.card:hover h3{color:var(--gold)}.playmini{position:absolute;right:10px;bottom:10px;background:#0c110edb;width:33px;height:33px;display:grid;place-items:center;border:1px solid #ffffff3d;border-radius:50%}.playmini svg{width:18px}.format{position:absolute;left:10px;bottom:10px;background:#0b100de8;padding:2px 7px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.cardbody{padding:13px 1px 0}.cardbody small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.cardbody h3{font-size:16px;line-height:1.4;margin:5px 0;font-weight:500}.cardbody p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.readingfeature{margin:50px 0 15px;min-height:350px;padding:45px;background:linear-gradient(90deg,#172b25f5,#12282060),url('/assets/spurgeon.jpg') center 57%/cover;border-radius:5px}.readingfeature h2{font-size:48px}.readingfeature p{color:#d4ddd3}.readingfeature .eyebrow{display:block;margin-bottom:18px}.page{padding-top:55px;padding-bottom:65px}.page h1{font-size:66px;max-width:900px}.intro{color:var(--muted);max-width:740px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px;margin-top:36px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.filters button{background:#20291f;border:1px solid #ffffff1a;border-radius:30px;padding:9px 18px;color:var(--text);font-size:13px}.filters button.active{background:var(--gold);color:#151b13}.back{display:inline-block;color:#aab5aa;font-size:13px;margin-bottom:24px}.episodepage{padding-top:30px}.player{aspect-ratio:16/9;max-width:1200px;margin:auto;background:#000;border:1px solid #ffffff10}.player iframe{width:100%;height:100%;border:0}.episodeinfo{display:grid;grid-template-columns:1fr 280px;gap:60px;padding:40px 0 20px}.episodeinfo h1{font-size:48px;line-height:1.13;max-width:900px}.episodeinfo .eyebrow{margin-bottom:15px}.episodeinfo aside p{font-size:13px;color:var(--muted);margin-top:15px}.episodeinfo aside>a:last-child{font-size:13px;text-decoration:underline}.monthgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.monthgrid>a{padding:25px;background:#1a251e;border:1px solid #cab88033}.monthgrid>a:hover{border-color:var(--gold)}.monthgrid span,.monthgrid small{color:var(--gold);font-size:13px}.monthgrid h2{margin:15px 0}footer{margin-top:65px;border-top:1px solid #ffffff15;padding:45px 5% 30px;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#b8c2b8}footer>p{font-family:Georgia,serif;font-size:20px;justify-self:end}footer>div{display:flex;gap:25px;font-size:13px}footer>small{grid-column:1/-1;font-size:12px;max-width:900px;color:#8e998f;margin-top:20px}.skip{position:absolute;top:-100px;z-index:100;background:var(--gold);color:black;padding:12px}.skip:focus{top:0}[hidden]{display:none!important}@media(min-width:1700px){.hero{height:760px}.herocopy{padding-top:110px}}@media(max-width:1000px){header{gap:30px}nav{gap:20px}.preview{display:none}.hero{min-height:600px}.herocopy{padding-top:65px}h1{font-size:64px}.topics{grid-template-columns:repeat(3,1fr)}.rail{grid-auto-columns:calc((100% - 32px)/3)}.grid{grid-template-columns:repeat(3,1fr)}.sectionhead .eyebrow{display:none}.episodeinfo{gap:30px}}@media(max-width:650px){header{height:auto;min-height:118px;padding:18px 6% 12px;flex-wrap:wrap;gap:14px}.brand b{font-size:27px}.brand small{font-size:9px}nav{width:100%;gap:23px;overflow:auto;white-space:nowrap;font-size:12px}nav a{padding:4px 0}.hero{height:660px;min-height:0}.heroimage{width:100%;height:56%;object-position:center top;opacity:.75}.shade{background:linear-gradient(0deg,#0e1211 10%,#0e1211 37%,#0e121170 80%,#0e121140)}.herocopy{padding:210px 6% 90px}h1{font-size:46px;letter-spacing:-.5px;margin-bottom:18px}.herotitle{font-size:16px}.herodesc{font-size:14px;margin-bottom:22px}.eyebrow{font-size:10px;margin-bottom:17px}.button{padding:11px 17px;min-height:45px;font-size:13px}.herobottom{bottom:15px;left:6%;right:6%}.herobottom>span{font-size:8px;letter-spacing:1px}.dot{padding:8px 12px}.content{padding-left:6%;padding-right:6%}.topics{grid-template-columns:repeat(2,1fr);gap:10px}.topics>a{min-height:130px;padding:17px}.topics>a:last-child{grid-column:1/-1;min-height:110px}.topics h3{font-size:24px}.sectionhead{gap:12px}.sectionhead h2{font-size:28px}.sectionhead p{font-size:13px}.sectionhead>a{font-size:12px}.count{display:none}.rail{grid-auto-columns:80%;gap:13px}.shelf{padding-top:30px}.readingfeature{padding:30px 24px;background-position:60% center}.readingfeature h2{font-size:39px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}.cardbody h3{font-size:14px}.cardbody p{font-size:12px}.cardbody small{font-size:9px}.page h1{font-size:48px}.page{padding-top:35px}.intro{font-size:16px}.filters{gap:7px}.filters button{font-size:12px;padding:7px 12px}.episodeinfo{grid-template-columns:1fr;gap:8px;padding-top:25px}.episodeinfo h1{font-size:36px}.episodeinfo aside{border-top:1px solid #ffffff20;padding-top:24px}.episodepage{padding-left:4%;padding-right:4%}.monthgrid{grid-template-columns:repeat(2,1fr)}.monthgrid>a{padding:19px}.monthgrid h2{font-size:28px}footer{grid-template-columns:1fr;padding:35px 6%}footer>p{justify-self:start;margin:6px 0}footer>div{flex-wrap:wrap;gap:15px}footer>small{font-size:11px}.readingfeature p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}