/* Homepage preview: keep the established palette and layout, give the art room. */
:root { --header-h: 6.5rem; }
body::before, body::after { display: none; }
body { background: #0b0b14; }
.site-header { background: #0b0b14; backdrop-filter: none; }
.studio-logo { width: 136px; height: 86px; object-fit: contain; background: transparent; }
.footer-brand .studio-logo { width: 180px; height: auto; }
.stage__bg { inset: 0; }
.stage__bg img { animation: none; transform: none; object-position: center; }
.stage__veil { background: linear-gradient(90deg, rgba(6,6,13,.84), rgba(6,6,13,.48) 38%, rgba(6,6,13,.05) 72%), linear-gradient(0deg, #0b0b14, transparent 30%); }
.stage__inner { padding-top: 4rem; padding-bottom: 3rem; gap: 1.6rem; }
.stage__title { font-size: clamp(2.8rem, 6vw, 5rem); }
.stage__title em { background: none; color: var(--cyan); }
.stage__title .line > span { animation: none; transform: none; }
.stage .eyebrow, .stage .choices, .stage .vnbox { animation: none; opacity: 1; }
.stage .eyebrow { letter-spacing: .12em; }
.eyebrow::before { display: none; }
.vnbox { width: min(100%, 36rem); background: rgba(10,10,22,.94); backdrop-filter: none; box-shadow: none; }
.vnbox__name { background: var(--cyan); }
.vnbox__next { display: none; }
.choices { gap: .6rem; }
.choice { backdrop-filter: none; background: #10101d; padding: .7rem 1rem; letter-spacing: .02em; }
.choice::before { display: none; }
.choice__key { color: var(--cyan); }
.section { padding-block: clamp(3rem,6vw,5rem); }
.sec-head__title { max-width: none; }
.sec-head { margin-bottom: 2rem; }
.video-frame { box-shadow: none; }
.video-frame img, .video-frame:hover img { opacity: 1; transform: none; }
.video-frame::after, .video-frame__play span::after { display: none; }
.game-card { background: #12121e; }
.game-card::after, .game-card__media::after { display: none; }
.game-card__media { aspect-ratio: 16 / 11; }
.game-card__media img, .game-card:hover .game-card__media img { filter: none; transform: none; object-fit: contain; }
.game-card:hover, .game-card:focus-within { transform: none; border-color: var(--cyan); }
.game-card__go { border: none; width: auto; justify-self: start; color: var(--cyan); }
.studio-art { width: 100%; height: auto; }
@media (min-width: 62rem) {
  .feature--flip { grid-template-columns: 1fr 1.35fr; }
}
.platform { background: transparent; }
.platform::before { display: none; }
.platform:hover { transform: none; border-color: var(--cyan); }
.btn { background: var(--cyan); letter-spacing: .07em; }
.btn::before, .btn::after { display: none; }
.btn--ghost { background: transparent; }
.nav:not(.is-open) { visibility: visible; }
@media (max-width: 61.99rem) {
  .nav:not(.is-open) { visibility: hidden; }
  .nav.is-open { visibility: visible; }
}
@media (max-width: 46rem) {
  :root { --header-h: 5.5rem; }
  .studio-logo { width: 110px; height: 70px; }
  .stage__inner { padding-top: 2.5rem; }
  .stage__bg { height: 25rem; }
  .stage__bg img { object-position: 60% center; }
  .stage__veil { background: linear-gradient(0deg, #0b0b14 25%, rgba(6,6,13,.2) 90%); }
  .stage__title { text-shadow: 0 2px 10px #06060d; }
  .choices { width: 100%; }
  .choice { width: 100%; }
}

/* Inner pages share the homepage's restrained treatment. */
.page-head { padding-block: clamp(2.5rem, 5vw, 4rem) 2.5rem; }
.game-hero { aspect-ratio: auto; background: transparent; border: 0; overflow: visible; }
.game-hero::after { display: none; }
.game-hero img, .game-hero:hover img { height: auto; max-height: 640px; object-fit: contain; opacity: 1; transform: none; }
.game-hero__cta { position: static; margin-top: 1.25rem; padding: .85rem 1.4rem; box-shadow: none; backdrop-filter: none; letter-spacing: .07em; }
.game-hero__cta:hover { transform: none; }
.banner::before, .banner::after { display: none; }
.about-top img { filter: none; }
.news-card { background: transparent; border: 0; border-bottom: 1px solid var(--line-soft); }
.news-card:hover { transform: none; }
.news-card:hover .news-card__media img { transform: none; }
.news-card__media img { object-fit: contain; }
.news-card--post { max-width: 850px; margin-inline: auto; }
.news-card--post .news-card__media { aspect-ratio: auto; }
.news-card--post .news-card__media img { height: auto; max-height: 560px; }
.news-card--post .news-card__body { padding-inline: 0; }
.blog-post-body { overflow-wrap: anywhere; }
.news-meta { letter-spacing: .08em; }
[data-reveal] { opacity: 1 !important; transform: none !important; }
@media (min-width: 62rem) {
  #blogFeed .news-card { grid-template-columns: 1fr 1.6fr; align-items: start; padding-bottom: 2rem; }
  #blogFeed .news-card__body { padding-top: 0; }
}