/* Ruwaidix homepage film. Additive, scoped and reversible. 16 Oct 2026. */
html[data-rx-page="home"] .rx-home-film{
  background:#e8eee8;
  border-top:1px solid #c8d5cd;
  border-bottom:1px solid #c8d5cd;
  padding:clamp(38px,5.6vw,82px) 0;
}
html[data-rx-page="home"] .rx-home-film-grid{
  display:grid;
  grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);
  align-items:center;
  gap:clamp(24px,5vw,76px);
}
html[data-rx-page="home"] .rx-home-film-copy{min-width:0}
html[data-rx-page="home"] .rx-home-film-kicker{
  color:#94533b;
  font:500 10px/1.7 var(--mono,"DM Mono",monospace);
  letter-spacing:.13em;
  text-transform:uppercase;
  margin:0 0 18px;
}
html[data-rx-page="home"] .rx-home-film-title{
  color:#17353a;
  font:400 clamp(38px,4.3vw,67px)/1.04 var(--serif,"Newsreader",Georgia,serif);
  letter-spacing:-.035em;
  margin:0 0 22px;
}
html[data-rx-page="home"] .rx-home-film-title em{color:#9b573f;font-weight:400}
html[data-rx-page="home"] .rx-home-film-desc{
  max-width:42ch;
  color:#425b5d;
  font:400 14px/1.85 var(--sans,"DM Sans",Arial,sans-serif);
  margin:0 0 18px;
}
html[data-rx-page="home"] .rx-home-film-meta{
  color:#4c6667;
  font:500 10px/1.8 var(--mono,"DM Mono",monospace);
  letter-spacing:.015em;
  margin:0;
}
html[data-rx-page="home"] .rx-home-film-media{
  min-width:0;
  margin:0;
  background:#142d32;
  border:1px solid #bac9c3;
  box-shadow:0 18px 45px rgba(15,43,39,.13);
}
html[data-rx-page="home"] .rx-home-film-media video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  background:#142d32;
  object-fit:contain;
}
html[data-rx-page="home"] .rx-home-film-media figcaption{
  background:#f8f8f2;
  color:#455f60;
  border-top:1px solid #d2d9d3;
  padding:13px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 20px;
  font:500 10px/1.6 var(--mono,"DM Mono",monospace);
}
html[data-rx-page="home"] .rx-home-film-media figcaption a{
  font-family:var(--sans,"DM Sans",Arial,sans-serif);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  color:#915038;
}
html[data-rx-page="home"] .rx-home-film-media a:focus-visible{
  outline:3px solid #a45e44;outline-offset:4px;
}
@media(max-width:850px){
  html[data-rx-page="home"] .rx-home-film-grid{grid-template-columns:1fr;gap:25px}
  html[data-rx-page="home"] .rx-home-film-desc{max-width:70ch}
}
@media(max-width:520px){
  html[data-rx-page="home"] .rx-home-film-media figcaption{padding:12px}
  html[data-rx-page="home"] .rx-home-film-title{font-size:clamp(38px,10vw,51px)}
}
@media(prefers-reduced-motion:reduce){
  html[data-rx-page="home"] .rx-home-film *,
  html[data-rx-page="home"] .rx-home-film *::before,
  html[data-rx-page="home"] .rx-home-film *::after{animation:none!important;transition:none!important}
}

/* The two-minute introduction lives above the homepage index, not behind the full-record disclosure. */
html[data-rx-page="home"] .rx-featured-film-frame{
  aspect-ratio:16/9;
  overflow:hidden;
  background:#142d32;
}
html[data-rx-page="home"] .rx-featured-film-frame video{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:16/9;
  object-fit:contain;
}
html[data-rx-page="home"] .rx-featured-related{
  border-top:1px solid #cad5cf;
  margin-top:22px;
  padding-top:12px;
}
html[data-rx-page="home"] .rx-featured-related summary{
  cursor:pointer;
  color:#92543f;
  font:700 12px/1.7 var(--sans,"DM Sans",Arial,sans-serif);
}
html[data-rx-page="home"] .rx-featured-related-list{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding:0 0 5px 17px;
}
html[data-rx-page="home"] .rx-featured-related-list a:hover{
  color:#9b573f;
}