/* Content must remain readable even if a reveal callback is delayed. */
html[data-home-variant="test"].motion-enabled .reveal { opacity: 1; transform: none; }
html[data-home-variant="test"] .is-offscreen *,
html[data-home-variant="test"] .is-offscreen::after,
html[data-home-variant="test"] .is-offscreen *::after { animation-play-state: paused !important; }
.test-hero__track { will-change: transform; }
.test-hero { min-height: min(1000px, 100svh); display: grid; place-items: center; padding: 150px 24px 100px; isolation: isolate; overflow: hidden; }
.test-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(4,7,15,.35), rgba(4,7,15,.55) 60%, #020202), linear-gradient(90deg, rgba(4,7,15,.6), transparent, rgba(4,7,15,.45)); pointer-events: none; }
.test-hero__backdrop { position: absolute; inset: -120px -240px; z-index: -2; transform: rotate(-9deg) scale(1.05); display: grid; gap: 18px; opacity: .58; }
.test-hero__track { display: flex; gap: 18px; width: max-content; animation: test-thumbnail-drift 90s linear infinite; }
.test-hero__track:nth-child(2) { animation-direction: reverse; animation-duration: 110s; }
.test-hero__track img { width: clamp(260px, 28vw, 460px); height: 100%; max-height: 290px; object-fit: cover; border-radius: 18px; }
.test-hero__panel { width: min(900px, 100%); padding: clamp(28px, 5vw, 60px); border: 1px solid rgba(255,255,255,.14); border-radius: 30px; background: rgba(8,12,23,.75); backdrop-filter: blur(20px); box-shadow: 0 28px 100px #0006; text-align: center; }
.test-hero__eyebrow { color: #aebfdc; font-size: .68rem; letter-spacing: .2em; margin-bottom: 24px; }
.test-hero h1 { font-size: clamp(3rem, 6.5vw, 6rem); line-height: 1.02; letter-spacing: -.065em; margin: 0; }
.test-hero__intro { color: #bac3d4; font-size: clamp(.9rem, 1.5vw, 1.1rem); margin: 24px auto 28px; max-width: 460px; }
.test-hero .hero__actions { justify-content: center; gap: 12px; }
.test-hero .button { min-height: 50px; gap: 24px; border: 1px solid #ffffff30; }
.test-hero__stats { display: grid; grid-template-columns: 1fr 1fr; margin: 38px 0 0; padding-top: 30px; border-top: 1px solid #ffffff24; }
.test-hero__stats > div { display: flex; flex-direction: column; gap: 10px; padding: 0 12px; }
.test-hero__stats > div + div { border-left: 1px solid #ffffff24; }
.test-hero__stats dd { margin: 0; font-size: clamp(2rem, 4.3vw, 3.8rem); line-height: 1.1; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.test-hero__stats dt { color: #aeb8cb; font-size: .78rem; line-height: 1.5; }
.test-hero__dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #8ad6a7; margin-right: 7px; }
.test-hero__scroll { position: absolute; bottom: 30px; color: #afb8c9; text-decoration: none; font-size: .7rem; letter-spacing: .04em; }
.test-hero__scroll span { margin-left: 16px; }
.test-hero__video, .test-hero__outro { position: absolute; inset: 0; z-index: -2; opacity: 0; pointer-events: none; transition: opacity 800ms ease; }
.test-hero__video { overflow: hidden; background: #05070b; }
.test-hero__video iframe { position: absolute; left: 50%; top: 50%; width: max(100%, 177.78vh); height: max(100%, 56.25vw); transform: translate(-50%, -50%); border: 0; }
.test-hero[data-scene="trailer"] .test-hero__video { opacity: 1; }
.test-hero__outro { display: flex; align-items: center; justify-content: center; flex-direction: column; background: #020202; }
.test-hero__outro img { position: relative; width: clamp(150px, 16vw, 230px); height: auto; opacity: 0; filter: none; transition: filter 180ms ease; }
.test-hero[data-scene="outro"] .test-hero__outro img { pointer-events: auto; }
.test-hero__outro img:hover { filter: brightness(0) saturate(100%) invert(48%) sepia(76%) saturate(1840%) hue-rotate(208deg) brightness(102%) contrast(95%) drop-shadow(0 0 14px #5c86f566); }
.test-hero__outro span { display: none; }
.test-hero[data-scene="outro"] .test-hero__outro { opacity: 1; }
.test-hero[data-scene="outro"] .test-hero__outro img { animation: hero-outro-logo 2600ms ease both; }
.test-hero[data-scene="outro"] .test-hero__panel { opacity: 0; transform: translateY(6px); pointer-events: none; }
.test-hero__panel { transition: opacity 600ms ease, transform 600ms ease; }
.test-hero__motion { position: absolute; bottom: 30px; left: 30px; border: 1px solid #ffffff30; border-radius: 8px; padding: 9px 12px; background: #0005; color: #d5deee; font: inherit; font-size: .6rem; cursor: pointer; }
.test-hero__motion:focus-visible { outline: 2px solid #8fb1ff; outline-offset: 4px; }
.test-hero.is-motion-paused .test-hero__track { animation-play-state: paused; }
@keyframes hero-outro-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes hero-outro-logo {
  0% { opacity: 0; }
  28%, 72% { opacity: 1; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .test-hero__panel { transition: none; }
  .test-hero[data-scene="outro"] .test-hero__outro img { animation: none; opacity: 1; }
}
@media (max-width: 700px) { .test-hero__motion { left: 12px; bottom: 68px; } }
@media (prefers-reduced-motion: reduce) { .test-hero__video, .test-hero__outro { transition: none; } .test-hero__outro span { animation: none !important; } }
.careers-panel__badge { display: inline-block; margin: 0 0 24px; padding: 8px 14px; border: 1px solid #7395ff55; border-radius: 999px; background: #4a72ef20; color: #b4c8ff; font-size: .62rem; font-weight: 600; letter-spacing: .16em; }
.careers-panel h1 { display: block; line-height: 1.14; }
html[data-page="careers"] .careers-panel h1 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25em; width: 100%; text-align: center; }
.careers-title-icon { width: .55em; height: .55em; flex-shrink: 0; }
html[data-page="careers"] .careers-panel .careers-panel__status { width: 100%; text-align: center; }
.careers-panel .test-hero__intro { line-height: 1.8; margin: 24px auto 30px; }
.careers-main { min-height: 0; }
.careers-content { width: min(1040px, calc(100% - 40px)); margin: 0 auto; padding: 56px 0; scroll-margin-top: 110px; text-align: center; }
.careers-content h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); margin-bottom: 24px; }
.careers-empty { padding: 32px 24px; border: 1px solid #aab8e1; border-radius: 20px; background: linear-gradient(135deg, #fff, #eef1ff); color: #28306b; }
.careers-empty > span { font-size: 30px; color: #626de0; }
.careers-empty h3 { margin: 10px 0; font-size: 1.15rem; }
.careers-empty p, .careers-lead { font-size: .9rem; line-height: 1.7; color: #66718e; }
.careers-lead { color: #b5bfd4; margin-bottom: 28px; }
.careers-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; text-align: left; }
.careers-benefits article { position: relative; isolation: isolate; overflow: hidden; padding: 26px; border: 1px solid #bbc5e4; border-radius: 20px; background: repeating-linear-gradient(0deg, transparent 0 31px, #5366b608 31px 32px), repeating-linear-gradient(90deg, transparent 0 31px, #5366b608 31px 32px), linear-gradient(135deg, #fff, #f0f3ff); color: #252c67; transition: transform 220ms ease, box-shadow 220ms ease; }
.careers-benefits article:hover { transform: translateY(-4px); box-shadow: 0 12px 32px #6876e328; }
.careers-benefits article > span { display: inline-grid; place-items: center; width: 44px; height: 44px; color: #505bc9; font-size: 34px; margin-bottom: 18px; animation: careers-icon-float 5s ease-in-out infinite; }
.careers-benefits article::after { position: absolute; z-index: -1; right: -10px; bottom: -30px; font-size: 180px; line-height: 1; color: #505bc90c; animation: careers-icon-float 7s ease-in-out infinite; pointer-events: none; }
.careers-benefits article:nth-child(1)::after { content: "◎"; }
.careers-benefits article:nth-child(2)::after { content: "✦"; }
.careers-benefits article:nth-child(3)::after { content: "↗"; }
.careers-benefits article:nth-child(1) > span { animation: careers-team-pulse 3s ease-in-out infinite; }
.careers-benefits article:nth-child(2) > span { animation: careers-creative-twist 5s ease-in-out infinite; }
.careers-benefits article:nth-child(3) > span { animation: careers-growth-rise 3s ease-in-out infinite; }
.careers-benefits article:nth-child(1)::after { animation: careers-team-pulse 6s ease-in-out infinite; }
.careers-benefits article:nth-child(2)::after { animation: careers-creative-twist 10s ease-in-out infinite; }
.careers-benefits article:nth-child(3)::after { animation: careers-growth-rise 6s ease-in-out infinite; }
@keyframes careers-team-pulse { 0%, 100% { transform: scale(1); opacity: .75; } 50% { transform: scale(1.15); opacity: 1; } }
@keyframes careers-creative-twist { 0%, 100% { transform: rotate(-12deg) scale(.95); } 50% { transform: rotate(25deg) scale(1.12); } }
@keyframes careers-growth-rise { 0%, 100% { transform: translate(0, 3px); } 50% { transform: translate(5px, -6px); } }
@keyframes careers-icon-float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-5px) rotate(5deg); } }
.careers-benefits h3 { font-size: 1.1rem; margin-bottom: 12px; }
.careers-benefits p { font-size: .85rem; line-height: 1.7; color: #526080; }
.careers-job-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 32px; text-align: left; border-radius: 14px; border: 1px solid #c2cae4; border-bottom: 4px solid #636fe5; background: linear-gradient(135deg, #fff, #f4f5ff); color: #252c67; }
.careers-job-row__status { font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: #6370ac; }
.careers-job-row h3 { font-size: 1.2rem; margin: 8px 0; }
.careers-job-row p { font-size: .85rem; color: #626d89; margin: 0; }
.careers-job-row__soon { flex-shrink: 0; padding: 12px 22px; border-radius: 10px; background: #e7eafe; color: #505bc9; font-size: .8rem; font-weight: 600; }
@media (max-width: 600px) { .careers-job-row { align-items: flex-start; flex-direction: column; padding: 22px; } }
@media (prefers-reduced-motion: reduce) { .careers-benefits article:nth-child(n) > span, .careers-benefits article:nth-child(n)::after { animation: none; } .careers-benefits article { transition: none; } .careers-benefits article:hover { transform: none; } }
@media (max-width: 700px) { .careers-benefits { grid-template-columns: 1fr; } }
html[data-home-variant="test"] .partners { padding-top: 0; padding-bottom: 32px; border-top: 0; }
html[data-home-variant="test"] .partners .section-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
}
.test-hero__socials {
  position: absolute;
  bottom: 24px;
  right: clamp(24px, 4vw, 64px);
  display: flex;
  align-items: center;
  gap: 18px;
}
.test-hero__socials .social-link {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #fff;
  opacity: 1;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .8));
  transition: color 180ms ease, transform 180ms ease, filter 180ms ease;
}
.test-hero__socials .social-link .social-link__icon { width: 30px; height: 30px; }
.test-hero__socials .social-link:hover {
  color: #a8c4ff;
  background: transparent;
  box-shadow: none;
  transform: translateY(-3px);
  filter: drop-shadow(0 0 9px rgba(111, 154, 255, .65));
}
.test-hero__socials .social-link:focus-visible { outline: 2px solid #a8c4ff; outline-offset: 2px; }

html[data-home-variant="test"] .partners {
  width: 100%;
  padding: 24px 0 36px;
  background: #020202;
}
html[data-home-variant="test"] .partners::before {
  content: "FEATURED PARTNERS";
  display: block;
  margin-bottom: 22px;
  text-align: center;
  font-size: .58rem;
  font-weight: 600;
  letter-spacing: .22em;
  color: #9da8bd;
}
html[data-home-variant="test"] .partner-marquee { border-color: #ffffff12; }
html[data-home-variant="test"] .partner-marquee__mask {
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
html[data-home-variant="test"] .partner-logo {
  width: clamp(155px, 13vw, 205px);
  height: 108px;
  padding: 22px 28px;
  border-right-color: #ffffff0c;
  text-decoration: none;
  transition: background 200ms ease;
}
html[data-home-variant="test"] .partner-logo img {
  max-width: 140px;
  width: auto;
  height: 46px;
  opacity: .82;
  filter: grayscale(1) brightness(2.8);
}
html[data-home-variant="test"] .partner-logo--rolive { gap: 10px; font-size: .95rem; }
html[data-home-variant="test"] .partner-logo--rolive img { width: 42px; height: 42px; }
html[data-home-variant="test"] a.partner-logo:hover { background: #ffffff06; }
html[data-home-variant="test"] .partner-logo:hover img,
html[data-home-variant="test"] a.partner-logo:focus-visible img { opacity: 1; filter: none; }
.test-studio-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 36px 0 0;
  border: 1px solid #d5d5d2;
  border-radius: 26px;
  overflow: hidden;
  background: #f1f1ee;
  color: #090a0c;
}
.test-studio-stats > div {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 20px;
  min-height: 230px;
  padding: 40px 18px;
  text-align: center;
}
.test-studio-stats > div + div { border-left: 1px solid #d5d5d2; }
.test-studio-stats dd { margin: 0; font-size: clamp(2.6rem, 5vw, 5.5rem); line-height: 1; letter-spacing: -.065em; }
.test-studio-stats dt { color: #626771; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .065em; }
html[data-home-variant="test"] .top-hits-grid {
  max-width: 1060px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 5vw, 64px);
  align-items: stretch;
}
html[data-home-variant="test"] .top-hit-card {
  width: 100%;
  max-width: 300px;
  justify-self: center;
  padding: 8px;
  text-align: center;
}
html[data-home-variant="test"] .top-hit-card__media { width: 100%; border-radius: 22px; }
html[data-home-variant="test"] .top-hit-card__body { padding-top: 22px; }
html[data-home-variant="test"] .top-hit-card h3 {
  display: grid;
  place-items: center;
  min-height: 2.5em;
  margin: 0 0 16px;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  line-height: 1.25;
}
html[data-home-variant="test"] .top-hit-card__actions {
  flex-direction: column;
  justify-content: flex-start;
  gap: 18px;
  padding-top: 0;
}
html[data-home-variant="test"] .top-hit-card .game-metric {
  min-height: 36px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #ffffff08;
  border-color: #ffffff17;
  font-size: .72rem;
}
html[data-home-variant="test"] .top-hit-card .button--small {
  min-height: 44px;
  min-width: 132px;
  padding: 0 22px;
  border-radius: 12px;
  font-size: .75rem;
}
html[data-home-variant="test"] .top-hit-card:last-child { grid-column: auto; }
@media (max-width: 700px) {
  html[data-home-variant="test"] .top-hits-grid { grid-template-columns: 1fr; gap: 34px; }
  html[data-home-variant="test"] .top-hit-card { max-width: 300px; }
}
html[data-home-variant="test"] .partners { padding: 12px 0 0; }
html[data-home-variant="test"] .partners::before { margin-bottom: 10px; font-size: .52rem; }
html[data-home-variant="test"] .partner-logo { height: 72px; width: clamp(135px, 12vw, 180px); padding: 14px 24px; }
html[data-home-variant="test"] .partner-logo img { height: 34px; max-width: 120px; }
html[data-home-variant="test"] .partner-logo--rolive img { width: 34px; height: 34px; }
.test-partner-socials { display: flex; justify-content: center; align-items: center; gap: 16px; padding: 8px 20px 12px; background: #020202; }
.test-partner-socials .social-link { width: 40px; height: 40px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #fff; }
.test-partner-socials .social-link .social-link__icon { width: 25px; height: 25px; }
.test-partner-socials .social-link:hover { color: #a8c4ff; background: transparent; box-shadow: none; transform: translateY(-2px); }
.test-partner-socials .social-link:focus-visible { outline: 2px solid #a8c4ff; outline-offset: 2px; }
.test-partner-socials .social-link { transition: color 180ms ease, transform 180ms ease, filter 180ms ease; }
.test-partner-socials .social-link--x:hover,
.test-partner-socials .social-link--x:focus-visible { color: #8fb1ff; filter: drop-shadow(0 0 8px #8fb1ff55); }
html[data-home-variant="test"] .social-link--twitch:hover,
html[data-home-variant="test"] .social-link--twitch:focus-visible { color: #a970ff; filter: drop-shadow(0 0 7px #9146ffcc) drop-shadow(0 0 18px #9146ff77); transform: translateY(-3px); }
.test-partner-socials .social-link--discord:hover,
.test-partner-socials .social-link--discord:focus-visible { color: #5865f2; filter: drop-shadow(0 0 8px #5865f266); }
.test-partner-socials .social-link--instagram:hover,
.test-partner-socials .social-link--instagram:focus-visible { color: #e668a2; filter: drop-shadow(0 0 8px #e668a255); }
@media (min-width: 901px) and (min-height: 650px) {
  .test-hero { min-height: calc(100svh - 175px); padding: 105px 24px 32px; }
  .test-hero__panel { padding: 24px 32px; }
  .test-hero__intro { margin: 14px auto 20px; }
  .test-hero__stats { margin-top: 20px; padding-top: 20px; }
}
@media (max-width: 600px) {
  .test-studio-stats { grid-template-columns: 1fr; border-radius: 20px; }
  .test-studio-stats > div { min-height: 170px; gap: 16px; padding: 30px 20px; }
  .test-studio-stats > div + div { border-left: 0; border-top: 1px solid #d5d5d2; }
  .test-studio-stats dd { font-size: 3.6rem; }
}
@media (max-width: 700px) {
  .test-hero__socials { right: auto; left: 50%; bottom: 12px; transform: translateX(-50%); }
  .test-hero__scroll { display: none; }
}
@keyframes test-thumbnail-drift { to { transform: translateX(calc(-50% - 9px)); } }
@media (max-width: 600px) { .test-hero { min-height: 100svh; padding: 110px 16px 75px; } .test-hero__panel { border-radius: 22px; padding: 30px 18px; } .test-hero__stats { gap: 22px; grid-template-columns: 1fr; margin-top: 26px; padding-top: 24px; } .test-hero__stats > div + div { border: 0; } .test-hero .hero__actions { flex-direction: column; } .test-hero__stats dd { font-size: 2.6rem; } }
@media (prefers-reduced-motion: reduce) { .test-hero__track { animation: none; } }

/* Keep the complete hero visible at normal browser zoom. */
.test-stat-digit--increased { animation: test-stat-growth 2400ms ease-out both; }
@keyframes test-stat-growth {
  0%, 45% { color: #6b83f5; text-shadow: 0 0 12px rgba(92, 134, 245, .75), 0 0 30px rgba(70, 98, 232, .5); }
  100% { color: inherit; text-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .test-stat-digit--increased { animation: none; }
}
.test-hero {
  box-sizing: border-box;
  min-height: 100svh;
  padding: 115px 24px 70px;
}
.test-hero__backdrop { opacity: 1; grid-template-rows: repeat(3, 1fr); }
.test-hero__track { animation-duration: 28s; }
.test-hero__track:nth-child(2) { animation-duration: 36s; }
.test-hero__track:nth-child(3) { animation-duration: 32s; }
.test-hero__track img { filter: brightness(1.12) saturate(1.08); }
.test-hero::after { background: linear-gradient(180deg, #04071320, #04071318 65%, #020202), linear-gradient(90deg, #04071325, transparent, #04071325); }
.test-hero__panel {
  width: min(820px, 100%);
  padding: clamp(24px, 3.5vh, 40px);
  border-radius: 18px;
  background: rgba(0, 0, 0, .28);
  backdrop-filter: blur(2px);
}
.test-hero__eyebrow { font-size: .6rem; margin: 0 0 18px; letter-spacing: .14em; }
.test-hero h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: clamp(1.8rem, 4vw, 3.8rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.05em;
}
.test-hero__brand-icon { width: clamp(36px, 4.5vw, 64px); height: auto; object-fit: contain; }
.test-hero__intro { margin: 18px auto 24px; font-size: .95rem; max-width: none; }
.test-hero .hero__actions { display: grid; grid-template-columns: 1fr 1fr; max-width: 600px; margin: 0 auto; }
.test-hero .button { min-height: 50px; font-size: .8rem; border-radius: 10px; }
.test-hero .button--light {
  background: linear-gradient(120deg, #5c86f5, #4662e8);
  color: #fff;
  border-color: #7395ff;
  box-shadow: 0 10px 30px rgba(70, 98, 232, .48), 0 0 45px rgba(83, 120, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .18);
  font-weight: 600;
  transition: box-shadow 200ms ease, transform 200ms ease, background 200ms ease;
}
.test-hero .button--light:hover,
.test-hero .button--light:focus-visible {
  background: linear-gradient(120deg, #6b93ff, #5271f7);
  box-shadow: 0 12px 36px rgba(70, 98, 232, .62), 0 0 55px rgba(83, 120, 255, .34);
}
.test-hero .button:not(.button--light) { background: #fafbff; color: #111622; }
.test-hero__stats { margin: 26px 0 0; padding-top: 24px; gap: 16px; }
.test-hero__stats dd { font-size: clamp(1.8rem, 3.4vw, 3rem); font-weight: 600; }
.test-hero__stats dt { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: .7rem; }
.test-hero__stat-icon { width: 22px; height: 22px; flex: 0 0 22px; color: #aeb8cb; }
.test-hero__stats dd {
  transform-origin: center;
  transition: transform 220ms ease, text-shadow 220ms ease;
}
@media (hover: hover) and (pointer: fine) {
  .test-hero__stats dd:hover {
    transform: translateY(-4px) scale(1.055);
    text-shadow: 0 8px 30px rgba(133, 165, 255, .35);
  }
}
.test-hero__stats > div + div { border: 0; }
@media (max-height: 720px) and (min-width: 601px) {
  .test-hero { padding-top: 100px; padding-bottom: 55px; }
  .test-hero__panel { padding: 24px 32px; }
  .test-hero h1 { font-size: 2.8rem; }
  .test-hero__eyebrow { margin-bottom: 12px; }
  .test-hero__intro { margin: 12px auto 18px; }
  .test-hero__stats { margin-top: 20px; padding-top: 18px; }
}
@media (max-width: 600px) {
  .test-hero { padding: 105px 16px 65px; }
  .test-hero__panel { padding: 26px 18px; }
  .test-hero h1 { gap: 10px; font-size: clamp(1.5rem, 6vw, 2.4rem); }
  .test-hero__brand-icon { width: 34px; }
  .test-hero__eyebrow { font-size: .48rem; }
  .test-hero__intro { font-size: .78rem; line-height: 1.5; }
  .test-hero .hero__actions { grid-template-columns: 1fr; gap: 10px; }
  .test-hero__stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .test-hero__stats dd { font-size: clamp(1.5rem, 7vw, 2.3rem); }
  .test-hero__stats dt { font-size: .58rem; }
}
@media (prefers-reduced-motion: reduce) {
  .test-hero__track { animation: none; }
  .test-hero__stats dd { transition: none; }
  .test-hero__stats dd:hover { transform: none; }
}

/* Compact desktop opening: hero, partners, then social links. */
.test-about__story-icon { display: block; width: 52px; height: 52px; margin: 0 auto 18px; color: #505bc9; animation: about-team-float 5s ease-in-out infinite; }
.test-about__story-icon circle { transform-box: fill-box; transform-origin: center; animation: service-member-pulse 4s ease-in-out infinite; }
html[data-home-variant="test"] #studio .test-about__story { position: relative; isolation: isolate; overflow: hidden; }
.test-about__story-backdrop { position: absolute; right: -24px; bottom: -40px; width: clamp(180px, 32vw, 300px); height: auto; z-index: -1; pointer-events: none; color: #505bc9; opacity: .055; animation: about-team-float 7s ease-in-out infinite; }
.social-link__icon { transform-origin: center; }
html[data-home-variant="test"] .top-hit-card__media .licensed-badge { position: absolute; width: auto; height: auto; max-width: calc(100% - 20px); }
html[data-home-variant="test"] .top-hit-card__media .licensed-badge svg { display: block; width: 16px; height: 16px; flex: 0 0 16px; }
@media (prefers-reduced-motion: reduce) { .test-about__story-backdrop { animation: none; } }
.test-about__story-icon circle:nth-child(2) { animation-delay: -.8s; }
.test-about__story-icon circle:nth-child(3) { animation-delay: -1.6s; }
.test-service__icon--0 svg { animation: service-member-pulse 4s ease-in-out infinite; }
.test-service__icon--1 svg { animation: service-handshake-rock 4.5s ease-in-out infinite; }
.test-service__icon--2 svg { animation: service-arrow-rise 3.5s ease-in-out infinite; }
.test-service__icon--3 svg { animation: service-gear-spin 18s linear infinite; }
html[data-home-variant="test"] #contact .contact-handshake { width: fit-content; transform-origin: center; animation: service-handshake-rock 4.5s ease-in-out infinite; }
@keyframes service-member-pulse { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.09); } }
@keyframes service-handshake-rock { 0%, 60%, 100% { transform: rotate(0); } 68% { transform: rotate(-10deg); } 76% { transform: rotate(8deg); } 84% { transform: rotate(-6deg); } 92% { transform: rotate(3deg); } }
.brand img, .footer-brand img, .test-hero__brand-icon, .test-loading-logo img, .test-hero__outro img { transform-origin: center; }
.games-locked { padding-top: 170px; min-height: 65svh; }
@media (prefers-reduced-motion: reduce) { .brand:hover img, .footer-brand:hover img, .test-hero__brand-icon:hover, .test-loading-logo:hover img, .test-hero__outro img:hover { animation: none; } }
@keyframes service-arrow-rise { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(4px, -4px); } }
@keyframes service-gear-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .test-about__story-icon circle, .test-service__icon svg, html[data-home-variant="test"] #contact .contact-handshake { animation: none; }
}
@keyframes about-team-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .test-about__story-icon { animation: none; } }
html[data-home-variant="test"] body section#contact.contact {
  background: repeating-linear-gradient(0deg, transparent 0 31px, #5366b608 31px 32px), repeating-linear-gradient(90deg, transparent 0 31px, #5366b608 31px 32px), linear-gradient(135deg, #ffffff, #f0f3ff);
  border-color: #bbc5e4; color: #252c67;
}
html[data-home-variant="test"] body #contact h2,
html[data-home-variant="test"] body #contact .form-field label { color: #252c67; }
html[data-home-variant="test"] body #contact .contact__intro p,
html[data-home-variant="test"] body #contact .confirm-check,
html[data-home-variant="test"] body #contact .alternate-contact,
html[data-home-variant="test"] body #contact .field-counter { color: #526080; }
html[data-home-variant="test"] body #contact .field-help,
html[data-home-variant="test"] body #contact .contact-form { color: #526080; }
html[data-home-variant="test"] body #contact #contact-relationship { color-scheme: light; }
html[data-home-variant="test"] body #contact #contact-relationship option { background: #fff; color: #252c67; }
html[data-home-variant="test"] body #contact .field-error,
html[data-home-variant="test"] body #contact .form-status.is-error { color: #aa2445; }
html[data-home-variant="test"] body #contact .form-status.is-success { color: #217045; }
html[data-home-variant="test"] body #contact .alternate-contact a:hover { color: #28358a; }
html[data-home-variant="test"] body #contact .alternate-contact a { color: #4653b4; }
html[data-home-variant="test"] body #contact input:not([type="checkbox"]),
html[data-home-variant="test"] body #contact select,
html[data-home-variant="test"] body #contact textarea { background: #ffffffcc; color: #252c67; border-color: #b9c4e0; }
html[data-home-variant="test"] body #contact select option { background: #fff; color: #252c67; }
html[data-home-variant="test"] body #contact input::placeholder,
html[data-home-variant="test"] body #contact textarea::placeholder { color: #727b98; opacity: 1; }
html[data-home-variant="test"] body #contact .form-submit[hidden] { display: none; }
html[data-home-variant="test"] #contact .contact-privacy,
html[data-home-variant="test"] #contact .contact-privacy-details { grid-column: 1 / -1; font-size: .7rem; line-height: 1.65; color: #526080; }
html[data-home-variant="test"] #contact .contact-privacy a { color: #4653b4; text-decoration: underline; }
html[data-home-variant="test"] #contact .contact-privacy-details summary { cursor: pointer; color: #4653b4; }
html[data-home-variant="test"] #contact .contact-privacy-details { font-size: .65rem; line-height: 1.5; }
html[data-home-variant="test"] #contact .contact-privacy-details p { margin: 6px 0 0; font-size: inherit; line-height: inherit; }
.number-reel__track { display: flex; flex-direction: column; line-height: 1.12; }
.number-reel__track > span { display: block; height: 1.12em; flex: 0 0 1.12em; }
html[data-home-variant="test"] #studio .test-about__story {
  border-color: #c9d3ee;
  background: repeating-linear-gradient(0deg, transparent 0 23px, #344a9b07 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, #344a9b07 23px 24px), linear-gradient(135deg, #ffffff, #f2f5ff);
  box-shadow: inset 0 1px 0 #fff, 0 8px 28px #0002;
}
html[data-home-variant="test"] #studio .test-about__story > p { color: #3f4c72; }
html[data-home-variant="test"] #acquisitions .test-service {
  border: 1px solid #c9d3ee;
  background:
    repeating-linear-gradient(0deg, transparent 0 23px, #344a9b07 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, #344a9b07 23px 24px),
    linear-gradient(135deg, #ffffff, #f2f5ff);
  box-shadow: inset 0 1px 0 #fff, 0 8px 28px #0002;
  color: #192967;
}
html[data-home-variant="test"] #acquisitions .test-service h3 { color: #192967; }
html[data-home-variant="test"] #acquisitions .test-service p { color: #3f4c72; }
html[data-home-variant="test"] #acquisitions .test-service .test-service__icon {
  color: #2e48b7;
  background: transparent;
  border: 0;
  border-radius: 0;
}
html[data-home-variant="test"] #acquisitions .test-service__icon svg { width: 30px; height: 30px; }
html[data-home-variant="test"] #acquisitions .test-service__backdrop { color: #3554b3; opacity: .055; }
@media (hover: hover) { html[data-home-variant="test"] #acquisitions .test-service:hover { border-color: #819cf4; box-shadow: 0 10px 30px #5279ee22; } }
.number-reel { display: inline-block; position: relative; height: 1.12em; line-height: 1.12; overflow: hidden; vertical-align: bottom; font-variant-numeric: tabular-nums; }
.number-reel__new { display: block; }
.number-reel__old { position: absolute; inset: 0; display: block; }
.number-reel--up .number-reel__old { animation: reel-old-up 150ms cubic-bezier(.2,.7,.3,1) both; }
.number-reel--up .number-reel__new { animation: reel-new-up 150ms cubic-bezier(.2,.7,.3,1) both; }
.number-reel--down .number-reel__old { animation: reel-old-down 150ms cubic-bezier(.2,.7,.3,1) both; }
.number-reel--down .number-reel__new { animation: reel-new-down 150ms cubic-bezier(.2,.7,.3,1) both; }
@keyframes reel-old-up { to { transform: translateY(-100%); opacity: .2; } }
@keyframes reel-new-up { from { transform: translateY(100%); opacity: .2; } to { transform: translateY(0); opacity: 1; } }
@keyframes reel-old-down { to { transform: translateY(100%); opacity: .2; } }
@keyframes reel-new-down { from { transform: translateY(-100%); opacity: .2; } to { transform: translateY(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .number-reel__old { display: none; } .number-reel .number-reel__new { animation: none; } }
html[data-home-variant="test"] #studio .test-about__story { width: min(820px, 100%); align-self: center; padding: 26px 30px; border-radius: 18px; }
html[data-home-variant="test"] #studio .test-about__story > p { max-width: 690px; font-size: .88rem; line-height: 1.75; margin-bottom: 18px; }
html[data-home-variant="test"] #studio .test-about__team { min-height: 40px; padding: 0 18px; font-size: .72rem; }
#acquisitions .test-service { isolation: isolate; }
.test-service__backdrop { position: absolute; right: -18px; bottom: -24px; width: 150px; height: 150px; color: #8aacff; opacity: .075; pointer-events: none; z-index: -1; transform-origin: center; }
.test-service--0 .test-service__backdrop { animation: service-cart-float 7s ease-in-out infinite; }
.test-service--1 .test-service__backdrop { animation: service-partner-pulse 8s ease-in-out infinite; }
.test-service--2 .test-service__backdrop { animation: service-chart-turn 18s ease-in-out infinite; }
.test-service--3 .test-service__backdrop { animation: service-growth-rise 7s ease-in-out infinite; }
@keyframes service-cart-float { 0%, 100% { transform: translateX(0) rotate(-4deg); } 50% { transform: translateX(-10px) rotate(2deg); } }
@keyframes service-partner-pulse { 0%, 100% { transform: scale(.96); opacity: .065; } 50% { transform: scale(1.05); opacity: .12; } }
@keyframes service-chart-turn { 0%, 100% { transform: rotate(-10deg); } 50% { transform: rotate(12deg); } }
@keyframes service-growth-rise { 0%, 100% { transform: translate(-3px, 4px); opacity: .07; } 50% { transform: translate(4px, -8px); opacity: .12; } }
@media (prefers-reduced-motion: reduce) { .test-service .test-service__backdrop { animation: none; } }
html[data-home-variant="test"] #studio.test-about--story,
html[data-home-variant="test"] #acquisitions.test-about--services {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 28px;
  max-width: 1080px;
  padding-top: 48px;
  padding-bottom: 40px;
}
html[data-home-variant="test"] #acquisitions { background: radial-gradient(ellipse at 50% 55%, #354eba20, transparent 75%); }
.test-about__rule { display: none; }
.test-about--services .test-about__heading > p:last-child { margin-top: 22px; }
.test-about__story { text-align: center; padding: clamp(26px, 4vw, 44px); border: 1px solid #859bd333; border-radius: 20px; background: radial-gradient(ellipse at 100% 0, #4a72ef15, transparent 70%), linear-gradient(145deg, #111725, #0b0f19); }
.test-about__story > p { max-width: 790px; margin: 0 auto 24px; color: #c1cadc; font-size: clamp(.9rem, 1.5vw, 1.1rem); line-height: 1.85; }
.test-about--story .test-about__team { background: linear-gradient(120deg, #5c86f5, #4662e8); color: #fff; border: 1px solid #8aa7ff66; box-shadow: 0 8px 28px #4662e840; gap: 18px; min-height: 46px; padding: 0 22px; }
.test-about--story .test-about__team:hover { box-shadow: 0 8px 34px #4662e870; }
#acquisitions .test-service { display: flex; gap: 20px; padding: 26px; align-items: flex-start; }
#acquisitions .test-service__icon { flex: 0 0 44px; width: 44px; height: 44px; }
#acquisitions .test-service__copy { min-width: 0; }
#acquisitions .test-service h3 { margin: 2px 0 12px; font-size: 1.05rem; }
#acquisitions .test-service__icon--0 { background: linear-gradient(135deg, #5c86f533, #4662e822); }
#acquisitions .test-service__icon--1 { background: linear-gradient(135deg, #508ed833, #4f91a822); color: #96c7ff; }
#acquisitions .test-service__icon--2 { background: linear-gradient(135deg, #8e62e833, #4662e822); color: #c0acff; }
#acquisitions .test-service__icon--3 { background: linear-gradient(135deg, #5c86f533, #5d73bb22); color: #abc4ff; }
@media (max-width: 600px) { #acquisitions .test-service { gap: 14px; padding: 22px; } }
html[data-home-variant="test"] #studio.test-about--services {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 28px;
  max-width: 1080px;
  padding-top: 52px;
  padding-bottom: 52px;
  background: radial-gradient(ellipse at 50% 50%, #354eba1a, transparent 75%);
}
.test-about__heading { text-align: center; }
.test-about__heading h2 { font-size: clamp(2rem, 3.5vw, 3.2rem); margin-bottom: 16px; }
.test-about__heading > p:last-child { margin: 0 auto; max-width: 600px; color: #b3bdd1; font-size: .85rem; line-height: 1.7; }
.test-about__services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.test-service { position: relative; overflow: hidden; padding: 26px; border: 1px solid #869bd333; border-radius: 18px; background: radial-gradient(ellipse at 100% 0, #4a72ef14, transparent 60%), linear-gradient(145deg, #101625, #090d16); transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease; }
.test-service__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.test-service__icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #7395ff44; border-radius: 12px; background: linear-gradient(135deg, #5c86f522, #4662e822); color: #9bbaff; }
.test-service__icon svg { width: 23px; height: 23px; }
.test-service__index { color: #7383a8; font-size: .58rem; letter-spacing: .12em; }
.test-service h3 { font-size: 1.12rem; font-weight: 600; line-height: 1.3; margin: 0 0 12px; }
.test-service p { margin: 0; max-width: 380px; color: #aeb8cb; font-size: .78rem; line-height: 1.75; }
.test-about--services .test-about__cta { align-self: center; margin-top: 2px; }
@media (hover: hover) { .test-service:hover { transform: translateY(-3px); border-color: #7c9cff88; box-shadow: 0 10px 30px #4662e81c; } }
@media (max-width: 600px) { .test-about__services { grid-template-columns: 1fr; } .test-service { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { .test-service { transition: none; } .test-service:hover { transform: none; } }
.test-opening .test-hero__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.test-opening .test-hero__stats > div { min-width: 0; padding: 0 4px; }
.test-opening .test-hero__stats dd { font-size: clamp(1.4rem, 2.7vw, 2.5rem); }
.test-opening .test-hero__stats dt { font-size: .58rem; line-height: 1.45; }
.test-opening .test-hero__stats dt a { color: #b8c9eb; text-decoration: none; }
.test-opening .test-hero__stats dt a:hover { color: #fff; text-decoration: underline; }
.test-about { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-top: 54px; padding-bottom: 54px; }
.test-about__eyebrow { color: #8faeff; font-size: .58rem; letter-spacing: .15em; margin-bottom: 16px; }
.test-about h2 { font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.1; }
.test-about > div > p:not(.test-about__eyebrow) { color: #aeb8cb; font-size: .85rem; line-height: 1.8; margin-bottom: 22px; }
.test-about .button { min-height: 42px; font-size: .72rem; border-radius: 10px; gap: 20px; }
@media (max-width: 700px) { .test-about { grid-template-columns: 1fr; gap: 22px; } .test-opening .test-hero__stats { grid-template-columns: 1fr 1fr; } .test-opening .test-hero__stats > div:last-child { grid-column: 1 / -1; } }
.test-studio-stats .test-studio-stat dd { transition: transform 220ms ease, text-shadow 220ms ease; transform-origin: left center; }
@media (hover: hover) and (pointer: fine) {
  .test-studio-stats .test-studio-stat dd:hover { transform: translateY(-4px) scale(1.055); text-shadow: 0 8px 30px rgba(133, 165, 255, .35); }
}
@media (prefers-reduced-motion: reduce) { .test-studio-stats .test-studio-stat dd { transition: none; } .test-studio-stats .test-studio-stat dd:hover { transform: none; } }
html[data-home-variant="test"] section#trailers {
  background: radial-gradient(ellipse at 50% 48%, rgba(70, 83, 210, .32) 0%, rgba(31, 42, 112, .23) 36%, transparent 74%), linear-gradient(180deg, #070914, #020202 95%);
}
html[data-home-variant="test"] section#contact {
  width: min(620px, calc(100% - 32px));
  margin: 28px auto 40px;
  padding: 22px;
  border-color: #86a4ef66;
  background: radial-gradient(ellipse at 15% 0, #476ce940, transparent 60%), linear-gradient(145deg, #141f3a, #0a1020 85%);
  box-shadow: 0 0 40px #4662e814, inset 0 1px 0 #ffffff08;
}
html[data-home-variant="test"] section#contact .contact-handshake { font-size: 1.5rem; margin-bottom: 8px; }
html[data-home-variant="test"] section#contact h2 { font-size: clamp(1.5rem, 2.2vw, 1.85rem); margin-bottom: 8px; }
html[data-home-variant="test"] section#contact .contact__intro { margin-bottom: 16px; }
html[data-home-variant="test"] section#contact .contact__intro p { font-size: .78rem; }
html[data-home-variant="test"] section#contact .contact-form { gap: 10px 14px; }
html[data-home-variant="test"] section#contact .form-field { gap: 6px; align-content: start; }
html[data-home-variant="test"] section#contact .form-field input:not([type="checkbox"]),
html[data-home-variant="test"] section#contact .contact-form select { min-height: 38px; padding: 8px 10px; font-size: .72rem; }
html[data-home-variant="test"] section#contact textarea { min-height: 74px; height: 80px; }
html[data-home-variant="test"] section#contact .contact-form #contact-relationship { min-height: 38px; padding: 8px 10px; font-size: .72rem; }
html[data-home-variant="test"] section#contact .field-error:empty { display: none; }
html[data-home-variant="test"] #contact .form-field label[for="contact-relationship"] { text-align: left; }
html[data-home-variant="test"] #contact .contact-form #contact-relationship {
  text-align: left;
  text-align-last: left;
  font-family: inherit;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4;
  min-height: 48px;
  color-scheme: dark;
}
html[data-home-variant="test"] #contact #contact-relationship option { background: #0e1423; color: #eef3ff; font-family: inherit; font-size: .82rem; }
html[data-home-variant="test"] #contact .form-field input:not([type="checkbox"]) { min-height: 48px; }
html[data-home-variant="test"] #experiences .game-metric strong { color: #8aafff; }
html[data-home-variant="test"] #experiences .game-metric { color: #aeb8cb; background: #7a91ca16; }
.contact-handshake { display: block; margin: 0 auto 16px; font-size: 2.4rem; line-height: 1.2; }
html[data-home-variant="test"] #contact .form-field:has(#contact-relationship) { align-content: start; }
html[data-home-variant="test"] #contact label[for="contact-relationship"] { text-align: center; }
html[data-home-variant="test"] #contact #contact-relationship {
  margin-top: 0;
  text-align: center;
  text-align-last: center;
}
html[data-home-variant="test"] #contact {
  color: #eef3ff;
  background: radial-gradient(ellipse at 15% 0, #476ce933, transparent 58%), linear-gradient(145deg, #131c35, #080d19 80%);
  border-color: #86a4ef45;
  box-shadow: inset 0 1px 0 #ffffff08, 0 20px 70px #0004;
}
html[data-home-variant="test"] #contact .contact__intro { position: static; top: auto; }
html[data-home-variant="test"] #contact .contact-form { color: #eef3ff; }
html[data-home-variant="test"] #contact .form-field label,
html[data-home-variant="test"] #contact .confirm-check { color: #e0e7f6; }
html[data-home-variant="test"] #contact .alternate-contact a { color: #a9c2ff; text-decoration-color: #a9c2ff66; text-underline-offset: 4px; }
html[data-home-variant="test"] #contact .alternate-contact a:hover { color: #fff; }
html[data-home-variant="test"] #contact .field-help { color: #9facbf; }
html[data-home-variant="test"] #contact .field-error,
html[data-home-variant="test"] #contact .form-status.is-error { color: #ff9caa; }
html[data-home-variant="test"] #contact .form-status.is-success { color: #92e5b6; }
.test-stat-accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
html[data-home-variant="test"] #loading-screen { transition: opacity 650ms ease, visibility 650ms; }
.test-loading-logo { display: block; position: relative; width: 150px; animation: test-loader-reveal 1800ms ease both; }
.test-loading-logo img { display: block; width: 100%; transition: opacity 180ms ease; }
.test-loading-logo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, #5c86f5, #4662e8); mask: url('/assets/enemy-logo2.png') center / contain no-repeat; opacity: 0; transition: opacity 180ms ease; }
.test-loading-logo:hover img { opacity: 0; }
.test-loading-logo:hover::after { opacity: 1; filter: drop-shadow(0 0 10px #5c86f577); }
@keyframes test-loader-reveal { 0% { opacity: 0; transform: translateY(4px); } 25%, 75% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(0); } }
html[data-home-variant="test"] .footer-links { gap: 20px; }
html[data-home-variant="test"] .footer-links a { font-size: .75rem; }
html[data-home-variant="test"] .footer-socials .social-link { border: 0; background: transparent; box-shadow: none; width: 40px; height: 40px; }
html[data-home-variant="test"] .footer-socials .social-link--discord:hover { color: #7883ff; filter: drop-shadow(0 0 8px #5865f288); }
html[data-home-variant="test"] .footer-socials .social-link--instagram:hover { color: #f27ab5; filter: drop-shadow(0 0 8px #e1306c88); }
@media (prefers-reduced-motion: reduce) { .test-loading-logo { animation: none; } html[data-home-variant="test"] #loading-screen { transition: none; } }
html[data-home-variant="test"] #contact {
  display: block;
  width: min(840px, calc(100% - 40px));
  margin: 48px auto 64px;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid #89a7ff38;
  border-radius: 24px;
  background: radial-gradient(ellipse at 0 0, #4166e52b, transparent 70%), linear-gradient(145deg, #111a32, #090d17);
  box-shadow: 0 20px 70px #0003;
}
html[data-home-variant="test"] #contact .contact__intro { max-width: none; margin: 0 0 26px; text-align: center; }
html[data-home-variant="test"] #contact h2 { font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.15; margin: 0 0 12px; }
html[data-home-variant="test"] #contact .contact__intro p { max-width: none; margin: 0; color: #b6c2da; font-size: .85rem; }
html[data-home-variant="test"] #contact .contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 0; border: 0; background: transparent; box-shadow: none; }
html[data-home-variant="test"] #contact .form-field { min-width: 0; margin: 0; }
html[data-home-variant="test"] #contact .form-field:has(textarea),
html[data-home-variant="test"] #contact .confirm-check,
html[data-home-variant="test"] #contact .form-submit,
html[data-home-variant="test"] #contact .form-status,
html[data-home-variant="test"] #contact .alternate-contact { grid-column: 1 / -1; }
html[data-home-variant="test"] #contact label { font-size: .72rem; }
html[data-home-variant="test"] #contact input:not([type="checkbox"]),
html[data-home-variant="test"] #contact select,
html[data-home-variant="test"] #contact textarea { background: #070b15b3; border: 1px solid #9ab2df30; border-radius: 10px; color: #f4f6fc; padding: 12px 14px; font-size: .82rem; }
html[data-home-variant="test"] #contact input:focus,
html[data-home-variant="test"] #contact select:focus,
html[data-home-variant="test"] #contact textarea:focus { border-color: #89a6ff; }
html[data-home-variant="test"] #contact textarea { min-height: 100px; }
html[data-home-variant="test"] #contact .form-submit { min-height: 46px; margin: 0; background: linear-gradient(120deg, #5c86f5, #4662e8); border-radius: 10px; box-shadow: 0 7px 24px #4662e838; }
html[data-home-variant="test"] #contact .alternate-contact { margin: 0; text-align: center; font-size: .7rem; color: #acb8ce; }
html[data-home-variant="test"] #contact .confirm-check { margin: 0; font-size: .68rem; }
@media (max-width: 600px) { html[data-home-variant="test"] #contact .contact-form { grid-template-columns: 1fr; } }
html[data-home-variant="test"] #trailers,
html[data-home-variant="test"] #articles { padding-top: 50px; padding-bottom: 50px; }
html[data-home-variant="test"] #trailers .section-heading,
html[data-home-variant="test"] #articles .section-heading {
  max-width: 980px;
  margin: 0 auto 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
html[data-home-variant="test"] #trailers h2,
html[data-home-variant="test"] #articles h2 { font-size: clamp(2rem, 3.5vw, 3.2rem); line-height: 1.1; }
html[data-home-variant="test"] #trailers .section-heading__note,
html[data-home-variant="test"] #articles .section-heading__note { font-size: .78rem; max-width: 500px; }
html[data-home-variant="test"] #trailers { background: radial-gradient(ellipse at 50% 45%, #334b9b20, transparent 70%), #030406; }
html[data-home-variant="test"] #trailers .trailer-grid { max-width: 980px; gap: 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
html[data-home-variant="test"] #trailers .trailer-card {
  padding: 0;
  border: 1px solid #8b9bb42b;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(145deg, #101522, #090c13);
}
html[data-home-variant="test"] #trailers .trailer-card__media { border-radius: 0; box-shadow: none; }
html[data-home-variant="test"] #trailers .trailer-play {
  width: 44px;
  height: 44px;
  border-color: #a4bcff99;
  background: #4a72efda;
  box-shadow: 0 0 24px #4a72ef55;
}
html[data-home-variant="test"] #trailers .trailer-play svg { width: 17px; }
html[data-home-variant="test"] #trailers .trailer-card__body { padding: 18px; gap: 15px; }
html[data-home-variant="test"] #trailers h3 { font-size: .95rem; min-height: 2.6em; line-height: 1.35; }
html[data-home-variant="test"] #trailers .button { min-height: 38px; border-radius: 9px; font-size: .65rem; padding: 0 13px; }
html[data-home-variant="test"] #trailers .trailer-card:hover,
html[data-home-variant="test"] #trailers .trailer-card:focus-within { border-color: #7c9cff88; box-shadow: 0 12px 32px #4662e822; }
html[data-home-variant="test"] #articles { background: #05070b; }
html[data-home-variant="test"] #articles .latest-articles__grid { max-width: 760px; margin: 0 auto; gap: 20px; }
html[data-home-variant="test"] #articles .article-card { border-radius: 18px; border-color: #8b9bb42b; background: linear-gradient(145deg, #101522, #090c13); }
html[data-home-variant="test"] #articles .article-card__media { aspect-ratio: 2.4 / 1; }
html[data-home-variant="test"] #articles .article-card__body { min-height: 0; padding: 16px; gap: 9px; }
html[data-home-variant="test"] #articles .article-meta { font-size: .56rem; gap: 8px; }
html[data-home-variant="test"] #articles h3 { font-size: 1rem; line-height: 1.35; }
html[data-home-variant="test"] #articles .article-card p { font-size: .72rem; line-height: 1.55; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
html[data-home-variant="test"] #articles .article-card .text-link { margin-top: auto; padding-top: 4px; font-size: .72rem; color: #a5bfff; }
html[data-home-variant="test"] #articles .article-card:hover,
html[data-home-variant="test"] #articles .article-card:focus-within { border-color: #7c9cff88; box-shadow: 0 12px 32px #4662e822; }
@media (max-width: 700px) {
  html[data-home-variant="test"] #trailers .trailer-grid,
  html[data-home-variant="test"] #articles .latest-articles__grid { grid-template-columns: 1fr; max-width: 400px; }
  html[data-home-variant="test"] #trailers .trailer-card:last-child { width: 100%; grid-column: auto; }
}
html[data-home-variant="test"] #experiences {
  background:
    radial-gradient(ellipse at 50% 48%, rgba(70, 83, 210, .32) 0%, rgba(31, 42, 112, .23) 36%, transparent 74%),
    linear-gradient(180deg, #070914, #020202 95%);
}
.test-studio-stats .test-studio-stat--1::after,
.test-studio-stats .test-studio-stat--0::after { display: none; }
.test-studio-stat--1 .stat-globe-point { filter: drop-shadow(0 0 4px #8ab1ff); }
.test-studio-stats .test-studio-stat--0 .test-studio-stat__art circle {
  animation: stat-person-highlight 6s ease-in-out infinite;
}
.test-studio-stats .test-studio-stat--0 .test-studio-stat__art circle:nth-child(2) { animation-delay: 2s; }
.test-studio-stats .test-studio-stat--0 .test-studio-stat__art circle:nth-child(3) { animation-delay: 4s; }
@keyframes stat-person-highlight {
  0%, 45%, 100% { stroke: currentColor; opacity: .65; }
  20% { stroke: #b1caff; opacity: 1; filter: drop-shadow(0 0 5px #6f9bff); }
}
@media (prefers-reduced-motion: reduce) {
  .test-studio-stats .test-studio-stat--0 .test-studio-stat__art circle { animation: none; }
  .stat-globe-point { display: none; }
}
html[data-home-variant="test"] #experiences .top-hits-grid { max-width: 850px; gap: 38px; }
html[data-home-variant="test"] #experiences .top-hit-card,
html[data-home-variant="test"] #experiences .top-hit-card:hover,
html[data-home-variant="test"] #experiences .top-hit-card:focus-within { max-width: 210px; }
html[data-home-variant="test"] #experiences .top-hit-card:nth-child(2) { max-width: 245px; }
html[data-home-variant="test"] #experiences .top-hit-card__media { max-width: 100%; }
html[data-home-variant="test"] #experiences .section-heading { margin-bottom: 24px; }
html[data-page="careers"] .careers-panel .hero__actions { display: flex; justify-content: center; }
html[data-page="careers"] .careers-roles-button { min-width: 240px; }
.test-studio-stat--2::before,
.test-studio-stat--2::after {
  content: "";
  position: absolute;
  pointer-events: none;
  right: 65px;
  top: 25px;
  width: 56px;
  height: 56px;
  background: repeating-conic-gradient(from 0deg, #8aafff 0deg 3deg, transparent 3deg 45deg);
  mask-image: radial-gradient(circle, transparent 30%, #000 32% 62%, transparent 65%);
  animation: stat-firework 4s ease-out infinite;
}
.test-studio-stat--2::after { right: 16px; top: 10px; width: 40px; height: 40px; animation-delay: 1.7s; }
.test-studio-stat--1::after { content: ""; position: absolute; right: 83px; bottom: 63px; width: 6px; height: 6px; border-radius: 50%; background: #9abaff; box-shadow: 0 0 12px #7098ff; animation: stat-orbit 9s linear infinite; pointer-events: none; }
.test-studio-stat--0::after { content: ""; position: absolute; right: 42px; bottom: 33px; width: 88px; height: 88px; border: 1px solid #739aff66; border-radius: 50%; animation: stat-community-ring 5s ease-out infinite; pointer-events: none; }
@keyframes stat-firework { 0%, 15% { opacity: 0; transform: scale(.15); } 25% { opacity: .8; } 60%, 100% { opacity: 0; transform: scale(1.25); } }
@keyframes stat-orbit { from { transform: rotate(0deg) translateX(63px) rotate(0deg); } to { transform: rotate(360deg) translateX(63px) rotate(-360deg); } }
@keyframes stat-community-ring { 0% { transform: scale(.6); opacity: 0; } 20% { opacity: .4; } 85%, 100% { transform: scale(1.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .test-studio-stat::before, .test-studio-stat::after { animation: none; display: none; } }
html[data-home-variant="test"] .top-hit-card__media {
  transition: border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
}
@media (hover: hover) {
  html[data-home-variant="test"] .top-hit-card:hover .top-hit-card__media {
    border-color: #89a3ff;
    background: #4a72ef;
    box-shadow: 0 0 0 1px #7395ff88, 0 10px 35px #4662e85c, 0 0 48px #5378ff38;
  }
}
html[data-home-variant="test"] .top-hit-card:focus-within .top-hit-card__media {
  border-color: #89a3ff;
  box-shadow: 0 0 0 1px #7395ff88, 0 10px 35px #4662e85c, 0 0 48px #5378ff38;
}
.test-partner-socials .social-link--x:hover,
.test-partner-socials .social-link--x:focus-visible {
  color: #fff;
  filter: drop-shadow(0 0 6px #ffffffaa) drop-shadow(0 0 16px #ffffff55);
}
.test-partner-socials .social-link--discord:hover,
.test-partner-socials .social-link--discord:focus-visible {
  color: #7883ff;
  filter: drop-shadow(0 0 7px #5865f2cc) drop-shadow(0 0 18px #5865f277);
}
.test-partner-socials .social-link--instagram:hover,
.test-partner-socials .social-link--instagram:focus-visible {
  color: #f27ab5;
  filter: drop-shadow(0 0 7px #e1306ccc) drop-shadow(0 0 18px #833ab477);
}
html[data-home-variant="test"] #experiences { padding-top: 48px; padding-bottom: 48px; }
html[data-home-variant="test"] #experiences .section-heading { margin-bottom: 28px; gap: 14px; }
html[data-home-variant="test"] #experiences h2 { font-size: clamp(2.3rem, 4.5vw, 4rem); line-height: 1.1; }
html[data-home-variant="test"] .top-hits-grid { max-width: 940px; gap: clamp(24px, 4vw, 54px); }
html[data-home-variant="test"] .top-hit-card,
html[data-home-variant="test"] .top-hit-card:hover,
html[data-home-variant="test"] .top-hit-card:focus-within { max-width: 230px; }
html[data-home-variant="test"] .top-hit-card:nth-child(2) { max-width: 270px; }
html[data-home-variant="test"] .top-hit-card__body { padding-top: 16px; }
html[data-home-variant="test"] .top-hit-card h3 { font-size: 1.05rem; margin-bottom: 12px; }
html[data-home-variant="test"] .top-hit-card__actions { gap: 12px; }
html[data-home-variant="test"] .top-hit-card .game-metric { min-height: 30px; padding: 5px 11px; font-size: .65rem; }
html[data-home-variant="test"] .top-hit-card .button--outline { min-height: 40px; min-width: 130px; font-size: .7rem; }
html[data-home-variant="test"] .proof { padding-top: 44px; padding-bottom: 44px; }
.test-studio-stats { max-width: 1180px; margin: 0 auto; gap: 18px; }
.test-studio-stats .test-studio-stat {
  display: grid;
  grid-template-rows: 64px 22px 34px;
  align-content: center;
  justify-content: stretch;
  align-items: center;
  min-height: 220px;
  padding: 30px 26px;
  gap: 10px;
  border-color: #8298c333;
  background: radial-gradient(ellipse at 100% 100%, #365da52b, transparent 75%), linear-gradient(145deg, #0c1019, #080b12);
  box-shadow: inset 0 1px 0 #ffffff05;
}
.test-studio-stats .test-studio-stat dd { font-size: clamp(2.6rem, 4vw, 4rem); letter-spacing: -.055em; }
.test-studio-stats .test-studio-stat dt { font-size: .61rem; letter-spacing: .07em; color: #bdc9df; }
.test-studio-stat__art { width: 175px; height: 160px; right: -24px; bottom: -20px; }
.test-studio-stat--2 .test-studio-stat__art { width: 205px; height: 170px; right: -22px; bottom: -12px; }
.test-studio-stat__award { width: fit-content; margin-top: 0; font-size: .52rem; padding: 6px 9px; }
@media (max-width: 700px) {
  html[data-home-variant="test"] .top-hit-card,
  html[data-home-variant="test"] .top-hit-card:nth-child(2) { max-width: 240px; }
  .test-studio-stats .test-studio-stat { min-height: 205px; padding: 26px; }
}
html[data-home-variant="test"] .top-hits-grid {
  max-width: 1120px;
  grid-template-columns: 1fr 1.18fr 1fr;
  gap: clamp(28px, 5vw, 70px);
  align-items: start;
}
html[data-home-variant="test"] .top-hit-card,
html[data-home-variant="test"] .top-hit-card:hover,
html[data-home-variant="test"] .top-hit-card:focus-within {
  max-width: 280px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
html[data-home-variant="test"] .top-hit-card:nth-child(2) { max-width: 340px; }
html[data-home-variant="test"] .top-hit-card__media { border: 1px solid #ffffff24; border-radius: 24px; }
html[data-home-variant="test"] .top-hit-card__media::after { border: 0; }
html[data-home-variant="test"] .top-hit-card h3 { min-height: 0; margin: 0 0 18px; font-weight: 500; }
html[data-home-variant="test"] .top-hit-card__body { flex: none; padding-top: 26px; }
html[data-home-variant="test"] .top-hit-card__actions { margin-top: 0; gap: 18px; }
html[data-home-variant="test"] .top-hit-card .game-metric { border: 0; background: #ffffff08; }
html[data-home-variant="test"] .top-hit-card .button--outline {
  border: 1px solid #ffffff30;
  background: transparent;
  color: #fff;
  min-width: 150px;
  min-height: 46px;
  border-radius: 14px;
  box-shadow: none;
}
html[data-home-variant="test"] .top-hit-card .button--outline:hover,
html[data-home-variant="test"] .top-hit-card .button--outline:focus-visible { border-color: #8baaff; background: #6488ff0a; }
@media (max-width: 700px) {
  html[data-home-variant="test"] .top-hits-grid { grid-template-columns: 1fr; gap: 36px; }
  html[data-home-variant="test"] .top-hit-card,
  html[data-home-variant="test"] .top-hit-card:nth-child(2) { max-width: 300px; }
}
.test-studio-stats .test-studio-stat {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 250px;
  gap: 16px;
  padding: 38px 28px;
  align-items: flex-start;
  text-align: left;
  background: radial-gradient(ellipse at 100% 100%, #27488130, transparent 70%), #090c13;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.test-studio-stats .test-studio-stat dd { position: relative; order: 0; font-weight: 600; font-size: clamp(2.8rem, 4.3vw, 4.8rem); letter-spacing: -.055em; }
.test-studio-stats .test-studio-stat dt { position: relative; order: 1; color: #c2cee3; font-size: .65rem; }
.test-studio-stats .test-studio-stat { flex-direction: column; }
.test-studio-stat__art { position: absolute; right: -30px; bottom: -24px; z-index: -1; width: 220px; height: 200px; color: #7aa3ff; opacity: .12; pointer-events: none; }
.test-studio-stat--2 .test-studio-stat__art { right: -24px; bottom: -15px; width: 260px; }
.test-studio-stat__art { transform-origin: center; }
.test-studio-stat--0 .test-studio-stat__art { animation: stat-community-float 6s ease-in-out infinite; }
.test-studio-stat--1 .test-studio-stat__art { animation: stat-globe-turn 14s ease-in-out infinite; }
.test-studio-stat--2 .test-studio-stat__art { animation: stat-stadium-pulse 7s ease-in-out infinite; }
.test-studio-stat--0 .test-studio-stat__art circle { transform-box: fill-box; transform-origin: center; animation: stat-member-pulse 6s ease-in-out infinite; }
.test-studio-stat--0 .test-studio-stat__art circle:nth-child(2) { animation-delay: 1s; }
.test-studio-stat--0 .test-studio-stat__art circle:nth-child(3) { animation-delay: 2s; }
@keyframes stat-community-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes stat-member-pulse { 0%, 100% { opacity: .65; } 50% { opacity: 1; } }
@keyframes stat-globe-turn { 0%, 100% { transform: perspective(600px) rotateY(-18deg) rotate(-5deg); } 50% { transform: perspective(600px) rotateY(18deg) rotate(5deg); } }
@keyframes stat-stadium-pulse { 0%, 100% { transform: translateY(0) scale(1); opacity: .12; } 50% { transform: translateY(-4px) scale(1.035); opacity: .23; } }
@media (hover: hover) {
  .test-studio-stat:hover .test-studio-stat__art { filter: drop-shadow(0 0 10px #507fff33); }
}
@media (prefers-reduced-motion: reduce) {
  .test-studio-stat .test-studio-stat__art,
  .test-studio-stat .test-studio-stat__art circle { animation: none; }
}
.test-studio-stat__award { display: inline-flex; position: relative; order: 2; align-items: center; gap: 7px; margin-top: 7px; padding: 7px 10px; border: 1px solid #7297ff38; border-radius: 999px; color: #b9cfff; background: #4a72ef12; font-size: .57rem; }
.test-studio-stat__award svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) {
  .test-studio-stats .test-studio-stat:hover { transform: translateY(-4px); border-color: #759dff88; box-shadow: 0 12px 36px #3568ff12; }
}
html[data-home-variant="test"] .test-opening .partner-logo { height: 76px; }
html[data-home-variant="test"] .test-opening .partner-logo img { height: 42px; max-width: 136px; }
html[data-home-variant="test"] .test-opening .partner-logo--rolive img { width: 42px; }
html[data-page="careers"] .test-opening .test-hero { height: auto; min-height: 100svh; }
.careers-panel .hero__actions { margin-top: 30px; }
.test-hero .careers-roles-button:not(.button--light) {
  background: linear-gradient(115deg, #5c83f4, #4f91a8);
  border: 1px solid #9bbaff66;
  color: #fff;
  opacity: 1;
  cursor: default;
  box-shadow: 0 8px 28px #5279ee40, inset 0 1px 0 #ffffff20;
  font-weight: 600;
  gap: 12px;
  pointer-events: auto;
  transition: box-shadow 220ms ease, border-color 220ms ease, filter 220ms ease;
}
.test-hero .careers-roles-button:not(.button--light):hover {
  border-color: #adc2ff;
  box-shadow: 0 0 0 1px #93b0ff66, 0 10px 34px #5279ee80, 0 0 52px #5c83f455;
  filter: brightness(1.1);
}
.careers-panel__status { margin: 16px 0 0; color: #b8c5df; font-size: .95rem; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) { .test-studio-stats .test-studio-stat { transition: none; } .test-studio-stats .test-studio-stat:hover { transform: none; } }
html[data-home-variant="test"] .site-nav__inner {
  background: rgba(3, 5, 10, .7);
  backdrop-filter: blur(16px);
  border-color: rgba(255, 255, 255, .1);
}
html[data-home-variant="test"] .test-hero__panel {
  background: rgba(0, 0, 0, .58);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, .22);
}
html[data-home-variant="test"] .test-hero__intro,
html[data-home-variant="test"] .test-hero__stats dt { color: #d0d6e2; }
html[data-home-variant="test"] .test-hero__stat-icon { color: #d0d6e2; }
.test-studio-stats {
  gap: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  color: #f5f6fa;
}
.test-studio-stats > div,
.test-studio-stats > div + div {
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 22px;
  background: #080a0e;
}
.test-studio-stats dt { color: #aeb8cb; }
.test-opening { position: relative; isolation: isolate; overflow: hidden; clip-path: inset(0); background: #020202; }
.test-opening > .test-hero__backdrop {
  position: fixed;
  inset: -120px -240px;
  z-index: -3;
}
.test-opening > .test-hero__backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .48);
  pointer-events: none;
}
.test-opening .test-hero { isolation: auto; background: transparent; }
.test-opening .test-hero::before { background: rgba(0, 0, 0, .25); }
.test-opening .test-hero::after { background: linear-gradient(180deg, #04071320, #04071330); }
html[data-home-variant="test"] .test-opening .partners,
.test-opening .test-partner-socials { background: rgba(0, 0, 0, .66); backdrop-filter: blur(10px); }
html[data-home-variant="test"] .test-opening .partner-logo img { opacity: 1; }
.test-opening .test-partner-socials .social-link { filter: drop-shadow(0 2px 5px #000); }
.test-opening:has(.is-motion-paused) > .test-hero__backdrop .test-hero__track { animation-play-state: paused; }
html[data-home-variant="test"] .proof { background: #020202; color: #f5f6fa; }
html[data-home-variant="test"] .about-intro h2 { color: #f5f6fa; }
html[data-home-variant="test"] .about-intro p { color: #aeb8cb; }
html[data-home-variant="test"] .partners::before { display: none; }
html[data-home-variant="test"] .partners { padding: 0; }
html[data-home-variant="test"] .partner-logo { height: 66px; }
html[data-home-variant="test"] .partner-marquee { padding: 6px 0; }
.test-partner-socials {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 8px 20px 12px;
  justify-content: center;
  gap: 20px;
}
.test-hero__panel { width: min(700px, 100%); padding: 26px 30px; }
.test-hero h1 { font-size: clamp(1.8rem, 3.5vw, 3rem); gap: 12px; }
.test-hero__brand-icon { width: 48px; }
.test-hero__intro { margin: 16px auto 22px; font-size: .84rem; }
.test-hero .hero__actions { max-width: 560px; gap: 14px; }
.test-hero .button { min-height: 48px; }
.test-hero__stats { margin-top: 24px; padding-top: 22px; }
.test-hero__stats dd { font-size: clamp(1.8rem, 3vw, 2.6rem); }
.test-hero__stats dt { font-size: .64rem; }
@media (min-width: 901px) and (min-height: 620px) {
  html[data-home-variant="test"] .test-hero {
    height: calc(100svh - 180px);
    min-height: 440px;
    padding: 96px 24px 24px;
  }
  html[data-home-variant="test"] .test-hero__panel { padding: 22px 28px; }
  html[data-home-variant="test"] .test-hero h1 { font-size: clamp(1.8rem, 3.1vw, 2.7rem); }
  html[data-home-variant="test"] .test-hero__intro { margin: 12px auto 18px; }
  html[data-home-variant="test"] .test-hero__stats { margin-top: 18px; padding-top: 18px; }
}
@media (max-width: 600px) {
  .test-hero__panel { padding: 26px 18px; }
  .test-hero h1 { font-size: clamp(1.45rem, 6vw, 2.2rem); }
  .test-hero__brand-icon { width: 34px; }
  .test-hero__stats dd { font-size: clamp(1.5rem, 7vw, 2.2rem); }
  .test-hero__stats dt { font-size: .58rem; }
}