/* Homepage-only refinements to the approved design. */
.home-page > .topbar .brand-logo { display: block; width: 80px; height: 76px; object-fit: contain; }
.hero--studio { min-height: 740px; height: auto; padding-block: 184px 130px; padding-inline: clamp(28px, 7vw, 112px); }
.hero--studio:before, .hero--studio:after { content: none; }
.hero--studio .hero-content { width: min(100%, 760px); max-width: 760px; margin-inline: 0; }
.hero--studio h1 { text-shadow: 0 3px 28px #05010ba6; }
.hero--studio h1 em { color: #ffb6ef; background: none; -webkit-text-fill-color: currentColor; }
.hero--studio .hero-description { color: #fff; text-shadow: 0 2px 14px #000b; }
.hero--studio .hero-actions .btn { min-height: 40px; padding: 9px 17px; gap: 12px; font-size: 13px; border-radius: 9px; }
.hero--studio .planet-stage { inset: 0; }
.hero--studio .planet-background { z-index: 0; }
.hero--studio .planet-stage:after { inset: 0; background: linear-gradient(90deg, #06040feb 0%, #080511d6 36%, #09051680 68%, #08040f40 100%), linear-gradient(0deg, #07030fc7, transparent 48%); z-index: 3; }
.hero--studio .planet-video { z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.hero--studio .planet-inscription { color: #fff; text-shadow: 0 2px 14px #000; }
.hero--studio .planet-credit { display: block; margin-top: 12px; font: 10px/1.4 'DM Sans', sans-serif; opacity: .8; }
@media (max-width: 1150px) { .hero--studio { padding-block: 184px 120px; } }
@media (max-width: 800px) {
  .hero--studio { padding-block: 160px 120px; min-height: 670px; }
  .home-page > .topbar .brand-logo { width: 62px; height: 59px; }
}
@media (max-width: 560px) {
  .hero--studio { padding-top: 154px; padding-bottom: 132px; padding-inline: 28px; }
  .hero--studio .hero-content { width: 100%; }
  .hero--studio .planet-stage:after { background: linear-gradient(90deg, #06040fe6, #0905169c), linear-gradient(0deg, #07030fc7, transparent 55%); }
  .hero--studio .planet-inscription { font-size: 19px; right: 22px; bottom: 25px; }
}