/* Fractional / Field notes / About: make filmed subjects actually readable. */
.alt-site #fractional.scene-surface > .scene-film{
 opacity:.42!important;
}
.alt-site #about.scene-surface > .scene-film,
.alt-site #insights.scene-surface > .scene-film{
 opacity:.38!important;
}
/* Dedicated Field notes pages (EN/ZH). */
.alt-site .m-net-sec.scene-surface > .scene-film,
.alt-site.exact-review .alt-hero.scene-surface > .scene-film,
.alt-site main > .alt-hero.scene-surface[data-surface=ink] > .scene-film,
.alt-site .sec.alt-hero.scene-surface[data-surface=ink] > .scene-film{
 opacity:.50!important;
}
/* Remove competing grey network decoration over the filmed Field notes hero. */
.alt-site .m-net-sec.scene-surface > .m-net{
 display:none!important;
}
/* Keep subject framed on portrait phones; no Ken Burns. */
.alt-site #fractional > .scene-film :is(.film-video,.film-poster),
.alt-site #about > .scene-film :is(.film-video,.film-poster){
 object-position:center 35%!important;
}
.alt-site #insights > .scene-film :is(.film-video,.film-poster),
.alt-site .m-net-sec > .scene-film :is(.film-video,.film-poster),
.alt-site .sec.alt-hero > .scene-film[data-film=notes] :is(.film-video,.film-poster),
.alt-site .scene-film[data-film=notes] :is(.film-video,.film-poster){
 object-position:center 40%!important;
}
/* Localised directional text backing — not a full-section wash. */
.alt-site #fractional.scene-surface > .wrap,
.alt-site #about.scene-surface > .wrap,
.alt-site #insights.scene-surface > .wrap{
 position:relative;
 z-index:1;
 border-radius:18px;
 padding-block:clamp(18px,3vw,28px);
 padding-inline:clamp(16px,3vw,28px);
 background:linear-gradient(90deg,rgba(236,231,222,.92) 0%,rgba(236,231,222,.82) 48%,rgba(236,231,222,.45) 78%,rgba(236,231,222,0) 100%);
}
.alt-site #fractional.scene-surface[data-surface=panel] > .wrap{
 background:linear-gradient(90deg,rgba(227,221,210,.94) 0%,rgba(227,221,210,.84) 48%,rgba(227,221,210,.42) 78%,rgba(227,221,210,0) 100%);
}
.alt-site .m-net-sec.scene-surface > .wrap,
.alt-site .sec.alt-hero.scene-surface[data-surface=ink] > .wrap{
 position:relative;
 z-index:1;
 border-radius:18px;
 padding-block:clamp(18px,3vw,28px);
 padding-inline:clamp(16px,3vw,28px);
 background:linear-gradient(90deg,rgba(20,19,14,.78) 0%,rgba(20,19,14,.62) 52%,rgba(20,19,14,.22) 82%,rgba(20,19,14,0) 100%);
}
@media (max-width:700px){
 .alt-site #fractional.scene-surface > .wrap,
 .alt-site #about.scene-surface > .wrap,
 .alt-site #insights.scene-surface > .wrap{
  background:linear-gradient(180deg,rgba(236,231,222,.93) 0%,rgba(236,231,222,.86) 62%,rgba(236,231,222,.35) 100%);
 }
 .alt-site #fractional.scene-surface[data-surface=panel] > .wrap{
  background:linear-gradient(180deg,rgba(227,221,210,.94) 0%,rgba(227,221,210,.86) 62%,rgba(227,221,210,.35) 100%);
 }
 .alt-site .m-net-sec.scene-surface > .wrap,
 .alt-site .sec.alt-hero.scene-surface[data-surface=ink] > .wrap{
  background:linear-gradient(180deg,rgba(20,19,14,.82) 0%,rgba(20,19,14,.68) 70%,rgba(20,19,14,.28) 100%);
 }
 .alt-site #fractional > .scene-film :is(.film-video,.film-poster),
 .alt-site #about > .scene-film :is(.film-video,.film-poster),
 .alt-site #insights > .scene-film :is(.film-video,.film-poster),
 .alt-site .scene-film[data-film=notes] :is(.film-video,.film-poster){
  object-position:center 30%!important;
 }
}
@media (prefers-reduced-motion:reduce){
 .alt-site #fractional.scene-surface > .scene-film,
 .alt-site #about.scene-surface > .scene-film,
 .alt-site #insights.scene-surface > .scene-film,
 .alt-site .m-net-sec.scene-surface > .scene-film,
 .alt-site .sec.alt-hero.scene-surface[data-surface=ink] > .scene-film{
  opacity:.34!important;
 }
}