/* =====================================================================
   Studios series pages (Figma 787:28574, 801:11001, 801:16213, 801:15689)
   Hero → info → videos → On this production → More from Storied.
   ===================================================================== */
.series-hero{position:relative;height:926px;box-sizing:border-box;overflow:hidden;background:#0d0c0a;color:var(--neutral-50)}
.series-hero--short{height:593px}
.series-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.series-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,10,.78) 0%,rgba(13,12,10,.35) 50%,rgba(13,12,10,.1) 100%),linear-gradient(180deg,rgba(20,18,16,.45) 0%,rgba(20,18,16,.25) 40%,rgba(20,18,16,.85) 85%,var(--neutral-900) 100%)}
.series-hero__person{position:absolute;bottom:0;display:block;height:auto}
.series-hero__person--tall{right:max(110px,calc(50% - 610px));width:min(420px,32vw);aspect-ratio:1461/1988;object-fit:cover}
.series-hero__person--wide{right:0;width:min(760px,56vw);max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%);mask-composite:intersect}
.series-hero__copy{position:absolute;left:max(64px,calc(50% - 656px));bottom:64px;width:min(709px,calc(100% - 128px));display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-20)}
.series-hero__copy h1{margin:0;line-height:0}
.series-hero__copy h1.series-hero__name{line-height:1.05;font:var(--text-5xl);color:var(--neutral-0);text-transform:uppercase}
/* Series pages are dark below the bar. Keep the header light before and after scroll. */
body:has(main.series) .nav__inner,
body:has(main.series) .nav.is-scrolled .nav__inner,
body:has(main.series) .has-app-nav .nav__inner,
body:has(main.series) .has-app-nav .nav.is-scrolled .nav__inner{
  background:var(--neutral-0);
  box-shadow:inset 0 0 0 1px var(--border-subtle);
}
.series-hero__logo{display:block;width:min(709px,100%);height:auto;max-height:240px;object-fit:contain;object-position:left}
.series--naismith-5 .series-hero__logo{width:min(470px,100%)}
.series--pwhl-roundtable .series-hero__logo{width:min(460px,100%)}
.series--a-storied-conversation .series-hero__logo{width:min(589px,100%)}
.series-hero__partner{display:block;height:46px;width:auto;margin-bottom:calc(-1 * var(--space-4))}
.series-hero__desc{margin:0;font:var(--text-lg);color:var(--tile-title-dark);max-width:640px}
.series-hero__side{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-20)}
.series--a-storied-conversation .series-hero__copy{left:max(64px,calc(50% - 656px));bottom:96px;width:min(1312px,calc(100% - 128px));flex-direction:row;align-items:center;gap:var(--space-48)}
.series--a-storied-conversation .series-hero__copy h1{flex:none}
.series--a-storied-conversation .series-hero__side{max-width:480px}
.series--a-storied-conversation .series-hero__desc{font:var(--text-base)}
.series-hero__actions{display:flex;gap:var(--space-16);flex-wrap:wrap;align-items:center}
.series-hero__actions .btn{height:48px}

