:root {
  color-scheme:dark;
  --bg:#111111;
  --panel:#171717;
  --ink:#ededed;
  --muted:#a5a5a5;
  --accent: #e5e7eb;
  --line:#ffffff24;
  --font:Arial,Helvetica,sans-serif
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px var(--font);
  -webkit-font-smoothing:antialiased
}

a {
  color:inherit;
  text-decoration:none
}

button {
  font:inherit;
  color:inherit;
  cursor:pointer
}

button:disabled {
  cursor:default
}

a,button {
  touch-action:manipulation
}

a:focus-visible,button:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:5px
}

[hidden] {
  display:none!important
}

.wrap {
  width:min(1360px,calc(100% - 112px));
  margin-inline:auto
}

.background-stage {
  position:fixed;
  inset:0;
  z-index:-1;
  background:radial-gradient(ellipse at 80% 40%,#323232 0,transparent 70%),#111111;
  pointer-events:none
}

.background-stage canvas {
  width:100%;
  height:100%;
  display:block;
  opacity:.9
}

.background-stage:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#111111d9 0%,#11111165 55%,#11111120),linear-gradient(0deg,#111111ad,transparent 65%)
}

.header {
  height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  border-bottom:1px solid var(--line)
}

.brand {
  display:flex;
  align-items:center
}

.brand img {
  width:124px;
  height:64px;
  object-fit:contain
}

.header nav {
  display:flex;
  align-items:center;
  gap:35px
}

.header nav a {
  color:#b9b9b9;
  font-size:14px;
  padding:12px 0;
  border-bottom:1px solid transparent
}

.header nav a:hover,.header nav a[aria-current] {
  color:white;
  border-color:var(--accent)
}

.header nav a span {
  color:var(--muted);
  font-size:12px
}

.header-cta {
  font-size:13px;
  display:flex;
  gap:25px;
  border:1px solid #ffffff50;
  padding:13px 17px
}

.header-cta:hover {
  background:var(--ink);
  color:var(--bg)
}

.eyebrow {
  font-size:11px;
  font-family:Consolas,monospace;
  letter-spacing:1.4px;
  line-height:1.6;
  color:#bdbdbd
}

.hero {
  min-height:740px;
  position:relative;
  padding-top:52px;
  padding-bottom:100px;
  display:flex;
  align-items:center
}

.hero-copy {
  position:relative;
  z-index:1
}

.hero h1 {
  font-size:clamp(76px,8.6vw,126px);
  font-weight:600;
  letter-spacing:-.07em;
  line-height:.96;
  margin:25px 0 28px
}

.hero h1 em {
  font-style:normal;
  font-weight:600;
  color:var(--accent)
}

.period {
  color:var(--accent)
}

.hero-description {
  font-size:17px;
  line-height:1.65;
  color:#bbbbbb;
  margin:0 0 26px
}

.actions {
  display:flex;
  align-items:center;
  gap:33px
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:55px;
  padding:16px 22px;
  font-size:14px;
  font-weight:600;
  border:1px solid transparent;
  transition:background .2s
}

.primary {
  background:var(--accent);
  color:#0e0e0e
}

.primary:hover {
  background:#9b9b9b
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:22px;
  font-size:14px
}

.text-link:hover {
  color:var(--accent)
}

.office-note {
  position:absolute;
  right:0;
  bottom:152px;
  width:255px;
  border-top:1px solid #ffffff59;
  padding-top:17px
}

.office-note>span {
  font:10px Consolas,monospace;
  letter-spacing:1px;
  color:#b1b1b1
}

.office-note p {
  font-size:22px;
  font-weight:400;
  line-height:1.4;
  margin:18px 0
}

.office-note .note-signature {
  font-size:11px
}

.hero-bottom {
  position:absolute;
  bottom:28px;
  left:0;
  right:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font:10px Consolas,monospace;
  letter-spacing:1px;
  color:#ababab
}

.hero-bottom a {
  display:flex;
  gap:25px;
  align-items:center
}

.hero-bottom a span {
  font-size:18px
}

.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--accent);
  border-radius:50%;
  margin-right:9px;
  vertical-align:1px
}

.chapter {
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  padding-block:85px
}

.chapter h2,.community-band h2 {
  font-size:52px;
  line-height:1.08;
  letter-spacing:-2.5px;
  font-weight:500;
  margin:25px 0
}

.chapter-copy {
  padding-top:34px;
  max-width:530px
}

.chapter-copy p {
  font-size:21px;
  line-height:1.6;
  margin:0 0 22px
}

.chapter-copy p.muted {
  font-size:16px;
  color:var(--muted)
}

.community-band {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:60px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  margin-bottom:80px
}

.community-band h2 {
  font-size:44px;
  letter-spacing:-2px
}

.community-band p:not(.eyebrow) {
  font-size:15px;
  color:var(--muted)
}

.footer {
  padding:15px 0 25px
}

.footer-wordmark {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  font-size:clamp(30px,6.35vw,92px);
  font-weight:700;
  letter-spacing:-.065em
}

.footer-flame {
  font-size:.57em;
  filter:saturate(.85);
  letter-spacing:0
}

.footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid var(--line);
  margin-top:30px;
  padding-top:23px;
  color:var(--muted);
  font-size:11px
}

.footer-bottom>span:last-child {
  font-size:12px
}

.footer-bottom button {
  border:0;
  background:none;
  font-size:11px;
  color:var(--muted);
  padding:5px 0;
  text-decoration:underline;
  text-underline-offset:4px
}

.inner-page {
  padding-block:64px 85px;
  min-height:75vh
}

.page-heading {
  margin-bottom:48px
}

.page-heading h1 {
  font-size:clamp(58px,6.7vw,94px);
  font-weight:500;
  letter-spacing:-.06em;
  line-height:1.05;
  margin:26px 0
}

.page-heading>p:last-child {
  font-size:16px;
  line-height:1.7;
  color:var(--muted)
}

.section-rule {
  border-top:1px solid var(--line);
  padding:20px 0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font:11px Consolas,monospace;
  letter-spacing:.8px;
  color:#ababab
}

.games-grid {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:28px
}

.game-card {
  background:#141414ed;
  border:1px solid var(--line);
  overflow:hidden
}

.game-art {
  position:relative;
  aspect-ratio:16/9;
  background:linear-gradient(130deg,#313131,#141414);
  overflow:hidden
}

.game-art img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}

.game-badge {
  position:absolute;
  top:16px;
  left:16px;
  background:#111111e8;
  border:1px solid #ffffff30;
  font:10px Consolas,monospace;
  letter-spacing:.5px;
  padding:8px 10px;
  color:#dadada
}

.game-body {
  padding:25px
}

.game-meta {
  font:11px Consolas,monospace;
  color:var(--muted)
}

.game-body h2 {
  font-size:30px;
  font-weight:500;
  letter-spacing:-1px;
  margin:13px 0
}

.game-body p {
  color:var(--muted);
  line-height:1.6;
  font-size:14px
}

.game-body .button {
  width:100%;
  margin-top:22px
}

.game-stats {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:20px 0;
  margin-top:25px;
  gap:15px
}

.game-stats strong {
  display:block;
  font-size:24px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.7px
}

.game-stats span {
  display:block;
  font-size:11px;
  color:var(--muted);
  margin-top:6px
}

.data-status {
  font:10px Consolas,monospace;
  color:var(--muted);
  margin-top:13px;
  line-height:1.6
}

.empty-state {
  border:1px solid var(--line);
  background:#1616169e;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:45px;
  min-height:380px
}

.empty-state.only {
  grid-column:1/-1
}

.empty-symbol {
  font:12px Consolas,monospace;
  color:var(--accent);
  border:1px solid #84848460;
  padding:9px 12px;
  letter-spacing:1px
}

.empty-state h2 {
  font-size:34px;
  font-weight:500;
  letter-spacing:-1.2px;
  margin:28px 0 15px
}

.empty-state p {
  font-size:16px;
  line-height:1.7;
  color:var(--muted);
  margin:0 0 25px;
  max-width:330px
}

.release-note {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  margin-top:30px
}

.release-note p {
  color:var(--muted);
  margin-right:auto
}

.studio-story {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  margin-bottom:65px
}

.studio-story p {
  font-size:29px;
  line-height:1.4;
  letter-spacing:-.7px;
  margin:0
}

.studio-story p:last-child {
  font-size:17px;
  line-height:1.8;
  color:var(--muted);
  letter-spacing:0
}

.team-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px
}

.owner-card {
  border:1px solid var(--line);
  background:#151515e8
}

