/* =====================================================================
   Series pages: Studio / Hero (series) card on every breakpoint + tablet / phone layout (Prompt 19 Part B)
   Desktop 801:11001 (hero card 2117:81968), tablet 2022:13201 / 2022:83880 / 2022:84521 / 2022:85143,
   phone 1953:19351 / 1968:87318 / 1953:19105 / 1953:18864.
   ===================================================================== */
.series-appl,.series-app,.series-info__eyebrow{display:none}
/* Hero card: inset 48, border/subtle 2, radius lg, photo at 30% over #0a0806, bottom gradient */
.series-top{padding:var(--space-48)}
.series .series-hero,.series .series-hero--short{height:680px;border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--studio-hero-base,#0a0806)}   /* #0a0806 not a Figma token yet */
.series .series-hero__bg{opacity:.3}
.series .series-hero__shade{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 26.68%,#000 59.29%)}
.series .series-hero__desc{color:var(--studio-hero-lead);max-width:539px}
.series .series-hero__actions{gap:var(--space-8)}
.series .series-hero__actions .button-group{background:var(--surface-background);border-color:var(--border-subtle)}
.series .series-hero__person--tall{right:var(--space-64)}
.series .series-hero__person--wide{right:0}
.series--a-storied-conversation .series-hero__copy{bottom:var(--space-64)}
/* readable buttons on the dark author cards (they inherited light text on a white button) */
.series-people .author-card .btn--secondary,.series-people .author-card .follow-btn{color:var(--text-primary)}
/* More from Storied: card-title titles (Figma 812:17690) */
.series-more__title{font:var(--text-card-title)}
.series-more .section-header{display:flex;align-items:center;justify-content:space-between}

@media (max-width:1023px){
  .series-web{display:none}.series-appl{display:inline}
  main.series{display:flex;flex-direction:column}
  .series .series-body,.series .series-body>.studios-body__inner{display:contents}
  .series-top{order:0}
  .series-app{order:1;display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-12)}
  .series-info{order:2}
  .series-partner{order:3}
  .series-people{order:4}
  .series-more{order:5}
  .series-body .studios-sec:not(.series-people):not(.series-more){display:none}
  /* hero card */
  .series .series-hero,.series .series-hero--short{height:auto;min-height:380px;display:flex;align-items:flex-end;padding:var(--space-28)}
  .series .series-hero__copy,.series--a-storied-conversation .series-hero__copy{position:relative;left:auto;bottom:auto;width:52%;flex-direction:column;align-items:flex-start;gap:var(--space-16)}
  .series .series-hero__logo{width:min(300px,100%);max-height:120px}
  .series .series-hero__partner{height:30px}
  .series .series-hero__desc{font:var(--text-mobile-lg)}
  .series .series-hero__side{gap:var(--space-16)}
  .series .series-hero__person{display:block;right:var(--space-16);bottom:0;width:44%;height:auto;max-height:92%;object-fit:contain;object-position:bottom right;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}
  .series .series-hero__actions .btn{height:40px}
  /* videos */
  .series-app__sec{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20) 0 var(--space-8)}
  .series-app__sec .app-list-header,.series-info__eyebrow .app-list-header{padding:0 var(--space-32)}
  .series-app__lead{padding:0 var(--space-32)}
  .series-app__lead--small{width:240px}
  .series-app__lead .video-card{height:auto}
  .series-app__platforms{display:flex;flex-wrap:wrap;gap:var(--space-8);padding:var(--space-12) var(--space-32) 0}
  /* about */
  .series-info__eyebrow{display:block;margin-bottom:var(--space-12)}
  .series-info{padding:var(--space-20) 0 var(--space-24)}
  .series-info__inner{grid-template-columns:260px minmax(0,1fr);gap:var(--space-24);align-items:start;padding:0 var(--space-32)}
  .series-info__img{width:260px;height:auto;aspect-ratio:260/255}
  .series-info__heading{font:var(--text-mobile-5xl)}
  .series-info__body{grid-template-columns:1fr;gap:var(--space-12)}
  .series-info__body p{font:var(--text-mobile-base)}
  /* partner, people, more */
  .series-partner{padding:0 var(--space-32);margin:0 0 var(--space-24)}
  .series-people,.series-more{padding:var(--space-20) var(--space-32) var(--space-8);gap:var(--space-12)}
  .series-people .section-header__title,.series-more .section-header__title{font:var(--text-mobile-label);letter-spacing:.44px;text-transform:uppercase;color:var(--text-secondary)}
  .series-partner{grid-template-columns:1fr;gap:var(--space-16)}
  .series-partner__art{order:-1;grid-template-columns:1fr}
  .series-partner__art span:first-child{transform:none;aspect-ratio:680/180}
  .series-partner__art span+span{display:none}
  .series-partner__logo{width:min(280px,100%)}
  .series-partner__desc{font:var(--text-mobile-base);max-width:none}
  .series-more__all{font:var(--text-mobile-xs);color:var(--text-secondary);text-decoration:none}
  .series-people__grid{grid-template-columns:repeat(2,minmax(0,332px));gap:var(--space-16)}
  .series-more__grid{display:flex;gap:var(--space-12);overflow-x:auto;margin:0 calc(-1 * var(--space-32));padding:0 var(--space-32) var(--space-24);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-32);scrollbar-width:none}
  .series-more__grid::-webkit-scrollbar{display:none}
  .series-more__card{flex:none;width:218px;gap:var(--space-8);scroll-snap-align:start}
  .series-more__title{font:var(--text-card-title-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* Tablet 600–1023: navbar, card 32 sides / 8 top */
@media (min-width:600px) and (max-width:1023px){
  .series-top{padding:calc(var(--nav-h,120px) + var(--space-2)) var(--space-32) 0}
}
/* Phone <600: App / Header, card 16 inset with the people on top, rails 16 left, one author card per row, App / Tab Bar (Studios) */
@media (max-width:599px){
  .series-top{padding:var(--space-16)}
  .series .series-hero,.series .series-hero--short{flex-direction:column;align-items:stretch;padding:0 var(--space-16) var(--space-16);min-height:0}
  .series .series-hero__person{position:relative;right:auto;width:calc(100% + 2 * var(--space-16));max-width:none;margin:0 calc(-1 * var(--space-16));height:300px;max-height:none;object-fit:cover;object-position:center top}
  .series .series-hero:not(:has(.series-hero__person)){padding-top:var(--space-40)}
  .series .series-hero__copy,.series--a-storied-conversation .series-hero__copy{width:100%;margin-top:calc(-1 * var(--space-40))}
  .series .series-hero__logo{width:min(260px,100%)}
  .series-app__sec .app-list-header,.series-info__eyebrow .app-list-header,.series-app__lead,.series-app__platforms{padding-inline:var(--space-16)}
  .series-app__lead--small{width:240px}
  .series .studios-rail__row{padding:0 var(--space-16);scroll-padding-inline:var(--space-16)}
  .series .studios-rail__row--v .studios-rail__item{width:132px}
  .series .studios-rail__row--v .video-card__thumb{aspect-ratio:132/235}
  .series .studios-rail__row--h .studios-rail__item{width:240px}
  .series-info__inner{grid-template-columns:1fr;padding:0 var(--space-16)}
  .series-info__content{display:contents}
  .series-info__heading{order:-1}
  .series-info__img{width:100%;aspect-ratio:358/240}
  .series-partner{padding:0 var(--space-16)}
  .series-people,.series-more{padding:var(--space-20) var(--space-16) var(--space-8)}
  .series-people__grid{grid-template-columns:minmax(0,1fr)}
  .series-more__grid{margin:0 calc(-1 * var(--space-16));padding:0 var(--space-16) var(--space-24);scroll-padding-inline:var(--space-16)}
  .series-more__card{width:240px}
}