/* Brief & Chill: same design tokens as estroagency.it. */
:root{--pink:var(--primary,#DB005A);--ink:#fff;--paper:#000;--line:rgba(255,255,255,.16)}
body{background:#000;color:#fff;font-family:var(--font-secondary,"DM Sans",Arial,sans-serif)}
.wrap{width:min(1240px,calc(100% - 96px))}
.chill-header{position:fixed;top:16px;left:0;width:100%;z-index:50;padding:0 24px}
.chill-nav{max-width:1240px;height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.3);backdrop-filter:blur(30px) saturate(.7) brightness(1.35);-webkit-backdrop-filter:blur(30px) saturate(.7) brightness(1.35);border-radius:100px;position:relative}
.chill-nav .logo{position:absolute;left:50%;transform:translateX(-50%)}
.chill-nav .logo img{width:166px;height:48px;object-fit:contain}
.chill-contact{background:var(--pink);color:#fff;font-size:13px;letter-spacing:.045em;font-weight:500;padding:10px 22px;border-radius:999px;text-transform:uppercase}
.chill-menu{font-size:14px;letter-spacing:.06em}
.chill-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;padding:16px 0;color:#fff}
.chill-menu summary::-webkit-details-marker{display:none}
.chill-menu summary::before{content:"";width:18px;height:12px;border-top:1px solid #fff;border-bottom:1px solid #fff;background:linear-gradient(#fff,#fff) center/100% 1px no-repeat}
.chill-menu[open] nav{position:absolute;left:0;right:0;top:84px;background:#20101c;border:1px solid #71304b;border-radius:28px;padding:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;color:#fff;box-shadow:0 20px 70px #0009}
.chill-menu nav a{font-size:15px;letter-spacing:0}
.chill-menu nav a:hover{color:#ff6ca9}
.hero{width:100%;margin:0;padding:174px max(48px,calc((100vw - 1240px)/2)) 72px;min-height:700px;background:var(--surface-dark-top);text-align:center}
.hero .eyebrow{justify-content:center;color:rgba(255,255,255,.65)}
.hero h1{font-family:var(--font-primary,"Special Gothic Expanded One",Impact,sans-serif);font-size:clamp(56px,8vw,122px);font-weight:400;line-height:1.03;letter-spacing:-.045em;color:white;margin:35px 0 28px}
.hero h1 span{font:inherit;display:block;color:var(--pink);margin:0;line-height:1.03;letter-spacing:inherit}
.hero-bottom{display:flex;flex-direction:column;align-items:center;gap:25px}
.hero-copy{font-size:21px;line-height:1.6;color:rgba(255,255,255,.65);max-width:650px}
.hero-copy strong{color:#fff;font-weight:600}
.hero-aside{justify-self:initial;max-width:none;color:rgba(255,255,255,.45);font-size:12px}
.hero-aside strong{color:rgba(255,255,255,.8);font-size:12px;display:inline;margin-right:7px}
.ribbon{background:#DB005A;border:0;padding:22px 0}
.ribbon .wrap{font-family:var(--font-secondary);font-weight:500}
.ribbon i{font-family:var(--font-primary);font-size:17px;font-style:normal;letter-spacing:-.025em;text-transform:uppercase}
.episodes{background:#000;padding-top:75px}
.section-head{border-color:var(--line)}
.section-head h2{font-family:var(--font-primary);font-size:clamp(24px,2.7vw,38px);font-weight:400;text-transform:uppercase;letter-spacing:-.035em}
.section-head span{color:rgba(255,255,255,.45)}
.grid{gap:40px}
.player{border-radius:20px;border:1px solid rgba(219,0,90,.45);box-shadow:0 12px 55px rgba(219,0,90,.1)}
.episode h3{font-family:var(--font-primary);font-size:clamp(24px,2.35vw,33px);text-transform:uppercase;letter-spacing:-.04em;line-height:1.18;font-weight:400;margin:18px 0}
.episode p{color:rgba(255,255,255,.65);font-size:16px;line-height:1.75}
.episode-meta{color:rgba(255,255,255,.45)}
.episode-meta span:first-child{color:#ff559a}
.fallback-link{color:rgba(255,255,255,.45)}
.case-link{color:#fff;border-bottom:1px solid rgba(219,0,90,.8);display:inline-block;font-weight:500;padding-bottom:8px}
.case-link:hover{color:#ff559a}
.cover-fallback b{display:none}
.about{background:var(--surface-dark);padding:85px 0}
.about h2{font-family:var(--font-primary);font-weight:400;line-height:1.1;font-size:clamp(31px,3.9vw,53px);letter-spacing:-.04em;text-transform:uppercase}
.about h2 em{font:inherit;color:var(--pink)}
.about p{color:rgba(255,255,255,.65);font-family:var(--font-secondary);font-size:17px}
.about .eyebrow{color:rgba(255,255,255,.55)}
.about .pill{background:var(--pink);border-color:var(--pink);color:#fff;padding:15px 24px;font-weight:500}
.closing{padding:84px 0}
.closing h2{font-family:var(--font-primary);text-transform:uppercase;font-weight:400;font-size:clamp(27px,3.2vw,43px);letter-spacing:-.04em}
.closing p{color:rgba(255,255,255,.55);font-size:16px}
.closing .pill{font-weight:500;font-size:12px}
footer{color:rgba(255,255,255,.45);border-top-color:var(--line)}
footer a{border-color:rgba(255,255,255,.3)}
.skip:focus{color:#000}
@media(max-width:760px){
.wrap{width:calc(100% - 40px)}
.chill-header{top:10px;padding:0 12px}
.chill-nav{height:62px;padding:0 17px}
.chill-nav .logo img{width:112px;height:34px}
.chill-contact{font-size:10px;padding:9px 12px}
.chill-menu{font-size:11px}
.chill-menu summary{gap:6px}
.chill-menu summary::before{width:14px;height:10px}
.chill-menu[open] nav{top:72px;grid-template-columns:1fr 1fr;padding:24px;gap:24px 16px;border-radius:20px}
.chill-menu nav a{font-size:13px}
.hero{width:100%;min-height:570px;padding:142px 20px 57px}
.hero h1{font-size:clamp(40px,10.2vw,76px);margin:35px 0 25px}
.hero h1 span{margin:0}
.hero .eyebrow{font-size:9px;letter-spacing:.12em}
.hero-copy{font-size:17px;max-width:340px}
.hero-bottom{gap:21px}
.hero-aside{max-width:300px;font-size:11px;line-height:1.8}
.hero-aside strong{font-size:11px;display:block}
.ribbon{padding:18px 0}
.ribbon i{font-size:12px}
.ribbon .wrap{font-size:8px;gap:15px}
.episodes{padding-top:44px}
.section-head h2{font-size:23px}
.section-head span{font-size:9px;white-space:nowrap}
.grid{gap:42px}
.player{border-radius:14px}
.episode h3{font-size:25px}
.episode p{font-size:15px}
.episode-meta{font-size:9px}
.about{padding:52px 0}
.about h2{font-size:34px}
.about p{font-size:15px}
.closing{padding:52px 0}
.closing h2{font-size:29px}
.closing p{font-size:15px}
}


:root{--surface-dark:radial-gradient(ellipse 140% 90% at 90% 110%,rgba(219,0,90,.45) 0%,rgba(219,0,90,.10) 40%,#000 62%);--surface-dark-top:radial-gradient(ellipse 160% 72% at 50% -8%,rgba(232,30,110,.40) 0%,rgba(219,0,90,.22) 24%,rgba(219,0,90,.09) 44%,rgba(219,0,90,.025) 64%,transparent 80%),linear-gradient(to bottom,rgba(232,30,110,.13) 0%,rgba(219,0,90,.05) 20%,transparent 46%),#000;}
/* Hero: title left, short introduction right, matching Estro case openings. */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(35px,6vw,100px);align-content:center;text-align:left;min-height:640px;padding-top:167px;padding-bottom:80px}
.hero .eyebrow{grid-column:1/-1;justify-content:flex-start;margin-bottom:30px}
.hero h1{font-size:clamp(60px,6.6vw,100px);line-height:1.06;margin:0;align-self:center;letter-spacing:-.05em}
.hero h1 span{line-height:1.06}
.hero-bottom{align-items:flex-start;text-align:left;align-self:center;gap:27px}
.hero-copy{font-size:clamp(19px,1.7vw,24px);line-height:1.6;max-width:440px}
.hero-aside{font-size:12px;line-height:1.8;max-width:380px}
.hero-aside strong{display:block;margin:0 0 3px}
.hero-watch{display:inline-flex;background:var(--pink);border:0;color:white;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:15px 24px;border-radius:999px}
.hero-watch:hover,.chill-contact:hover{background:var(--primary-hover,#a8003f)}
@media(max-width:760px){
.hero{grid-template-columns:1fr;min-height:0;padding:128px 20px 49px;gap:0;text-align:left}
.hero .eyebrow{font-size:9px;margin-bottom:27px}
.hero h1{font-size:clamp(48px,13vw,76px);margin:0 0 30px}
.hero-bottom{gap:21px;text-align:left}
.hero-copy{font-size:18px;max-width:350px}
.hero-aside{font-size:11px}
.hero-watch{font-size:11px;padding:14px 21px}
}

/* Compact public hero: keep the episode covers visible at desktop entry. */
.hero{min-height:420px;padding-top:126px;padding-bottom:37px}
.hero .eyebrow{margin-bottom:20px}
.hero h1{font-size:clamp(58px,5.9vw,88px);line-height:1.04}
.hero h1 span{line-height:1.04}
.hero-bottom{gap:19px}
.hero-copy{font-size:clamp(18px,1.55vw,22px);line-height:1.55;max-width:460px}
.hero-aside{display:none}
.hero-watch{padding:13px 22px}
.ribbon{padding:14px 0}
.ribbon i{font-size:15px}
.episodes{padding-top:38px}
.section-head{padding-bottom:15px;margin-bottom:24px}
.section-head h2{font-size:32px;line-height:1.15}
@media(min-width:761px) and (max-height:760px){.hero{min-height:385px;padding-top:117px;padding-bottom:30px}.hero h1{font-size:76px}.hero .eyebrow{margin-bottom:14px}.episodes{padding-top:28px}.section-head{margin-bottom:20px}}
@media(max-width:760px){.hero{min-height:0;padding:113px 20px 36px}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(46px,12.8vw,72px);margin-bottom:23px}.hero-copy{font-size:17px}.hero-bottom{gap:18px}.ribbon{padding:14px 0}.ribbon i{font-size:12px}.episodes{padding-top:33px}.section-head h2{font-size:23px}.section-head{margin-bottom:23px}}