/* Shared Archive Edition heroes. Artwork and typography remain separate layers. */
.studio-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 570px;
  margin: 0 -5.555556%;
  overflow: hidden;
  background: #16191e;
  border-bottom: 1px solid var(--line);
}
.studio-hero-home { min-height: 640px; }
.studio-hero-art,
.studio-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.studio-hero-art { object-fit: cover; object-position: center; z-index: -2; }
.studio-hero-shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(14,18,23,.87) 0%, rgba(14,18,23,.65) 28%, rgba(14,18,23,.2) 55%, transparent 76%);
}
.studio-hero-copy { padding: 60px 5%; width: 67%; max-width: 870px; }
.studio-hero .eyebrow { color: #e2e5e4; font-size: 10px; letter-spacing: 2.2px; }
.studio-hero h1 {
  font-size: clamp(52px, 6vw, 90px);
  line-height: 1.04;
  letter-spacing: -.055em;
  color: #f6f4ed;
  margin: 24px 0;
}
.studio-hero h1 .accent { color: var(--orange); }
.studio-hero-description { font-size: 16px; line-height: 1.8; max-width: 400px; color: #eceeea; margin: 22px 0 28px; }
.studio-hero .button { gap: 34px; }
.studio-hero-lead { font-size: clamp(18px, 2vw, 25px); color: #f6f4ed; margin: 28px 0 -8px; font-weight: 600; }
.studio-hero-home + .strip { border-top: 0; padding: 26px 0; }
.studio-hero + .team { padding-top: 64px; }
.studio-hero + .intro { padding-top: 80px; }
.studio-hero + .contact-grid { padding-top: 68px; }
.studio-hero + .careers-box { margin-top: 64px; }
#people, #our-story, #opportunities, #contact-details { scroll-margin-top: 30px; }
.team .person { min-width: 0; }
.team .person h3 { color: #f6f4ed; }
.role { color: #8fe1d7; }
.values article { border-top-color: #4c6665; }
[data-page="games"] .studio-hero { min-height: 640px; }
[data-page="contact"] .studio-hero h1 { font-size: clamp(49px, 5.5vw, 82px); }
@media (min-width: 1700px) {
  .studio-hero { min-height: 630px; }
  .studio-hero-home, [data-page="games"] .studio-hero { min-height: 730px; }
  .studio-hero-copy { max-width: 1040px; }
  .studio-hero-description { font-size: 18px; max-width: 450px; }
}
@media (max-width: 800px) {
  .studio-hero, .studio-hero-home, [data-page="games"] .studio-hero { min-height: 600px; align-items: flex-start; }
  .studio-hero-copy { width: 100%; max-width: 680px; padding: 48px 5% 160px; }
  .studio-hero h1, [data-page="contact"] .studio-hero h1 { font-size: clamp(45px, 8.5vw, 66px); letter-spacing: -.05em; }
  .studio-hero-art { object-position: 68% center; }
  .studio-hero-shade { background: linear-gradient(180deg, rgba(14,18,23,.84) 0%, rgba(14,18,23,.80) 42%, rgba(14,18,23,.45) 72%, rgba(14,18,23,.06) 100%); }
  .studio-hero-description { font-size: 15px; max-width: 410px; }
  .studio-hero + .team, .studio-hero + .contact-grid { padding-top: 48px; }
  .studio-hero + .intro { padding-top: 55px; }
  .studio-hero + .careers-box { margin-top: 45px; }
}
@media (max-width: 480px) {
  .studio-hero-copy { padding: 45px 5% 165px; }
  .studio-hero h1, [data-page="contact"] .studio-hero h1 { font-size: clamp(41px, 11vw, 52px); }
  .studio-hero .eyebrow { font-size: 9px; letter-spacing: 1.7px; }
  .studio-hero-description { max-width: 335px; margin-bottom: 25px; }
}