/* Editorial studio identity. Shared by About, Services and Our Games. */
.games-page .game-list{background:#242729;padding-top:170px}
.games-page .game-feature-title{font-size:52px}
.games-page .game-feature p{margin-bottom:22px}
.games-page .game-feature .status{background:var(--yellow);color:var(--ink);border:1px solid var(--yellow);font-size:10px}
.games-page .chips span{border-color:#565e61;color:#d3d7d5;font-weight:500}
.games-page .game-feature .button{background:#353b3e;color:#eeede7;border:1px solid #6c7477;font-weight:600}
.games-page .game-feature .button:hover{background:#444c50}
.games-page dialog p{margin:0 0 20px}
.games-page dialog h2{font-size:34px;margin:15px 0 20px}
.studio-page{--paper:#eeede7;--soft:#b0b3b4;--rule:#373b3d;background:#242729;color:var(--paper)}
.studio-page ::selection{background:#dddcd5;color:#171a1c}
.studio-page :focus-visible{outline-color:#efeee8}
.studio-page .skip-link{color:#171a1c}
.studio-page .site-header{background:#090b0c;border:1px solid #292c2e}
.studio-page .primary-nav a[aria-current]:after{background:#e4e2d9;height:2px}
.studio-page .container{width:min(1180px,calc(100% - 96px))}
.studio-page h1,.studio-page h2,.studio-page h3{margin:0;font-weight:600;letter-spacing:-.055em;line-height:1.07}
.studio-page h1{font-size:clamp(46px,5.65vw,78px)}
.studio-page h1 span{color:#9b9e9c}
.studio-page h2{font-size:clamp(35px,4vw,55px)}
.studio-page h3{font-size:25px;letter-spacing:-.03em;line-height:1.2}
.studio-page p{color:var(--soft);line-height:1.75;margin:0}
.studio-page .studio-label{font-size:10px;line-height:1.6;letter-spacing:.15em;font-weight:700;color:#c3c5c3;margin:0 0 26px;text-transform:uppercase}
.studio-hero{padding-top:180px;padding-bottom:74px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px}
.studio-hero-copy .studio-lead{margin:30px 0 28px;max-width:530px}
.studio-page .studio-lead{font-size:18px;line-height:1.7}
.studio-figure{margin:0;min-width:0}
.sketch-panel{position:relative;overflow:hidden;aspect-ratio:1;background:#bfbfbc}
.sketch-panel img{position:absolute;width:300%;max-width:none;height:100%;top:0;object-fit:fill}
.sketch-panel.panel-0 img{left:0}.sketch-panel.panel-1 img{left:-100%}.sketch-panel.panel-2 img{left:-200%}
.studio-photo{aspect-ratio:1;overflow:hidden;background:#26292b}
.studio-photo img{width:100%;height:100%;object-fit:cover}
.studio-figure figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:10px;color:#a3a7a7;line-height:1.5}
.studio-figure figcaption span:last-child{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#8f9494}
.studio-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #747875;padding-bottom:7px;font-size:13px;font-weight:600;line-height:1.5}
.studio-link:hover{color:white;border-color:white}
.studio-page .studio-button{background:var(--paper);color:#171a1c;font-weight:600;font-size:13px;padding:17px 24px}
.studio-page .studio-button:hover{background:#fff}
.studio-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.experience-strip{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.15fr;align-items:center;gap:32px;border-block:1px solid var(--rule);padding-block:30px}
.experience-strip .studio-label{margin:0}
.experience-strip>div{display:flex;gap:15px;align-items:center}
.experience-strip strong{font-size:48px;line-height:1;font-weight:500;letter-spacing:-.05em}
.experience-strip span{font-size:12px;color:var(--soft);max-width:110px;line-height:1.5}
.experience-strip .experience-specialty{display:block;border-left:1px solid var(--rule);padding-left:32px}
.experience-specialty strong{font-size:19px;letter-spacing:-.03em;display:block;margin-bottom:12px}
.studio-section{padding-top:90px;padding-bottom:90px}
.story-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}
.story-aside{font-size:14px;margin-top:28px!important}
.story-step{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--rule)}
.story-step:first-child{padding-top:0;border-top:0}
.story-date,.studio-index{font-size:10px;line-height:1.65;color:#a7abab;letter-spacing:.08em}
.story-date{padding-top:6px}
.story-step p{margin-top:18px;font-size:14px}
.story-layout .studio-link{margin-top:14px}
.studio-process-gallery{border-top:1px solid var(--rule)}
.studio-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;align-items:end;margin-bottom:40px}
.studio-section-heading .studio-label{grid-column:1/-1}
.studio-section-heading>p:last-child{max-width:430px;font-size:15px;padding-bottom:4px}
.studio-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.studio-photo-pair .sketch-panel,.studio-photo-pair .studio-photo{aspect-ratio:1.35}
.studio-photo-pair .sketch-panel img{height:auto;min-height:100%;top:50%;transform:translateY(-50%)}
.studio-principles{border-top:1px solid var(--rule)}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:46px}
.principle-grid article{border-top:1px solid var(--rule);padding-top:22px}
.principle-grid h3{font-size:23px;margin:24px 0 17px}
.principle-grid p{font-size:14px}
.studio-contact{background:#242729;border-block:1px solid var(--rule);padding:76px 0}
.studio-contact h2{font-size:clamp(40px,5vw,68px)}
.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:50px;margin:28px 0 0}
.contact-bottom>p{max-width:540px;font-size:15px}
.contact-bottom .studio-actions{flex-shrink:0}




.studio-page .socials a:hover,.studio-page .email:hover{color:#fff}
.studio-page .email{font-size:14px;overflow-wrap:anywhere}

.studio-services-hero{padding-top:190px;padding-bottom:76px}
.services-hero-bottom{display:flex;gap:70px;align-items:center;justify-content:space-between;margin-top:35px}
.services-hero-bottom>p{max-width:590px}
.services-hero-bottom .studio-actions{flex-direction:column;align-items:flex-start;gap:20px;flex-shrink:0}
.portfolio-section{border-top:1px solid var(--rule)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.portfolio-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.12;background:#292c31}
.portfolio-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.portfolio-card:nth-child(2) .portfolio-image img{object-fit:contain;background:#171521}
.portfolio-image:hover img{transform:scale(1.035)}
.portfolio-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:22px;background:linear-gradient(145deg,#2d3237,#191d20);text-align:center}
.portfolio-fallback>span{font-size:27px;font-weight:600;letter-spacing:-.04em}
.portfolio-fallback small{font-size:12px;color:#b9bcbc}
.portfolio-image.is-unavailable img{display:none}
.portfolio-open{position:absolute;right:14px;bottom:14px;background:#edede5;color:#151719;width:33px;height:33px;display:grid;place-items:center;font-size:22px}
.portfolio-info{padding:25px 0 0}
.portfolio-info .studio-label{font-size:9px;margin-bottom:13px}
.portfolio-info h3 a{display:flex;align-items:center;justify-content:space-between;gap:10px}
.work-project{display:block;font-size:12px;color:#b0b4b4;margin:7px 0 20px}
.portfolio-info>p{font-size:14px}
.portfolio-info .work-credit{border-top:1px solid var(--rule);padding-top:15px;margin-top:20px;font-size:11px;line-height:1.65;color:#969d9f}
.portfolio-all{margin-top:36px}
.service-list{margin-top:45px}
.service-row{display:grid;grid-template-columns:65px 1fr 1.2fr;gap:30px;align-items:start;border-top:1px solid var(--rule);padding:30px 0}
.service-row p{font-size:14px}
.service-row .studio-index{padding-top:5px}
.studio-collaboration{border-block:1px solid var(--rule)}
.collaboration-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.collaboration-grid article+article{border-left:1px solid var(--rule);padding-left:60px}
.collaboration-grid h2{font-size:38px;margin:22px 0}
.collaboration-grid p{font-size:14px;max-width:440px}
.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:44px}
.delivery-grid article{border-top:1px solid var(--rule);padding-top:20px}
.delivery-grid h3{font-size:22px;margin:22px 0 16px}
.delivery-grid p{font-size:14px}
.studio-people{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.studio-people img{aspect-ratio:1;object-fit:cover;width:100%;margin-bottom:24px}
.studio-people h3{margin-bottom:12px}
.team-section{border-top:1px solid var(--rule);scroll-margin-top:110px}
.team-section .studio-people{margin-top:42px;align-items:start}
.team-person{min-width:0}
.team-portrait{margin:0 0 25px}
.studio-people .team-portrait img{display:block;margin:0;aspect-ratio:1;width:100%;height:auto;object-fit:cover}
.team-portrait figcaption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);padding-top:12px}
.studio-page .team-person h3{font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}
.team-role{font-size:12px;line-height:1.6;color:#eeede7;margin:0 0 16px}
.team-bio{font-size:15px;line-height:1.75;color:var(--soft);margin:0}
@media(min-width:701px) and (max-width:1000px){.team-section .studio-people{gap:22px}.team-role{min-height:40px}}
@media(min-width:1500px){.studio-hero{padding-top:200px}}
@media(max-width:1050px){
 .studio-hero{gap:35px;grid-template-columns:1.1fr 1fr}.studio-page h1{font-size:clamp(40px,5.15vw,54px)}
 .experience-strip{gap:20px}.experience-strip>div{gap:10px}.experience-strip strong{font-size:40px}.experience-specialty strong{font-size:16px}
 .story-layout{gap:50px;grid-template-columns:.85fr 1.4fr}.story-step{grid-template-columns:85px 1fr;gap:20px}
 .studio-section-heading{gap:0 40px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:25px}
 .services-hero-bottom{gap:35px}.portfolio-grid{gap:20px}.portfolio-info h3{font-size:23px}
 
 .collaboration-grid{gap:40px}.collaboration-grid article+article{padding-left:40px}
}
@media(max-width:760px){
 .games-page .game-list{padding-top:124px}
 .games-page .game-feature-title{font-size:43px}
 .studio-page .container{width:calc(100% - 40px)}
 .studio-page h1{font-size:clamp(35px,7.8vw,55px);letter-spacing:-.045em}.studio-page h2{font-size:36px}
 .studio-hero{grid-template-columns:1fr;padding-top:145px;padding-bottom:42px;gap:35px}
 .studio-hero-copy .studio-lead{margin:24px 0}.studio-page .studio-lead{font-size:16px}
 .studio-hero .studio-figure{max-width:530px;width:100%}.studio-hero .sketch-panel{aspect-ratio:1.25}
 .studio-hero .sketch-panel img{height:auto;min-height:100%;top:50%;transform:translateY(-50%)}
 .experience-strip{grid-template-columns:1fr 1fr;gap:25px;padding-block:26px}
 .experience-strip .studio-label{grid-column:1/-1}.experience-strip .experience-specialty{grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding:20px 0 0;display:flex;gap:20px;align-items:center}.experience-specialty strong{font-size:18px;margin:0}
 .studio-section{padding-top:55px;padding-bottom:55px}.story-layout{grid-template-columns:1fr;gap:35px}
 .story-layout h2{max-width:400px}.story-aside{margin-top:20px!important}
 .story-step{grid-template-columns:1fr;gap:12px;padding:26px 0}.story-step p{margin-top:15px}
 .studio-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.studio-section-heading .studio-label{margin-bottom:0}
 .studio-photo-pair{gap:30px;grid-template-columns:1fr}.studio-photo-pair .sketch-panel{aspect-ratio:1.25}
 .principle-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.principle-grid h3{margin:15px 0 12px}
 .studio-contact{padding:52px 0}.studio-contact h2{font-size:42px}.contact-bottom{gap:25px}
 .studio-actions{gap:22px}
 .studio-services-hero{padding-top:145px;padding-bottom:48px}.services-hero-bottom{flex-direction:column;align-items:flex-start;gap:28px;margin-top:25px}
 .services-hero-bottom .studio-actions{flex-direction:row;align-items:center;gap:24px}
 .portfolio-grid{grid-template-columns:1fr;gap:42px}.portfolio-image{aspect-ratio:1.3}
 .portfolio-info{padding-top:20px}.portfolio-info h3{font-size:28px}.portfolio-info .work-credit{max-width:520px}
 .service-row{grid-template-columns:35px 1fr;gap:12px 10px;padding:26px 0}.service-row p{grid-column:2}.service-row h3{font-size:23px}
 .collaboration-grid{grid-template-columns:1fr;gap:30px}.collaboration-grid article+article{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:30px}.collaboration-grid h2{font-size:33px}
 .delivery-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.delivery-grid h3{font-size:21px}
 
 .studio-people{grid-template-columns:1fr}
}
@media(max-width:360px){.studio-page h1{font-size:32px}.studio-page h2{font-size:32px}.studio-page .studio-label{font-size:9px}.studio-figure figcaption{font-size:9px}.delivery-grid{grid-template-columns:1fr}.studio-actions{gap:20px}.experience-strip strong{font-size:35px}.experience-specialty strong{font-size:17px}}

/* Shared collaboration banner: same yellow/dark language as the demo banner. */
.studio-page .studio-contact-shared{background:#ffd134;color:#171a1c;border:0}
.studio-page .studio-contact-shared h2{font-size:clamp(32px,3.5vw,49px);line-height:1.1;color:#171a1c}
.studio-page .studio-contact-shared p,.studio-page .studio-contact-shared .studio-label{color:#242729}
.studio-contact-shared .contact-bottom{margin-top:28px}
.studio-contact-shared .contact-bottom>p{max-width:700px}
.studio-page .studio-contact-shared .studio-button{background:#171a1c;color:#fff;border-color:#171a1c}
.studio-page .studio-contact-shared .studio-button:hover{background:#35383d}
.studio-page .studio-contact-shared .studio-link{color:#171a1c;border-color:#171a1c}

/* About page spacing; gallery appearance lives in media-carousel.css. */
.about-page .team-section{padding-top:170px;padding-bottom:64px;border-top:0}
.about-page .team-section h1{font-size:clamp(35px,4vw,55px)}
@media(max-width:760px){
 .about-page .team-section{padding-top:136px;padding-bottom:48px}
 .about-page .team-section h1{font-size:36px}
}