/* Modern homepage composition only. Colors and UI primitives belong to theme-modern.css. */
.hr-home {
  display: grid;
  gap: clamp(32px, 4vw, 56px);
  min-width: 0;
}
.hr-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(285px, .85fr);
  align-items: center;
  gap: clamp(22px, 4vw, 58px);
  padding: clamp(28px, 4vw, 52px);
  border-radius: var(--hr-radius);
  background: var(--hr-inverse-bg);
  color: var(--hr-on-inverse);
}
.hr-home-hero :focus-visible { outline-color: var(--hr-on-inverse-accent); }
.hr-home-hero .hr-overline { color: var(--hr-on-inverse-accent); }
.hr-home-hero__intro { min-width: 0; }
.hr-home-hero h1 {
  max-width: 19ch;
  margin: 0;
  color: var(--hr-on-inverse);
  font-size: clamp(2rem, 3.25vw, 3rem);
  font-weight: 780;
  line-height: 1.14;
  letter-spacing: -.035em;
}
.hr-home-hero__description {
  max-width: 56ch;
  margin: 18px 0 24px;
  color: var(--hr-on-inverse-muted);
  font-size: 1rem;
  line-height: 1.65;
}
.hr-home-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hr-home-section { min-width: 0; }
.hr-home-topics, .hr-home-collections, .hr-home-films, .hr-home-review-columns, .hr-home-extras-grid {
  display: grid;
  gap: var(--hr-space);
}
.hr-home-topics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.hr-home-collections { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hr-home-films { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hr-home-review-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hr-home-extras-grid { align-items: start; grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr)); }
.hr-home-collabora {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 24px;
  border: 1px solid var(--hr-line);
  border-radius: var(--hr-radius);
  background: var(--hr-surface-2);
}
.hr-home-collabora h2 { margin: 0; font-size: 1.6rem; }
.hr-home-collabora p:not(.hr-overline) { max-width: 60ch; margin: 9px 0 0; color: var(--hr-muted); }
.hr-home-ad { min-width: 0; max-width: 100%; overflow: hidden; text-align: center; }
@media (max-width: 1020px) {
  .hr-home-topics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hr-home-films, .hr-home-collections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .hr-home-hero, .hr-home-review-columns { grid-template-columns: 1fr; }
  .hr-home-hero .EditorialItem { max-width: 520px; }
}
@media (max-width: 580px) {
  .hr-home-hero { padding: 25px 20px; }
  .hr-home-hero h1 { font-size: clamp(1.85rem, 7vw, 2.2rem); }
  .hr-home-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .hr-home-films { grid-template-columns: 1fr; }
}
@media (max-width: 355px) {
  .hr-home-topics, .hr-home-collections { grid-template-columns: 1fr; }
  .hr-home-actions { flex-direction: column; align-items: stretch; }
}