/* The game artwork is supplied media: preserve its aspect ratio and RGB values. */
.studio-game-caption { display:flex; align-items:baseline; justify-content:flex-end; gap:16px; margin-top:10px; }
.studio-game-caption a { font-size:12px; }
.studio-game-caption>a>.icon { width:13px; height:13px; }
.studio-game-caption>span { color:#bcb3a2; font-size:11px; white-space:nowrap; }
.studio-product>.studio-game-caption+.media-caption { margin-top:7px; }
.game-phone-device>img { object-fit:contain; filter:none; opacity:1; mix-blend-mode:normal; }
.game-promotion { position:relative; min-width:0; margin:0; padding:0 6%; isolation:isolate; }
.game-promotion::before { content:""; position:absolute; z-index:-1; inset:20% -6% 6%; background:radial-gradient(ellipse at 52% 60%,#aa825612,transparent 66%); pointer-events:none; }
.game-display { position:relative; display:flex; justify-content:center; align-items:flex-end; padding-bottom:44px; }
.game-poster { display:block; position:relative; z-index:2; width:min(100%,300px); height:auto; max-height:550px; object-fit:contain; filter:none; opacity:1; mix-blend-mode:normal; }
.game-plinth { position:absolute; z-index:1; left:6%; right:6%; bottom:10px; height:48px; background:linear-gradient(105deg,#15181d,#27282a 48%,#13161b); border-radius:50% 50% 6px 6px / 22% 22% 8% 8%; box-shadow:0 25px 35px -12px #000c; }
.game-plinth::before { content:""; position:absolute; inset:0 0 35px; border-radius:50%; background:linear-gradient(130deg,#33383f,#1e2024 40%,#4c463d 65%,#20242a); box-shadow:0 1px 0 #b4a17c55 inset; }
.game-plinth::after { content:""; position:absolute; inset:6px 18% 20px; border-radius:50%; background:radial-gradient(ellipse,#c2944e32,transparent 70%); pointer-events:none; }
.game-promotion>figcaption { display:flex; justify-content:center; align-items:center; gap:24px; margin-top:14px; }
.game-promotion-title { color:#d8bd8c; font-size:20px; font-weight:400; line-height:1.2; letter-spacing:-.02em; }
.game-promotion-title>span { display:block; margin-top:5px; color:#b5a991; font-size:12px; letter-spacing:.02em; }
.game-promotion-status { padding-left:24px; border-left:1px solid #4c4438; color:#bcb3a2; font-size:12px; }
.game-promotion-context { color:var(--muted); font-size:11px; line-height:1.5; margin-top:10px; max-width:28ch; }
.about-game-links { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:28px; }
.about-game-links .text-link { font-size:14px; }
.craft-roles { grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px; }
.about-opening .game-promotion { justify-self:center; width:100%; max-width:600px; }
.about-opening-copy h1 { max-width:15ch; }
.game-project .archive-media { display:flex; justify-content:center; padding:34px; background:#0e1013; }
.game-project .archive-media img { width:auto; height:500px; max-width:100%; object-fit:contain; margin:0; filter:none; }
.game-project .archive-media:hover img { transform:translateY(-5px); }
.project-fallback>.game-project { align-self:stretch; }
.project-fallback>.game-project>img { height:auto; aspect-ratio:1200/780; object-fit:contain; background:#111418; padding:18px; }
.game-case .case-header h1 { font-size:clamp(48px,7.6vw,110px); max-width:18ch; line-height:1.06; letter-spacing:-.04em; }
.game-case .case-subtitle { color:#c9b185; }
.game-case-opening { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:9vw; padding-top:50px; background:#0c0e11; }
.game-case-copy h2 { font-size:clamp(52px,6vw,88px); line-height:1.08; letter-spacing:-.04em; margin-bottom:34px; }
.game-case-copy .statement { color:#d9dce2; font-size:clamp(24px,2.6vw,36px); }
.game-case-copy>p:not(.statement) { color:var(--muted); font-size:17px; line-height:1.65; max-width:44ch; margin-top:24px; }
.game-case-copy>.game-availability { padding-top:16px; color:#c9b185; font-size:14px; }
.game-case-opening .game-poster { max-height:650px; width:min(100%,360px); }
.game-case-opening .game-promotion { max-width:600px; }
.game-features { display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.game-features h2 { font-size:clamp(32px,3vw,48px); margin-bottom:20px; }
.game-features p { color:var(--muted); font-size:18px; line-height:1.65; max-width:42ch; }
.game-screen-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:56px; }
.game-screen-heading h2 { font-size:clamp(34px,4vw,58px); line-height:1.08; max-width:14ch; }
.game-screen-heading>p { color:var(--muted); font-size:16px; line-height:1.6; }
.game-screen-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.game-screen { min-width:0; margin:0; }
.game-screen-media { display:flex; flex-direction:column; align-items:center; gap:22px; width:100%; padding:0; background:transparent; text-align:left; }
.game-screen-media>img { width:100%; height:clamp(420px,39vw,600px); object-fit:contain; filter:none; opacity:1; mix-blend-mode:normal; transition:transform 350ms var(--ease); }
.game-screen-media>span { display:inline-flex; align-items:center; gap:10px; align-self:flex-start; color:var(--muted); font-size:12px; min-height:44px; }
.game-screen-media>span .icon { width:15px; height:15px; }
.game-screen-media:hover>span { color:var(--ink); text-decoration:underline; text-underline-offset:6px; }
.game-screen-media:hover>img { transform:translateY(-4px); }
.game-screen-copy { margin-top:14px; }
.game-screen-copy h3 { color:var(--ink); font-size:24px; font-weight:400; letter-spacing:-.03em; }
.game-screen-copy p { color:var(--muted); font-size:13px; margin-top:9px; line-height:1.6; max-width:34ch; }
@media(min-width:1700px) { .about-opening .game-poster { max-height:600px; width:335px; } }
@media(max-width:1100px) { .craft-roles { grid-template-columns:1fr 1fr; }.game-promotion { padding-inline:0; }.game-poster { max-height:460px; }.game-case-opening { gap:5vw; }.studio-game-caption { gap:10px; flex-wrap:wrap; }.studio-game-caption a { font-size:11px; } }
@media(min-width:701px) and (max-width:1000px) {
  .game-screen-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px 32px; }
  .game-screen:last-child { grid-column:1/-1; width:calc(50% - 16px); justify-self:center; }
  .game-screen-media>img { height:480px; }
}
@media(max-width:700px) {
  .studio-game-caption { justify-content:flex-start; gap:6px 14px; }
  .studio-game-caption a { font-size:11px; }.studio-game-caption>span { font-size:10px; }
  .studio-product>.studio-game-caption+.media-caption { text-align:left; }
  .about-opening .game-promotion { max-width:400px; }
  .game-display { padding-bottom:36px; }
  .game-poster { width:238px; max-height:none; }
  .game-plinth { bottom:7px; height:40px; left:7%; right:7%; }.game-plinth::before { bottom:29px; }
  .game-promotion>figcaption { gap:18px; margin-top:8px; }
  .game-promotion-title { font-size:19px; }.game-promotion-status { padding-left:18px; }
  .about-game-links { gap:10px 24px; margin-top:22px; }
  .craft-roles { grid-template-columns:1fr; gap:27px; }.craft-roles>div { grid-template-columns:90px 1fr; }
  .game-project .archive-media { padding:26px; }.game-project .archive-media img { height:420px; max-width:100%; }
  .project-fallback>.game-project>img { padding:14px; }
  .game-case .case-header h1 { font-size:clamp(43px,10vw,64px); }
  .game-case-opening { grid-template-columns:1fr; gap:44px; padding-top:42px; }
  .game-case-copy h2 { font-size:54px; margin-bottom:26px; }.game-case-copy .statement { font-size:27px; }
  .game-case-copy>p:not(.statement) { font-size:16px; }
  .game-case-opening .game-promotion { width:100%; max-width:400px; justify-self:center; }
  .game-case-opening .game-poster { width:265px; max-height:none; }
  .game-features { grid-template-columns:1fr; gap:44px; }.game-features h2 { font-size:32px; margin-bottom:16px; }.game-features p { font-size:16px; }
  .game-screen-heading { display:block; margin-bottom:38px; }.game-screen-heading h2 { font-size:36px; }.game-screen-heading>p { margin-top:22px; font-size:14px; }
  .game-screen-grid { grid-template-columns:1fr; gap:48px; }
  .game-screen { width:100%; max-width:360px; justify-self:center; }
  .game-screen-media { gap:12px; }.game-screen-media>img { height:560px; max-height:125vw; }
  .game-screen-copy { margin-top:8px; }.game-screen-copy h3 { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) { .game-project .archive-media:hover img,.game-screen-media:hover>img { transform:none; }.game-screen-media>img { transition:none; } }

.next-project>img { max-height:250px; object-fit:contain; }
.game-preview .quick-image { width:auto; max-width:100%; max-height:55svh; margin-inline:auto; object-fit:contain; }
.game-lightbox .quick-image { display:block; height:calc(90svh - 138px); max-height:none; margin-top:8px; }

.row-preview img { width:100%; height:100%; object-fit:contain; }

.about-opening-copy>.about-game-brief { color:#bdb5a6; font-size:16px; line-height:1.6; margin-top:22px; max-width:40ch; }.about-game-brief strong { font-weight:500; color:#dfc493; }