/* Original Deluxe hero dimensions: full viewport and edge-to-edge media. */
:root{--hero-height:100svh;--game-gap:18px;--game-card-height:420px}
.artwork-carousel .media-slide{height:var(--hero-height);min-height:600px;max-height:none;background:none}
.artwork-carousel .media-slide:before{display:none}
.artwork-carousel .artwork-video>img,.media-slide[data-slide="1"] .artwork-video>img{object-fit:cover;object-position:center 45%}
.media-slide[data-slide="2"] .artwork-video>img{object-position:55% center}
.media-slide[data-slide="3"] .artwork-video>img{object-position:center 38%}

/* Keep the full subjects visible; controls belong inside each panel. */
.home-game-grid{gap:var(--game-gap);padding-block:12px 24px}
.home-game-card{flex:0 0 300px;width:300px;height:var(--game-card-height);display:block;background:#141519;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);overflow:hidden}
.home-game-art{position:absolute;inset:0;width:100%;height:100%;transform:none;background:transparent}
.home-game-art>img{inset:0;width:100%;height:100%;padding:14px 17px 62px;object-fit:contain;object-position:center;transform:none;transition:none}
.home-game-art:hover>img{transform:none}
.home-game-art:after{display:block;content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07080a 0%,#07080ac7 12%,transparent 30%);pointer-events:none}
.home-game-card[data-game="rasta-santa"]{background:#112009}
.home-game-card[data-game="riders-playground"]{background:#0787c9}
.home-game-card[data-game="up-you-go"]{background:#57621e}
.home-game-card[data-game="soccer-dribble"],.home-game-card[data-game="captain-ecogen"]{background:#e89f08}
.home-game-card[data-game="grow-farm-garden"]{background:#05aabb}
.home-game-card[data-game="dambe"]{background:#090908 url('../deluxe-v2/hausa-bg.png') center/cover}
.home-game-card[data-game="dambe"] .home-game-art>img{object-fit:cover;object-position:50% center;padding:0 0 48px}
.home-game-card[data-game="chike-lost-in-meta"] .home-game-art>img{object-fit:cover;object-position:58% center;padding:0 0 48px}
.game-platform-row{position:absolute;inset:auto 24px 16px 22px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;min-height:40px;z-index:2;color:#fff}
.game-platform-row h2{color:#fff;font-size:.875rem;font-weight:400;line-height:1.35;max-width:160px}
.game-platform-row .platform-buttons{margin:0;gap:2px}
.game-platform-row .platform-buttons.icon-only .platform-button{color:#fff;background:transparent;border:0;border-radius:0;padding:6px 3px;min-height:40px;width:27px}
.game-platform-row .platform-buttons.icon-only .platform-button img{filter:brightness(0) invert(1);width:18px;height:18px}
.game-platform-row h2 a:hover,.game-platform-row .platform-button:hover{color:#ffb5bc}
.home-games{padding-block:30px 54px}

.recognition-banner{background:#202124;border:0;color:#fff;padding-block:38px}
.recognition-intro .eyebrow,.recognition-award strong{color:#fff}
.recognition-award span{color:#e4e4e6}
.recognition-award>svg{stroke:#fff}

/* Only All games gets the divided layout. The other filters retain their grids. */
#game-catalog{display:block}
.catalog-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 32px}
.catalog-group-title{display:none}
#game-catalog[data-current-filter="all"]{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:56px}
#game-catalog[data-current-filter="all"] .catalog-group-title{display:block;font-family:var(--body);font-size:1.125rem;font-weight:600;letter-spacing:0;margin:0 0 30px}
#game-catalog[data-current-filter="all"] .catalog-live .catalog-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#game-catalog[data-current-filter="all"] .catalog-development .catalog-group-grid{grid-template-columns:1fr}
#game-catalog[data-current-filter="all"] .catalog-development{border-left:1px solid #dedee1;padding-left:32px}
#game-catalog[data-current-filter="released"] .catalog-development,#game-catalog[data-current-filter="development"] .catalog-live{display:none}

.studio-team-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;min-height:650px;display:flex;align-items:flex-end;padding-block:100px 64px!important;background:#151515}
.studio-team-hero .team-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.studio-team-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080808f2, #08080870 65%,#08080833);z-index:-1}
.studio-team-hero .eyebrow,.studio-team-hero p{color:#fff}.studio-team-hero p:last-child{max-width:650px}
.urban-story,.urban-theatre{position:relative;isolation:isolate;overflow:hidden}
.landmark-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.urban-story:after,.urban-theatre:after{content:'';position:absolute;inset:0;z-index:-1;background:#ffffffeb}
.urban-theatre:after{background:#f4f4f5e3}
.urban-story .story-copy{position:relative}.urban-hero .game-hero-bg{object-position:center}

@media(max-width:1000px){.catalog-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#game-catalog[data-current-filter="all"]{gap:28px}#game-catalog[data-current-filter="all"] .catalog-development{padding-left:22px}.home-game-card{flex-basis:280px;width:280px;height:400px}}
@media(max-width:700px){
 .artwork-carousel .media-slide{height:var(--hero-height);min-height:500px}.artwork-carousel .artwork-video>img{object-position:center}
 .home-game-card{flex-basis:270px;width:270px;height:390px}.home-game-grid{gap:var(--game-gap)}
 #game-catalog[data-current-filter="all"]{grid-template-columns:1fr;gap:52px}#game-catalog[data-current-filter="all"] .catalog-development{border-left:0;border-top:1px solid #dedee1;padding:34px 0 0}
 .studio-team-hero{min-height:570px;padding-bottom:42px!important}.studio-team-hero .team-background{object-position:52% center}
}
@media(max-width:560px){.catalog-group-grid{grid-template-columns:1fr}#game-catalog[data-current-filter="all"] .catalog-live .catalog-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}#game-catalog[data-current-filter="all"] .catalog-live .catalog-art{width:min(100%,150px)}#game-catalog[data-current-filter="all"] .catalog-live h3{font-size:1.125rem}#game-catalog[data-current-filter="all"] .catalog-live p{font-size:.875rem}}
