/* Three companion pages. The portfolio's existing type, canvas and navigation
   remain the foundation; original product work supplies the colour. */
.gaming-case-study{--case-blue:#7c4dff;--case-blue-ink:#7953c6;--case-muted:#687386;--game-wash:#eee7fc}
.gaming-case-study.snakes-case-study{--game-wash:#e5f4e8}
.gaming-case-study.my11-case-study{--game-wash:#f9e9ee}
.gaming-case-study .game-section{padding-block:100px}
.gaming-case-study .game-heading{max-width:750px;margin:0 auto 58px}
.gaming-case-study .game-heading p:not(.case-kicker){max-width:590px}
.gaming-case-study h2{font-size:clamp(2.5rem,4.5vw,4rem)}
.gaming-case-study .game-heading h2+p{margin-top:24px}
.game-hero{padding-top:calc(var(--header-height) + 12px)}
.game-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:3%;align-items:center;min-height:660px;padding:30px 2% 55px}
.gaming-case-study .game-hero h1{font-size:clamp(3.5rem,6.3vw,5.8rem);line-height:1.02}
.gaming-case-study .game-hero h1 span::after{content:none}
.gaming-case-study .game-hero h1 .game-dot{display:inline-block;color:transparent;width:.13em;height:.13em;margin-left:.035em;vertical-align:.1em;background:var(--case-blue);border-radius:50%;overflow:hidden}
.game-hero .case-subtitle{max-width:450px}
.game-hero-copy .case-text-link{margin-top:30px}
.game-hero-stage{position:relative;isolation:isolate;min-width:0;display:grid;place-items:center;min-height:550px}
.game-hero-stage::before{content:"";position:absolute;inset:4% -18%;background:radial-gradient(ellipse,var(--game-wash),transparent 65%);z-index:-1;pointer-events:none}
.game-hero-stage .game-video{width:255px;max-width:60%;rotate:7deg;box-shadow:0 24px 50px rgb(30 25 40 / 15%)}
.game-hero-stage .game-video--back{position:absolute;width:200px;left:1%;top:22%;rotate:-9deg;z-index:-1}
.game-hero-stage .game-video--front{margin-left:22%;margin-top:-10px}
.game-hero-stage .game-doodle{position:absolute;right:0;top:0;rotate:8deg}
.gaming-case-study .game-doodle{font-size:1.2rem;color:var(--case-blue-ink);line-height:1.4}
.game-doodle svg{display:block;width:80px;height:62px;stroke:currentColor;stroke-width:1.6;margin:9px auto 0}
.game-meta{display:flex;align-items:baseline;gap:40px;padding:22px 2% 0;color:var(--case-muted);font-size:.85rem;flex-wrap:wrap}
.game-meta span+span::before{content:"·";margin-right:40px;color:#b6a3d5}
.game-motion-toggle{font:inherit;color:var(--case-blue-ink);background:transparent;border:0;padding:12px 0;min-height:44px;cursor:pointer;margin-left:auto;white-space:nowrap}
.game-jumpnav{display:flex;flex-wrap:wrap;gap:18px 34px;padding:22px 2% 0;font-size:.88rem;color:var(--case-muted)}
.game-jumpnav a{min-height:44px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #e9e4ee}
.game-jumpnav a span{font-size:.65rem;color:#9e85c4}
.game-jumpnav a:hover{color:var(--case-blue-ink);border-color:var(--case-blue)}
.game-video{border-radius:28px;overflow:hidden;isolation:isolate;box-shadow:0 20px 42px rgb(32 22 50 / 9%);background:#14222b}
.gaming-case-study .game-video video{width:100%;height:auto;display:block;background:#14222b;border-radius:inherit;aspect-ratio:var(--video-ratio,9/20);object-fit:cover}
.game-video--landscape{border-radius:22px}
.game-video--landscape video{--video-ratio:16/9}
.game-crop{position:relative;display:block;width:100%;aspect-ratio:var(--crop-ratio);overflow:hidden;border:0;padding:0;background:transparent;border-radius:22px;isolation:isolate;cursor:zoom-in;box-shadow:0 20px 42px rgb(32 22 50 / 7%)}
.gaming-case-study .game-crop img{position:absolute;max-width:none;height:auto;display:block}
.game-crop:hover{filter:brightness(.99)}
.game-crop--flat{border-radius:0;box-shadow:none}
.game-crop--phone{border-radius:8% / 3.6%}
.game-hero-art{width:110%;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 94%,transparent);mask-composite:intersect;mix-blend-mode:multiply}
.game-hero-art .game-crop{cursor:default}
.game-two-up{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;max-width:860px;margin-inline:auto;position:relative;isolation:isolate}
.game-two-up::before,.game-phone-gallery::before{content:"";position:absolute;inset:12% -14%;background:radial-gradient(ellipse,var(--game-wash),transparent 68%);pointer-events:none;z-index:-1}
.game-two-up>figure{width:100%;max-width:310px;justify-self:center;min-width:0}
.game-two-up>figure:nth-child(2){padding-top:65px}
.gaming-case-study .game-media-title{font-size:.85rem;font-weight:500;letter-spacing:0;margin:0 0 20px;color:var(--case-muted);line-height:1.4}
.game-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:65px auto 0!important}
.game-metrics>div{position:relative;padding:10px 0 10px 22px;border-left:2px solid #e8dcfa}
.game-metrics dt{font-size:clamp(2.5rem,4.7vw,4rem);font-weight:650;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:lining-nums tabular-nums;color:var(--portfolio-ink)}
.game-metrics dd{margin-top:13px;font-size:.94rem;line-height:1.5;color:var(--case-muted)}
.game-metrics dd small{display:block;font-size:.8rem}
.gaming-case-study .game-metric-note{font-size:.76rem;max-width:900px;margin:18px auto 0;color:var(--case-muted)}
.game-pullquote{max-width:900px;margin:80px auto 0;text-align:center}
.gaming-case-study .game-pullquote p{color:var(--portfolio-ink);font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:1.3;letter-spacing:-.045em}
.game-pullquote p span{color:var(--case-blue-ink)}
.game-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 6%;padding:0 4%;margin-top:60px}
.game-screen-grid--states{max-width:1000px;margin-inline:auto;gap:48px 7%}
.game-screen-grid--states .game-crop{border-radius:18px}
.game-states-intro{margin:80px auto 0;max-width:800px}
.gaming-case-study .game-states-intro h3{font-size:1.65rem}
.game-split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-inline:5%}
.game-split .game-heading{margin:0}
.game-split .game-heading h2{font-size:clamp(2.5rem,4.2vw,3.7rem)}
.game-split .game-heading p:not(.case-kicker){font-size:1.1rem;line-height:1.6}
.game-split .game-two-up{gap:24px;width:100%}
.game-split .game-two-up>figure:nth-child(2){padding-top:70px}
.game-split .game-metrics{grid-template-columns:1fr;gap:26px;margin-top:35px!important}
.game-split .game-metrics dt{font-size:2.8rem}
.game-split .game-metrics>div{padding-block:0}
.game-split .game-metrics dd{margin-top:6px}
.game-flow-wall{margin:60px auto 0;max-width:1140px}
.game-flow-wall .game-crop { max-width:850px; margin:auto; }
.game-gallery-dialog:has(.game-flow-overview) { width:min(1600px,96vw); max-width:96vw; }
.game-gallery-dialog .game-flow-overview { min-width:1200px; }
.gaming-case-study .game-flow-label { display:block; margin:18px auto 0; text-align:center; color:var(--case-muted); font-size:.9rem; }
.game-rush-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7%; align-items:center; max-width:760px; margin:65px auto 0; }
.game-rush-details .game-crop { border-radius:12px; }
.game-team-composite { mask-image:linear-gradient(to right,transparent,#000 5%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 92%,transparent); mask-composite:intersect; }
.game-phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%;max-width:1040px;margin-inline:auto;position:relative;isolation:isolate}
.game-phone-gallery>figure{min-width:0}
.game-phone-gallery>figure:nth-child(2){padding-top:60px}
.game-phone-gallery>figure:nth-child(3){padding-top:120px}
.game-phone-gallery .game-video{border-radius:24px}
.game-stage-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center;margin-top:65px}
.game-stage-pair>figure:nth-child(2){padding-top:100px}
.gaming-case-study .game-stage-pair .game-media-title{margin-bottom:20px}
.game-stage-pair--teaching{grid-template-columns:1fr 1.3fr}
.game-stage-pair--teaching>figure:nth-child(2){padding-top:0}
.game-stage-pair--teaching>figure:first-child{padding-top:85px}
.game-feature-motion{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding-inline:9%}
.game-feature-motion .game-video{max-width:310px;width:100%;justify-self:center}
.game-feature-motion .game-heading{margin:0}
.game-feature-motion .game-heading h2{font-size:clamp(2.5rem,4.2vw,3.6rem)}
.game-feature-motion .case-handwriting{margin-top:32px;rotate:-4deg}
.game-detail-row{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin:80px auto 0;max-width:950px}
.game-detail-row .game-video{box-shadow:none;border-radius:20px}
.gaming-case-study .game-detail-row h3{font-size:2rem}
.gaming-case-study .game-detail-row p{font-size:1.08rem}
.game-proof{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center;padding-inline:5%}
.game-proof .game-heading{margin:0}
.gaming-case-study .game-proof-number{font-size:clamp(4.5rem,8.5vw,7.2rem);font-weight:700;line-height:1.06;color:var(--portfolio-ink);letter-spacing:-.045em;margin-top:30px;white-space:nowrap}
.game-proof-number small{font-size:.36em;letter-spacing:0;font-weight:500;margin-left:5px}
.gaming-case-study .game-proof-label{font-size:1rem;margin-top:14px}
.game-sprite-art{mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);width:118%;margin-left:-9%}
.game-proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:0 9%;margin-top:65px}
.game-proof-pair>div+div{padding-top:50px}
.gaming-case-study .game-proof-pair p:not(.game-proof-number){font-size:1rem;max-width:280px}
.game-films{display:grid;grid-template-columns:1fr 1fr;gap:50px 40px}
.game-films>figure:first-child{grid-column:1/-1}
.game-films > [data-film-pending] { align-self:start; }
.game-films .game-film-pending { aspect-ratio:auto; min-height:120px; flex-direction:row; border:0; border-radius:0; background:none; justify-content:flex-start; }
.game-film{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#14181c;box-shadow:0 20px 50px rgb(32 22 50 / 8%)}
.game-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.game-film-pending{aspect-ratio:16/9;border-radius:22px;background:radial-gradient(ellipse at 50% 65%,#f0eafb,transparent 75%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#80718e;border:1px dashed #ded6e9;font-size:.8rem}
.game-film-pending svg{width:42px;height:42px;stroke:currentColor;stroke-width:1.3;rotate:-8deg}
.game-next{padding:75px 0 90px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.game-gallery-dialog{border:0;padding:55px 20px 25px;background:#fdfdfc;border-radius:20px;width:min(800px,92vw);max-width:92vw;max-height:92dvh;overflow:auto;color:var(--portfolio-ink)}
.game-gallery-dialog::backdrop{background:rgb(16 18 22 / 65%);backdrop-filter:blur(8px)}
.game-gallery-close{position:sticky;top:0;margin:-40px 0 20px auto;display:block;border:0;background:#fdfdfc;padding:12px;min-height:44px;border-radius:8px;font:inherit;cursor:pointer;z-index:2}
.game-gallery-content{max-width:680px;margin:auto}
.game-gallery-content .game-crop{box-shadow:none;cursor:default;border-radius:20px}
@media(min-width:1500px){.game-hero-grid{min-height:720px}.game-hero-stage{min-height:590px}.game-hero-stage .game-video{width:280px}.game-hero-stage .game-video--back{width:220px}}
@media(max-width:1000px){.game-hero-grid{min-height:600px}.game-hero-stage{min-height:460px}.game-hero-stage .game-video{width:220px}.game-hero-stage .game-video--back{width:175px;left:0}.game-hero-stage .game-doodle{font-size:1.05rem;right:-5%;top:-25px}.game-two-up{gap:50px}.game-split{gap:6%;padding:0}.game-feature-motion{gap:8%;padding-inline:3%}.game-phone-gallery{gap:5%}.game-proof{gap:5%;padding-inline:0}}
@media(max-width:700px){
 .gaming-case-study .game-section{padding-block:65px}.gaming-case-study .game-heading{margin-bottom:36px}.gaming-case-study h2{font-size:clamp(2.25rem,8.6vw,3.4rem)}
 .game-hero-grid{grid-template-columns:1fr;gap:35px;padding:25px 0 35px;min-height:0}.gaming-case-study .game-hero h1{font-size:clamp(3rem,11.2vw,4.8rem)}.game-hero-copy{max-width:510px}.game-hero .case-subtitle{font-size:1.3rem}.game-hero-stage{width:min(430px,100%);justify-self:center;min-height:510px;margin-top:15px}.game-hero-stage .game-video{width:220px;max-width:58%}.game-hero-stage .game-video--back{width:175px}.game-hero-stage .game-doodle{top:-15px;right:0;font-size:1.05rem}.game-hero-art{width:100%}.game-hero-stage--my11{min-height:0;margin-top:0}
 .game-meta{gap:10px 22px;padding-inline:0;font-size:.78rem}.game-meta span+span::before{content:none}.game-motion-toggle{margin-left:0}.game-jumpnav{padding:0;gap:8px 20px;font-size:.8rem}
 .game-two-up{gap:28px;align-items:start}.game-two-up>figure:nth-child(2){padding-top:45px}.game-crop{border-radius:15px}.game-metrics{gap:20px;margin-top:40px!important}.game-metrics>div{padding-left:12px}.game-metrics dt{font-size:clamp(1.8rem,6vw,2.5rem)}.game-metrics dd{font-size:.78rem}.game-metrics dd small{font-size:.7rem}.gaming-case-study .game-metric-note{font-size:.7rem}
 .game-screen-grid{gap:28px 20px;padding:0;margin-top:35px}.game-screen-grid--states{grid-template-columns:repeat(2,minmax(0,1fr))}.game-screen-grid--states>.game-crop:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center}.game-states-intro{margin-top:60px}.game-pullquote{margin-top:50px}
 .game-split{grid-template-columns:1fr;gap:35px}.game-split .game-metrics{grid-template-columns:repeat(3,1fr);gap:18px}.game-split .game-metrics dt{font-size:1.9rem}.game-split .game-heading{margin:0}.game-split .game-two-up{max-width:440px}.game-split>.game-crop{max-width:520px;justify-self:center}.game-flow-wall{margin-top:40px}
 .game-phone-gallery{gap:25px;grid-template-columns:repeat(2,minmax(0,1fr))}.game-phone-gallery>figure:nth-child(2){padding-top:45px}.game-phone-gallery>figure:nth-child(3){padding-top:10px;grid-column:1/-1;max-width:calc(50% - 12.5px);justify-self:center}.game-phone-gallery .game-video{border-radius:20px}.gaming-case-study .game-media-title{font-size:.8rem;margin-bottom:14px}
 .game-stage-pair,.game-stage-pair--teaching{grid-template-columns:1fr;gap:35px;margin-top:35px}.game-stage-pair>figure:nth-child(n){padding:0}.game-stage-pair>figure:nth-child(2){width:85%;justify-self:end}.game-stage-pair--teaching>figure:first-child{width:75%}.game-stage-pair--teaching>figure:nth-child(2){width:100%}.game-video--landscape{border-radius:16px}
 .game-feature-motion{grid-template-columns:1fr;gap:38px;padding:0}.game-feature-motion .game-heading{order:-1;margin:0}.game-feature-motion .game-video{max-width:280px}.game-detail-row{grid-template-columns:1fr;gap:30px;margin-top:60px}.game-proof{grid-template-columns:1fr;gap:35px}.game-proof .game-heading{margin:0}.game-sprite-art{width:100%;margin:0}.gaming-case-study .game-proof-number{font-size:clamp(4rem,15vw,6rem)}.game-proof-pair{gap:35px;padding:0;grid-template-columns:1fr 1fr;margin-top:35px}.gaming-case-study .game-proof-pair .game-proof-number{font-size:clamp(3rem,11vw,5rem)}.game-proof-pair>div+div{padding-top:40px}.game-proof-pair p:not(.game-proof-number){font-size:.87rem!important}
 .game-films{grid-template-columns:1fr;gap:30px}.game-film{border-radius:14px}.game-next{padding:55px 0 65px;align-items:flex-start;flex-direction:column;gap:14px}.game-gallery-dialog{padding-inline:12px}
}
@media(max-width:380px){.game-hero-stage{min-height:450px}.game-hero-stage .game-video{width:185px}.game-hero-stage .game-video--back{width:150px;left:-3%}.game-hero-stage .game-doodle{font-size:.92rem}.game-metrics{gap:12px}.game-metrics>div{padding-left:8px}.game-metrics dt{font-size:1.75rem}.game-two-up{gap:20px}.game-phone-gallery{gap:20px}.game-hero-stage--my11{min-height:0}.game-split .game-metrics dt{font-size:1.65rem}.game-proof-number{white-space:normal}}
@media(prefers-reduced-motion:reduce){.gaming-case-study *{scroll-behavior:auto!important}.game-crop{transition:none}}
@media(max-width:700px){.game-hero-stage .game-video--back{left:9%;width:42%}}
@media(max-width:480px){
 .game-phone-gallery{grid-template-columns:1fr;max-width:280px;gap:42px}
 .game-phone-gallery>figure:nth-child(n){padding-top:0;max-width:100%;width:100%;grid-column:auto}
 .game-screen-grid:not(.game-screen-grid--states){grid-template-columns:1fr;max-width:280px;margin-inline:auto;gap:35px}
 .game-two-up{grid-template-columns:1fr;max-width:280px;gap:40px}
 .game-two-up>figure:nth-child(2){padding-top:0}
 .game-split .game-two-up{grid-template-columns:1fr 1fr;gap:20px;max-width:100%}
 .game-split .game-two-up>figure:nth-child(2){padding-top:45px}
}
.film-load-button.has-poster { position:relative; isolation:isolate; color:#fff; background:#17151d; }
.film-load-button .film-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.film-load-button.has-poster::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(transparent, rgb(12 10 20 / 35%) 42%,rgb(12 10 20 / 80%)); }
.film-load-button.has-poster { place-content:end center; padding-bottom:clamp(18px,3vw,36px); gap:6px; }
.film-load-button.has-poster small { color:#efedf4; }
.film-load-button.has-poster svg { border-radius:50%; background:rgb(255 255 255 / 18%); padding:5px; width:48px; height:48px; }
@media (max-width:480px) {
  .game-rush-details { grid-template-columns:1fr; gap:28px; max-width:340px; }
}