/* The Stories They Told: an editorial series within the ChiragSpeaks site. */
.series-page { --series-coral: #f8e5dc; --series-mint: #eaf5ec; --series-paper: #f8f6f0; color: var(--charcoal); }
.series-page h1,.series-page h2,.series-page h3 { text-wrap: balance; }
.series-page p { text-wrap: pretty; }
.series-page .eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: .11em; }
.series-page section[id] { scroll-margin-top: 100px; }
.series-page .wrap { max-width: 1180px; }
.series-hero { padding: 68px 0 64px; overflow: hidden; }
.series-hero__grid { display: grid; grid-template-columns: 1.35fr .8fr; align-items: center; gap: 66px; }
.series-hero h1 { font: 900 clamp(54px,6.7vw,88px)/.98 var(--display); letter-spacing: -.065em; text-transform: uppercase; margin: 14px 0 25px; }
.series-title-period { color: var(--charcoal); }
.series-hero__line { font: 700 25px/1.26 var(--display); letter-spacing: -.035em; margin: 0 0 18px; }
.series-hero__intro { max-width: 560px; font-size: 17px; line-height: 1.7; }
.series-creator-line { font-size: 13px; margin: 18px 0 24px; }
.series-creator-line a { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.series-page .hero__ctas { gap: 16px 22px; }
.series-hero .hero__ctas .link { max-width: 205px; font-size: 13px; line-height: 1.5; }
.series-status { display: flex; flex-wrap: wrap; gap: 10px 24px; border-top: 1px solid var(--line-soft); margin-top: 28px; padding-top: 20px; font-size: 11px; color: var(--grey); }
.series-status span { white-space: nowrap; }
.series-status b { font: 800 19px/1 var(--display); margin-right: 4px; color: var(--charcoal); }
.series-status .series-status__next { flex-basis: 100%; color: var(--green-text); font-weight: 600; }
.series-hero__screen { max-width: 330px; width: 100%; justify-self: end; position: relative; }
.series-screen-label { display: inline-block; color: var(--green-text); font: 700 11px/1.4 var(--display); text-transform: uppercase; letter-spacing: .1em; padding: 0 0 13px; }
.series-hero__player { border-radius: 6px; box-shadow: 20px 20px 0 var(--series-mint); }
.series-hero__player .yt__play { position: absolute; inset: 0; width: 100%; height: 100%; }
.series-hero__player .series-poster { height: 100%; width: 100%; border-radius: 0; }
.series-hero__player .series-poster__runtime { display: none; }
.series-hero__film-label { position: absolute; left: 0; right: 0; bottom: 0; padding: 45px 22px 25px; background: linear-gradient(transparent,rgba(0,0,0,.86)); color: #fff; text-align: left; }
.series-hero__film-label span { display: block; font-size: 11px; margin-bottom: 7px; }
.series-hero__film-label b { font: 700 22px/1.2 var(--display); letter-spacing: -.035em; display: block; max-width: 260px; color: #fff; }
.series-hero__player .series-poster__brand { position: absolute; top: 26%; left: 22px; margin: 0; font-size: 49px; }
.series-hero__player .series-poster__question { display: none; }
.series-screen-caption { display: flex; justify-content: space-between; gap: 12px; font-size: 10px; margin-top: 34px; color: var(--grey); }
.series-screen-caption a { color: var(--green-text); font-weight: 700; }
.series-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.series-page h2 { font: 800 clamp(30px,4vw,46px)/1.1 var(--display); letter-spacing: -.045em; margin: 8px 0 18px; }
.series-section-heading h2 { margin-bottom: 0; }
.series-section-heading>.link { flex-shrink: 0; font-size: 13px; }
.series-featured { border-top: 1px solid var(--line-soft); padding-top: 54px; }
.series-featured-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
.series-film { color: inherit; display: block; min-width: 0; }
.series-film:hover { color: inherit; }
.series-poster { position: relative; aspect-ratio: 9/12; overflow: hidden; border-radius: 5px; background: var(--series-mint); isolation: isolate; }
.series-poster--coral { background: var(--series-coral); }
.series-poster--paper { background: var(--series-paper); }
.series-poster__type { display: flex; flex-direction: column; position: absolute; inset: 0; padding: 20px 22px; color: var(--charcoal); }
.series-poster__series { font: 900 13px/1.02 var(--display); letter-spacing: -.05em; margin-top: 39px; text-transform: uppercase; color: var(--green-text); }
.series-poster__brand { font: 900 clamp(35px,4vw,52px)/1 var(--display); letter-spacing: -.065em; margin: auto 0 16px; overflow-wrap: anywhere; }
.series-poster__question { font: 600 14px/1.45 var(--display); max-width: 210px; margin-bottom: 32px; }
.series-poster img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; opacity: 0; transition: opacity .2s; }
.series-poster img.is-loaded { opacity: 1; }
.series-poster__number { position: absolute; left: 14px; top: 14px; padding: 7px 9px; background: #fff; color: var(--charcoal); font: 700 10px/1 var(--display); border-radius: 2px; }
.series-poster__runtime { position: absolute; bottom: 14px; right: 14px; background: #fff; color: var(--charcoal); font: 700 10px/1 var(--display); padding: 7px 8px; border-radius: 2px; }
.series-poster__play { position: absolute; width: 52px; height: 52px; top: 48%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: grid; place-items: center; background: var(--green-dark); color: #fff; box-shadow: 0 4px 24px rgba(0,0,0,.12); transition: transform .2s; }
.series-film:hover .series-poster__play { transform: translate(-50%,-50%) scale(1.08); }
.series-film:focus-visible,.series-next:focus-visible { outline: 3px solid var(--green-text); outline-offset: 7px; border-radius: 4px; }
.series-film__copy { padding: 17px 0 0; }
.series-film__copy .eyebrow { margin: 0 0 7px; font-size: 10px; }
.series-film h3 { font: 700 23px/1.15 var(--display); letter-spacing: -.04em; margin: 0 0 10px; }
.series-film__copy>p:not(.eyebrow) { font-size: 14px; line-height: 1.6; color: var(--grey); margin-bottom: 14px; }
.series-film__watch { display: flex; gap: 14px; align-items: center; font-size: 12px; font-weight: 700; color: var(--green-text); }
.series-premise { background: var(--series-paper); }
.series-premise__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }
.series-prose { font-size: 16px; line-height: 1.8; }
.series-prose p:last-child { margin-bottom: 0; }
.series-development { background: var(--series-mint); }
.series-development__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; margin-bottom: 34px; }
.series-development__stage { font-size: 12px; font-weight: 600; color: var(--green-text); padding-top: 6px; }
.series-treatment-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; background: #fff; padding: 28px 10px; border-radius: 5px; }
.series-treatment { position: relative; padding: 4px 25px; border-right: 1px solid var(--line-soft); }
.series-treatment:last-child { border-right: 0; }
.series-treatment__n { display: block; font: 900 30px/1 var(--display); color: var(--green-text); margin-bottom: 16px; }
.series-treatment .eyebrow { font-size: 9px; }
.series-treatment h3 { font: 700 24px/1.16 var(--display); letter-spacing: -.04em; margin: 8px 0 16px; }
.series-treatment>p:not(.eyebrow) { font-size: 13px; line-height: 1.75; }
.series-treatment .series-treatment__stories { margin-bottom: 0; font-size: 11px; color: var(--grey); }
.series-development__actions { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 36px; padding-top: 34px; }
.series-development__actions h3 { font: 700 22px/1.25 var(--display); letter-spacing: -.03em; margin: 0 0 9px; }
.series-development__actions p { font-size: 14px; max-width: 530px; margin: 0; }
.series-action-links { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.series-action-links>.link { font-size: 12px; flex-wrap: wrap; gap: 4px; }
.series-file-label { font-size: 10px; color: var(--grey); font-weight: 500; }
.series-host__grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 75px; align-items: center; }
.series-host__image { position: relative; }
.series-host__image>img,.series-host__image>picture,.series-host__image>picture>img { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; object-position: center 25%; border-radius: 4px; }
.series-host__image>picture { display: block; }
.series-host__credit { display: block; margin-top: 10px; color: var(--grey); font-size: 10px; }
.series-host p:not(.eyebrow) { font-size: 15px; line-height: 1.8; }
.series-host .series-credit-note { color: var(--grey); font-size: 11px; margin-top: 18px; }
.series-library { border-top: 1px solid var(--line-soft); }
.series-library__intro { font-size: 14px; max-width: 330px; margin: 0; }
.series-library-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 34px 22px; }
.series-library-grid .series-film h3 { font-size: 19px; }
.series-library-grid .series-film__copy>p:not(.eyebrow) { font-size: 12px; }
.series-library-grid .series-poster__brand { font-size: 34px; }
.series-library-grid .series-poster__type { padding: 17px; }
.series-library-grid .series-poster__question { font-size: 12px; margin-bottom: 27px; }
.series-library-grid .series-poster__series { font-size: 11px; }
.series-upcoming { margin-top: 38px; border-top: 1px solid var(--line-soft); padding-top: 23px; }
.series-upcoming p:last-child { max-width: 780px; margin: 5px 0 0; font-size: 14px; line-height: 1.8; }
.series-inquiry { background: var(--series-paper); }
.series-inquiry__grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 65px; }
.series-inquiry .lede { font-size: 18px; margin: 22px 0 18px; max-width: 440px; }
.series-inquiry p:not(.eyebrow):not(.fine):not(.status) { line-height: 1.8; }
.series-direct-email { display: inline-block; margin-top: 12px; font-size: 13px; font-weight: 600; color: var(--green-text); overflow-wrap: anywhere; }
.series-form { background: #fff; padding: 27px; border: 1px solid var(--line-soft); border-radius: 5px; }
.series-form select { width: 100%; background: #fff; color: var(--charcoal); border: 1px solid var(--line); border-radius: 6px; padding: 12px 10px; font: inherit; font-size: 13px; }
.series-form .opt { display: block; font-size: 10px; font-weight: 500; }
.series-form .fine { margin-bottom: 0; font-size: 10px; }
.series-form label { font-size: 12px; }
.series-newsletter__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.series-newsletter .form { max-width: 450px; }
.series-speaking-link { margin-top: 14px; max-width: 430px; font-size: 12px; }
.series-breadcrumb { display: flex; gap: 11px; font-size: 12px; margin-bottom: 28px; }
.series-breadcrumb a { color: var(--green-text); font-weight: 600; }
.series-watch { padding: 38px 0 50px; }
.series-watch__grid { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr); grid-template-areas: "player heading" "player copy"; column-gap: 74px; align-items: start; }
.series-watch__screen { grid-area: player; position: sticky; top: 100px; }
.series-watch__heading { grid-area: heading; }
.series-watch__copy { grid-area: copy; }
.series-watch h1 { font: 800 clamp(33px,3.6vw,46px)/1.08 var(--display); letter-spacing: -.05em; margin: 9px 0 20px; }
.series-watch .lede { font-size: 17px; line-height: 1.75; margin: 0 0 24px; }
.series-player { position: relative; aspect-ratio: 9/16; width: min(100%,360px); margin: 0 auto; border-radius: 5px; overflow: hidden; background: #111; }
.series-player iframe { position: absolute; inset: 0; border: 0; width: 100%; height: 100%; }
.series-player-note { max-width: 360px; margin: 12px auto 0; font-size: 10px; color: var(--grey); line-height: 1.8; }
.series-player-note span,.series-player-note a { display: block; }
.series-player-note a { color: var(--green-text); }
.series-takeaway { background: var(--series-mint); border-left: 3px solid var(--green); padding: 17px 20px; margin-bottom: 21px; }
.series-takeaway .eyebrow { font-size: 9px; margin: 0 0 7px; }
.series-takeaway p:last-child { font: 600 18px/1.5 var(--display); letter-spacing: -.02em; margin: 0; }
.series-watch__byline { font-size: 12px; margin-bottom: 18px; }
.series-watch__copy>.link { font-size: 12px; }
.series-context { border-top: 1px solid var(--line-soft); margin-top: 27px; padding-top: 25px; }
.series-context h2 { font-size: 23px; line-height: 1.2; margin: 8px 0 14px; }
.series-context>p:not(.eyebrow) { font-size: 14px; line-height: 1.85; }
.series-sources { list-style: none; margin: 18px 0 0; padding: 0; }
.series-sources li { margin-bottom: 10px; font-size: 12px; line-height: 1.5; }
.series-sources a { color: var(--green-text); text-decoration: underline; text-underline-offset: 3px; }
.series-sources a>span[aria-hidden] { display: inline-block; margin-left: 4px; text-decoration: none; }
.series-watch__reading { max-width: 780px; margin: 46px auto 0; }
.series-transcript { border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.series-transcript summary { font: 700 16px/1.5 var(--display); cursor: pointer; padding: 20px 0; display: flex; justify-content: space-between; gap: 20px; }
.series-transcript summary span { color: var(--green-text); font-size: 22px; }
.series-transcript details[open] summary span { transform: rotate(45deg); }
.series-transcript__note { font-size: 11px; color: var(--grey); line-height: 1.8; }
.series-transcript__body { font-size: 14px; line-height: 1.85; padding: 0 0 18px; }
.series-next-section { background: var(--series-paper); padding: 35px 0; }
.series-next { display: flex; align-items: center; justify-content: space-between; gap: 30px; color: inherit; }
.series-next h2 { font-size: 28px; margin: 8px 0 10px; }
.series-next p:last-child { font-size: 14px; margin: 0; }
.series-next__arrow { font-size: 46px; color: var(--green-text); }
.series-watch-actions { display: flex; flex-wrap: wrap; gap: 20px 40px; margin-top: 30px; padding-top: 23px; border-top: 1px solid var(--line-soft); font-size: 12px; }
.series-watch-news>.wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.series-watch-links { display: flex; flex-direction: column; gap: 17px; }
.series-watch-links a { font-size: 14px; color: var(--green-text); font-weight: 600; }
.series-watch-links span { margin-left: 6px; }
.series-archive { max-width: 750px!important; padding: 35px 0 80px; }
.series-archive h1 { font: 900 clamp(44px,6vw,72px)/1.05 var(--display); letter-spacing: -.06em; }
.series-archive .lede { max-width: 580px; margin: 25px 0; }
@media(max-width:1050px) {
 .series-hero__grid { gap: 34px; grid-template-columns: 1.3fr .8fr; }
 .series-hero h1 { font-size: 69px; }
 .series-hero__line { font-size: 22px; }
 .series-hero__intro { font-size: 15px; }
 .series-status { column-gap: 15px; }
 .series-premise__grid,.series-development__intro,.series-newsletter__grid { gap: 45px; }
 .series-host__grid { gap: 45px; }
 .series-inquiry__grid { gap: 35px; }
 .series-watch__grid { column-gap: 38px; }
}
@media(max-width:800px) {
 .series-hero { padding-top: 45px; }
 .series-hero__grid { grid-template-columns: 1fr 285px; gap: 28px; }
 .series-hero h1 { font-size: 55px; }
 .series-hero .hero__ctas { align-items: flex-start; }
 .series-hero .hero__ctas>.link { justify-content: flex-start; max-width: none; }
 .series-hero__line { font-size: 20px; }
 .series-hero__intro { font-size: 14px; }
 .series-featured-grid { gap: 18px; }
 .series-film h3 { font-size: 20px; }
 .series-library-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .series-treatment { padding: 0 18px; }
 .series-treatment h3 { font-size: 20px; }
 .series-development__actions { grid-template-columns: 1fr; gap: 20px; }
 .series-action-links { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 20px; }
 .series-inquiry__grid { grid-template-columns: 1fr; gap: 25px; }
 .series-inquiry .lede { max-width: 580px; }
}
@media(max-width:650px) {
 .series-page .sec { padding-top: 43px; padding-bottom: 43px; }
 .series-page section[id] { scroll-margin-top: 85px; }
 .series-hero { padding: 36px 0 48px; }
 .series-hero__grid { grid-template-columns: 1fr; gap: 35px; }
 .series-hero h1 { font-size: clamp(50px,12.6vw,77px); margin: 12px 0 21px; }
 .series-hero__line { font-size: 24px; }
 .series-hero__intro { font-size: 16px; }
 .series-creator-line { margin: 17px 0 21px; }
 .series-hero .hero__ctas { display: flex; align-items: flex-start; gap: 17px; }
 .series-hero .hero__ctas>.btn { width: auto; }
 .series-hero .hero__ctas>.link { width: 100%; font-size: 12px; }
 .series-status { margin-top: 22px; padding-top: 18px; column-gap: 20px; }
 .series-hero__screen { justify-self: center; width: min(88%,310px); }
 .series-hero__player { box-shadow: 12px 12px 0 var(--series-mint); }
 .series-screen-caption { margin-top: 24px; }
 .series-section-heading { display: block; margin-bottom: 25px; }
 .series-section-heading>.link { display: inline-block; margin-top: 17px; }
 .series-page h2 { font-size: 34px; }
 .series-featured-grid { grid-template-columns: 1fr; gap: 31px; }
 .series-film--featured { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 17px; align-items: center; }
 .series-film--featured .series-poster { aspect-ratio: 9/14; }
 .series-film--featured .series-film__copy { padding: 0; }
 .series-film--featured h3 { font-size: 20px; }
 .series-film--featured .series-film__copy>p:not(.eyebrow) { font-size: 12px; margin-bottom: 12px; }
 .series-film--featured .series-poster__brand { font-size: 27px; }
 .series-film--featured .series-poster__type { padding: 12px; }
 .series-film--featured .series-poster__question { display: none; }
 .series-film--featured .series-poster__brand { margin-bottom: 44px; }
 .series-film--featured .series-poster__series { font-size: 10px; margin-top: 36px; }
 .series-poster__number { left: 10px; top: 10px; font-size: 9px; padding: 6px; }
 .series-poster__runtime { bottom: 10px; right: 10px; font-size: 9px; padding: 6px; }
 .series-poster__play { width: 42px; height: 42px; }
 .series-premise__grid,.series-development__intro,.series-newsletter__grid,.series-host__grid { grid-template-columns: 1fr; gap: 24px; }
 .series-prose { font-size: 15px; }
 .series-treatment-grid { grid-template-columns: 1fr; padding: 6px 23px; }
 .series-treatment { border-right: 0; border-bottom: 1px solid var(--line-soft); padding: 25px 0; }
 .series-treatment:last-child { border-bottom: 0; }
 .series-treatment h3 { font-size: 26px; max-width: 320px; }
 .series-treatment__n { font-size: 25px; margin-bottom: 11px; }
 .series-treatment>p:not(.eyebrow) { font-size: 14px; }
 .series-development__intro { margin-bottom: 25px; }
 .series-development__actions h3 { font-size: 21px; }
 .series-action-links { align-items: flex-start; flex-direction: column; gap: 17px; }
 .series-host__image { max-width: 300px; }
 .series-host__grid { gap: 31px; }
 .series-host__image>img,.series-host__image>picture,.series-host__image>picture>img { aspect-ratio: 4/4.5; }
 .series-library__intro { margin-top: 18px; max-width: 440px; }
 .series-library-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 29px 17px; }
 .series-library-grid .series-film h3 { font-size: 18px; }
 .series-library-grid .series-film__copy>p:not(.eyebrow) { font-size: 12px; }
 .series-library-grid .series-poster { aspect-ratio: 9/14; }
 .series-library-grid .series-poster__brand { font-size: 28px; margin-bottom: 36px; }
 .series-library-grid .series-poster__type { padding: 12px; }
 .series-library-grid .series-poster__question { display: none; }
 .series-library-grid .series-poster__series { font-size: 10px; }
 .series-film__watch { font-size: 11px; gap: 7px; }
 .series-form { padding: 21px 18px; }
 .series-form .row2 { grid-template-columns: 1fr; gap: 0; }
 .series-form .opt { display: inline; margin-left: 3px; }
 .series-form .f { margin-bottom: 17px; }
 .series-watch { padding: 25px 0 37px; }
 .series-breadcrumb { font-size: 10px; gap: 8px; margin-bottom: 24px; }
 .series-watch__grid { grid-template-columns: 1fr; grid-template-areas: "heading" "player" "copy"; }
 .series-watch__screen { position: static; margin-bottom: 30px; }
 .series-watch__heading h1 { font-size: 35px; margin-bottom: 23px; }
 .series-watch .lede { font-size: 16px; }
 .series-player { max-width: 340px; }
 .series-context h2 { font-size: 25px; }
 .series-watch__reading { margin-top: 24px; }
 .series-watch-news>.wrap { grid-template-columns: 1fr; gap: 12px; }
 .series-next h2 { font-size: 25px; }
 .series-next { gap: 18px; }
 .series-next__arrow { font-size: 32px; }
 .series-watch-actions { gap: 17px; }
 .series-watch-links a { font-size: 13px; line-height: 1.6; }
}
@media(max-width:370px) {
 .series-hero h1 { font-size: 48px; }
 .series-hero .eyebrow { font-size: 9px; }
 .series-status { font-size: 10px; column-gap: 12px; }
 .series-status b { font-size: 18px; }
 .series-film--featured { grid-template-columns: .76fr 1.24fr; gap: 13px; }
 .series-film--featured h3 { font-size: 18px; }
 .series-library-grid { column-gap: 13px; }
 .series-library-grid .series-film h3 { font-size: 17px; }
}
@media(prefers-reduced-motion:reduce) { .series-poster img,.series-poster__play { transition: none; } }
@media print {
 .series-page .series-inquiry,.series-page .series-newsletter,.series-player,.series-hero__screen { display: none; }
 .series-page .wrap,.series-page .series-hero__grid { display: block; max-width: none; }
 .series-page .sec { break-inside: avoid; }
}