/* Homepage spacing stays independent of account, genre, and watch layouts. */
body[data-page="home"] .catalog-hero {
    min-height: 540px;
    height: auto;
    padding: 58px 7vw 70px;
    gap: 7vw;
    overflow: hidden;
    background: #101114;
}
body[data-page="home"] .catalog-hero-image {
    object-position: center 30%;
    filter: blur(12px) saturate(.7) brightness(.5);
    transform: scale(1.05);
}
body[data-page="home"] .catalog-hero-shade {
    background: linear-gradient(0deg, #111112, transparent 45%), linear-gradient(90deg, #111112f5, #11111270);
}
body[data-page="home"] .catalog-hero-copy {
    flex: 1;
    width: auto;
    max-width: 660px;
    min-width: 0;
    margin: 0;
}
body[data-page="home"] .catalog-kicker { letter-spacing: .2em; }
body[data-page="home"] .catalog-featured-label { margin-top: 24px; }
body[data-page="home"] .catalog-hero h1 {
    font-size: clamp(32px, 4.4vw, 64px);
    line-height: 1.08;
    letter-spacing: -.035em;
    margin: 18px 0;
    overflow-wrap: anywhere;
}
body[data-page="home"] .catalog-synopsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.7;
    max-width: 530px;
    margin: 20px 0 26px;
}
.home-featured-poster {
    position: relative;
    display: block;
    flex: 0 0 clamp(210px, 23vw, 310px);
    aspect-ratio: 2 / 3;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ffffff20;
    box-shadow: 0 25px 80px #0009;
}
.home-featured-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.home-featured-poster span { position: absolute; inset: auto 0 0; padding: 36px 18px 18px; background: linear-gradient(transparent, #000c); color: white; font-size: 12px; }
body[data-page="home"] #koleksi { margin-top: 0; padding-top: 26px; }
body[data-page="home"] .catalog-section { margin-bottom: 42px; }
body[data-page="home"] .catalog-section-head h2 { font-size: clamp(20px, 2vw, 26px); }
body[data-page="home"] .catalog-section-head p { margin-top: 8px; line-height: 1.5; }
body[data-page="home"] .catalog-divider { padding: 24px 0; margin-bottom: 18px; }
@media (max-width: 700px) {
    body[data-page="home"] .catalog-hero { min-height: 0; padding: 26px 5vw 34px; display: flex; flex-direction: column-reverse; gap: 25px; }
    .home-featured-poster { flex: none; width: min(58vw, 230px); border-radius: 9px; }
    body[data-page="home"] .catalog-hero-copy { width: 100%; }
    body[data-page="home"] .catalog-kicker { font-size: 9px; }
    body[data-page="home"] .catalog-featured-label { margin-top: 16px; font-size: 11px; }
    body[data-page="home"] .catalog-hero h1 { font-size: clamp(29px, 8vw, 40px); margin: 14px 0; max-width: none; }
    body[data-page="home"] .catalog-synopsis { font-size: 13px; -webkit-line-clamp: 2; margin: 16px 0 20px; }
    body[data-page="home"] .catalog-hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
    body[data-page="home"] .catalog-hero-actions .btn { justify-content: center; padding: 12px 8px; }
    body[data-page="home"] #koleksi { padding-top: 20px; }
    body[data-page="home"] .catalog-section { margin-bottom: 30px; }
}