/* The studio borrows the game's calm typography while retaining its own company identity. */
.studio-page{background:#f6f5ee}.studio-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:620;letter-spacing:-.05em;white-space:nowrap}.studio-brand img{width:34px;height:34px;border-radius:8px}.brand-fullstop{color:#a0924c}.studio-header{padding-inline:max(30px,calc((100vw - 1144px)/2));height:78px}.studio-header nav{font-size:12px;gap:28px}.studio-header nav>a:nth-child(2){display:block}.studio-hero{padding-top:60px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.studio-hero-copy{padding:20px 0}.studio-hero-copy>.eyebrow{margin-bottom:10px;font-size:10px;color:#75836d}.studio-wordmark{width:175px;height:auto;margin:0 0 27px -7px}.studio-hero h1{font-size:clamp(54px,5.2vw,76px);font-weight:630;letter-spacing:-.06em;line-height:1.02}.studio-hero h1>span{color:#798d73}.studio-lead{font-size:18px;line-height:1.65;max-width:420px;margin-top:25px;color:var(--muted)}.studio-hero .store-links{gap:10px}.studio-hero .store-button{width:185px;min-width:185px}.studio-hero .store-pending{background:#f6f5ee}.studio-scene{position:relative;height:640px;border-radius:140px 32px 32px 32px;isolation:isolate;overflow:hidden;background:#dbe4df}.studio-scene .hero-artwork{position:absolute;inset:0;z-index:0;aspect-ratio:auto;mask-image:none}.studio-scene .hero-artwork>.hero-art{object-position:88% center;z-index:0}.studio-scene .hero-artwork>canvas{z-index:1}.studio-scene .scene-motion{left:22px;bottom:22px}.studio-game-details{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-bottom:65px}.studio-game-details>a{display:flex;gap:14px;align-items:flex-start;padding-top:23px;border-top:1px solid #d8decf}.studio-game-details>a>span:last-child{margin-left:auto;font-size:15px}.studio-detail-icon{font-size:23px;color:#7a9069}.studio-game-details h2{font-size:15px;letter-spacing:-.025em;line-height:1.5}.studio-game-details p{font-size:12px;color:var(--muted);margin-top:5px;max-width:230px}.studio-trailer{background:#153329;color:#f6f5e9;padding:75px 0}.studio-trailer .trailer-player{max-width:238px;border-width:6px;border-radius:31px}.studio-trailer .trailer-inner{grid-template-columns:1.4fr 1fr;gap:90px}.studio-trailer h2{font-size:clamp(48px,5.7vw,77px)}.studio-trailer .trailer-copy>p:not(.eyebrow){font-size:17px}.studio-trailer .trailer-copy .text-link{font-size:14px}.studio-services{padding-top:115px;padding-bottom:80px}.studio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}.studio-section-heading h2{font-size:clamp(48px,5.3vw,72px)}.studio-section-heading>p{font-size:18px;max-width:325px;color:var(--muted);padding-bottom:6px}.studio-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.studio-service-card{background:#e9edde;border:1px solid #dfe5d8;border-radius:25px;padding:31px 27px;display:flex;flex-direction:column;align-items:flex-start}.studio-service-card:nth-child(2){background:#e9e7dd;border-color:#e1dfd4}.studio-service-card:nth-child(3){background:#e4e9e7;border-color:#dce4e1}.service-symbol{font-size:30px;line-height:1;margin-bottom:34px;color:#6f8767}.studio-service-card .eyebrow{font-size:9px;margin-bottom:18px}.studio-service-card h3{font-size:29px;line-height:1.1;letter-spacing:-.045em;min-height:96px}.studio-service-card>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);min-height:120px}.studio-service-card ul{list-style:none;margin:25px 0 20px;padding:0;display:flex;flex-direction:column;gap:12px;font-size:11px;line-height:1.5;color:#4f6757}.studio-service-card li{position:relative;padding-left:14px}.studio-service-card li:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#809371}.studio-service-card .text-link{font-size:11px;margin-top:auto;padding-top:25px}.studio-process{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding-top:30px;padding-bottom:100px}.studio-process h2{font-size:clamp(40px,4vw,58px)}.studio-process ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:27px}.studio-process li{display:flex;gap:20px;padding-bottom:24px;border-bottom:1px solid #d8decf}.studio-process li:last-child{border-bottom:0;padding-bottom:0}.studio-process li>span{font-size:11px;color:#85937d;letter-spacing:.08em;margin-top:4px}.studio-process h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}.studio-process p{font-size:14px;color:var(--muted);margin-top:12px;max-width:390px}.studio-contact{background:#e6ebdd;padding:85px 0 75px}.studio-contact h2{font-size:clamp(48px,6.3vw,85px)}.studio-contact>.section-wrap>p:not(.eyebrow){color:var(--muted);margin-top:23px;max-width:760px;font-size:17px}.studio-email{display:inline-flex;align-items:center;gap:40px;font-size:clamp(20px,3.3vw,36px);letter-spacing:-.045em;border-bottom:1px solid #7d947360;padding-bottom:10px;margin-top:38px}.studio-email:hover{color:#4b7052}.studio-contact-links{display:flex;gap:28px;margin-top:40px;font-size:12px}.studio-contact-links a{border-bottom:1px solid #82967750;padding-bottom:6px}.studio-footer{align-items:center}.studio-footer .studio-brand{font-size:16px}.studio-footer .studio-brand img{width:28px;height:28px}.studio-footer>p{font-size:10px}
@media(max-width:1100px){.studio-hero{gap:30px}.studio-hero .store-button{width:165px;min-width:165px;padding-inline:12px}.studio-hero h1{font-size:59px}.studio-hero .store-button strong{font-size:16px}.studio-scene{height:600px;border-top-left-radius:100px}.studio-service-card{padding:26px 23px}.studio-service-card h3{font-size:26px;min-height:87px}.studio-service-card>p:not(.eyebrow){font-size:13px;min-height:138px}}
@media(max-width:760px){.studio-header{padding-inline:20px;height:68px}.studio-brand{font-size:16px;gap:8px}.studio-brand img{width:29px;height:29px}.studio-header nav{gap:16px;font-size:11px}.studio-nav>a:first-child{display:none}.studio-header nav .nav-release{padding:10px 12px}.studio-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:32px;gap:35px}.studio-hero-copy{padding:0}.studio-wordmark{width:140px;margin-bottom:24px}.studio-hero h1{font-size:clamp(52px,11.7vw,76px)}.studio-lead{font-size:17px;max-width:390px;margin-top:22px}.studio-hero .store-links{flex-wrap:nowrap;margin-top:26px}.studio-hero .store-button{width:calc((100% - 10px)/2);min-width:0;max-width:194px;padding-inline:10px}.studio-hero .store-button strong{font-size:15px}.studio-hero .store-button small{font-size:9px}.studio-hero .store-button svg{width:24px}.studio-hero .store-arrow{font-size:13px}.studio-scene{height:440px;border-radius:80px 25px 25px 25px}.studio-scene .hero-artwork>.hero-art{object-position:84% center}.studio-game-details{grid-template-columns:1fr;padding-bottom:48px;gap:20px}.studio-game-details>a{padding-top:20px}.studio-game-details p{max-width:270px}.studio-trailer{padding:55px 0}.studio-trailer .trailer-inner{grid-template-columns:1fr;gap:38px}.studio-trailer h2{font-size:48px}.studio-trailer .trailer-player{width:240px}.studio-services{padding-top:70px;padding-bottom:55px}.studio-section-heading{display:block;margin-bottom:30px}.studio-section-heading h2{font-size:48px}.studio-section-heading>p{margin-top:25px;font-size:17px;max-width:350px}.studio-service-grid{grid-template-columns:1fr;gap:17px}.studio-service-card{padding:29px}.service-symbol{margin-bottom:28px}.studio-service-card h3{font-size:32px;min-height:0;margin-bottom:21px}.studio-service-card>p:not(.eyebrow){font-size:14px;min-height:0;max-width:330px}.studio-service-card ul{margin:21px 0 10px;font-size:12px}.studio-service-card .text-link{padding-top:21px;font-size:12px}.studio-process{grid-template-columns:1fr;gap:37px;padding-top:20px;padding-bottom:60px}.studio-process h2{font-size:43px}.studio-process h3{font-size:22px}.studio-process p{font-size:13px}.studio-contact{padding:60px 0}.studio-contact h2{font-size:55px}.studio-contact>.section-wrap>p:not(.eyebrow){font-size:16px}.studio-email{font-size:24px;gap:20px;margin-top:32px}.studio-contact-links{flex-direction:column;align-items:flex-start;gap:17px;font-size:11px;margin-top:30px}.studio-footer>div{flex-wrap:wrap;font-size:10px;gap:18px}}