/* Info */
.series-info{background:var(--neutral-900);padding:var(--space-64) var(--space-80) 0}
.series-info__inner{max-width:1216px;margin-inline:auto;display:grid;grid-template-columns:466px minmax(0,1fr);gap:var(--space-24);align-items:center}
.series-info__img{display:block;width:466px;height:457px;border-radius:var(--radius-md);object-fit:cover;background:#000}
.series-info__content{display:flex;flex-direction:column;gap:var(--space-24);padding-left:0}
.series-info__heading{margin:0;font:var(--text-3xl);text-transform:uppercase;color:var(--neutral-0);max-width:590px}
.series-info__body{display:grid;grid-template-columns:322px 353px;gap:var(--space-32);max-width:726px}
.series-info__body p{margin:0;font:var(--text-sm);color:var(--tile-title-dark)}
.series-body{padding-top:var(--space-96)}

/* Videos */
.series-grid{display:grid;gap:var(--space-24)}
.series-grid--episodes{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-16) var(--space-8)}
.series-grid--episodes>.video-card{height:auto}
.series-grid--shorts{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;margin-top:var(--space-32)}
.series-grid--shorts>.video-card{height:auto}
.series-grid--shorts .video-card__thumb{flex:none;aspect-ratio:9/16}
.series-platforms{display:flex;justify-content:center;gap:var(--space-20);margin-top:var(--space-40);flex-wrap:wrap}
.series-sechead{display:flex;flex-direction:column;gap:var(--space-12)}
.series-sechead__row{display:flex;gap:var(--space-80);align-items:flex-end;justify-content:flex-start;flex-wrap:wrap}
.series-sechead__row .studios-sec__desc{max-width:502px}
.series-sechead__actions{display:flex;gap:var(--space-16)}
/* series title links to its page (Prompt 31 Part 5); looks like the Section Header title, underline on hover / focus */
.series-sechead__link{color:inherit;text-decoration:none}
.series-sechead__link:hover,.series-sechead__link:focus-visible{text-decoration:underline;text-underline-offset:.12em}
.series-sechead__actions .btn{height:48px}

/* Partner (The Realest) */
.series-partner{display:grid;grid-template-columns:493px minmax(0,1fr);gap:var(--space-20);align-items:center;margin-top:var(--space-32)}
.series-partner__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-20)}
.series-partner__logo{display:block;width:100%;height:auto}
.series-partner__desc{margin:0;max-width:401px;font:var(--text-sm);color:var(--tile-title-dark)}
.series-partner__art{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:center}
.series-partner__art span{display:block;border-radius:var(--radius-md);background:#1f1c18;border:1px dashed #3a342c;aspect-ratio:1}
.series-partner__art span:first-child{aspect-ratio:1/1.02;transform:translateY(24px)}

/* On this production: author cards on dark */
.series-people__grid{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,384px));gap:var(--space-16)}
.series-people{--author-card-background:#1f1c18;--author-card-border:#3a342c;--shadow-author-card:transparent;--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--card-text-secondary:var(--neutral-300);--author-card-button-background:#2a2621;--author-card-button-border:var(--neutral-600);--shadow-author-card-button-soft:transparent;--shadow-author-card-button-tight:transparent;--shadow-author-card-button-inset:transparent}
.series-people .author-card__avatar{border-color:#1f1c18}
.series-people .tag-pill{background:transparent;border-color:var(--neutral-600);color:var(--neutral-300)}
.series-people .author-card__btn{color:var(--neutral-50);box-shadow:none}
.series-people .author-card__btn:hover{background:#34302a}

/* More from Storied */
.series-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16)}
.series-more__card{display:flex;flex-direction:column;gap:var(--space-12);color:var(--neutral-50);text-decoration:none}
.series-more__thumb{display:block;aspect-ratio:384/215;border-radius:var(--radius-md);overflow:hidden;background:#000}
.series-more__thumb img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;transition:transform .5s var(--ease-out)}
.series-more__thumb img[src*="conversation-info"]{object-position:center 88%}
.series-more__card:hover .series-more__thumb img{transform:scale(1.04)}
.series-more__title{font:var(--text-2xl);text-transform:uppercase;color:var(--neutral-50)}
@media (max-width:1100px){
  .series-info{padding:var(--space-48) var(--space-24) 0}
  .series-info__inner{grid-template-columns:1fr}
  .series-info__img{width:100%;height:auto;aspect-ratio:466/457}
  .series-info__body{grid-template-columns:1fr}
  .series-grid--episodes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .series-grid--shorts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .series-partner{grid-template-columns:1fr}
  .series-more__grid,.series-people__grid{grid-template-columns:1fr}
  .series-hero__person{display:none}
}