:root{font-family:system-ui,sans-serif;color:#202020;background:#f6f5f2;--cyan:#00b9c7;--gold:#c9a84c}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,audio:focus-visible{outline:3px solid #087981;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #dedbd5}.brand{font-size:26px;font-weight:850;text-decoration:none}.brand span{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#62605c}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#596365}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:54px 0 74px}h1{font-size:clamp(36px,5vw,68px);line-height:1.07;letter-spacing:-2px;margin:20px 0 28px}h2{font-size:clamp(28px,4vw,42px);line-height:1.2}h3{line-height:1.3}.hero p:not(.eyebrow){max-width:560px;font-size:18px}.hero img{width:100%;height:auto;object-fit:cover;border-radius:28px;border:1px solid #d6d2cc;box-shadow:14px 14px 0 #dcebea}.button{display:inline-block;border:1px solid #161616;background:#191919;color:white;border-radius:14px;padding:14px 20px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.button:hover{background:#087981;border-color:#087981}.skip{position:absolute;top:-70px;background:white;padding:8px}.skip:focus{top:8px}.episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.episode-card{background:white;padding:20px;border:1px solid #dedbd5;border-radius:24px;display:flex;flex-direction:column;gap:10px}.episode-card img{width:100%;height:auto;border-radius:16px}.episode-card h3{font-size:23px;margin:10px 0}.episode-card .button{margin-top:auto}#detail{margin-top:60px;padding:32px;background:white;border:1px solid #dedbd5;border-top:4px solid var(--gold);border-radius:24px;overflow:auto}.detail-cover{width:min(100%,420px);height:auto;float:right;margin:0 0 30px 36px;border-radius:20px}audio{width:min(100%,550px)}.summary{font-size:20px}.long-description,.credits{white-space:pre-wrap;overflow-wrap:anywhere}.caption,footer{font-size:14px;color:#65625d}footer{border-top:1px solid #dedbd5;margin-top:64px}.episode-card p{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:20px}header{align-items:flex-start}.brand{font-size:22px}header nav{font-size:13px}.hero{grid-template-columns:1fr;gap:30px;padding:32px 0 50px}.hero img{max-width:470px;justify-self:center}.hero p:not(.eyebrow){font-size:16px}.detail-cover{float:none;margin:0 0 20px;width:100%}#detail{padding:22px}.episodes{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.ai-notice{padding:22px 26px;margin:0 0 52px;background:#e8f1f0;border:1px solid #bcd7d4;border-radius:20px}.ai-notice p{margin:8px 0 0;max-width:900px}@media(max-width:700px){.ai-notice{padding:20px;margin-bottom:38px}}

header nav{display:flex;gap:20px;flex-wrap:wrap}.faq{margin:64px 0}.faq details{padding:20px 0;border-bottom:1px solid #dedbd5}.faq summary{font-size:18px;font-weight:650;cursor:pointer}.faq p{max-width:850px;margin:12px 0 4px}.curiosity-questions{padding-left:20px}.episode-date{font-size:13px;color:#596365}@media(max-width:700px){header nav{gap:10px}.faq summary{font-size:16px}}

.legal{max-width:900px}.legal h1{font-size:clamp(34px,5vw,56px);letter-spacing:-1px}.legal h2{font-size:24px;margin-top:36px}.legal address{font-style:normal}.legal p{overflow-wrap:anywhere}footer nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}

#test-notice{max-width:min(560px,calc(100vw - 40px));padding:30px;border:1px solid #d6d2cc;border-radius:24px;background:#f6f5f2;color:#202020;box-shadow:0 20px 80px #0003}#test-notice::backdrop{background:#20202099}#test-notice h2{font-size:30px}#test-notice p{overflow-wrap:anywhere}@media(max-width:700px){#test-notice{padding:22px}#test-notice h2{font-size:25px}}

.contact{margin:64px 0}.contact form{max-width:760px;display:grid;gap:12px}.contact label{font-weight:600}.contact input:not([type=checkbox]),.contact textarea{width:100%;padding:12px 14px;font:inherit;color:inherit;border:1px solid #c7c4bd;background:#fff;border-radius:12px}.contact textarea{resize:vertical}.contact .consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:400;margin:8px 0}.contact .consent input{margin-top:6px;flex-shrink:0}.contact .button{justify-self:start}.contact button:disabled{opacity:.55;cursor:wait}.honeypot{display:none}
