:root{--bg:#0c0e12;--surface:#171a21;--accent:#a8c6ff;--line:#303540;--muted:#a5adbc}
header{height:98px;max-width:1680px;margin:auto}.brand{gap:15px}.brand .mark{font-size:50px;letter-spacing:-4px}.brand small{letter-spacing:3.8px}nav a{font-weight:500}.nav-feature{border-radius:8px;background:#eef2fa}.nav-feature:hover{background:#a8c6ff}.hero{height:auto;min-height:650px;margin:0 auto;max-width:1680px;overflow:visible;border-radius:0;background:none;display:grid;grid-template-columns:1.03fr 1fr;padding:50px 5% 95px;gap:4%}.hero-content{grid-column:1;grid-row:1;padding:75px 0 55px;max-width:none;position:relative;z-index:2}.hero-image{position:relative;grid-column:2;grid-row:1;left:auto;width:100%;height:100%;min-height:550px;max-height:660px;border-radius:18px;object-fit:cover;object-position:53%;opacity:1}.shade{display:none}h1{font-size:clamp(58px,6.2vw,98px);font-weight:500;letter-spacing:-.075em;margin:32px -80px 30px 0;line-height:1.05}h1 em{display:block;color:var(--accent)}.hero-content .eyebrow{color:#a5adbc;font-size:10px}.hero-content p{max-width:350px;line-height:1.8;font-size:17px;color:#abb3c3}.button{border-radius:8px;font-weight:600;gap:36px;padding:15px 22px}.hero-bottom{left:5%;bottom:37px;right:5%;color:#8490a4;font-size:9px}.hero-bottom a{display:none}.hero-image-caption{position:absolute;right:7%;bottom:115px;background:#101722d9;backdrop-filter:blur(15px);border:1px solid #ffffff28;border-radius:12px;padding:18px 24px;min-width:240px;color:#eff4ff;box-shadow:0 15px 45px #0004}.hero-image-caption span{display:block;font-size:9px;letter-spacing:1.4px;color:#b8c8de}.hero-image-caption strong{font-size:23px;letter-spacing:-.7px;display:block;font-weight:500;margin:5px 0}.art-credit{top:70px;right:7%;font-size:8px;border-radius:5px;z-index:3;background:#10172280}.manifesto{padding:25px 0;border-top:1px solid var(--line);color:#a5adbc}.manifesto .studio-dot{width:18px;height:18px;border:1px solid #7087aa;position:relative}.manifesto .studio-dot:after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--accent)}.section{max-width:1680px;margin:0 auto;padding-top:94px;padding-bottom:94px}.eyebrow{color:#a0b3d1;font-weight:500;letter-spacing:2px;font-size:10px}h2{font-weight:500;font-size:clamp(44px,4.4vw,70px);letter-spacing:-.065em}.section-heading{align-items:center}.section-heading h2 em{color:#8496b5}.count{border:0;border-radius:0;padding:0;color:#8390a5;max-width:170px;line-height:1.8;letter-spacing:1.8px;text-align:right}.featured{display:block;background:transparent;border-radius:0;overflow:visible}.featured-art{height:590px;min-height:0;border-radius:18px;overflow:hidden}.featured-art img{object-position:50% 60%;height:100%}.featured-content{display:grid;grid-template-columns:1fr 1fr;column-gap:7%;padding:30px 0 40px;position:relative}.featured-content .tags{grid-column:1;grid-row:1;margin-bottom:15px}.featured h3{grid-column:1;grid-row:2 / 5;font-family:'DM Sans',sans-serif;font-size:clamp(50px,5.5vw,84px);line-height:.94;letter-spacing:-.06em;font-weight:500;margin:5px 0}.featured-content .hook{grid-column:2;grid-row:1;font-size:21px;margin:0 0 12px}.featured-content>p:not(.hook){grid-column:2;grid-row:2;margin:0 0 20px;max-width:480px}.featured-content .button{grid-column:2;grid-row:3;width:max-content;min-width:230px;align-self:start}.project-meta{grid-column:2;grid-row:4;margin-top:22px;padding-top:15px;color:#8996ad;font-size:9px;border-color:var(--line)}.tags span{border-radius:4px;font-size:9px;letter-spacing:1px;padding:4px 8px;border-color:#383f4d}.tags span:first-child{color:#b2ccff;border-color:#526782}.game-grid{gap:35px;margin-top:10px}.card{background:transparent;overflow:visible;border-radius:0}.art-button{border-radius:16px;aspect-ratio:16/10}.card-body{padding:24px 0}.card h3{font-size:28px;letter-spacing:-1.2px;font-weight:500;margin-top:17px}.card p{font-size:15px;color:#9ba7bb;line-height:1.8;max-width:490px;margin-bottom:22px}.text-button{font-size:14px;font-weight:500}.text-button span{color:#a8c6ff}.art-open{border-radius:10px;width:44px;height:44px;background:#eef3fc}.art-label{border-radius:4px;font-size:8px;background:#101722b0;letter-spacing:1.5px}.art-number{border-radius:6px;width:30px;height:30px;background:#10172260;font-size:11px}.development-note{color:#91a0b7}.studio{background:#12161e;border-radius:20px;margin:0 24px;max-width:none;padding-left:calc(5% - 24px);padding-right:calc(5% - 24px)}.studio h2{font-size:clamp(44px,4.6vw,72px);font-weight:500;line-height:1.1;letter-spacing:-.065em}.studio-copy .intro{font-weight:400;color:#e0e7f3;letter-spacing:-.6px;font-size:25px}.studio-copy>p{color:#9daabc}.values{color:#a8c6ff;border-color:#303b4b}.signature small{color:#93a1b6}.contact{border-top:0;grid-template-columns:1.05fr 1fr;gap:10%;padding-top:110px}.contact h2{font-weight:500;font-size:clamp(48px,4.7vw,74px)}.contact-copy>p{color:#9daabc;max-width:385px}.contact-channels{margin:28px 0 0;max-width:430px}.contact-channels a{display:grid;grid-template-columns:1fr auto;position:relative;border-top:1px solid var(--line);padding:15px 0 17px}.contact-channels a>span{grid-column:1;font-size:9px;letter-spacing:1.4px;color:#90a0b8}.contact-channels strong{grid-column:1;font-size:18px;font-weight:400;letter-spacing:-.4px;margin-top:4px;color:#e5edfa;overflow-wrap:anywhere}.contact-channels b{grid-column:2;grid-row:1 / 3;align-self:center;font-size:22px;font-weight:400;color:var(--accent)}.contact-channels a:hover strong{color:var(--accent)}.contact-location{color:#8391a5}.contact form{background:#151922;border:1px solid #293343;border-radius:16px;padding:28px;height:max-content;margin-top:8px}form label{font-size:14px;color:#c1ccdd}input,textarea,select{background:#0e1219;border-color:#303a49;border-radius:7px;color:#eef4ff;font-size:14px}form .form-row{gap:14px}.form-note{font-size:12px;color:#93a1b6;line-height:1.6}.dialog-intro{color:var(--accent)}dialog{background:#121720;border-color:#35445a;border-radius:16px}.feature-list>div{border-color:#35445a}footer{border-color:var(--line)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){.studio{max-width:1632px;margin:auto;padding-left:60px;padding-right:60px}}
@media(max-width:1000px){.hero{min-height:600px;gap:3%;padding-top:30px;padding-bottom:85px}.hero-image{min-height:480px}.hero-content{padding-top:55px}h1{font-size:68px;margin-right:-70px}.hero-image-caption{bottom:106px;padding:15px 18px;min-width:205px}.hero-image-caption strong{font-size:20px}.art-credit{top:50px}.featured-art{height:500px}.featured-content{column-gap:5%}.featured h3{font-size:66px}.studio h2{font-size:52px}.contact{gap:6%}.contact form{padding:23px}.contact-channels strong{font-size:17px}}
@media(max-width:700px){header{height:82px}nav{top:82px;background:#0c0e12}.hero{display:flex;flex-direction:column;padding:40px 5% 28px;margin:0;min-height:0;gap:26px}.hero-content{padding:8px 0 0}.hero-content .eyebrow{font-size:9px}h1{font-size:65px;margin:25px 0 23px;line-height:1.02}h1 em{display:inline}.hero-content p{max-width:310px;font-size:16px;margin-bottom:25px}.hero-image{width:100%;height:380px;min-height:0;max-height:none;order:2;border-radius:15px;object-position:center}.hero-image-caption{bottom:48px;right:9%;padding:13px 17px;min-width:190px}.hero-image-caption strong{font-size:18px}.hero-image-caption span{font-size:8px}.hero-bottom{display:none}.art-credit{top:auto;bottom:362px;right:9%;font-size:8px}.manifesto{padding:23px 0;font-size:12px}.manifesto>span:not(.studio-dot){max-width:170px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:flex;align-items:end;gap:20px}.section-heading h2{font-size:44px}.count{max-width:95px;font-size:8px;letter-spacing:1px;margin:0 0 2px}.featured-art{height:370px;border-radius:15px}.featured-content{display:block;padding:24px 0 25px}.featured-content .tags{margin-bottom:20px}.featured h3{font-size:66px;margin-bottom:22px}.featured h3 br{display:none}.featured .hook{margin:0 0 10px;font-size:21px}.featured-content>p:not(.hook){font-size:15px;margin-bottom:22px}.featured-content .button{width:100%}.project-meta{margin-top:23px;gap:24px}.game-grid{gap:23px}.card h3{font-size:26px}.card-body{padding:23px 0}.studio{margin:0 12px;border-radius:16px;padding:55px 6%}.studio h2{font-size:47px}.studio-copy{margin-top:36px}.studio-copy .intro{font-size:22px}.contact{padding-top:65px}.contact h2{font-size:54px}.contact form{margin-top:35px;padding:23px}.contact-copy>p{margin-top:22px}.contact-channels strong{font-size:19px}.contact-location{margin-top:24px}.form-row{grid-template-columns:1fr 1fr}.dialog-content h2{font-size:37px}.reveal{transform:translateY(12px)}}
@media(max-width:380px){h1{font-size:56px}.featured h3{font-size:58px}.section-heading h2{font-size:39px}.hero-image{height:330px}.art-credit{bottom:312px}.contact-channels strong{font-size:17px}.form-row{grid-template-columns:1fr}.studio h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}