.owner-art {
  height:330px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(ellipse at 50% 110%,#5d5d5d45,transparent 70%);
  position:relative
}

.owner-art>span {
  font-size:140px;
  color:#696969
}

.owner-art small {
  position:absolute;
  top:22px;
  left:22px;
  font:10px Consolas,monospace;
  color:var(--muted);
  letter-spacing:1px
}

.owner-art img {
  width:100%;
  height:100%;
  object-fit:contain;
  padding-top:20px
}

.owner-info {
  border-top:1px solid var(--line);
  padding:25px;
  display:flex;
  justify-content:space-between;
  align-items:center
}

.owner-info h2 {
  font-size:28px;
  font-weight:500;
  letter-spacing:-1px;
  margin:0 0 9px
}

.owner-info p {
  font-size:13px;
  color:var(--muted);
  margin:0
}

.owner-info a {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  font-size:22px
}

.owner-info a:hover {
  color:var(--accent);
  border-color:var(--accent)
}

.social-layout {
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:45px
}

.video-container {
  aspect-ratio:16/9;
  background:#1d1d1d;
  border:1px solid var(--line);
  overflow:hidden
}

.video-container iframe {
  width:100%;
  height:100%;
  border:0
}

.video-poster {
  position:relative;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  text-align:left;
  background:radial-gradient(ellipse at 70% 30%,#434343,#131313)
}

.video-poster>img {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.55
}

.video-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(transparent,#0d0d0de8)
}

.play-icon {
  position:absolute;
  left:50%;
  top:38%;
  transform:translate(-50%,-50%);
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  background:var(--accent);
  color:#0e0e0e;
  border-radius:50%;
  padding-left:4px;
  font-size:22px
}

.video-overlay {
  position:absolute;
  left:25px;
  bottom:25px;
  right:25px;
  display:flex;
  flex-direction:column;
  gap:10px
}

.video-overlay strong {
  font-size:28px;
  font-weight:500
}

.video-overlay>span:last-child {
  font-size:12px;
  color:var(--muted)
}

.video-caption {
  font-size:13px;
  line-height:1.7;
  color:var(--muted)
}

.video-caption a {
  color:var(--ink)
}

.social-links {
  border-top:1px solid var(--line)
}

.social-links>a {
  padding:31px 0;
  display:flex;
  gap:18px;
  align-items:center;
  border-bottom:1px solid var(--line)
}

.social-links>a>span:last-child {
  margin-left:auto;
  font-size:22px
}

.social-links strong {
  display:block;
  font-size:23px;
  font-weight:500;
  margin-bottom:8px
}

.social-links small {
  display:block;
  font-size:13px;
  line-height:1.5;
  color:var(--muted)
}

.social-symbol {
  width:45px;
  flex-shrink:0;
  font-size:25px;
  display:grid;
  place-items:center;
  color:var(--accent)
}

.roblox-mark {
  display:block;
  width:24px;
  height:24px;
  border:7px solid currentColor;
  transform:rotate(15deg)
}

.social-links>a:hover {
  color:var(--accent)
}

.application-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}

.application-card {
  background:#161616e0;
  border:1px solid var(--line);
  padding:30px
}

.application-card>span {
  font:10px Consolas,monospace;
  color:var(--muted)
}

.application-card h2 {
  font-size:30px;
  font-weight:500;
  letter-spacing:-1px;
  margin:40px 0 20px
}

.application-card p {
  font-size:15px;
  line-height:1.7;
  min-height:76px;
  color:var(--muted)
}

.application-card a {
  border-top:1px solid var(--line);
  padding-top:25px;
  display:flex;
  justify-content:space-between;
  font-size:14px
}

.application-card a:hover {
  color:var(--accent)
}

.application-note {
  margin-top:30px;
  color:var(--muted);
  font-size:14px;
  line-height:1.7
}

.application-note a {
  color:var(--ink)
}

.skip {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:10;
  background:var(--accent);
  color:#0d0d0d;
  padding:15px
}

.skip:focus {
  top:15px
}

main:focus {
  outline:none
}

.noscript {
  text-align:center;
  padding:30px
}


@media(max-width:1100px) {
  .wrap {
    width:calc(100% - 64px)
  }
  .header-cta {
    display:none
  }
  .hero h1 {
    font-size:105px
  }
  .office-note {
    width:210px
  }
  .hero {
    min-height:740px
  }
  .social-layout {
    gap:25px
  }
  .chapter {
    gap:40px
  }
  .footer-bottom {
    flex-wrap:wrap
  }
  .application-card {
    padding:22px
  }
}


@media(max-width:760px) {
  .wrap {
    width:calc(100% - 40px)
  }
  .header {
    height:auto;
    min-height:130px;
    flex-wrap:wrap;
    gap:5px;
    padding-top:10px
  }
  .brand img {
    width:115px;
    height:54px
  }
  .header nav {
    width:100%;
    justify-content:space-between;
    gap:15px;
    padding-bottom:12px
  }
  .header nav a {
    font-size:13px
  }
  .hero {
    min-height:750px;
    padding-top:45px;
    align-items:flex-start;
    padding-bottom:210px
  }
  .hero h1 {
    font-size:clamp(65px,14vw,100px);
    margin-top:25px;
    letter-spacing:-.065em
  }
  .hero-description {
    font-size:16px
  }
  .eyebrow {
    font-size:10px
  }
  .actions {
    gap:26px;
    flex-wrap:wrap
  }
  .button {
    gap:28px;
    font-size:13px;
    padding:16px 19px
  }
  .text-link {
    font-size:13px;
    gap:14px
  }
  .office-note {
    right:0;
    bottom:87px;
    width:185px;
    padding-top:11px
  }
  .office-note p {
    font-size:17px;
    margin:12px 0
  }
  .office-note>span {
    font-size:9px
  }
  .hero-bottom {
    bottom:24px;
    font-size:9px
  }
  .hero-bottom>a {
    display:none
  }
  .background-stage canvas {
    opacity:.85
  }
  .background-stage:after {
    background:linear-gradient(90deg,#111111a8,#11111130),linear-gradient(0deg,#111111a8,transparent)
  }
  .chapter {
    grid-template-columns:1fr;
    padding-block:55px;
    gap:15px
  }
  .chapter h2 {
    font-size:43px;
    margin:21px 0
  }
  .chapter-copy {
    padding:0
  }
  .chapter-copy p {
    font-size:20px
  }
  .chapter-copy p.muted {
    font-size:16px
  }
  .community-band {
    flex-direction:column;
    align-items:flex-start;
    padding-block:45px;
    gap:20px;
    margin-bottom:45px
  }
  .community-band h2 {
    font-size:39px
  }
  .footer-wordmark {
    font-size:7.2vw;
    gap:10px
  }
  .footer-bottom {
    gap:18px;
    font-size:10px
  }
  .footer-bottom>span:last-child {
    width:100%;
    font-size:11px
  }
  .footer-bottom button {
    font-size:10px
  }
  .footer-bottom a {
    font-size:10px
  }
  .inner-page {
    padding-block:40px 55px
  }
  .page-heading h1 {
    font-size:clamp(51px,11vw,76px);
    margin:25px 0
  }
  .page-heading>p:last-child {
    font-size:15px
  }
  .section-rule {
    font-size:10px;
    line-height:1.6
  }
  .games-grid,.team-grid,.social-layout,.application-grid {
    grid-template-columns:1fr;
    gap:25px
  }
  .game-body {
    padding:22px
  }
  .game-body h2 {
    font-size:28px
  }
  .game-stats strong {
    font-size:22px
  }
  .game-badge {
    font-size:9px;
    left:12px;
    top:12px
  }
  .empty-state {
    padding:30px;
    min-height:330px
  }
  .empty-state h2 {
    font-size:30px
  }
  .release-note {
    flex-wrap:wrap
  }
  .release-note p {
    font-size:12px
  }
  .release-note a {
    margin-left:15px
  }
  .studio-story {
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:40px
  }
  .studio-story p {
    font-size:26px
  }
  .studio-story p:last-child {
    font-size:16px
  }
  .owner-art {
    height:290px
  }
  .video-overlay {
    left:17px;
    bottom:17px;
    gap:7px
  }
  .video-overlay strong {
    font-size:22px
  }
  .video-overlay .eyebrow {
    font-size:9px
  }
  .play-icon {
    width:49px;
    height:49px;
    font-size:18px
  }
  .social-links>a {
    padding:25px 0
  }
  .application-card p {
    min-height:0
  }
  .application-card h2 {
    margin-top:28px
  }
  .application-card a {
    margin-top:25px
  }
}


@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  * {
    transition:none!important
  }
}



.social-brand-icon { width: 30px; height: 30px; margin-right: 15px; object-fit: contain; filter: invert(1); opacity: .88; }
.applications-closed { max-width: 680px; padding: 42px 0 90px; }
.applications-closed h2 { font-size: 32px; font-weight: 500; letter-spacing: -1px; }
.applications-closed p { color: var(--muted); line-height: 1.8; margin-bottom: 28px; }
.primary:hover { background: #ffffff; }
.hero h1 em { color: #a9adb5; }
.period { color: #9197a2; }
.owner-info p { line-height: 1.6; }
@media(max-width:760px) { .owner-info p { max-width: 235px; font-size: 12px; } }

.hero-description { max-width: 430px; }

:root {
  --accent: #b8d9ff;
  --muted: #a8afbc;
  --line: #bed7ff1b;
}

body { background: #101216; }
.background-stage { background: radial-gradient(ellipse at 78% 34%, #293747, transparent 65%), #101216; }
.background-stage::after { background: linear-gradient(90deg, #101216d4, #10121651 65%, #10121618), linear-gradient(0deg, #101216b5, transparent 65%); }
.header { gap: 25px; }
.header nav { gap: 8px; }
.header nav a { padding: 10px 17px; border: 1px solid transparent; border-radius: 30px; transition: color .2s, background .2s, border-color .2s; }
.header nav a:hover { background: #c5dcff09; border-color: transparent; }
.header nav a[aria-current] { color: var(--accent); background: #abcfff0d; border-color: #b8d9ff22; }
.social-icons { display: flex; gap: 10px; align-items: center; }
.social-icons a { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 50%; transition: background .2s, border-color .2s, box-shadow .2s, transform .2s; }
.social-icons img { width: 21px; height: 21px; object-fit: contain; filter: invert(1); opacity: .68; transition: opacity .2s; }
.social-icons a:hover { background: #b8d9ff0c; border-color: #b8d9ff30; box-shadow: 0 0 25px #a7cdff12; transform: translateY(-2px); }
.social-icons a:hover img { opacity: 1; }

.button { min-height: 48px; padding: 14px 27px; border-radius: 999px; justify-content: center; gap: 12px; font-weight: 500; transition: background .22s, border-color .22s, box-shadow .22s, transform .22s, color .22s; }
.button.primary { background: #c1ddff; color: #142237; border: 1px solid #e1efffbb; box-shadow: 0 2px 3px #0002, 0 0 28px #86baff14, inset 0 1px #fff8; }
.button.primary:hover { background: #d7e9ff; box-shadow: 0 4px 20px #1115, 0 0 35px #9dcaff30; transform: translateY(-2px); }
.button.secondary { background: #b5d5ff07; border: 1px solid #c0d9ff32; color: #dce8fa; }
.button.secondary:hover { background: #b5d5ff11; border-color: #c0d9ff69; box-shadow: 0 0 25px #92bbf317; transform: translateY(-2px); }
.button:active, .social-icons a:active { transform: scale(.97); }
.text-link { color: var(--accent); }
.hero { padding-top: 48px; min-height: 730px; }
.hero h1 { margin-top: 10px; line-height: 1.01; letter-spacing: -.065em; }
.hero h1 em { color: #b8d8ff; text-shadow: 0 0 28px #8ab9ff35, 0 0 90px #77aaff20; }
.period { color: #b8d8ff; text-shadow: 0 0 20px #9ac7ff45; }
.hero-description { max-width: 420px; font-size: 17px; line-height: 1.8; color: #bbc2cd; }
.actions { gap: 14px; }
.hero-aside { position: absolute; right: 18px; bottom: 176px; max-width: 245px; }
.hero-aside .small-label { color: #909eaf; font: 10px Consolas, monospace; letter-spacing: 1.5px; }
.hero-aside p { font-size: 25px; line-height: 1.45; letter-spacing: -.6px; margin: 14px 0; color: #c3d6ef; text-shadow: 0 0 30px #a4c7fa22; }
.hero-bottom { color: #9ca8b9; }
.hero-bottom a { text-transform: none; font: 14px Arial, sans-serif; letter-spacing: 0; padding: 10px 15px; border-radius: 30px; transition: color .2s, background .2s; }
.hero-bottom a:hover { color: var(--accent); background: #b8d9ff0a; }
.chapter { grid-template-columns: .8fr 1.2fr; gap: 85px; padding: 76px 0; align-items: start; }
.chapter h2 { font-size: 42px; margin: 0; letter-spacing: -1.8px; }
.chapter-copy { padding-top: 0; max-width: 650px; }
.chapter-copy p { font-size: 23px; line-height: 1.6; margin: 0 0 20px; letter-spacing: -.35px; }
.chapter-copy p.muted { font-size: 17px; color: #a8b1c0; letter-spacing: 0; }
.chapter-copy .button { margin-top: 8px; font-size: 13px; }

.studio-stats { padding: 52px 48px 46px; margin-bottom: 90px; border: 1px solid #bdd7ff25; border-radius: 24px; background: linear-gradient(120deg, #b3d2ff07, #10151dcc); box-shadow: inset 0 1px #d1e6ff08, 0 12px 45px #00000018; }
.stats-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 25px; }
.stats-heading h2 { font-size: 23px; font-weight: 500; letter-spacing: -.65px; margin: 0; }
.stats-heading p { color: #98a5b8; font-size: 12px; line-height: 1.7; margin: 0; }
.totals-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; margin-top: 40px; }
.totals-grid > div { border-left: 1px solid #b8d9ff20; padding-left: 35px; }
.totals-grid > div:first-child { padding-left: 0; border: 0; }
.rolling-number { display: flex; font-size: clamp(42px,4.6vw,68px); line-height: 1; height: 1em; font-weight: 500; letter-spacing: -2px; font-variant-numeric: tabular-nums; color: #c3dfff; text-shadow: 0 0 30px #97beff30; }
.totals-grid > div > span { display: block; font-size: 14px; color: #acb8c9; margin-top: 15px; }
.digit-window { height: 1em; overflow: hidden; display: inline-block; }
.digit-strip { display: flex; flex-direction: column; }
.digit-strip > span { height: 1em; min-height: 1em; line-height: 1em; }
.page-heading.centered { text-align: center; margin-bottom: 48px; }
.page-heading.centered h1 { margin-top: 12px; }
.page-heading h1 { font-size: clamp(58px,6vw,84px); font-weight: 500; }
.page-heading .eyebrow { color: #a7bfdc; margin-bottom: 19px; }
.page-heading > p:last-child { color: #a8b4c5; }
.library-tools { max-width: 940px; margin: 0 auto 20px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
#game-count { color: #a8b4c5; font-size: 14px; }
.game-search { margin-left: auto; }
.game-search input { width: 250px; padding: 13px 18px; color: var(--ink); background: #10151dcc; border: 1px solid #b8d9ff30; border-radius: 30px; font: inherit; font-size: 14px; outline: none; }
.game-search input:focus { border-color: #b8d9ff99; box-shadow: 0 0 20px #9dc4ff15; }
.games-grid { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
.game-card { width: 100%; border-radius: 22px; background: #151a22eb; border: 1px solid #b8d9ff24; box-shadow: 0 12px 50px #0003; transition: border-color .3s, box-shadow .3s, transform .3s; }
.game-card.featured { grid-column: 1 / -1; width: min(940px,100%); margin: 0 auto; }
.game-card:hover { border-color: #b8d9ff50; box-shadow: 0 15px 65px #0004, 0 0 40px #8baeff09; transform: translateY(-3px); }
.game-art { background: radial-gradient(ellipse at 70% 20%,#25334b,#111822); }
.game-art img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.game-card:hover .game-art img { transform: scale(1.02); }
.game-badge { border-radius: 999px; padding: 9px 14px; top: 19px; left: 19px; font: 12px Arial,sans-serif; background: #111925e8; border-color: #c0dbff55; color: #d1e6ff; backdrop-filter: blur(12px); letter-spacing: 0; }
.game-badge[data-tag="hot"] { color: #ffcca4; }
.game-body { padding: 29px 33px 31px; }
.game-body h2 { font-size: 31px; margin: 10px 0; }
.game-body > p { margin-bottom: 0; font-size: 15px; }
.game-body .button { width: auto; min-width: 190px; margin-top: 20px; }
.game-card.featured .game-body { display: grid; grid-template-columns: 1fr auto; column-gap: 35px; }
.game-card.featured .game-meta, .game-card.featured h2, .game-card.featured .game-body > p { grid-column: 1; }
.game-card.featured .game-body .button { grid-column: 2; grid-row: 1 / 4; align-self: center; margin: 0; }
.game-card.featured .game-stats { grid-column: 1 / -1; }
.game-card.featured .data-status { grid-column: 1 / -1; }
.game-stats { padding: 22px 0; margin-top: 26px; }
.game-stats strong { color: #d3e5ff; text-shadow: 0 0 20px #8fbfff1a; }
.data-status { font: 11px Arial,sans-serif; color: #94a3b8; margin-top: 12px; }
.game-meta { font: 12px Arial,sans-serif; color: #9aabc1; }
.empty-state.only { position: relative; width: min(940px,100%); min-height: 430px; margin: auto; grid-column: 1/-1; border-radius: 22px; align-items: center; text-align: center; background: radial-gradient(ellipse at 50% 40%,#a1c5ff12,#111720bb 70%); }
.empty-state h2 { font-size: 56px; letter-spacing: -2px; color: #c2dcff; text-shadow: 0 0 45px #81b1ff22; }
.empty-state .game-badge { position: static; }
.coming-art { position: absolute; inset: 0; display: grid; place-items: center; font-size: 44px; color: #bdd7fd; letter-spacing: -2px; }
.coming-label { display: inline-block; margin-top: 24px; color: #a9c9f2; }
.game-search input::placeholder { color: #99a5b7; }
#search-empty { text-align: center; padding: 55px 0; color: var(--muted); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.studio-story { max-width: 890px; margin: 0 auto 55px; padding: 0 15px; grid-template-columns: 1.35fr 1fr; align-items: center; gap: 50px; }
.studio-story p { font-size: 25px; line-height: 1.55; letter-spacing: -.6px; }
.studio-story p:last-child { font-size: 17px; line-height: 1.9; }
.team-grid { max-width: 1000px; margin: auto; gap: 30px; }
.owner-card { border-radius: 22px; overflow: hidden; background: #141a22dd; border-color: #b8d9ff22; transition: border-color .3s, transform .3s, box-shadow .3s; }
.owner-card:hover { transform: translateY(-4px); border-color: #b8d9ff4d; box-shadow: 0 10px 40px #0003; }
.owner-art { height: 305px; background: radial-gradient(ellipse at 50% 100%,#9ac5ff17,transparent 72%); }
.owner-art img { padding-top: 12px; transition: transform .4s; }
.owner-card:hover .owner-art img { transform: scale(1.035); }
.owner-info { align-items: center; gap: 14px; padding: 26px; }
.owner-info .profile-link { width: auto; height: auto; font-size: 12px; min-height: 40px; padding: 10px 16px; white-space: nowrap; border-radius: 999px; }
.owner-info h2 { font-size: 27px; margin-bottom: 7px; }
.owner-info .owner-role { margin-top: 6px; font-size: 12px; color: #8fa7c7; }

.social-layout { display: block; width: min(900px,100%); margin: auto; }
.video-feature { position: relative; isolation: isolate; }
.video-ambient { position: absolute; z-index: -1; inset: -35px 0 5px; background: url('assets/video-thumbnail.jpg') center/cover; opacity: .13; filter: blur(48px); mask-image: radial-gradient(ellipse,black,transparent 70%); pointer-events: none; }
.video-poster { display: block; position: relative; width: 100%; height: auto; aspect-ratio: 16/9; border: 1px solid #d0e6ff40; border-radius: 22px; overflow: hidden; box-shadow: 0 14px 55px #0004; background: #141b26; }
.video-poster > img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: transform .6s; }
.video-poster:hover > img { transform: scale(1.015); }
.play-icon { top: 50%; left: 50%; width: 76px; height: 76px; padding: 0; background: #f5f9ffe8; color: #15243a; box-shadow: 0 5px 25px #0004, 0 0 35px #bddefa22; transition: transform .3s, box-shadow .3s; }
.play-icon svg { width: 35px; height: 35px; margin-left: -2px; }
.video-poster:hover .play-icon { transform: translate(-50%,-50%) scale(1.08); box-shadow: 0 5px 30px #0005, 0 0 45px #bddbff44; }
.video-actions { text-align: center; margin: 25px 0 45px; }
.social-links { border: 0; display: flex; flex-direction: column; gap: 14px; }
.social-links > a { padding: 25px 30px; border: 1px solid #b8d9ff24; border-radius: 17px; background: #141a23c9; transition: background .25s, border-color .25s, transform .25s, box-shadow .25s; }
.social-links > a:hover { transform: translateY(-2px); border-color: #b8d9ff55; background: #1c2532dc; box-shadow: 0 0 30px #b8d9ff09; }
.social-links strong { font-size: 22px; margin-bottom: 6px; }
.social-links > a > span.social-action { font: 13px Arial,sans-serif; color: #bbd6fa; border-radius: 999px; border: 1px solid #b8d9ff30; padding: 9px 16px; }
.social-brand-icon { flex-shrink: 0; margin-right: 10px; }
.applications-closed { max-width: 690px; padding: 100px 0 130px; margin: auto; text-align: center; }
.applications-closed h1 { font-size: clamp(46px,5.2vw,72px); line-height: 1.1; letter-spacing: -.05em; font-weight: 500; margin: 30px 0 24px; }
.applications-closed p { font-size: 17px; line-height: 1.8; max-width: 500px; margin: auto; }
.closed-badge { display: inline-block; padding: 9px 15px; border: 1px solid #b8d9ff30; background: #b8d9ff08; border-radius: 999px; font: 10px Consolas,monospace; letter-spacing: 1px; color: #a9bfdc; }
.footer { border-top: 1px solid var(--line); padding-top: 35px; }
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.footer-wordmark { font-size: clamp(24px,3.3vw,47px); letter-spacing: -.05em; }
.footer-bottom { padding-bottom: 5px; font-size: 11px; }
.footer-bottom > span:first-child > span:last-child { margin-left: 5px; }
.footer-bottom a:hover { color: var(--accent); }

@media (max-width: 1100px) {
  .header nav a { padding-inline: 12px; }
  .social-icons { gap: 4px; }
  .social-icons a { width: 33px; height: 33px; }
  .hero-aside { right: 0; max-width: 210px; }
  .stats-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .owner-info { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 760px) {
  .header { display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; padding-top: 12px; }
  .header > .social-icons { grid-column: 2; grid-row: 1; }
  .header nav { grid-column: 1/-1; grid-row: 2; padding: 8px 0 13px; gap: 3px; }
  .header nav a { padding: 9px 8px; font-size: 12px; }
  .hero { min-height: 690px; padding: 43px 0 195px; }
  .hero h1 { font-size: clamp(63px,14vw,100px); margin: 0 0 22px; line-height: 1.03; }
  .hero-description { font-size: 16px; max-width: 345px; }
  .actions { gap: 12px; }
  .button { font-size: 13px; padding: 13px 22px; min-height: 46px; }
  .hero-aside { bottom: 85px; max-width: 200px; }
  .hero-aside p { font-size: 21px; margin-top: 8px; }
  .hero-aside .small-label { font-size: 9px; }
  .hero-bottom { font-size: 9px; bottom: 16px; }
  .hero-bottom > a { display: block; font-size: 12px; padding-right: 0; }
  .chapter { grid-template-columns: 1fr; gap: 24px; padding: 48px 0; }
  .chapter h2 { font-size: 34px; }
  .chapter-copy p { font-size: 21px; }
  .chapter-copy p.muted { font-size: 16px; }
  .studio-stats { padding: 30px 23px; margin-bottom: 55px; border-radius: 20px; }
  .stats-heading h2 { font-size: 21px; }
  .stats-heading p { font-size: 11px; }
  .totals-grid { gap: 18px; margin-top: 28px; }
  .totals-grid > div { padding-left: 15px; }
  .rolling-number { font-size: clamp(28px,7vw,48px); letter-spacing: -1px; }
  .totals-grid > div > span { font-size: 11px; margin-top: 12px; line-height: 1.5; }
  .page-heading.centered { margin-bottom: 35px; }
  .page-heading h1 { font-size: 54px; }
  .games-grid { grid-template-columns: 1fr; gap: 23px; }
  .game-body, .game-card.featured .game-body { display: block; padding: 23px; }
  .game-card.featured .game-body .button { margin-top: 20px; width: 100%; }
  .game-body h2 { font-size: 27px; }
  .game-stats strong { font-size: 22px; }
  .game-badge { top: 12px; left: 12px; font-size: 11px; padding: 8px 12px; }
  .library-tools { flex-wrap: wrap; }
  .game-search { width: 100%; }
  .game-search input { width: 100%; }
  .studio-story { grid-template-columns: 1fr; padding: 0; gap: 20px; margin-bottom: 36px; text-align: center; }
  .studio-story p { font-size: 22px; }
  .studio-story p:last-child { font-size: 16px; }
  .team-grid { grid-template-columns: 1fr; }
  .owner-info { flex-direction: row; align-items: center; padding: 23px; }
  .owner-info .profile-link { padding: 10px 13px; font-size: 11px; }
  .owner-info .owner-role { font-size: 11px; max-width: 170px; }
  .owner-art { height: 280px; }
  .video-ambient { inset: -20px -15px; }
  .video-poster { border-radius: 17px; }
  .play-icon { width: 57px; height: 57px; }
  .play-icon svg { width: 28px; height: 28px; }
  .social-links > a { padding: 21px 18px; gap: 11px; }
  .social-links strong { font-size: 20px; }
  .social-links small { font-size: 12px; }
  .social-brand-icon { width: 25px; height: 25px; margin-right: 4px; }
  .social-links > a > span.social-action { padding: 8px 11px; font-size: 11px; }
  .applications-closed { padding: 90px 0 115px; }
  .applications-closed h1 { font-size: 46px; }
  .applications-closed p { font-size: 16px; }
  .footer-top { gap: 16px; flex-wrap: wrap; }
  .footer-wordmark { font-size: 27px; }
  .footer-top .social-icons { gap: 8px; }
  .footer-bottom { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@font-face { font-family: Montserrat; src: url('assets/montserrat.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
:root { --font: Montserrat, sans-serif; --accent: #eee9dd; --ink: #f2f3f6; --muted: #a1a8b7; --line: #ffffff1c; }
body { background: #030713; }
button,input, .eyebrow,.game-meta,.game-badge,.data-status,.social-action,.owner-role { font-family: var(--font) !important; }
.background-stage { background: radial-gradient(ellipse at 75% 25%,#142d5e80,transparent 60%), repeating-linear-gradient(155deg,transparent 0 19%,#18396c22 21%,transparent 24% 38%),#030713; }
.background-stage canvas { opacity: 1; }
.background-stage::after { background: linear-gradient(0deg,#03071388,transparent 65%),linear-gradient(90deg,#03071330,transparent); }
.header { height: 94px; margin-top: 20px; padding: 12px 24px; border: 1px solid #ffffff19; border-radius: 28px; background: #0b1322bd; box-shadow: inset 0 1px #ffffff08,0 10px 50px #0002; transition: border-color .4s,box-shadow .4s,background .4s; }
.header:hover { border-color: #ffffff30; background: #101c30d9; box-shadow: inset 0 1px #ffffff12,0 12px 65px #14356530; }
.header .brand img { width: 112px; height: 56px; }
.header nav { gap: 7px; }
.header nav a { font-weight: 700; font-size: 13px; background: #ffffff06; border: 1px solid #ffffff0d; padding: 12px 17px; border-radius: 14px; transition: transform .25s,background .25s,box-shadow .25s; }
.header nav a:hover { transform: scale(1.055); background: #ffffff13; border-color: #ffffff25; box-shadow: 0 0 20px #ffffff08; }
.header nav a[aria-current] { color: #171a20; background: #eee9dd; border-color: #eee9dd; box-shadow: 0 0 22px #eee9dd13; }
.button { font-weight: 650; transform-origin: center; }
.button.primary { color: #171a20; background: #eee9dd; border-color: #fff8; box-shadow: 0 0 24px #eee9dd13; }
.button.primary:hover { background: #fffaf0; transform: scale(1.045); box-shadow: 0 0 32px #eee9dd25; }
.button.secondary { color: #e4e6ec; border-color: #ffffff28; background: #ffffff06; }
.button.secondary:hover { transform: scale(1.045); background: #ffffff10; border-color: #ffffff55; box-shadow: 0 0 26px #ffffff0b; }
.social-icons a:hover { transform: scale(1.12); border-color: #ffffff30; background: #ffffff0a; }
.header nav a:active,.button:active,.button.primary:active,.button.secondary:active,.social-icons a:active { transform: scale(.96); }
.hero { min-height: 650px; padding: 105px 0 95px; justify-content: center; text-align: center; }
.hero-copy { width: 100%; }
.hero h1 { font-size: clamp(44px,6.9vw,100px); font-weight: 750; line-height: 1.12; letter-spacing: -.06em; margin: 0 0 30px; }
.hero h1 em { font-weight: 800; color: #f3f1ea; text-shadow: 0 0 35px #ffffff30,0 0 100px #719be52a; }
.hero-description { margin: 0 auto 32px; max-width: 620px; font-size: 18px; line-height: 1.8; color: #bec4d0; }
.actions { justify-content: center; flex-wrap: wrap; }
.chapter { display: block; text-align: center; max-width: 870px; padding: 62px 0 70px; border-top: 1px solid #ffffff16; }
.chapter h2 { font-size: 32px; font-weight: 700; letter-spacing: -1px; margin-bottom: 24px; }
.chapter-copy { max-width: 790px; margin: auto; }
.chapter-copy p { font-size: 24px; line-height: 1.65; letter-spacing: -.5px; }
.chapter-copy p.muted { font-size: 16px; }
.chapter-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.chapter-copy .button { margin: 0; }
.studio-stats { background: #0a1222c9; border-color: #ffffff1b; }
.stats-heading h2 { font-weight: 650; }
.stats-heading p { font-size: 13px; }
.rolling-number { color: #f1f2f6; font-weight: 650; text-shadow: 0 0 28px #c8d9ff20; }
.inner-page { padding-top: 72px; padding-bottom: 90px; }
.page-heading h1 { font-weight: 750; font-size: clamp(44px,5vw,68px); letter-spacing: -.055em; line-height: 1.15; }
.page-heading > p:last-child { font-size: 16px; margin-top: 17px; }
.game-card { background: #0c1525ee; border-color: #ffffff20; }
.game-card:hover { transform: none; border-color: #ffffff40; box-shadow: 0 15px 65px #0004,0 0 45px #567bad0d; }
.game-body h2 { font-size: 31px; font-weight: 750; letter-spacing: -1px; }
.game-meta { color: #a4adbd; }
.game-body > p { color: #aab3c4; line-height: 1.8; max-width: 500px; }
.game-badge { color: #eee9dd; background: #09111ded; border-color: #ffffff30; font-weight: 600; }
.game-stats { background: #ffffff03; border: 1px solid #ffffff0e; border-radius: 15px; padding: 23px; gap: 24px; }
.game-stats strong { color: #f0f1f5; font-size: 27px; font-weight: 650; }
.game-stats span { font-family: var(--font); font-size: 11px; }
.data-status { font-size: 10px; opacity: .8; }
.studio-story { display: block; max-width: 770px; text-align: center; margin: -6px auto 48px; padding: 0; }
.studio-story p,.studio-story p:last-child { font-size: 23px; font-weight: 450; line-height: 1.8; letter-spacing: -.5px; color: #c4cad5; }
.team-grid { max-width: 900px; }
.owner-card { background: #0c1525df; border-color: #ffffff20; }
.owner-card:hover { transform: none; border-color: #ffffff40; }
.owner-info h2 { font-weight: 750; }
.owner-info .owner-role { color: #a3acbd; line-height: 1.6; }
.social-links > a { background: #0c1525de; border-color: #ffffff20; }
.social-links > a:hover { transform: scale(1.012); background: #142138e8; border-color: #ffffff40; }
.social-links > a:active { transform: scale(.99); }
.social-links strong { font-weight: 700; }
.social-links > a > span.social-action { font-family: var(--font); color: #eee9dd; border-color: #ffffff30; }
.applications-closed { max-width: 1160px; min-height: 510px; display: flex; flex-direction: column; justify-content: center; padding: 75px 0 100px; }
.applications-closed h1 { font-size: clamp(38px,4.6vw,64px); font-weight: 750; text-shadow: 0 0 45px #b6cdff20; }
.applications-closed p { max-width: none; font-size: clamp(13px,1.2vw,16px); color: #b5bdcc; margin: 0; }
.footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; padding: 25px 28px; margin-bottom: 22px; border: 1px solid #ffffff1a; border-radius: 24px; background: #0b1322c9; transition: background .3s,border-color .3s; }
.footer:hover { background: #101c30df; border-color: #ffffff30; }
.footer-wordmark { font-size: 18px; font-weight: 800; letter-spacing: -.7px; white-space: nowrap; }
.footer-wordmark span { margin-left: 4px; }
.footer-contact { font-size: 14px; font-weight: 600; padding: 8px; border-radius: 12px; transition: background .25s,transform .25s; }
.footer-contact:hover { background: #ffffff09; transform: scale(1.05); }
.footer-tagline { justify-self: end; font-size: 13px; color: #aab3c4; }
@media(max-width:1100px) {
 .header { gap: 12px; padding-inline: 18px; }
 .header nav a { padding: 11px 12px; }
 .footer { grid-template-columns: 1fr auto; }
 .footer-tagline { display: none; }
}
@media(max-width:760px) {
 .wrap { width: calc(100% - 32px); }
 .header { height: auto; padding: 10px 12px 12px; margin-top: 12px; border-radius: 23px; gap: 8px; }
 .header nav { padding: 0; justify-content: space-between; gap: 5px; }
 .header nav a { flex: 1; text-align: center; padding: 11px 4px; font-size: 10px; border-radius: 11px; }
 .header .brand img { width: 100px; height: 50px; }
 .hero { min-height: 530px; padding: 85px 0 75px; }
 .hero h1 { font-size: clamp(31px,7.9vw,60px); letter-spacing: -.06em; margin-bottom: 26px; }
 .hero-description { font-size: 15px; max-width: 400px; }
 .chapter { padding: 45px 8px 55px; }
 .chapter h2 { font-size: 28px; }
 .chapter-copy p { font-size: 20px; }
 .chapter-copy p.muted { font-size: 14px; }
 .chapter-links { gap: 10px; }
 .chapter-links .button { font-size: 11px; padding: 12px 17px; }
 .inner-page { padding-top: 48px; padding-bottom: 65px; }
 .page-heading h1 { font-size: 43px; }
 .page-heading > p:last-child { font-size: 14px; }
 .studio-story p,.studio-story p:last-child { font-size: 18px; line-height: 1.8; }
 .game-body h2 { font-size: 25px; }
 .game-stats { padding: 17px 12px; gap: 10px; }
 .game-stats strong { font-size: 20px; }
 .game-stats span { font-size: 9px; }
 .owner-info { flex-wrap: wrap; }
 .owner-info h2 { font-size: 25px; }
 .applications-closed { min-height: 430px; padding: 40px 8px 65px; }
 .applications-closed h1 { font-size: 38px; }
 .applications-closed p { font-size: 14px; line-height: 1.9; }
 .footer { padding: 19px 15px; gap: 10px; border-radius: 20px; }
 .footer-wordmark { font-size: 12px; letter-spacing: -.4px; }
 .footer-contact { font-size: 11px; padding: 5px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important; } }
.footer-wordmark { justify-content: flex-start; gap: 5px; }
body, body * { font-family: Montserrat, sans-serif !important; }
.hero-description,.chapter-copy p,.studio-story p { text-wrap: balance; }

:root { --accent: #8bcfff; --bg: #151618; --panel: #1c1d20; --ink: #f3f5f7; --muted: #aeb1b8; --line: #ffffff1c; }
body { background: #151618; }
.background-stage { background: radial-gradient(ellipse at 86% 25%,#78c7ff30,transparent 55%),repeating-linear-gradient(155deg,transparent 0 19%,#85caff17 21%,transparent 24% 38%),#151618; }
.background-stage::after { background: linear-gradient(0deg,#15161880,transparent 70%),radial-gradient(ellipse at 50% 32%,#15161844,transparent 65%); }
.header,.footer { background: #1a1b1edb; border-color: #ffffff1c; box-shadow: inset 0 1px #ffffff08,0 12px 45px #0002; }
.header:hover,.footer:hover { background: #202124ee; border-color: #95ceff3b; box-shadow: inset 0 1px #ffffff0c,0 0 38px #79c7ff0c; }
.header nav a { background: #ffffff05; color: #bdc0c7; }
.header nav a[aria-current] { color: #ccecff; background: #7ac7ff17; border-color: #8dcfff4a; box-shadow: inset 0 1px #c5eaff15,0 0 22px #76caff15; }
.header nav a:hover { background: #8bcfff12; box-shadow: 0 0 24px #8bcfff14; }
.hero { min-height: 650px; }
.hero h1 { font-weight: 750; letter-spacing: -.055em; }
.hero h1 em { color: #a7dcff; text-shadow: 0 0 24px #7acaff6b,0 0 75px #61b9ff40,0 0 140px #6ec1ff1c; }
.hero-description { color: #c0c3ca; }
.button.primary { color: #10212c; background: #98d5ff; border-color: #c7eaffb3; box-shadow: inset 0 1px #ffffff7a,0 0 28px #7dc9ff30; }
.button.primary:hover { background: #b4e2ff; box-shadow: 0 0 20px #80ccff55,0 0 52px #80ccff28; }
.button.secondary { color: #ebedf0; background: #242529aa; border-color: #ffffff24; }
.button.secondary:hover { background: #303237; border-color: #a2d8ff65; box-shadow: 0 0 28px #8bcfff1a; }
.social-icons a:hover { border-color: #8bcfff50; background: #8bcfff10; box-shadow: 0 0 24px #8bcfff22; }
.chapter { max-width: 1000px; padding-top: 56px; border-top-color: #ffffff1c; }
.chapter-copy { max-width: 850px; }
.chapter-copy > p:first-child { font-size: clamp(21px,2.35vw,32px); font-weight: 550; line-height: 1.65; letter-spacing: -.7px; }
.chapter-copy p.muted { color: #aeb1b8; }
.studio-stats { position: relative; background: linear-gradient(135deg,#222427ed,#191a1def); border-color: #ffffff25; box-shadow: inset 0 1px #ffffff0c,0 20px 65px #0002; padding-block: 42px 50px; overflow: hidden; }
.studio-stats::before { content: ''; position: absolute; top: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg,transparent,#95d8ff,transparent); box-shadow: 0 0 25px 2px #8bd2ff25; }
.totals-grid { margin-top: 44px; }
.rolling-number { font-size: clamp(42px,5.3vw,78px); color: #b9e4ff; text-shadow: 0 0 22px #7bcaff40,0 0 60px #73c8ff22; font-weight: 700; }
.totals-grid > div > span { color: #b7bac2; }
.totals-grid > div { border-left-color: #ffffff18; }
.page-heading h1 { text-shadow: 0 0 45px #b6dfff1c; }
.page-heading > p:last-child { color: #b3b7bf; }
.game-card,.owner-card { background: #1e1f22f5; border-color: #ffffff24; }
.game-card:hover,.owner-card:hover { border-color: #9bd6ff55; box-shadow: 0 14px 45px #0003,0 0 35px #86cfff12; }
.game-body > p,.game-meta,.owner-info .owner-role,.studio-story p,.studio-story p:last-child { color: #b7bbc3; }
.game-badge { color: #b9e3ff; background: #1b2027ed; border-color: #94d4ff55; box-shadow: 0 0 20px #75c8ff20; }
.game-stats { background: #ffffff03; border-color: #ffffff0c; }
.game-stats strong { color: #c3e8ff; text-shadow: 0 0 22px #7fcbff28; }
.owner-art { background: radial-gradient(ellipse at 50% 95%,#81cbff22,transparent 70%); }
.social-links > a { background: #202124ed; border-color: #ffffff20; }
.social-links > a:hover { background: #292b30; border-color: #96d5ff55; box-shadow: 0 0 35px #82caff15; }
.social-links > a > span.social-action { color: #bfe7ff; border-color: #8bd0ff35; }
.applications-closed h1 { text-shadow: 0 0 45px #92d3ff2e; }
.applications-closed p { color: #b7bbc3; }
.footer { padding: 23px 25px; }
.footer-copyright { font-size: 13px; font-weight: 400; color: #b7bac0; white-space: nowrap; }
.footer-copyright > span:last-child { margin-left: 5px; }
.footer-contact { font-weight: 400; font-size: 13px; color: #c7cbd2; }
.footer-contact:hover { color: #bce6ff; text-shadow: 0 0 18px #7cccff66; }
.footer-tagline { color: #a8adb6; font-size: 12px; }
@media(max-width:760px) {
 .hero { min-height: 530px; }
 .chapter-copy > p:first-child { font-size: 21px; }
 .studio-stats { padding: 30px 20px; }
 .totals-grid { gap: 12px; margin-top: 30px; }
 .totals-grid > div { padding-left: 12px; }
 .rolling-number { font-size: clamp(24px,7.2vw,48px); letter-spacing: -1.2px; }
 .totals-grid > div > span { font-size: 10px; }
 .footer { grid-template-columns: 1fr; justify-items: center; gap: 9px; padding: 19px 10px; }
 .footer-copyright,.footer-contact { font-size: 12px; }
}
.rolling-number { text-shadow: none; filter: drop-shadow(0 0 15px #7bcaff40); }

body {
  --tone: #83cbff;
  --tone-end: #c0eeff;
  --glow: #83cbff33;
  --soft: #83cbff14;
  --edge: #83cbff50;
  --hue: 0deg;
  --accent: var(--tone);
  background: #151618;
}
body[data-page="games"] { --tone: #b5a0ff; --tone-end: #f0bcff; --glow: #b5a0ff33; --soft: #b5a0ff14; --edge: #b5a0ff50; --hue: 65deg; }
body[data-page="studio"] { --tone: #80e4bb; --tone-end: #c3f5d4; --glow: #80e4bb33; --soft: #80e4bb14; --edge: #80e4bb50; --hue: -45deg; }
body[data-page="socials"] { --tone: #ffa6cc; --tone-end: #ffd2b3; --glow: #ffa6cc33; --soft: #ffa6cc14; --edge: #ffa6cc50; --hue: 115deg; }
body[data-page="apply"] { --tone: #f6cb83; --tone-end: #fff0bb; --glow: #f6cb8333; --soft: #f6cb8314; --edge: #f6cb8350; --hue: 190deg; }
.background-stage { background: radial-gradient(ellipse at 90% 30%,var(--soft),transparent 65%),#151618; }
.background-stage canvas { opacity: .9; filter: hue-rotate(var(--hue)); transition: filter 1s ease; }
.background-stage::after { background: radial-gradient(ellipse at 45% 30%,#15161895,transparent 80%),linear-gradient(0deg,#15161855,transparent); }
.header nav a[aria-current] { color: var(--tone-end); background: var(--soft); border-color: var(--edge); box-shadow: inset 0 1px #ffffff0c,0 0 22px var(--soft); }
.header nav a:hover { background: var(--soft); box-shadow: 0 0 24px var(--soft); }
.header:hover,.footer:hover,.game-card:hover,.owner-card:hover,.social-links > a:hover { border-color: var(--edge); box-shadow: 0 10px 40px #0002,0 0 32px var(--soft); }
.hero h1 em,.page-heading h1,.applications-closed h1 {
  color: var(--tone); background: linear-gradient(115deg,var(--tone),var(--tone-end));
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  text-shadow: none; filter: drop-shadow(0 0 23px var(--glow));
}
.button.primary { background: linear-gradient(115deg,var(--tone),var(--tone-end)); color: #182026; border-color: #ffffff65; box-shadow: inset 0 1px #ffffff75,0 0 28px var(--glow); }
.button.primary:hover { background: linear-gradient(115deg,var(--tone-end),var(--tone)); box-shadow: 0 0 22px var(--glow),0 0 50px var(--soft); }
.button.secondary:hover,.social-icons a:hover { border-color: var(--edge); box-shadow: 0 0 25px var(--glow); }
.social-icons a:hover { background: var(--soft); }
.rolling-number { color: var(--tone-end); filter: drop-shadow(0 0 15px var(--glow)); }
.studio-stats::before { background: linear-gradient(90deg,transparent,var(--tone),transparent); box-shadow: 0 0 25px 2px var(--soft); }
.game-badge { color: var(--tone-end); border-color: var(--edge); box-shadow: 0 0 20px var(--soft); }
.game-stats strong { color: var(--tone-end); text-shadow: 0 0 22px var(--glow); }
.owner-art { background: radial-gradient(ellipse at 50% 95%,var(--glow),transparent 70%); }
.social-links > a > span.social-action { color: var(--tone-end); border-color: var(--edge); }
.footer-contact:hover { color: var(--tone-end); text-shadow: 0 0 18px var(--glow); }
.game-search input { background: #202124; }
.game-search input:focus { border-color: var(--tone); box-shadow: 0 0 20px var(--soft); }
.empty-state.only { background: radial-gradient(ellipse at 50% 40%,var(--soft),#1b1c1eee 70%); }
.empty-state h2,.coming-label { color: var(--tone-end); text-shadow: 0 0 30px var(--glow); }
.shine-panel { position: relative; isolation: isolate; }
.shine-panel::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 3; opacity: 0; background: radial-gradient(280px circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff0e,var(--soft) 28%,transparent 72%); transition: opacity .4s; }
.shine-panel:hover::after { opacity: 1; }
@media(prefers-reduced-motion:reduce) { .background-stage canvas { transition:none; } }
.hero h1.intro-title { font-size: clamp(35px,4.6vw,66px); line-height: 1.22; letter-spacing: -.045em; margin: 26px auto 38px; max-width: 1080px; font-weight: 650; }
.hero h1.intro-title em { font-weight: 750; }
.intro-support { font-weight: 500; color: #d5d7dd; }
.hero-detail { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 auto 26px; }
.hero-detail span { width: 72px; height: 1px; background: linear-gradient(90deg,transparent,var(--edge)); }
.hero-detail span:last-child { transform: rotate(180deg); }
.hero-detail i { display: block; width: 9px; height: 9px; border-radius: 3px; transform: rotate(45deg); background: linear-gradient(135deg,var(--tone),var(--tone-end)); box-shadow: 0 0 20px var(--glow); }
.background-stage::after { background: radial-gradient(ellipse at 45% 30%,#15161855,transparent 80%),linear-gradient(0deg,#15161844,transparent); }
.page-heading::after { content: ''; display: block; width: 74px; height: 2px; margin: 25px auto 0; background: linear-gradient(90deg,transparent,var(--tone),var(--tone-end),transparent); box-shadow: 0 0 22px var(--glow); }
.chapter h2 { background: linear-gradient(100deg,var(--tone-end),#fff 70%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.studio-stats { background: radial-gradient(ellipse at 0 0,var(--soft),transparent 65%),linear-gradient(125deg,#242529ed,#1a1b1eef); }
.owner-card,.game-card { background: radial-gradient(ellipse at 100% 100%,var(--soft),transparent 70%),#1e1f22f5; }
.social-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.social-links > a { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-width: 0; gap: 22px; padding: 28px; background: radial-gradient(ellipse at 100% 0,var(--soft),transparent 70%),#202124; color: var(--ink); }
.social-links > a:hover { transform: scale(1.025); color: var(--ink); background: radial-gradient(ellipse at 100% 0,var(--glow),transparent 80%),#26272b; }
.social-links > a:active { transform: scale(.98); }
.social-links .social-brand-icon { margin: 0; width: 32px; height: 32px; }
.social-links > a > span:not(.social-action) { flex: 1; min-width: 0; }
.social-links strong { font-size: 22px; }
.social-links small { font-size: 13px; line-height: 1.65; min-height: 43px; }
.social-links > a > span.social-action { margin: 0; align-self: flex-start; font-size: 12px; padding: 9px 17px; background: linear-gradient(120deg,var(--soft),#ffffff03); }
@media(max-width:760px) {
 .hero h1.intro-title { font-size: clamp(28px,5.6vw,43px); line-height: 1.35; margin-top: 22px; }
 .hero { min-height: 510px; padding: 62px 0; }
 .hero-detail { margin-bottom: 24px; }
 .social-links { gap: 10px; }
 .social-links > a { padding: 17px 12px; gap: 16px; align-items: center; text-align: center; border-radius: 16px; }
 .social-links strong { font-size: clamp(11px,2.7vw,18px); margin-bottom: 0; }
 .social-links small { display: none; }
 .social-links .social-brand-icon { width: 26px; height: 26px; }
 .social-links > a > span.social-action { font-size: 10px; padding: 7px 11px; align-self: center; }
 .page-heading > p:last-child { max-width: 440px; margin-inline: auto; line-height: 1.7; text-wrap: balance; }
}
html { scrollbar-width: none; scroll-behavior: smooth; }
html::-webkit-scrollbar,body::-webkit-scrollbar { display: none; width: 0; }
#main { display: flow-root; overflow: clip; }
.page-heading::after { display: none; }
.hero h1.intro-title { margin-top: 0; margin-bottom: 0; }
.hero { min-height: 550px; }
.owner-card { display: block; color: inherit; cursor: pointer; text-decoration: none; }
.owner-card:focus-visible,.social-links > a:focus-visible { outline: 2px solid var(--tone); outline-offset: 5px; }
.owner-info { display: block; }
.owner-card:hover .owner-info h2 { color: var(--tone-end); text-shadow: 0 0 22px var(--glow); }
.social-links > a { aspect-ratio: 1; padding: 25px; align-items: center; justify-content: center; text-align: center; gap: 23px; overflow: hidden; }
.social-links > a > span:not(.social-action) { flex: none; }
.social-links .social-brand-icon { width: 62px; height: 62px; transition: transform .35s,filter .35s; }
.social-links > a:hover .social-brand-icon { transform: scale(1.09); filter: invert(1) drop-shadow(0 0 10px #ffffff20); }
.social-links strong { margin-bottom: 0; }
.social-links small { display: none; }
.shine-panel::after { background: radial-gradient(440px circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff06,transparent 70%); filter: blur(18px); }
.shine-panel:hover::after { opacity: .7; }
@media(max-width:760px) {
 .hero { min-height: 420px; }
 .social-links > a { padding: 12px 5px; gap: 12px; }
 .social-links .social-brand-icon { width: clamp(30px,8vw,48px); height: clamp(30px,8vw,48px); }
 .social-links strong { font-size: clamp(11px,2.7vw,18px); }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
body { --rich: #3b8eff; }
body[data-page="games"] { --rich: #9751ed; }
body[data-page="studio"] { --rich: #20bd92; }
body[data-page="socials"] { --rich: #f063a4; }
body[data-page="apply"] { --rich: #ef9d30; }
.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2 {
 background-image: linear-gradient(110deg,var(--tone) 15%,var(--rich) 40%,var(--tone) 65%,var(--rich) 90%);
 background-size: 250% 100%;
 animation: text-sweep 14s ease-in-out infinite alternate;
 transition: text-shadow .65s ease;
}
@keyframes text-sweep { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
.button.primary { background: linear-gradient(115deg,var(--tone),var(--rich)); color: #111820; }
.button.primary:hover { background: linear-gradient(115deg,var(--rich),var(--tone)); }
:is(.intro-title,.chapter-copy > p,.studio-story p,.owner-info h2,.social-links strong,.stats-heading h2) { transition: text-shadow .65s ease,color .65s ease; }
@media(hover:hover) {
 .hero h1:hover em,.page-heading h1:hover,.applications-closed h1:hover,.chapter h2:hover { text-shadow: 0 0 25px var(--glow),0 0 55px var(--soft); }
 .intro-title:hover .intro-support,.chapter-copy > p:hover,.studio-story p:hover,.stats-heading h2:hover { text-shadow: 0 0 24px var(--glow); }
 .social-links > a:hover strong { text-shadow: 0 0 25px var(--glow); }
}
.intro-support { transition: text-shadow .65s ease; }
.background-stage::before {
 content: ''; position: absolute; inset: -30%; z-index: 1; pointer-events: none;
 background: radial-gradient(ellipse at 30% 50%,var(--glow),transparent 44%);
 opacity: .38; animation: ambient-sweep 22s ease-in-out infinite alternate;
}
@keyframes ambient-sweep { from { transform: translateX(-18%) rotate(-15deg); } to { transform: translateX(25%) rotate(18deg); } }
.background-stage[data-motion="static"]::before { animation-play-state: paused; }
body:has(.background-stage[data-motion="static"]) :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2) { animation-play-state: paused; }
@media(prefers-reduced-motion:reduce) {
 .background-stage::before,.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2 { animation:none; }
}

.social-links > a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; padding: 24px; }
.social-links > a > span:last-child { margin: 0; width: 100%; text-align: center; align-self: center; }
.social-links > a .social-brand-icon { display: block; width: 96px; height: 96px; margin: 0; flex: 0 0 auto; object-fit: contain; }
.social-links > a strong { margin: 0; font-size: 23px; line-height: 1.25; text-align: center; }
.studio-stats { padding: 36px 40px 42px; }
.stats-heading { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 9px; }
.stats-heading h2 { font-size: 26px; line-height: 1.25; margin: 0; letter-spacing: -.7px; }
.stats-heading p { font-size: 13px; line-height: 1.6; margin: 0; color: var(--muted); }
.totals-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-top: 34px; padding-top: 30px; border-top: 1px solid #ffffff13; }
.totals-grid > div,.totals-grid > div:first-child { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 6px 20px; border: 0; text-align: center; }
.totals-grid > div + div { border-left: 1px solid #ffffff16; }
.totals-grid .rolling-number { justify-content: center; font-size: clamp(42px,4.8vw,66px); font-weight: 650; letter-spacing: -.035em; line-height: 1; }
.totals-grid > div > span { margin-top: 17px; font-size: 13px; font-weight: 500; line-height: 1.4; color: #b8bdc7; }
@media(max-width:760px) {
 .social-links { gap: 10px; }
 .social-links > a { padding: 12px 5px; gap: 13px; }
 .social-links > a .social-brand-icon { width: clamp(40px,12vw,76px); height: clamp(40px,12vw,76px); }
 .social-links > a strong { font-size: clamp(11px,2.9vw,18px); }
 .studio-stats { padding: 26px 14px 28px; }
 .stats-heading h2 { font-size: 22px; }
 .stats-heading p { font-size: 11px; }
 .totals-grid { margin-top: 23px; padding-top: 24px; }
 .totals-grid > div,.totals-grid > div:first-child { padding: 3px 6px; }
 .totals-grid .rolling-number { font-size: clamp(24px,6.8vw,43px); letter-spacing: -.04em; }
 .totals-grid > div > span { font-size: 10px; margin-top: 12px; }
}
.header { position: sticky; top: 12px; z-index: 20; backdrop-filter: blur(22px) saturate(1.1); -webkit-backdrop-filter: blur(22px) saturate(1.1); background: #1a1b1eef; }
html { scroll-padding-top: 140px; }
.reactive-text { position: relative; }
.text-glow-copy { position: absolute; inset: 0; pointer-events: none; user-select: none; opacity: 0; transition: opacity .3s ease; mask-image: radial-gradient(circle 115px at var(--text-x,-200px) var(--text-y,-200px),#000 0, #000b 35%,transparent 100%); -webkit-mask-image: radial-gradient(circle 115px at var(--text-x,-200px) var(--text-y,-200px),#000 0, #000b 35%,transparent 100%); }
.reactive-text > .text-glow-copy,.reactive-text > .text-glow-copy * { color: var(--tone-end) !important; -webkit-text-fill-color: var(--tone-end) !important; background: none !important; text-shadow: 0 0 12px var(--tone),0 0 24px var(--glow) !important; filter: none !important; animation: none !important; }
.reactive-text:hover > .text-glow-copy { opacity: .85; }
.hero h1:hover em,.page-heading h1:hover,.applications-closed h1:hover,.chapter h2:hover,.intro-title:hover .intro-support,.chapter-copy > p:hover,.studio-story p:hover,.stats-heading h2:hover { text-shadow: none; }
@media(max-width:760px) { .header { top: 8px; } html { scroll-padding-top: 160px; } }
@media(prefers-reduced-motion:reduce) { .text-glow-copy { display:none; } }
body { background: #0d0e10; }
.background-stage { background: radial-gradient(ellipse at 90% 30%,var(--soft),transparent 65%),#0d0e10; }
.background-stage::after { background: radial-gradient(ellipse at 45% 30%,#0d0e1040,transparent 80%),linear-gradient(0deg,#0d0e1044,transparent); }
.chapter { border-top: 0; max-width: 1180px; padding-top: 65px; padding-bottom: 85px; }
.chapter h2 { font-size: clamp(38px,3.4vw,49px); margin-bottom: 30px; letter-spacing: -.035em; }
.chapter-copy { max-width: 1120px; }
.chapter-copy > p:first-child { font-size: clamp(26px,3.2vw,46px); line-height: 1.5; letter-spacing: -.035em; }
.chapter-links { margin-top: 36px; }
@media(max-width:760px) {
 .chapter { padding: 40px 6px 60px; }
 .chapter h2 { font-size: 36px; margin-bottom: 25px; }
 .chapter-copy > p:first-child { font-size: clamp(25px,5.3vw,36px); line-height: 1.55; }
}
body { padding-top: 130px; }
body,body * { user-select: none; -webkit-user-select: none; }
input,textarea { user-select: text; -webkit-user-select: text; }
.header { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); margin-top: 0; }
#main { overflow: visible; }
.home-story #home { height: calc(300svh - 130px); }
.home-story .home-stage { position: sticky; top: 130px; height: calc(100svh - 130px); }
.home-story .home-stage > * { position: absolute; left: 50%; top: 46%; transform: translate(-50%,-50%) translateY(var(--scene-y,0px)); opacity: var(--scene-opacity,0); margin: 0; }
.home-story .home-stage > .hero { min-height: 0; padding: 35px 0; }
.home-story .home-stage > .chapter { padding: 35px 10px; }
.home-story .home-stage > .studio-stats { max-width: 1180px; }
.home-story[data-page="home"] .footer { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); margin: 0; z-index: 10; opacity: var(--home-footer-opacity,0); }
.social-links strong { transition: transform .35s,text-shadow .65s; transform-origin: center; }
.social-links > a:hover strong { transform: scale(1.09); text-shadow: none; }
.owner-card:hover .owner-info h2 { text-shadow: none; color: inherit; }
.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2 { animation: periodic-sweep 12s ease-in-out infinite; background-image: linear-gradient(110deg,var(--tone) 25%,var(--rich) 40%,var(--tone-end) 49%,var(--rich) 58%,var(--tone) 74%); background-size: 300% 100%; }
@keyframes periodic-sweep { 0%,70% { background-position: 100% 50%; } 92%,100% { background-position: 0% 50%; } }
.intro-support,.chapter-copy > p:first-child { display: inline-block; padding-block: .25em; margin-block: -.25em; }
.scene-seen .intro-support,.scene-seen .chapter-copy > p:first-child { animation: first-light 1.8s ease-out both; }
@keyframes first-light { 0% { text-shadow: none; } 35% { text-shadow: 0 0 24px var(--glow),0 0 40px var(--soft); } 100% { text-shadow: none; } }
@media(max-width:760px) {
 body { padding-top: 162px; }
 .header { top: 12px; }
 .home-story #home { height: calc(300svh - 162px); }
 .home-story .home-stage { top: 162px; height: calc(100svh - 162px); }
 .home-story .home-stage > * { top: 42%; }
 .home-story .home-stage > .chapter { padding: 20px 8px; }
 .home-story .chapter h2 { font-size: 32px; margin-bottom: 20px; }
 .home-story .chapter-copy > p:first-child { font-size: clamp(24px,5vw,32px); }
 .home-story[data-page="home"] .footer { bottom: 12px; }
}
@media(prefers-reduced-motion:reduce) {
 .hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2,.scene-seen .intro-support,.scene-seen .chapter-copy > p:first-child { animation:none; }
}
.scene-seen .intro-support,.scene-seen .chapter-copy > p:first-child {
 background-image: linear-gradient(110deg,#d5d7dd 30%,var(--tone-end) 48%,#d5d7dd 65%);
 background-size: 300% 100%; background-clip: text; -webkit-background-clip: text; color: transparent;
 animation: first-text-sweep 2.2s ease-out both;
}
@keyframes first-text-sweep { from { background-position: 100% 50%; } to { background-position: 0% 50%; } }
@media(prefers-reduced-motion:reduce) { .scene-seen .intro-support,.scene-seen .chapter-copy > p:first-child { animation:none; background:none; color:#d5d7dd; } }
.home-story .home-stage { overflow: clip; overflow-clip-margin: 24px; }
.home-story .home-stage > * { filter: blur(var(--scene-blur,0px)); }
.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2 { animation: none; background-image: linear-gradient(110deg,var(--tone),var(--rich)); background-size: 100% 100%; }
.scene-seen .intro-support,.scene-seen .chapter-copy > p:first-child { animation: none; background: none; color: #d5d7dd; }
.letter-word { display: inline-block; white-space: nowrap; }
.letter { display: inline-block; }
.hero h1 em,.chapter h2 { background: none; -webkit-text-fill-color: currentColor; color: var(--tone); }
.hero h1 em .letter { animation: letter-drift 8s ease-in-out infinite; animation-delay: calc(var(--letter-index) * -120ms); }
@keyframes letter-drift { 0%,65%,100% { transform: translateY(0); } 80% { transform: translateY(-2px); } }
body:has(.background-stage[data-motion="static"]) .hero h1 em .letter { animation-play-state: paused; }
.home-story .chapter-copy > p:first-child,.chapter-copy > p:first-child { font-size: clamp(32px,4vw,57px); line-height: 1.45; }
.studio-stats,.studio-stats:hover { background: none; border: 0; box-shadow: none; overflow: visible; }
.studio-stats::before,.studio-stats::after { display: none; }
.totals-grid,.totals-grid > div,.totals-grid > div + div { border: 0; }
.stats-heading h2 { font-size: clamp(34px,3.5vw,48px); }
.stats-heading p { font-size: clamp(16px,1.5vw,20px); }
.totals-grid { margin-top: 42px; padding-top: 12px; }
@media(max-width:760px) {
 .home-story .chapter-copy > p:first-child,.chapter-copy > p:first-child { font-size: clamp(28px,6.6vw,40px); line-height: 1.42; }
 .home-story .chapter h2 { font-size: 36px; }
 .chapter-links { gap: 9px; margin-top: 28px; }
 .stats-heading h2 { font-size: 34px; }
 .stats-heading p { font-size: 15px; }
 .totals-grid { margin-top: 26px; }
}
@media(prefers-reduced-motion:reduce) { .hero h1 em .letter { animation:none; } }
.intro-title,.chapter h2,.chapter-copy > p:first-child,.studio-story p,.stats-heading h2,.stats-heading p { text-shadow: 0 2px 8px #00000040; }
.page-heading h1,.applications-closed h1 { filter: drop-shadow(0 2px 5px #0004) drop-shadow(0 0 23px var(--glow)); }
.owner-info h2,.social-links strong { text-shadow: 0 2px 6px #0004; }

.game-badge { backdrop-filter: none; -webkit-backdrop-filter: none; background: #202127; z-index: 1; }

.page-heading h1:has(.letter),.applications-closed h1:has(.letter) { background: none; -webkit-text-fill-color: currentColor; color: var(--tone); }
.page-heading h1 .letter,.applications-closed h1 .letter,.hero h1 em .letter,.chapter h2 .letter { background: linear-gradient(130deg,var(--tone),var(--rich)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.letter { opacity: 0; } @media(prefers-reduced-motion:reduce) { .letter { opacity: 1 !important; } }
.hero h1 em .letter { animation: none; }
.home-story .home-stage > * { transform: translate(-50%,-50%) translate(var(--scene-x,0px),var(--scene-y,0px)) scale(var(--scene-scale,1)); }
.home-story .home-stage { overflow-clip-margin: 0; }
html,body { overflow-x: clip; }

.home-story .home-stage > * { transform: translate(-50%,-50%) translateY(var(--scene-y,0px)) scale(var(--scene-scale,1)); }
.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2,.rolling-number { filter: none; }
body :is(h1,h2,p,strong,em,.letter),body :is(h1,h2,p,strong,em,.letter):hover { text-shadow: 0 2px 6px #0003 !important; }
.letter { padding: .12em .045em; margin: -.12em -.045em; }
.letter-word { overflow: visible; }

body :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2),body :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2):hover { filter: drop-shadow(0 0 16px var(--glow)); }
body .rolling-number { filter: drop-shadow(0 0 15px var(--glow)); }
body :is(.intro-support,.chapter-copy > p:first-child,.stats-heading h2),body :is(.intro-support,.chapter-copy > p:first-child,.stats-heading h2):hover { text-shadow: 0 2px 6px #0004,0 0 24px var(--soft) !important; }
.chapter,.home-story .home-stage > .chapter { max-width: 1300px; }
.chapter-copy { max-width: 1260px; }
.home-story .chapter-copy > p:first-child,.chapter-copy > p:first-child { font-size: clamp(40px,4.7vw,68px); line-height: 1.4; font-weight: 550; }
@media(max-width:760px) {
 .home-story .chapter-copy > p:first-child,.chapter-copy > p:first-child { font-size: clamp(33px,8.3vw,49px); line-height: 1.34; }
 .home-story .chapter h2 { margin-bottom: 22px; }
}
.intro-support,.chapter-copy > p:first-child { filter: drop-shadow(0 0 18px var(--soft)); }
body :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2),body :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2):hover {
 filter: drop-shadow(0 0 9px color-mix(in srgb,var(--tone) 55%,transparent)) drop-shadow(0 0 26px color-mix(in srgb,var(--tone) 35%,transparent));
}
.home-story[data-page="home"] .footer { opacity: 1; transform: translate(-50%,var(--home-footer-y,150%)); }
.home-story #chapter:not([data-seen]) .chapter-links { visibility: hidden; }
.chapter h2,.home-story .chapter h2 { font-size: clamp(58px,6.3vw,90px); line-height: 1.15; margin-bottom: 30px; }
.chapter-copy,.home-story .chapter-copy { max-width: 1080px; }
.home-story .chapter-copy > p:first-child,.chapter-copy > p:first-child { font-size: clamp(30px,3.2vw,46px); line-height: 1.45; }
.home-story .home-stage > :not([data-seen]) .letter { opacity: 0 !important; }
@media(max-width:760px) {
 .chapter h2,.home-story .chapter h2 { font-size: clamp(48px,12vw,66px); margin-bottom: 24px; }
 .home-story .chapter-copy > p:first-child,.chapter-copy > p:first-child { font-size: clamp(26px,6.8vw,34px); line-height: 1.4; }
}

body :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2,.stats-heading h2),body :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2,.stats-heading h2):hover {
 filter: drop-shadow(0 0 10px color-mix(in srgb,var(--rich) 38%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--rich) 16%,transparent));
}
.stats-heading h2 { font-size: clamp(56px,6.3vw,90px); color: var(--tone); line-height: 1.15; }
.stats-heading h2 .letter { background: linear-gradient(130deg,var(--tone),var(--rich)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.scene-navigation { position: fixed; z-index: 21; right: 17px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 8px; }
.scene-dot { width: 28px; height: 32px; padding: 0; border: 0; background: none; display: grid; place-items: center; position: relative; }
.scene-dot::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #ffffff45; transition: background .2s,transform .2s; }
.scene-dot[aria-current]::after { background: var(--tone); transform: scale(1.4); box-shadow: 0 0 10px var(--glow); }
.scene-dot span { position: absolute; right: 34px; white-space: nowrap; padding: 7px 11px; border-radius: 9px; background: #202124; font-size: 11px; opacity: 0; pointer-events: none; transition: opacity .2s; }
.scene-dot:hover span,.scene-dot:focus-visible span { opacity: 1; }
@media(max-width:760px) {
 .stats-heading h2 { font-size: clamp(46px,12vw,66px); }
 .scene-navigation { right: 2px; gap: 5px; }
 .scene-dot { width: 22px; }
 .home-story .home-stage > .hero,.home-story .home-stage > .chapter,.home-story .home-stage > .studio-stats { width: calc(100% - 54px); }
}
.chapter h2,.home-story .chapter h2,.stats-heading h2 {
 font-family: Montserrat,sans-serif; font-weight: 700; font-size: clamp(58px,6.3vw,90px); line-height: 1.15; letter-spacing: -.035em;
}
@media(max-width:760px) { .chapter h2,.home-story .chapter h2,.stats-heading h2 { font-size: clamp(48px,12vw,66px); } }
.background-stage canvas { transform: translate3d(0,var(--scroll-shift,0px),0) scale(1.14); transition: filter 1s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
@media(prefers-reduced-motion:reduce) { .background-stage canvas { transform:none; transition:none; } }

.background-stage canvas { transform: translate3d(0,var(--scroll-shift,0px),0) scale(1.22); transition: filter 1s ease,transform .24s ease-out; }
@media(prefers-reduced-motion:reduce) { .background-stage canvas { transform:none; transition:none; } }
.background-stage { transform: translate3d(var(--tab-shift,0px),0,0); transition: transform 1.1s cubic-bezier(.22,.65,.25,1); }
.header,.footer {
 background: linear-gradient(155deg,#ffffff0d,transparent 38%,#ffffff03 75%),#17191dc9;
 border: 1px solid #ffffff22;
 backdrop-filter: blur(20px) saturate(1.25);
 -webkit-backdrop-filter: blur(20px) saturate(1.25);
 box-shadow: inset 0 1px 1px #ffffff24,inset 0 -1px 1px #0009,0 12px 35px #0004;
 isolation: isolate;
}
.header:hover,.footer:hover { background: linear-gradient(155deg,#ffffff10,transparent 38%,#ffffff04 75%),#17191dd6; border-color:#ffffff30; box-shadow: inset 0 1px 1px #ffffff30,inset 0 -1px 1px #0009,0 12px 35px #0004; }
.header::before,.footer::before {
 content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
 background:linear-gradient(120deg,#ffffff65,transparent 25%,transparent 65%,var(--edge));
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor;
}
.header.shine-panel::after,.footer.shine-panel::after {
 background:radial-gradient(ellipse 280px 100px at var(--shine-x,50%) var(--shine-y,0%),#ffffff12,transparent 75%);
 filter:blur(12px); opacity:0; transition:opacity .5s;
}
.header.shine-panel:hover::after,.footer.shine-panel:hover::after { opacity:.75; }
.header nav a,.button.secondary,.social-icons a { box-shadow: inset 0 1px #ffffff0a,inset 0 -1px #0003; }
.header nav a { background:linear-gradient(160deg,#ffffff09,#ffffff02); }
.header nav a[aria-current] { background:linear-gradient(145deg,var(--soft),#ffffff05); border-color:var(--edge); box-shadow:inset 0 1px #ffffff22,0 0 16px var(--soft); }
.button.secondary { background:linear-gradient(155deg,#ffffff0c,#ffffff03),#1e2024b8; border-color:#ffffff2b; }
.button.secondary:hover { background:linear-gradient(155deg,#ffffff15,#ffffff05),#25282dd4; }
@supports not (backdrop-filter:blur(1px)) { .header,.footer { background:#1c1e22f5; } }
@media(prefers-reduced-motion:reduce) { .background-stage { transform:none; transition:none; } }


.header,.footer,.header:hover,.footer:hover {
 background: linear-gradient(155deg,#ffffff08,transparent 55%),#17191da8;
 backdrop-filter: blur(20px) saturate(.65);
 -webkit-backdrop-filter: blur(20px) saturate(.65);
 border-color:#ffffff22;
 box-shadow:inset 0 1px #ffffff16,inset 0 -1px #0005,0 12px 35px #0003;
}
.header::before,.footer::before { display:none; }
.owner-card,.game-card,.social-links > a,.button.secondary,.button.primary,.social-icons a,.header nav a {
 background:linear-gradient(155deg,#ffffff08,transparent 55%),#17191d85;
 backdrop-filter:blur(16px) saturate(.65);
 -webkit-backdrop-filter:blur(16px) saturate(.65);
 border-color:#ffffff20;
 box-shadow:inset 0 1px #ffffff12,0 8px 24px #0002;
}
.owner-card:hover,.game-card:hover,.social-links > a:hover,.button.secondary:hover,.button.primary:hover,.social-icons a:hover,.header nav a:hover {
 background:linear-gradient(155deg,#ffffff0e,transparent 55%),#202226a0;
 border-color:#ffffff38;
 box-shadow:inset 0 1px #ffffff20,0 8px 28px #0003;
}
.button.primary,.button.primary:hover { color:var(--ink); }
.header nav a[aria-current] { background:#ffffff0c; border-color:#ffffff35; box-shadow:inset 0 1px #ffffff16; }

.background-stage { transform:none; transition:none; overflow:hidden; }
.background-stage canvas {
 translate:var(--tab-shift,0px) 0;
 transition:translate 1.1s cubic-bezier(.22,.65,.25,1),filter 1s ease,transform .24s ease-out;
}
@supports not (backdrop-filter:blur(1px)) {
 .header,.footer,.owner-card,.game-card,.social-links > a,.button { background:#1c1e22ed; }
}
@media(prefers-reduced-motion:reduce) { .background-stage canvas { translate:none; transform:none; transition:none; } }

.home-story .home-stage { overflow:visible; clip-path:inset(-130px 0 0); }
@media(max-width:760px) { .home-story .home-stage { clip-path:inset(-162px 0 0); } }
body[data-page="socials"] {
 --tone:#ff929e; --tone-end:#ffc1c8; --rich:#ed4963;
 --glow:#ff6d8533; --soft:#ff6d8514; --edge:#ff929e50;
}
.header.shine-panel::after,.footer.shine-panel::after {
 background:radial-gradient(circle 120px at var(--shine-x,50%) var(--shine-y,50%),#ffffff12,transparent 75%);
 filter:blur(12px);
}
.button.secondary,.owner-card,.social-links > a {
 background:linear-gradient(155deg,#ffffff06,transparent 55%),#17191d48;
 backdrop-filter:blur(20px) saturate(.65);
 -webkit-backdrop-filter:blur(20px) saturate(.65);
}
.button.secondary:hover,.owner-card:hover,.social-links > a:hover {
 background:linear-gradient(155deg,#ffffff0b,transparent 55%),#20222660;
}
@supports not (backdrop-filter:blur(1px)) {
 .button.secondary,.owner-card,.social-links > a { background:#1c1e22ed; }
}

.background-stage canvas { transform:scale(1.22); }

:is(.header,.footer,.button,.game-card,.owner-card,.social-links > a,.header nav a).shine-panel::before {
 display:block; content:''; position:absolute; inset:-1px; border-radius:inherit;
 padding:1px; pointer-events:none; z-index:4; opacity:0;
 background:radial-gradient(circle 150px at var(--shine-x,50%) var(--shine-y,50%),#ffffffc0 0%,var(--tone) 30%,var(--rich) 48%,transparent 75%);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;
 transition:opacity .35s ease;
}
:is(.header,.footer,.button,.game-card,.owner-card,.social-links > a,.header nav a).shine-panel:hover::before { opacity:.65; }
@media(prefers-reduced-motion:reduce) { .background-stage canvas { transform:none; } }

.scene-navigation {
 opacity:0; translate:18px 0; visibility:hidden; pointer-events:none;
 transition:opacity .24s ease,translate .32s cubic-bezier(.22,.65,.25,1),visibility 0s .32s;
}
.scene-navigation[data-visible="true"] {
 opacity:1; translate:0 0; visibility:visible; pointer-events:auto;
 transition:opacity .3s ease,translate .36s cubic-bezier(.22,.65,.25,1),visibility 0s;
}

.home-story .home-stage > * { filter:none; }
.home-story #chapter .chapter-links {
 transition:opacity .24s ease,visibility 0s;
}
.home-story #chapter:not([data-seen]) .chapter-links {
 opacity:0; visibility:hidden; transition:opacity .24s ease,visibility 0s .24s;
}
:is(.social-icons,.social-links) > a[href*="discord"] { --brand-color:#5865f2; --brand-rich:#7983ff; }
:is(.social-icons,.social-links) > a[href*="youtube"] { --brand-color:#ff0033; --brand-rich:#ff6377; }
:is(.social-icons,.social-links) > a[href*="roblox"] { --brand-color:#e7e9ef; --brand-rich:#ffffff; }
:is(.social-icons,.social-links) > a {
 --tone:var(--brand-color); --rich:var(--brand-rich);
}
:is(.social-icons,.social-links) > a:hover {
 background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),color-mix(in srgb,var(--brand-color) 24%,transparent),transparent 85%),#17191d60;
 border-color:color-mix(in srgb,var(--brand-color) 48%,transparent);
 box-shadow:inset 0 1px #ffffff20,0 0 24px color-mix(in srgb,var(--brand-color) 12%,transparent);
}
:is(.social-icons,.social-links) > a.shine-panel::after {
 background:radial-gradient(circle 180px at var(--shine-x,50%) var(--shine-y,50%),color-mix(in srgb,var(--brand-color) 28%,transparent),transparent 75%);
}
.social-icons a.shine-panel::before {
 content:''; position:absolute; inset:-1px; border-radius:inherit; padding:1px; pointer-events:none;
 background:radial-gradient(circle 60px at var(--shine-x,50%) var(--shine-y,50%),var(--brand-rich),var(--brand-color) 40%,transparent 85%);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor;
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;
 opacity:0; transition:opacity .3s;
}
.social-icons a.shine-panel:hover::before { opacity:.75; }
@media(prefers-reduced-motion:reduce) { .scene-navigation,.scene-navigation[data-visible="true"] { transition:none; } }


.social-icons a {
 backdrop-filter:none; -webkit-backdrop-filter:none;
 background:#ffffff05; box-shadow:none; border:1px solid #ffffff1c;
}
.social-icons a:hover {
 box-shadow:0 0 18px color-mix(in srgb,var(--brand-color) 16%,transparent);
}
.social-icons a.shine-panel::before { display:none; }
.social-icons a.shine-panel::after {
 filter:none;
 background:radial-gradient(circle 40px at var(--shine-x,50%) var(--shine-y,50%),color-mix(in srgb,var(--brand-color) 18%,transparent),transparent 85%);
}


.footer[data-transitioning] { opacity:0 !important; pointer-events:none; }

.header .social-icons > a::before,.header .social-icons > a::after { content:none; display:none; }
.header .social-icons > a { isolation:auto; }
.header .social-icons > a:hover {
 background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-color) 25%,transparent),color-mix(in srgb,var(--brand-color) 12%,transparent));
 box-shadow:0 0 18px color-mix(in srgb,var(--brand-color) 16%,transparent);
}
.page-heading > p:last-child,.applications-closed > p { color:#fff; }


.error-background { background:radial-gradient(ellipse at 25% 30%,#528db122,transparent 55%),radial-gradient(ellipse at 75% 70%,#274b7633,transparent 60%),#0d0e10; }
.error-content { min-height:calc(100svh - 285px); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding-block:65px; }
.error-code { font-size:clamp(90px,15vw,180px); line-height:1.05; font-weight:800; letter-spacing:-.07em; color:#83cbff; text-shadow:0 0 35px #397fc938; }
.error-content h1 { font-size:clamp(28px,4vw,50px); margin:24px 0 15px; line-height:1.2; }
.error-content p { font-size:clamp(15px,2vw,18px); color:#fff; line-height:1.7; }
.error-page .footer { margin-bottom:18px; }
@media(max-width:760px) { .error-content { min-height:calc(100svh - 345px); padding-block:42px; } }

.header::after { clip-path:inset(0 round 28px); }
.header > .social-icons { position:relative; z-index:5; isolation:isolate; }
.header:has(.social-icons:hover)::after,.header:has(.social-icons:hover)::before { opacity:0!important; }
.header .social-icons > a { overflow:hidden; background:#1a1c20; }
.header .social-icons > a:hover { background:color-mix(in srgb,var(--brand-color) 25%,#1a1c20); box-shadow:none; }
.performance-lite :is(.header,.footer,.button,.owner-card,.game-card,.social-links>a,.header nav a) { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; background-color:#191b20ee; }
.performance-lite .shine-panel::before,.performance-lite .shine-panel::after { display:none!important; }
.performance-lite .letter { filter:none!important; }
.performance-lite :is(.hero h1 em,.page-heading h1,.applications-closed h1,.chapter h2,.stats-heading h2,.rolling-number) { filter:none!important; }
.performance-lite .background-stage::before { animation:none!important; }
.performance-lite .background-stage canvas { transition:none; }
.error-page { padding:0; }
.error-page .error-content { min-height:100svh; padding:32px 16px; }

.compact-scroll .home-story #home { height:calc(270svh - 130px); }
@media(max-width:760px) { .compact-scroll .home-story #home { height:calc(270svh - 162px); } }
.error-page #main.error-content { display:flex; min-height:100svh; justify-content:center; }
@media(max-width:760px) {
 body { padding-top:146px; }
 .footer { display:none!important; }
 .home-story .home-stage { top:146px; height:calc(100svh - 146px); clip-path:inset(-146px 0 0); }
 .home-story #home { height:calc(300svh - 146px); }
 .compact-scroll .home-story #home { height:calc(270svh - 146px); }
 .home-story .home-stage > * { top:50%; }
 .hero-copy { width:100%; text-align:center; }
 .hero h1.intro-title { margin:0 auto; text-align:center; }
 body:not(.home-story) #home .home-stage > * {
  min-height:calc(100svh - 146px); display:flex; flex-direction:column;
  align-items:center; justify-content:center; padding:42px 12px; margin:0 auto;
 }
 body:not(.home-story) #home .home-stage > * + * { margin-top:72px; }
 .social-links { grid-template-columns:minmax(0,300px); justify-content:center; gap:20px; }
 .social-links > a { width:100%; aspect-ratio:1; padding:28px; gap:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
 .social-links > a .social-brand-icon { width:84px; height:84px; flex:0 0 auto; margin:0; }
 .social-links > a > span:last-child { width:100%; flex:0 0 auto; margin:0; align-self:center; text-align:center; }
 .social-links > a strong { display:block; font-size:23px; line-height:1.35; margin:0; }
 .stats-heading { align-items:center; text-align:center; }
 .error-page { padding-top:0; }
}
@media(max-width:1024px) and (pointer:coarse) { .footer { display:none!important; } }
@media(max-width:1024px) and (max-height:600px) and (orientation:landscape) {
 body { padding-top:90px; }
 .footer { display:none!important; }
 .header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; height:64px; padding:8px 12px; gap:12px; top:10px; margin-top:0; border-radius:20px; }
 .header .brand { grid-column:1; grid-row:1; }
 .header .brand img { width:84px; height:42px; }
 .header nav { grid-column:2; grid-row:1; display:flex; justify-content:center; gap:5px; padding:0; min-width:0; }
 .header nav a { flex:0 1 auto; padding:9px 10px; font-size:11px; border-radius:11px; }
 .header > .social-icons { grid-column:3; grid-row:1; gap:5px; }
 .header .social-icons a { width:30px; height:30px; }
 .header .social-icons img { width:18px; height:18px; }
 body:not(.home-story) #home .home-stage > * { min-height:calc(100svh - 90px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:36px 20px; margin:0 auto; }
 body:not(.home-story) #home .home-stage > * + * { margin-top:64px; }
 .error-page { padding-top:0; }
}
@media(max-width:610px) and (max-height:600px) and (orientation:landscape) {
 .header { gap:7px; padding-inline:9px; }
 .header .brand img { width:66px; height:38px; }
 .header nav { gap:3px; }
 .header nav a { font-size:10px; padding:9px 6px; }
 .header .social-icons a { width:26px; height:26px; }
 .header > .social-icons { gap:3px; }
}
@media(max-width:1024px) and (max-height:600px) and (orientation:landscape) { .header { min-height:0; } }
@media(max-width:1024px) and (max-height:600px) and (orientation:landscape) {
 .hero-copy { width:100%; text-align:center; }
 .hero h1.intro-title { font-size:clamp(24px,4.6vw,46px); line-height:1.3; white-space:nowrap; margin:0 auto; text-align:center; }
 .studio-stats .stats-heading { width:100%; align-items:center; text-align:center; }
 .studio-stats .totals-grid { width:min(100%,740px); align-self:center; margin-inline:auto; }
 .totals-grid .rolling-number { font-size:clamp(30px,5.5vw,54px); }
 .totals-grid > div > span { font-size:clamp(11px,1.6vw,14px); }
}