/* Three Voices: a standalone podcast identity. */
:root{color-scheme:light;--tv-paper:#faf7f2;--tv-ink:#302735;--tv-muted:#6d626d;--tv-purple:#63467f;--tv-peach:#f2d7c8;--tv-line:#ddd5dd;--tv-display:'Fraunces',Georgia,serif;--tv-font:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--tv-paper);color:var(--tv-ink);font-family:var(--tv-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--tv-purple);outline-offset:5px;border-radius:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--tv-display);font-weight:500}
.tv-skip{position:absolute;top:8px;left:12px;padding:14px;background:var(--tv-ink);color:white;z-index:20;transform:translateY(-150%)}.tv-skip:focus{transform:none}
.tv-header{max-width:1440px;padding:28px 6%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--tv-line)}.tv-brand{display:flex;align-items:center;gap:12px}.tv-brand-name{font:600 23px/1.15 var(--tv-display);letter-spacing:-.7px}.tv-brand-note{display:block;font:500 10px/1.7 var(--tv-font);text-transform:uppercase;letter-spacing:2px;color:var(--tv-muted);margin-top:3px}.tv-nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:500}.tv-nav a{padding:12px 0}.tv-nav a:hover{color:var(--tv-purple)}.tv-nav .tv-nav-home{border:1px solid var(--tv-line);border-radius:999px;padding:12px 18px}
.tv-hero{max-width:1440px;margin:auto;padding:78px 6% 76px;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.tv-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:600;color:var(--tv-purple);margin-bottom:28px}.tv-status{border:1px solid var(--tv-line);color:var(--tv-muted);font-size:10px;letter-spacing:.7px;border-radius:999px;padding:6px 10px}.tv-hero h1{font-size:clamp(78px,8.5vw,126px);line-height:.95;letter-spacing:-6px;margin-bottom:27px}.tv-hero h1 span{display:block}.tv-hero h1 em{font-style:italic;color:var(--tv-purple)}.tv-tagline{font:500 clamp(20px,2vw,27px)/1.4 var(--tv-display);margin-bottom:20px}.tv-intro{max-width:440px;font-size:15px;line-height:1.9;color:var(--tv-muted)}.tv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:30px}.tv-button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:49px;padding:15px 23px;border-radius:999px;background:var(--tv-purple);color:#fff;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.tv-button:hover{background:#4c3265;transform:translateY(-2px)}.tv-text-link{font-size:12px;font-weight:600;border-bottom:1px solid var(--tv-line);padding:10px 0}.tv-text-link:hover{border-color:var(--tv-purple)}
.tv-cover{position:relative;aspect-ratio:1;width:100%;max-width:510px;border-radius:22px;background:#483451;color:#fff5ed;overflow:hidden;padding:34px;box-shadow:0 16px 40px #4b34521c}.tv-cover::before{content:'';position:absolute;width:320px;height:320px;border:1px solid #ffffff16;border-radius:50%;right:-160px;top:-115px}.tv-cover-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.tv-cover-top span:last-child{color:#e3cdec}.tv-voice-art{position:absolute;inset:22% 8% 29%}.tv-art-strip{position:absolute;width:87%;height:34%;display:flex;align-items:center;justify-content:center;border-radius:100px}.tv-art-strip svg{width:75%;height:65%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tv-art-tj{top:0;left:0;transform:rotate(-10deg);background:#d3c0e1;color:#563968}.tv-art-hillary{top:33%;right:0;transform:rotate(7deg);background:#efc4aa;color:#764738}.tv-art-harper{top:66%;left:0;transform:rotate(-6deg);background:#cbd5c1;color:#415640}.tv-cover-bottom{position:absolute;bottom:30px;left:34px;right:34px;display:flex;align-items:end;justify-content:space-between;gap:10px}.tv-cover-bottom p{font:500 clamp(20px,2.8vw,37px)/1.1 var(--tv-display);letter-spacing:-1px}.tv-cover-bottom span{font-size:9px;line-height:1.8;text-align:right;color:#e3cdec}
.tv-host-line{max-width:1440px;margin:auto;padding:23px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--tv-line);border-bottom:1px solid var(--tv-line)}.tv-host-line p{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--tv-muted)}.tv-host-line div{display:flex;align-items:center;gap:clamp(16px,4vw,64px);font:500 22px var(--tv-display)}.tv-host-line i{font-style:normal;color:#b5a5b9;font-size:15px}
.tv-section{max-width:1440px;margin:auto;padding:78px 6%}.tv-label{color:var(--tv-purple);font-size:10px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;margin-bottom:20px}.tv-about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.tv-about h2,.tv-section-title{font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-1.8px}.tv-about h2 em{color:var(--tv-purple);font-style:italic}.tv-about-copy{padding-top:35px}.tv-about-copy p{font-size:15px;line-height:1.9;color:var(--tv-muted);margin-bottom:17px}.tv-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.tv-topics span{border:1px solid var(--tv-line);border-radius:999px;padding:8px 12px;font-size:11px}
.tv-voices-band{background:#f0ebf3}.tv-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.tv-section-heading>p{max-width:320px;color:var(--tv-muted);font-size:13px;line-height:1.8}.tv-hosts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tv-host{border:1px solid #e1d8e5;border-radius:17px;padding:29px;background:var(--tv-paper)}.tv-host-number{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--tv-muted)}.tv-host-number>span:last-child{display:block;width:30px;height:30px;border-radius:50%;background:var(--tv-tint)}.tv-host h3{font-size:37px;letter-spacing:-1px;margin:30px 0 14px}.tv-host p{font-size:13px;color:var(--tv-muted);line-height:1.85;min-height:72px}.tv-host-foot{border-top:1px solid var(--tv-line);padding-top:17px;margin-top:26px;color:var(--tv-muted);font-size:10px}.tv-host-tj{--tv-tint:#d3c0e1}.tv-host-hillary{--tv-tint:#efc4aa}.tv-host-harper{--tv-tint:#cbd5c1}
.tv-episodes{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.tv-episode-card{border:1px solid var(--tv-line);border-radius:18px;padding:34px}.tv-episode-top{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--tv-muted);padding-bottom:23px;border-bottom:1px solid var(--tv-line)}.tv-episode-top svg{width:22px;height:22px;color:var(--tv-purple)}.tv-episode-card h3{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:25px 0 13px}.tv-episode-card p{font-size:13px;line-height:1.9;color:var(--tv-muted);max-width:46ch}.tv-episode-note{margin-top:24px;font-size:10px;color:var(--tv-muted)}
.tv-contact{background:var(--tv-peach);border-radius:19px;padding:39px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px}.tv-contact h2{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.tv-contact p{color:#624d48;font-size:13px;line-height:1.8}.tv-contact .tv-button{flex-shrink:0}.tv-contact-section{padding-top:0;padding-bottom:56px}.tv-footer{max-width:1440px;padding:26px 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--tv-line)}.tv-footer p,.tv-footer>a:last-child{font-size:10px;color:var(--tv-muted);line-height:1.8}.tv-footer .tv-brand-name{font-size:20px}
@media(max-width:1000px){.tv-hero{gap:5%;padding-top:60px;padding-bottom:60px}.tv-hero h1{font-size:clamp(65px,10vw,100px);letter-spacing:-4px}.tv-cover{padding:25px}.tv-cover-bottom{left:25px;right:25px;bottom:24px}.tv-cover-bottom p{font-size:26px}.tv-cover-bottom span{font-size:8px}.tv-host{padding:23px}}
@media(max-width:700px){.tv-header{padding:20px 6%;gap:16px;flex-wrap:wrap}.tv-brand-name{font-size:21px}.tv-nav{gap:20px;font-size:11px}.tv-nav .tv-nav-home{padding:10px 13px}.tv-hero{grid-template-columns:1fr;padding:43px 6% 38px;gap:39px}.tv-hero h1{font-size:clamp(78px,18vw,116px);line-height:.97;margin-bottom:25px}.tv-kicker{font-size:9px;gap:10px;margin-bottom:25px}.tv-tagline{font-size:23px}.tv-intro{font-size:14px}.tv-cover{max-width:440px;justify-self:center}.tv-cover-bottom p{font-size:32px}.tv-cover-bottom span{font-size:9px}.tv-host-line{align-items:flex-start;flex-direction:column;gap:14px}.tv-host-line div{width:100%;gap:15px;justify-content:space-between;font-size:22px}.tv-host-line p{font-size:9px}.tv-section{padding:48px 6%}.tv-about,.tv-episodes{grid-template-columns:1fr;gap:26px}.tv-about-copy{padding-top:0}.tv-about h2,.tv-section-title{font-size:39px;letter-spacing:-1px}.tv-about-copy{font-size:14px}.tv-section-heading{align-items:start;flex-direction:column;gap:18px}.tv-hosts{grid-template-columns:1fr;gap:15px}.tv-host{padding:26px}.tv-host h3{margin-top:22px}.tv-host p{min-height:0}.tv-contact-section{padding-top:0;padding-bottom:38px}.tv-contact{padding:28px;flex-direction:column;align-items:start}.tv-contact h2{font-size:29px}.tv-episode-card{padding:26px}.tv-footer{flex-wrap:wrap;gap:16px}.tv-footer p{margin-left:auto}.tv-footer>a:last-child{width:100%}}
@media(max-width:360px){.tv-nav{gap:14px}.tv-cover-top{font-size:8px}.tv-cover-bottom p{font-size:26px}.tv-cover-bottom span{font-size:8px}.tv-actions{gap:17px}.tv-button{padding:15px 18px;gap:14px}.tv-host-line div{font-size:20px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.tv-button:hover{transform:none}}