/* Brand's Studios. Static site. Fonts: Anton, Syne and Manrope. */
:root{color-scheme:dark;--ink:#15131d;--paper:#f0edf7;--lilac:#c1a4ff;--blue:#082e7d;--muted:#b9b6c5;--line:#ffffff26;--width:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#100f16;color:#fff;font-family:Manrope,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:3px solid #ad82ff;outline-offset:5px}::selection{background:#aa80ff;color:#171020}h1,h2,h3,h4,p,figure{margin:0}h2,h3,h4{font-family:Syne,Arial,sans-serif;line-height:1.1;font-weight:600;letter-spacing:-.04em}h2{font-size:clamp(40px,5.4vw,74px)}p{line-height:1.8}.wrap{width:min(var(--width),calc(100% - 44px));margin-inline:auto}.icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.icon.light{filter:invert(1)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:#111;padding:14px}.skip:focus{top:10px}.eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;margin-bottom:23px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:17px 25px;border-radius:4px 4px 20px 4px;font-size:13px;font-weight:700;transition:background .25s,color .25s,box-shadow .25s;position:relative}.button .icon{width:19px;height:19px;transition:transform .25s}.button:hover>.icon:last-child{transform:translate(3px,-3px)}.button-lilac{color:#20162f;background:var(--lilac)}.button-lilac:hover{background:#dac9ff;box-shadow:0 7px 25px #0003}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#40304f}.header{position:fixed;inset:0 0 auto;z-index:50;background:#100f16f2;border-bottom:1px solid #ffffff13;transition:box-shadow .3s}.header.scrolled{box-shadow:0 5px 30px #0003}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:46px;height:46px}.brand>span{font-family:Syne,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.04em;line-height:1.1}.brand small{display:block;font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:9px;letter-spacing:.32em;margin-top:5px}.header-tools{display:flex;align-items:center;gap:40px}.nav{display:flex;align-items:center;gap:35px}.nav>a{font-size:13px;font-weight:600;transition:color .2s}.nav>a:hover{color:var(--lilac)}.language{display:flex;align-items:center;gap:2px;font-size:10px;color:#aaa6b6}.language button{min-width:34px;min-height:44px;padding:5px;background:none;border:0;color:#bbb6c7;font-size:11px;font-weight:500}.language button[aria-pressed=true]{color:white;text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{height:2px;width:23px;background:white;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
/* Opening: full-width game footage with a restrained dark mask. */
.hero{position:relative;isolation:isolate;min-height:780px;min-height:max(780px,94svh);display:flex;align-items:center;padding:160px 0 135px;overflow:hidden;background:#10101b}.hero-media{position:absolute;inset:0;z-index:-2}.hero-media>img,.hero-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090811e8 0%,#090811a8 46%,#0908112b 100%),linear-gradient(0deg,#090811b3,transparent 40%)}.hero-content{position:relative}.hero .eyebrow{color:#ddd2f6}.hero h1{font-family:Anton,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:clamp(62px,8vw,112px);line-height:1.13;letter-spacing:-.018em;max-width:1180px}.title-line{display:block;overflow:hidden;padding-bottom:4px}.title-line>span,.title-line>em{display:inline-block}.hero h1 em{font-style:normal;color:var(--lilac)}.hero-description{max-width:490px;margin-top:25px}.hero-description p{font-size:15px;color:#e0dce8;margin-bottom:27px}.hero-bottom{position:absolute;left:0;right:0;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-link{display:flex;align-items:center;gap:13px;font-size:10px;color:#ded8e9}.scroll-link .icon{width:18px;height:18px}
/* Portfolio: a light section, square artwork and readable product details. */
.games-section{color:var(--ink);background:var(--paper);padding:85px 0 80px;position:relative}.games-section .eyebrow{color:#5e5371}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-bottom:45px}.section-heading>p{font-size:14px;color:#5d5668;max-width:300px}.project{display:grid;gap:35px;align-items:center}.project-image{position:relative;aspect-ratio:1;width:100%;min-width:0;overflow:hidden;background:#09070e;border-radius:6px}.project-image>img{width:100%;height:100%;object-fit:contain}.project-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:19px 23px;display:flex;justify-content:space-between;color:#ded4ef;font-size:9px;letter-spacing:.15em;background:linear-gradient(transparent,#09070e)}.project-category{display:flex;gap:10px;align-items:center;font-size:10px;font-weight:600;color:#61566e;margin-bottom:17px}.project-category .icon{width:18px;height:18px}.project-copy h3{font-size:clamp(40px,5vw,65px);margin-bottom:23px}.project-copy p{font-size:14px;color:#61596c;margin-bottom:18px;max-width:490px}.project-copy .button{margin-top:12px}.platform-note{display:flex;gap:9px;align-items:center;font-size:10px;line-height:1.6;color:#635c6d;margin-top:20px;max-width:410px}.platform-note .icon{width:15px;height:15px}
.game-socials{margin-top:25px;padding-top:20px;border-top:1px solid #cfc7dc}
.game-socials>span{display:block;font-size:11px;color:#61596c;margin-bottom:8px}
.game-socials>div{display:flex;flex-wrap:wrap;gap:10px 24px}
.game-socials a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;font-weight:600}
.game-socials a:hover{text-decoration:underline;text-underline-offset:4px}
.game-socials .icon{width:18px;height:18px}
/* Studio: the brand's own blue creates a distinct full-width chapter. */
.about-section{background:var(--blue);padding:90px 0;overflow:hidden}.about-grid{display:grid;gap:40px;align-items:center}.about-copy .eyebrow{color:#c1d2f7}.about-copy h2{margin-bottom:30px;font-size:clamp(40px,5vw,68px)}.about-copy p{font-size:13px;color:#c7d5ed;max-width:510px;margin-bottom:17px}.about-copy .about-lead{font-size:17px;color:#f2f5ff}.verified{display:inline-flex;gap:9px;align-items:center;font-size:11px;margin-top:12px;padding-block:12px}.verified .icon{width:16px;height:16px}.studio-art{min-width:0}.studio-symbol{position:relative;width:min(100%,440px);margin:auto;aspect-ratio:1}.studio-symbol:before{content:"";position:absolute;inset:3%;border:1px solid #ffffff1f;border-radius:50%;transform:scale(1.18)}.studio-symbol img{width:100%;height:100%;object-fit:contain;position:relative;border-radius:50%}.studio-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:20px;margin-top:20px}.studio-caption strong{font-family:Syne,Arial,sans-serif;font-size:14px}.studio-caption span{font-size:10px;color:#c7d5ed}
/* Contact and footer are separate blocks, with branded social icons. */
.contact-section{background:#191621;padding:95px 0}.contact-grid{display:grid;gap:40px;align-items:center}.contact-copy .eyebrow{color:#b9abc9}.contact-copy h2{color:var(--lilac);font-size:clamp(50px,6vw,82px);margin-bottom:28px}.contact-copy>p:last-child{max-width:360px;color:#bcb3c8;font-size:14px}.footer{background:#100e17;padding:45px 0 24px;border-top:1px solid #ffffff0d}.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-nav{display:flex;gap:27px;font-size:12px;color:#c7bdce}.footer-nav a:hover{color:white}.socials{display:flex;gap:10px}.socials a{width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;transition:background .25s,border-color .25s}.socials a:hover{background:#715198;border-color:#b59acb}.socials .icon{width:18px;height:18px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;border-top:1px solid #ffffff20;padding-top:23px}.footer-bottom p{font-size:9px;color:#a69bad}.back-top{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;flex-shrink:0}.back-top .icon{transform:rotate(180deg);width:16px;height:16px}
@media(min-width:800px){.wrap{width:min(var(--width),calc(100% - 110px))}.project{grid-template-columns:1fr 1fr;gap:8%}.about-grid{grid-template-columns:1.15fr 1fr;gap:9%}.contact-grid{grid-template-columns:1fr 1.1fr;gap:10%}.games-section{padding:100px 0}.about-section{padding-block:110px}.contact-section{padding:110px 0}}
@media(max-width:1050px) and (min-width:800px){.hero h1{font-size:8.2vw}.header-tools{gap:20px}.nav{gap:22px}.hero{min-height:750px}}
@media(max-width:799px){html{scroll-padding-top:83px}.header-inner{height:72px}.brand-mark{width:36px;height:36px}.brand>span{font-size:14px}.brand small{font-size:8px}.header-tools{gap:8px}.menu-toggle{display:flex}.nav{display:none;position:fixed;top:72px;left:0;right:0;height:calc(100dvh - 72px);background:#15111e;flex-direction:column;align-items:stretch;padding:35px 26px;gap:8px}.nav.open{display:flex}.nav>a{font-family:Syne,Arial,sans-serif;font-size:28px;padding:17px 0}.hero{min-height:750px;min-height:max(750px,95svh);padding:140px 0 155px}.hero h1{font-size:clamp(44px,9.4vw,76px);line-height:1.15;letter-spacing:-.02em}.hero .title-line:last-child>span{display:block}.hero h1 em{font-size:.96em}.hero .eyebrow{font-size:10px}.hero-description{max-width:390px;margin-top:23px}.hero-description p{font-size:14px}.hero:after{background:linear-gradient(90deg,#0b0813df,#0b081375),linear-gradient(0deg,#0b0813ca,transparent 70%)}.hero-bottom{bottom:23px;align-items:flex-end}.scroll-link{max-width:125px;gap:8px;font-size:9px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;padding-bottom:32px}.section-heading>p{font-size:13px}.project-copy{padding-top:2px}.project-image{max-width:540px;margin:auto}.project-image figcaption{font-size:8px;padding:15px}.about-section{padding-block:70px}.studio-art{width:min(100%,440px);margin:auto}.studio-symbol{width:80%}.studio-caption{margin-top:10px}.contact-section{padding:70px 0}.footer-top{gap:25px}.footer-nav{order:3;width:100%;gap:25px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom p{max-width:290px}.back-top{margin-left:auto}}

/* Contact channels and email draft form. */
.contact-panel{min-width:0}
.contact-channels{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:28px;margin-bottom:27px;border-bottom:1px solid #ffffff26}
.contact-channels a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:11px 16px;border:1px solid #ffffff40;border-radius:4px;font-size:12px;transition:background .2s,border-color .2s}
.contact-channels a:hover{background:#33263f;border-color:var(--lilac)}
.contact-channels .icon{width:17px;height:17px}
.contact-form{display:grid;gap:21px}
.form-field{display:grid;gap:9px}
.form-field label{font-size:12px;color:#e5dfed;font-weight:500}
.form-field input,.form-field textarea{width:100%;min-width:0;border:1px solid #ffffff40;border-radius:4px;padding:13px 15px;background:#110f19;color:white;font:inherit;font-size:14px;line-height:1.6}
.form-field textarea{resize:vertical;min-height:130px;max-height:450px}
.form-field input:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}
.form-help,.form-status{font-size:11px;line-height:1.7;color:#bdb2cd}
.contact-form .button{justify-self:start;border:0;font-family:inherit}
.form-status a{text-decoration:underline;text-underline-offset:3px;color:#dfcbff}
@media(max-width:359px){.contact-channels{gap:7px}.contact-channels a{gap:7px;padding:10px;font-size:11px}}

/* Navigation follows the visible section; all links share the same treatment. */
.nav>a{position:relative;padding-block:12px}
.nav>a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav>a[aria-current="location"]::after{transform:scaleX(1)}
.nav>a[aria-current="location"]{color:var(--lilac)}
.language button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:49px}
.language .flag{width:16px;height:12px;object-fit:cover;border-radius:1px;opacity:.85}
.language button[aria-pressed=true] .flag{opacity:1}
@media(max-width:799px){.nav>a{align-self:flex-start;padding-block:17px}.nav>a::after{bottom:7px}}
@media(max-width:359px){.header-inner{gap:8px}.header-tools{gap:2px}.language button{gap:4px;min-width:43px;padding-inline:3px}.brand{gap:8px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}