:root{--red:#b3261e;--ink:#3b2412;--parch:#f4e7c8;--parch2:#ead6a6;--gold:#c9952b}
*{box-sizing:border-box}body{margin:0;font:19px/1.6 'Crimson Pro',Georgia,serif;color:var(--ink);background:var(--parch) radial-gradient(circle at 20% 10%,#fbf3dc,transparent 60%)}
img{max-width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 6px 18px #3b241233}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 5%;background:var(--parch2);border-bottom:4px double var(--gold)}
nav a{margin-left:18px;color:var(--ink);text-decoration:none;font-weight:600}nav .cta{color:var(--red)}
.logo,h1,h2,h3{font-family:'Lilita One',sans-serif;color:var(--red);text-decoration:none;letter-spacing:.5px;text-shadow:2px 2px 0 #f9e7b5,3px 3px 0 #7a1a14}
.logo{font-size:30px;transform:rotate(-2deg);display:inline-block}.small{font-size:24px;margin:0}
h1{font-size:clamp(52px,9vw,104px);line-height:1;margin:0 0 10px;transform:rotate(-2deg)}h1.pt{font-size:clamp(40px,6vw,64px)}
h2{font-size:clamp(32px,4vw,46px);text-align:center;margin:0 0 20px}h3{font-size:30px;margin:8px 0}
main section{padding:40px 5%;max-width:1150px;margin:auto}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.hero img{max-height:560px;margin:auto;transform:rotate(2deg)}
.lead{font-size:23px}
.ribbon{display:inline-block;background:var(--red);color:#fff8e6;font-family:'Pirata One',serif;font-size:21px;padding:4px 28px;position:relative;margin:6px 0;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}.ribbon.big{font-size:26px}
.btn{display:inline-block;background:var(--red);color:#fff;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;margin:6px 4px 0 0;border:3px solid #7a1a14}.btn.alt{background:var(--gold);border-color:#8a6418;color:var(--ink)}
.amazon{background:#232f3e;border-color:#ff9900;cursor:default}
.books{display:grid;grid-template-columns:1fr 1fr;gap:30px}.book{display:grid;grid-template-columns:160px 1fr;gap:20px;background:#fff8e6;padding:20px;border:2px solid var(--gold);border-radius:10px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:20px 0}
.series{border-top:4px double var(--gold)}.series h2{text-align:left}
.eps,.planned{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.eps li,.planned li{background:#fff8e6;border:1px solid var(--gold);padding:4px 14px;border-radius:20px}.planned{justify-content:center}.planned li{font-family:'Pirata One';font-size:24px}
.panel{background:#fff8e6;border:3px double var(--gold);border-radius:14px;text-align:center;margin:30px auto!important}
.signup{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.signup input{padding:12px 16px;font:inherit;border:2px solid var(--gold);border-radius:30px;min-width:220px}.signup button{font:inherit;font-weight:600;background:var(--red);color:#fff;border:3px solid #7a1a14;border-radius:30px;padding:10px 24px;cursor:pointer}.thanks{font-size:22px;color:var(--red)}
.hero2{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;text-align:left;align-items:center}.hero2 .signup{justify-content:flex-start}
.about .float{float:right;width:300px;margin:0 0 20px 30px}
footer{text-align:center;padding:30px;background:var(--parch2);border-top:4px double var(--gold);margin-top:40px}
@media(max-width:800px){.hero,.books,.hero2{grid-template-columns:1fr}.hero img{max-height:380px}.book{grid-template-columns:110px 1fr}nav a{margin:0 12px 0 0}.about .float{float:none;width:200px;margin:0 auto 20px}h1{text-align:center}.hero>div{text-align:center}}

.episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.ep{margin:0;text-align:center}.ep img{aspect-ratio:3/4;object-fit:cover;width:100%}.ep figcaption b{display:block;font-family:"Pirata One";font-size:24px;color:var(--red);margin-top:8px}.ep figcaption span{font-size:16px;font-style:italic}@media(max-width:800px){.episodes{grid-template-columns:1fr 1fr;gap:14px}.ep figcaption b{font-size:19px}}
footer .contact{margin:4px 0}footer .contact a{color:var(--red);font-weight:600;text-decoration:none}

.badge{display:inline-block;background:#232f3e;color:#ff9900;font-weight:700;font-size:15px;letter-spacing:.5px;text-transform:uppercase;padding:4px 12px;border-radius:4px;margin:0 8px 6px 0}
.kicker{font-weight:600;color:var(--red);font-size:21px;margin:4px 0}
.series-line{font-family:"Pirata One";font-size:24px;color:var(--ink);margin:0 0 10px}
.feature{display:grid;grid-template-columns:340px 1fr;gap:36px;align-items:start}.feature h2{text-align:left;margin:6px 0}.subtitle{font-style:italic;font-size:21px;margin:0 0 10px}
.details{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;background:#fff8e6;border:2px solid var(--gold);border-radius:10px;padding:12px 18px;max-width:420px}.details dt{font-weight:700}.details dd{margin:0}
.samples{text-align:left;margin-top:30px}
@media(max-width:800px){.feature{grid-template-columns:1fr}.feature>picture img{max-width:280px;margin:auto}}

/* Note to Parents: church door */
.door-sec{padding:50px 5% 60px;max-width:1150px;margin:auto;text-align:center}
.door{position:relative;max-width:760px;margin:0 auto;aspect-ratio:1180/1440;background:url(/img/church-door.webp) center/contain no-repeat;display:flex;align-items:center;justify-content:center;padding:21% 14% 8%}
.notice{position:relative;transform:rotate(-1.6deg);filter:drop-shadow(4px 8px 7px rgba(0,0,0,.55));max-width:500px}
.notice .paper{clip-path:polygon(0.0% 0.4%,4.2% 0.9%,8.3% 0.6%,12.5% 1.0%,16.7% 1.0%,20.8% 0.1%,25.0% 0.0%,29.2% 1.3%,33.3% 0.4%,37.5% 0.4%,41.7% 1.6%,45.8% 0.8%,50.0% 1.3%,54.2% 0.8%,58.3% 1.0%,62.5% 0.2%,66.7% 1.0%,70.8% 1.4%,75.0% 0.8%,79.2% 1.2%,83.3% 1.1%,87.5% 0.1%,91.7% 1.2%,95.8% 0.9%,100.0% 0.5%,100.0% 3.3%,98.8% 6.7%,99.3% 10.0%,99.0% 13.3%,98.8% 16.7%,99.0% 20.0%,98.7% 23.3%,99.4% 26.7%,98.9% 30.0%,99.4% 33.3%,98.7% 36.7%,98.8% 40.0%,99.9% 43.3%,99.8% 46.7%,99.7% 50.0%,98.6% 53.3%,99.4% 56.7%,99.1% 60.0%,99.6% 63.3%,99.3% 66.7%,99.5% 70.0%,99.5% 73.3%,99.2% 76.7%,99.2% 80.0%,98.7% 83.3%,99.0% 86.7%,98.7% 90.0%,98.8% 93.3%,98.6% 96.7%,100.0% 98.9%,95.8% 99.7%,91.7% 98.6%,87.5% 98.5%,83.3% 98.6%,79.2% 99.1%,75.0% 98.9%,70.8% 99.7%,66.7% 98.7%,62.5% 99.1%,58.3% 99.5%,54.2% 99.9%,50.0% 98.6%,45.8% 98.4%,41.7% 99.9%,37.5% 98.7%,33.3% 99.3%,29.2% 99.8%,25.0% 99.5%,20.8% 98.8%,16.7% 98.6%,12.5% 99.9%,8.3% 99.0%,4.2% 99.9%,0.0% 98.9%,0.5% 96.7%,1.2% 93.3%,1.4% 90.0%,0.7% 86.7%,1.4% 83.3%,0.4% 80.0%,0.1% 76.7%,0.8% 73.3%,0.0% 70.0%,0.3% 66.7%,0.6% 63.3%,0.9% 60.0%,0.2% 56.7%,0.1% 53.3%,1.2% 50.0%,0.4% 46.7%,1.3% 43.3%,1.3% 40.0%,0.5% 36.7%,0.6% 33.3%,0.7% 30.0%,0.9% 26.7%,0.8% 23.3%,0.8% 20.0%,0.9% 16.7%,1.3% 13.3%,0.7% 10.0%,0.6% 6.7%,1.0% 3.3%);background:#f3e5c0 radial-gradient(ellipse at 30% 20%,#fbf1d6 0,#f1e0b4 55%,#d9bf86 100%);padding:44px 40px 34px;color:#3a2410;font-family:"IM Fell English",Georgia,serif;text-align:left;box-shadow:inset 0 0 40px rgba(120,80,30,.35)}
.notice .paper::after{content:"";position:absolute;right:0;bottom:0;width:60px;height:60px;background:linear-gradient(135deg,transparent 50%,rgba(150,110,50,.35) 50%,#e6cf9a 70%)}
.notice h2{font-family:"IM Fell English SC","IM Fell English",serif;color:#7a1a14;text-shadow:none;font-size:clamp(28px,3.4vw,38px);text-align:center;margin:0 0 14px;letter-spacing:1px}
.notice p{font-size:clamp(17px,1.9vw,21px);line-height:1.55;margin:0}
.notice p:not(.sig)::first-letter{font-family:"Pirata One";float:left;font-size:3.4em;line-height:.85;padding:4px 8px 0 0;color:#b3261e}
.notice .sig{font-family:"Pirata One";text-align:right;font-size:24px;color:#7a1a14;margin-top:16px}
.nail{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9a9a9e,#2a2a2c 60%,#111);box-shadow:1px 2px 2px rgba(0,0,0,.6);z-index:2}
.nail.n1{top:12px;left:50%;margin-left:-8px}.nail.n2{bottom:14px;left:22px;width:13px;height:13px}
@media(max-width:700px){.door{aspect-ratio:auto;background:url(/img/oak.webp) repeat;background-size:220px;border:10px solid #3a2410;border-radius:120px 120px 10px 10px;padding:56px 14px 26px;box-shadow:inset 0 0 0 3px #1e1e20,inset 0 0 30px rgba(0,0,0,.5)}.notice .paper{padding:34px 22px 26px}}
.door-sec{clear:both}
.notice .sig::first-letter{all:unset}.notice p:not(.sig)::first-letter{margin-top:2px}
.about{display:flow-root}