/* Home: a quiet editorial portrait on warm paper, with the existing live player. */
body[data-page="home"] .royal-hero{
  --garden-paper:#f4ebdd;--garden-ink:#35241e;--garden-olive:#798268;--garden-clay:#923b28;
  position:relative;isolation:isolate;overflow:hidden;height:auto;min-height:min(900px,100svh);padding:0;
  background:var(--garden-paper);color:var(--garden-ink)
}
body[data-page="home"] .royal-atmosphere{display:none}
body[data-page="home"] .royal-wash{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 44%,#e7decc 0%,transparent 50%),linear-gradient(0deg,#eee2cf 0%,transparent 36%)}
body[data-page="home"] .royal-hero::after{display:none}
body[data-page="home"] .royal-hero .royal-portrait,
body[data-page="home"] .royal-hero.film-ready .royal-portrait{
  display:block;visibility:visible;opacity:1;position:absolute;z-index:2;top:auto;right:12%;bottom:142px;
  width:min(36vw,470px);height:min(64%,590px);object-fit:cover;object-position:62% 25%;
  pointer-events:none;filter:saturate(.78) sepia(.06);
  mask-image:none;animation:royal-portrait-in .8s .2s both
}
body[data-page="home"] .royal-copy{
  position:absolute;z-index:3;top:clamp(170px,25vh,250px);bottom:auto;left:clamp(32px,7vw,110px);
  width:min(43%,600px);padding:0;text-align:left;transform:none;color:var(--garden-ink)
}
body[data-page="home"] .royal-copy .eyebrow{font:600 11px/1.5 var(--sans);letter-spacing:.18em;color:var(--garden-clay);margin-bottom:24px}
body[data-page="home"] .royal-copy h1{position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:visible;
  font:400 clamp(70px,7.3vw,118px)/.86 var(--serif);letter-spacing:-.025em;color:var(--garden-ink);margin:0 0 25px}
body[data-page="home"] .royal-copy .royal-tagline{font:400 clamp(24px,2.3vw,34px)/1.25 var(--serif);max-width:425px;color:var(--garden-ink);margin:0 0 16px}
body[data-page="home"] .royal-copy .royal-tagline em{color:var(--garden-clay)}
body[data-page="home"] .royal-copy .royal-description{display:block;color:#695443;font-size:10px;letter-spacing:.14em;margin-bottom:8px}
body[data-page="home"] .royal-copy .royal-intro{display:block;color:#655148;font:400 15px/1.7 var(--sans);max-width:350px}
/* The embedded performance remains visible within the hero and shares the existing player. */
body[data-page="home"] .royal-hero .hero-screen{
  position:absolute;inset:auto;left:auto;top:auto;right:clamp(24px,5vw,80px);bottom:130px;
  width:clamp(356px,27vw,400px);height:200px;min-height:200px;aspect-ratio:auto;z-index:4;
  opacity:1;visibility:visible;transform:none;pointer-events:none;overflow:hidden;
  background:#35241e url('/assets/cinema-fEMD1IdJ6tQ.jpg') center/cover no-repeat;
  border:1px solid #b9945470;border-radius:3px;box-shadow:none
}
body[data-page="home"] .royal-hero .hero-screen #hero-film{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;transform:none;opacity:1}
body[data-page="home"] .royal-hero .cinema-scroll{color:#695443;z-index:5}
body[data-page="home"] .cinema-hero .hero-player.royal-player{
  z-index:6;color:var(--garden-clay);bottom:26px;width:min(560px,calc(100% - 48px));
  background:#f4ebdddc;border:1px solid #b9945466;border-radius:4px;padding:8px 12px 5px
}
body[data-page="home"] .cinema-hero .royal-player .dock-track strong{color:var(--garden-ink)}
body[data-page="home"] .cinema-hero .royal-player .dock-track small,
body[data-page="home"] .cinema-hero .royal-player .dock-track [data-youtube-status],
body[data-page="home"] .cinema-hero .royal-player .player-time{color:#6c5446}
body[data-page="home"] .cinema-hero .royal-player .dock-play{background:var(--garden-clay);border-color:var(--garden-clay);color:#fff8ed}
body[data-page="home"] .cinema-hero .royal-player .dock-play:hover{background:var(--garden-ink);border-color:var(--garden-ink);color:#fff8ed}
body[data-page="home"] .cinema-hero .royal-player .player-step{background:transparent;color:var(--garden-ink)}
body[data-page="home"] .cinema-hero .royal-player .player-step:hover{color:var(--garden-clay)}
body[data-page="home"] .cinema-hero .royal-player .player-volume .icon-button,
body[data-page="home"] .cinema-hero .royal-player .player-details{color:var(--garden-ink)}
body[data-page="home"] .cinema-hero .royal-player .royal-ornament svg{color:#b99454}
body[data-page="home"] .cinema-hero .royal-player .royal-progress{background:#b9945470}
body[data-page="home"] .cinema-hero .royal-player .royal-progress i{background:var(--garden-clay)}
@media(max-width:760px){
  body[data-page="home"] .royal-hero{height:auto;min-height:930px;min-height:max(930px,100svh)}
  body[data-page="home"] .royal-copy{top:122px;left:24px;width:calc(100% - 48px);padding:0;transform:none}
  body[data-page="home"] .royal-copy .eyebrow{justify-content:flex-start;font-size:10px;margin-bottom:14px}
  body[data-page="home"] .royal-copy h1{font-size:clamp(54px,14vw,76px);line-height:.9;margin-bottom:15px}
  body[data-page="home"] .royal-copy .royal-tagline{font-size:23px;line-height:1.2;max-width:270px;margin-bottom:9px}
  body[data-page="home"] .royal-copy .royal-description{display:none}
  body[data-page="home"] .royal-copy .royal-intro{display:block;font-size:13px;line-height:1.55;max-width:250px}
  body[data-page="home"] .royal-hero .royal-portrait,body[data-page="home"] .royal-hero.film-ready .royal-portrait{
    top:315px;bottom:auto;right:10%;width:70%;height:350px;max-height:none;object-position:60% 25%
  }
  body[data-page="home"] .royal-hero .hero-screen{top:auto;left:auto;right:24px;bottom:220px;width:min(320px,calc(100% - 48px));height:200px;min-height:200px;transform:none}
  body[data-page="home"] .royal-hero .hero-screen #hero-film{left:0;top:0;width:100%;height:100%;transform:none}
  body[data-page="home"] .cinema-hero .hero-player.royal-player{bottom:22px;width:calc(100% - 40px);padding:8px 9px 5px}
}
@media(max-width:360px){body[data-page="home"] .royal-copy{top:112px}body[data-page="home"] .royal-copy h1{font-size:51px}body[data-page="home"] .royal-hero .royal-portrait,body[data-page="home"] .royal-hero.film-ready .royal-portrait{top:315px;height:330px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .royal-hero .royal-portrait{animation:none!important}}

/* The editorial pages continue on paper; terracotta is reserved for one brief interlude. */
body[data-page="home"] :is(.story-prologue,.heritage-strip,.archive-highlights,.about-teaser,.story-preview,.listening-section,.repertoire,.selected-section,.family-section,.client-section){
  --bg:#f4ebdd;--bg-soft:#eae1d2;--paper:#f8f0e5;--ink:#35241e;--muted:#67544a;--gold:#923b28;--gold-light:#782f3b;--line:#b9945455;
  background:#f4ebdd;color:#35241e
}
body[data-page="home"] :is(.story-prologue,.archive-highlights,.about-teaser,.story-preview,.listening-section,.repertoire,.selected-section,.family-section,.client-section) :is(h2,h3,.lead){color:#35241e}
body[data-page="home"] :is(.story-prologue,.archive-highlights,.about-teaser,.story-preview,.listening-section,.repertoire,.selected-section,.family-section,.client-section) :is(h2 em,h3 em,.eyebrow){color:#923b28}
body[data-page="home"] :is(.story-prologue,.archive-highlights,.about-teaser,.story-preview,.listening-section,.repertoire,.selected-section,.family-section,.client-section) p:not(.eyebrow){color:#67544a}
body[data-page="home"] .prologue-copy h2,body[data-page="home"] .prologue-link{color:#35241e}
body[data-page="home"] .prologue-copy h2 em,body[data-page="home"] .prologue-copy .eyebrow{color:#923b28}
body[data-page="home"] .prologue-description,body[data-page="home"] .prologue-caption,body[data-page="home"] .prologue-figure figcaption,body[data-page="home"] .prologue-figure figcaption span:last-child{color:#67544a}
body[data-page="home"] .heritage-strip{background:#923b28;color:#f4ebdd;border-color:#b9945470}
body[data-page="home"] .heritage-strip .icon{color:#e6b69c}
body[data-page="home"] .archive-highlights{border-color:#b9945455}
body[data-page="home"] .archive-highlights dt,body[data-page="home"] .archive-highlights dd{color:#35241e}
body[data-page="home"] .story-preview-card,body[data-page="home"] .genre-card,body[data-page="home"] .client-name{background:#eee3d3;border:1px solid #b9945455;box-shadow:none;color:#35241e}
body[data-page="home"] .genre-card:hover{background:#e8dac7;border-color:#b99454}
body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) :is(p,span){color:#67544a}
body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) :is(.eyebrow,.genre-icon,.genre-link){color:#923b28}
body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) h3{color:#35241e}
body[data-page="home"] .featured-performance{background:#eee3d3;border-color:#b9945455;box-shadow:none;color:#35241e}
body[data-page="home"] .featured-performance :is(h3,strong){color:#35241e}
body[data-page="home"] .featured-performance :is(p,.video-stats){color:#67544a}
body[data-page="home"] .selected-section :is(.video-card h3,.performer-credit,.video-stats){color:#35241e}
body[data-page="home"] .selected-section .video-card>.eyebrow{color:#923b28}
body[data-page="home"] .selected-section .video-card .media-thumb{border-radius:6px!important}
body[data-page="home"] :is(.story-prologue,.about-teaser,.listening-section,.repertoire,.selected-section,.family-section,.client-section) .text-link{color:#923b28;border-color:#b9945470}
body[data-page="home"] :is(.story-prologue,.about-teaser,.listening-section,.repertoire,.selected-section,.family-section,.client-section) .text-link:hover{color:#35241e;border-color:#923b28}
body[data-page="home"] .family-note,body[data-page="home"] .section-bottom>span{color:#67544a}
body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) .icon{color:#798268}
/* Keep the live video separate from Harissh's portrait and the player. */
@media(min-width:761px){
 body[data-page="home"] .royal-hero .hero-screen{left:clamp(32px,7vw,110px);right:auto;bottom:8px;width:clamp(200px,17vw,250px)}
}
@media(max-width:760px){
 body[data-page="home"] .royal-hero{min-height:1270px}
 body[data-page="home"] .royal-hero .royal-portrait,body[data-page="home"] .royal-hero.film-ready .royal-portrait{top:405px;right:7%;width:86%;height:380px;object-position:center center}
 body[data-page="home"] .royal-hero .hero-screen{left:50%;right:auto;bottom:255px;width:min(220px,60vw);transform:translateX(-50%)}
}
@media(max-width:360px){body[data-page="home"] .royal-hero .royal-portrait,body[data-page="home"] .royal-hero.film-ready .royal-portrait{top:380px;height:365px}}