.studio-hero .store-links{flex-wrap:nowrap}.studio-hero .store-links .store-button{width:calc((100% - 10px)/2);min-width:0;max-width:194px}

.studio-hero .store-arrow{display:none}

/* Show current catalogue prices without forcing an enquiry first. */
.studio-pricing{padding-top:30px;padding-bottom:100px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{padding:29px 25px;background:#fffdf5;border:1px solid #dce2d7;border-radius:25px;display:flex;flex-direction:column}.pricing-card h3{font-size:26px;letter-spacing:-.04em;line-height:1.15;margin-bottom:25px}.pricing-card dl{margin:0}.pricing-card dl>div{padding:15px 0;border-top:1px solid #e1e5d9}.pricing-card dt{font-size:12px;color:#58685f;line-height:1.6}.pricing-card dd{font-size:23px;letter-spacing:-.035em;margin:7px 0 0;line-height:1.2}.pricing-card details{margin-top:15px}.pricing-card summary{font-size:12px;cursor:pointer;padding:10px 0}.pricing-card .text-link{font-size:12px;margin-top:auto;padding-top:24px;align-self:flex-start}.pricing-note{max-width:760px;font-size:12px;color:#58685f;margin-top:25px}
@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.studio-header nav{gap:13px}.studio-header .studio-nav>a[href="#services"]{display:none}.studio-header .studio-nav>a[href="#pricing"]{display:block}.studio-pricing{padding-top:0;padding-bottom:60px}.pricing-grid{grid-template-columns:1fr;gap:15px}.pricing-card{padding:27px}.pricing-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.pricing-card dd{font-size:18px;flex-shrink:0}.pricing-card dt{font-size:12px;max-width:50%}}
@media(max-width:360px){.pricing-card dl>div{display:block}.pricing-card dt{max-width:none}}

/* Keep the product artwork visible sooner on phones. */
@media(max-width:760px){.studio-hero{padding-top:24px;gap:24px}.studio-wordmark{width:112px;margin-bottom:15px}.studio-hero-copy>.eyebrow{margin-bottom:6px}.studio-hero h1{font-size:clamp(47px,12vw,65px)}.studio-lead{font-size:16px;line-height:1.5;margin-top:17px}.studio-hero .store-links{margin-top:20px}.studio-hero-copy>.text-link{margin-top:16px}}

/* A short project enquiry fits the contact section and keeps labels above every field. */
.project-enquiry{max-width:760px;text-align:left;margin-top:32px}.enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-enquiry label{display:block;font-size:15px;font-weight:600;line-height:1.6;margin-bottom:20px;color:#193e35}.project-enquiry input,.project-enquiry textarea{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid #bdccba;border-radius:12px;background:#fffef8;color:#173b33;font:inherit;font-size:16px;font-weight:400;box-sizing:border-box}.project-enquiry textarea{resize:vertical;min-height:130px}.project-enquiry input:focus,.project-enquiry textarea:focus{outline:2px solid #345d4d;outline-offset:3px}.project-enquiry .enquiry-trap{position:absolute;left:-10000px;width:1px;height:1px}.studio-contact .enquiry-privacy{font-size:14px;max-width:none;margin:0 0 22px;line-height:1.6}.enquiry-privacy a,.enquiry-bottom>a{text-decoration:underline;text-underline-offset:4px}.enquiry-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.enquiry-send{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#183f35;color:#fffef2;border:0;border-radius:100px;padding:15px 24px;font:inherit;font-size:16px;font-weight:650;cursor:pointer;min-height:52px}.enquiry-send:disabled{opacity:.6;cursor:wait}.studio-contact .enquiry-status{font-size:16px;line-height:1.6;margin:18px 0 0;max-width:650px}.enquiry-status:empty{display:none}
@media(max-width:600px){.enquiry-fields{grid-template-columns:1fr;gap:0}}

/* Show complete app views with a compact introduction and clearly labelled screen choices. */
.studio-portfolio{padding-top:90px;padding-bottom:30px}.studio-portfolio .studio-section-heading{margin-bottom:32px}.project-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.project-tabs[hidden],.screen-views[hidden],.project-panel[hidden]{display:none}.project-tabs button,.screen-views button{font:inherit;border:1px solid #cfd8c9;background:#fffdf7;color:#234337;border-radius:30px;padding:12px 19px;cursor:pointer;font-size:14px}.project-tabs button[aria-selected="true"],.screen-views button[aria-pressed="true"]{background:#234337;color:#fffdf7;border-color:#234337}.project-panel{border:1px solid #dce2d7;border-radius:25px;background:#fffdf7;overflow:hidden;margin-bottom:22px}.project-description{padding:30px 34px}.project-description .eyebrow{font-size:10px;margin-bottom:15px}.project-description h3{font-size:32px;letter-spacing:-.035em;line-height:1.1}.project-description>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:650px;margin-top:15px}.project-description .text-link{font-size:14px;margin-top:25px}.screen-views{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.screen-views button{font-size:13px;padding:9px 16px}.project-screen{padding:20px;background:#e7ece3}.project-screen>a{display:flex;align-items:center;justify-content:center}.project-screen img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}.project-mobile{display:grid;grid-template-columns:1fr 360px;align-items:center;min-height:560px}.project-mobile .project-description{padding:45px}.project-mobile .project-screen{padding:24px;background:transparent}.project-mobile .project-screen img{max-height:550px;width:auto;max-width:100%;border-radius:16px;box-shadow:0 16px 45px #1d36291c}.project-light{background:#eaf0e4}.project-kids{background:#f1eafa}.project-english .project-screen{background:#e4edf2}.project-tabs button:focus-visible,.screen-views button:focus-visible,.project-screen a:focus-visible{outline:3px solid #b69840;outline-offset:4px}
@media(max-width:760px){.studio-portfolio{padding-top:60px}.project-tabs{gap:7px}.project-tabs button{padding:10px 13px;font-size:12px}.project-description,.project-mobile .project-description{padding:25px}.project-description h3{font-size:28px}.project-description>p:not(.eyebrow){font-size:15px}.project-mobile{grid-template-columns:1fr;min-height:0}.project-mobile .project-screen img{max-height:520px}.project-screen{padding:8px}.project-mobile .project-screen{padding:10px 20px 28px}.screen-views button{padding:8px 12px;font-size:12px}.project-wide .project-screen img{max-height:none}.project-panel{border-radius:20px}}
