@font-face{font-family:Outfit;src:url('assets/outfit-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/outfit-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#fff;--ink:#242033;--purple:#7539ed;--orange:#ffae32;--muted:#6b667b;--line:#e8e3ef;--lavender:#f1ebff;--font:Outfit,'Segoe UI',sans-serif;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:hover{color:var(--purple)}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:6px}img{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{margin-top:0}svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--purple);color:white;z-index:100}.skip-link:focus{top:12px}.header{position:relative;z-index:10;background:#fff}.header-inner{height:108px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;gap:11px;align-items:center;flex-shrink:0}.brand-mark{width:46px;height:46px;background:var(--purple);color:#fff;border-radius:15px;font-size:42px;font-weight:700;line-height:1;letter-spacing:-4px;padding:0 9px 7px;box-shadow:0 4px 0 #e7dcff;transform:rotate(-5deg)}.brand-name{font-size:28px;font-weight:700;line-height:1;letter-spacing:-1px}.brand-name span{display:block;font-size:12px;font-weight:400;letter-spacing:1.7px;margin-top:6px}.brand:hover{color:var(--ink)}nav{display:flex;align-items:center;gap:38px}.header nav a{font-size:15px;font-weight:700}.header nav .nav-contact{display:flex;align-items:center;gap:14px;background:#ffefd6;color:#774000;border:1px solid #ffe0ab;padding:12px 22px;border-radius:40px}.nav-contact svg{width:19px;height:19px}.menu-toggle{display:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;color:var(--purple);margin:0 0 20px;line-height:1.5}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:45px;align-items:center;padding-block:48px 65px}.hero-copy{position:relative;z-index:1}.hero-label{display:inline-flex;align-items:center;gap:9px;background:var(--lavender);padding:8px 14px;border-radius:20px;font-size:12px;letter-spacing:1px}.hero-label>span{font-size:18px;line-height:1}h1{font-size:clamp(58px,5.6vw,82px);line-height:1.03;letter-spacing:-3.4px;font-weight:700;margin:0 0 27px}h1 span:not(.orange-period){color:var(--purple)}.orange-period{color:#f79c18}.hero-description{font-size:17px;line-height:1.75;color:var(--muted);margin-bottom:28px;max-width:430px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:40px;min-height:54px;padding:15px 24px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-purple{background:var(--purple);color:#fff;box-shadow:0 5px 0 #5821c2}.button-purple:hover{color:#fff;background:#6527d9;box-shadow:0 7px 0 #5821c2}.hero-small{font-size:12px;color:var(--muted);max-width:110px;line-height:1.5}.hero-stage{position:relative;min-width:0;margin-left:5px}.hero-image{background:#f0eaff;border-radius:45px 95px 45px 45px;overflow:hidden;aspect-ratio:1.08;transform:rotate(2deg)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015) rotate(-2deg)}.floating-tag{position:absolute;display:inline-flex;align-items:center;gap:10px;z-index:1;background:#fff;padding:12px 19px;border-radius:18px;box-shadow:0 8px 30px #3c22641c;font-size:15px;font-weight:700;white-space:nowrap}.tag-top{top:14px;right:-8px;transform:rotate(7deg);color:#513296}.tag-top>span{color:#f1a719;font-size:24px;line-height:1}.tag-bottom{left:-27px;bottom:35px;transform:rotate(-5deg);color:var(--purple)}.html-badge{background:#ffe4b9;color:#764200;border-radius:9px;padding:3px 7px;font-size:17px}.art-label{display:block;text-align:right;font-size:12px;color:var(--muted);margin-top:16px;margin-right:16px}.play-points{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:30px 0 40px;border-bottom:1px solid var(--line)}.play-points>div{display:flex;align-items:center;gap:15px}.point-icon{height:47px;width:47px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.violet{background:#eee5ff;color:var(--purple)}.orange{background:#fff0da;color:#9a5b00}.aqua{background:#d9f7f5;color:#166f6c}.play-points strong{display:block;font-size:16px;font-weight:700}.play-points small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:17px}h2{font-size:clamp(36px,3.6vw,52px);line-height:1.1;letter-spacing:-1.8px;margin-bottom:0;font-weight:700}h2 span{color:var(--purple)}.coming-label{font-size:12px;letter-spacing:1px;padding:8px 13px;border-radius:20px;background:#fff2d8;color:#825600;font-weight:700;margin-bottom:4px}.section-intro{font-size:16px;color:var(--muted);margin-bottom:34px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game-card{border:1px solid var(--line);border-radius:25px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}.game-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px #4125700d}.game-image{position:relative;aspect-ratio:1.42;overflow:hidden;background:var(--lavender)}.game-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.game-card:hover img{transform:scale(1.045)}.concept-label{position:absolute;left:15px;top:15px;background:#fffffff0;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;letter-spacing:1px;color:#575061}.game-copy{padding:24px 24px 22px}.genre{font-size:12px;letter-spacing:1px;color:var(--purple);font-weight:700}.puzzle .genre{color:#955b00}.arcade .genre{color:#16716d}.game-copy h3{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:9px 0 12px}.game-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:24px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.platform{color:var(--muted)}.concept-status{color:#655280;background:#f2edfa;padding:4px 8px;border-radius:7px}.games-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;color:var(--muted)}.games-note svg{width:17px;height:17px;flex-shrink:0}.games-note p{font-size:12px;margin:0}.studio{padding-block:0}.studio-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;background:var(--lavender);padding:65px 75px;border-radius:34px}.studio-copy h2{margin-bottom:26px}.studio-copy>p:not(.eyebrow){font-size:16px;color:#655c7a;line-height:1.8}.studio-copy .studio-lead{font-size:20px!important;line-height:1.6!important;color:#3a2a52!important;margin-bottom:17px;max-width:440px}.text-link{font-size:14px;font-weight:700;color:var(--purple);display:inline-block;margin-top:7px;text-decoration:underline;text-underline-offset:5px}.studio-right{position:relative;padding-left:25px}.studio-type{font-size:clamp(65px,6vw,88px);line-height:1;letter-spacing:-4px;font-weight:700;color:#382057;transform:rotate(-5deg)}.studio-type>span:not(.orange-period){color:var(--purple)}.studio-values{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#5b4677}.studio-values span span{color:var(--purple);margin-right:4px}.contact{padding-block:95px 75px}.contact-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;background:#ffb33d;padding:60px 70px;border-radius:32px;color:#442b13}.contact-card .eyebrow{color:#714006}.contact-card h2{font-size:57px;line-height:1.02;letter-spacing:-2px}.contact-card h2 span{color:#704211}.contact-card p:not(.eyebrow){font-size:16px;margin:23px 0 0;line-height:1.7}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button-white{background:#fff;color:#633c16;box-shadow:0 5px 0 #e78e21;padding-inline:30px}.button-white:hover{color:#633c16;box-shadow:0 7px 0 #e78e21}.email-link{font-size:clamp(18px,2vw,27px);font-weight:700;letter-spacing:-.5px;border-bottom:1px solid #77431266;overflow-wrap:anywhere;max-width:100%}.email-link:hover{color:#442b13;border-color:#442b13}.contact-details>span{font-size:12px;color:#744916}.footer{padding-bottom:27px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px}.footer-top>p{color:var(--muted);font-size:14px;margin:0}.back-top{font-size:13px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer-bottom nav{gap:26px}.legal-main{max-width:800px;padding-block:60px 90px}.legal-main h1{font-size:52px;letter-spacing:-2px}.legal-main h2{font-size:25px;letter-spacing:-.5px;margin:34px 0 12px}.legal-main p,.legal-main li{color:var(--muted);line-height:1.8}.legal-main a:not(.button){color:var(--purple);text-decoration:underline;text-underline-offset:4px}.legal-note{background:var(--lavender);border-left:4px solid var(--purple);padding:20px 24px;border-radius:0 16px 16px 0;margin-block:30px}.legal-note p{margin:0;color:#55426e}.legal-main .button{margin-top:25px}.button-lime{background:var(--purple);color:#fff}.button-lime:hover{color:#fff;background:#6326d5}.legal-footer .footer-bottom{padding-bottom:15px}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:66px}.hero-small{display:none}.hero-stage{margin-left:0}.tag-top{right:0;font-size:13px}.tag-bottom{left:-15px;font-size:13px}.play-points{gap:20px}.play-points>div{gap:11px}.play-points strong{font-size:14px}.play-points small{font-size:12px}.game-grid{gap:17px}.game-copy{padding:22px 20px}.game-copy h3{font-size:23px}.card-bottom{flex-wrap:wrap}.studio-panel{padding:50px;gap:45px}.contact-card{padding:50px;gap:35px}.contact-card h2{font-size:50px}}
@media(max-width:900px){.hero h1{font-size:56px;letter-spacing:-2px}.hero-description{font-size:16px}.hero-image{aspect-ratio:.95;border-radius:30px 65px 30px 30px}.floating-tag{padding:10px 13px}.tag-bottom{bottom:25px;left:-10px}.hero{gap:25px;padding-block:40px 50px}.play-points small{max-width:160px}.game-copy h3{font-size:21px}.game-copy{padding:20px 17px}.game-copy p{font-size:14px}.section-heading{align-items:flex-start}.coming-label{white-space:nowrap}.studio-panel{padding:42px;gap:35px}.studio-type{font-size:69px}.studio-copy .studio-lead{font-size:18px!important}.contact-card{padding:45px}.contact-details{min-width:0}.contact-card p:not(.eyebrow){font-size:14px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{height:85px}.brand-mark{width:41px;height:41px;font-size:37px;border-radius:13px;padding-left:8px}.brand-name{font-size:26px}.brand-name span{font-size:12px}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;color:var(--ink)}.menu-toggle span{height:2px;width:19px;background:currentColor;transition:transform .2s}.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)}.header nav{display:none;position:absolute;left:0;right:0;top:85px;background:white;padding:18px 20px 23px;box-shadow:0 15px 20px #25103b0d;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}.header nav.is-open{display:flex}.header nav a{padding:12px 16px;min-height:44px}.header nav .nav-contact{justify-content:space-between}.hero{grid-template-columns:1fr;padding-block:25px 30px;gap:32px}.hero h1{font-size:clamp(50px,11.5vw,70px);line-height:1.02;letter-spacing:-2px}.hero-label{font-size:12px;letter-spacing:0;margin-bottom:20px}.hero-description{font-size:16px;max-width:420px;margin-bottom:25px}.hero-description br{display:none}.hero-small{display:block;font-size:12px}.hero-actions{gap:15px}.button{font-size:14px;min-height:52px;padding:14px 21px}.hero-stage{margin:10px 9px 0}.hero-image{aspect-ratio:1.25;border-radius:25px 65px 25px 25px}.hero-image img{object-position:center}.tag-top{top:-8px;right:-10px;font-size:12px;padding:8px 12px}.tag-top>span{font-size:19px}.tag-bottom{bottom:23px;left:-9px;font-size:12px;padding:8px 12px}.html-badge{font-size:14px}.art-label{font-size:12px;margin-right:0;margin-top:12px}.play-points{grid-template-columns:1fr;padding-block:20px 30px;gap:21px}.point-icon{width:42px;height:42px;border-radius:13px}.play-points strong{font-size:15px}.play-points small{font-size:12px;max-width:none}.section{padding-block:58px}.section-heading{display:block;margin-bottom:15px}.eyebrow{font-size:12px;margin-bottom:15px}.coming-label{display:inline-block;margin-top:20px;font-size:12px}h2{font-size:38px;letter-spacing:-1.2px}.section-intro{font-size:15px;line-height:1.7;margin-bottom:25px}.game-grid{grid-template-columns:1fr;gap:23px}.game-card{border-radius:22px}.game-image{aspect-ratio:1.5}.game-copy{padding:24px}.game-copy h3{font-size:26px}.game-copy p{font-size:15px}.card-bottom{font-size:12px}.genre{font-size:12px}.games-note{align-items:flex-start;justify-content:flex-start;gap:9px;margin-top:22px}.games-note svg{margin-top:3px}.games-note p{font-size:12px;line-height:1.7}.studio{padding-block:0}.studio-panel{grid-template-columns:1fr;padding:35px 28px;gap:30px;border-radius:25px}.studio-copy>p:not(.eyebrow){font-size:15px}.studio-copy .studio-lead{font-size:19px!important}.studio-copy h2{margin-bottom:22px}.studio-right{padding:22px 0 0;border-top:1px solid #d9c9f7}.studio-type{font-size:64px;line-height:1;transform:rotate(-3deg);letter-spacing:-2.5px;display:block;padding-left:10px}.studio-values{gap:17px;margin-top:25px;font-size:12px}.contact{padding-block:58px 48px}.contact-card{grid-template-columns:1fr;gap:30px;padding:35px 28px;border-radius:25px}.contact-card h2{font-size:44px}.contact-card p:not(.eyebrow){font-size:15px}.contact-card p br{display:none}.contact-details{gap:17px}.email-link{font-size:clamp(18px,5.5vw,25px)}.contact-details>span{font-size:12px}.footer-top{flex-wrap:wrap;gap:26px;padding-bottom:26px}.footer-top>p{width:100%;order:3;font-size:13px}.back-top{font-size:12px}.footer-bottom{flex-direction:column;gap:16px;font-size:12px}.footer-bottom nav{gap:23px;flex-wrap:wrap}.legal-main{padding-block:35px 65px}.legal-main h1{font-size:42px}.legal-main h2{font-size:23px}.legal-main p,.legal-main li{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Shared typography: sentence case, a measured type scale, and readable spacing. */
@font-face {
  font-family: Outfit;
  src: url('assets/outfit-600.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
body { line-height: 1.75; }
.brand { gap: 13px; }
.brand-mark { font-size: 35px; letter-spacing: -3px; padding: 4px 8px 0; }
.brand-name { font-size: 27px; font-weight: 700; line-height: 1.05; letter-spacing: -.6px; }
.brand-name span { font-size: 14px; font-weight: 600; letter-spacing: .4px; line-height: 1.25; margin-top: 5px; }
.header nav a, .button { font-weight: 600; }
.eyebrow, .genre, .coming-label, .concept-label { letter-spacing: .6px; font-weight: 600; }
.hero-label { font-size: 13px; letter-spacing: .2px; }
.hero h1 { font-size: clamp(54px, 5.1vw, 74px); font-weight: 700; line-height: 1.09; letter-spacing: -2.6px; }
h2 { font-size: clamp(36px, 3.5vw, 48px); font-weight: 700; line-height: 1.16; letter-spacing: -1.25px; }
.hero-description, .section-intro, .studio-copy > p:not(.eyebrow), .contact-card p:not(.eyebrow) { font-size: 16px; line-height: 1.8; }
.floating-tag { font-weight: 600; }
.studio-type { font-size: clamp(60px, 5.7vw, 80px); line-height: 1.12; letter-spacing: -2.4px; }
.contact-card h2 { font-size: 48px; line-height: 1.14; letter-spacing: -1.2px; }
.footer-top > p, .back-top, .text-link { font-size: 14px; }
.arrow-puzzle { display: grid; grid-template-columns: 1.05fr 1fr; }
.arrow-puzzle:hover { transform: none; }
.arrow-puzzle .game-image { aspect-ratio: auto; min-height: 390px; }
.arrow-puzzle .game-image img { height: 100%; object-fit: cover; }
.arrow-puzzle .game-copy { padding: 45px; display: flex; flex-direction: column; justify-content: center; }
.arrow-puzzle .genre { font-size: 13px; }
.arrow-puzzle h3 { font-size: 42px; font-weight: 700; line-height: 1.15; letter-spacing: -1px; margin: 13px 0 12px; }
.arrow-puzzle .game-tagline { color: var(--ink); font-size: 18px; font-weight: 600; line-height: 1.5; margin-bottom: 16px; }
.arrow-puzzle .game-copy > p:not(.game-tagline) { font-size: 16px; line-height: 1.8; margin-bottom: 27px; }
.arrow-puzzle .card-bottom { font-size: 13px; flex-wrap: wrap; }
.coming-label { font-size: 13px; padding: 8px 17px; }
.concept-label { font-size: 12px; }
.games-note p { font-size: 13px; line-height: 1.7; }
.games-note { justify-content: flex-start; }
@media (max-width: 1050px) {
  .hero h1 { font-size: clamp(50px, 6.1vw, 65px); }
  .arrow-puzzle .game-copy { padding: 32px; }
  .arrow-puzzle h3 { font-size: 36px; }
}
@media (max-width: 760px) {
  .brand { gap: 10px; }
  .brand-mark { font-size: 31px; padding: 4px 7px 0; }
  .brand-name { font-size: 23px; }
  .brand-name span { font-size: 12px; letter-spacing: .25px; }
  .hero h1 { font-size: clamp(43px, 11vw, 59px); line-height: 1.12; letter-spacing: -1.6px; }
  .hero-label { font-size: 12px; letter-spacing: 0; }
  h2 { font-size: 35px; line-height: 1.18; letter-spacing: -.9px; }
  .studio-type { font-size: 58px; line-height: 1.12; letter-spacing: -1.8px; }
  .contact-card h2 { font-size: 39px; line-height: 1.15; letter-spacing: -.8px; }
  .arrow-puzzle { grid-template-columns: 1fr; }
  .arrow-puzzle .game-image { aspect-ratio: 1.35; min-height: 0; }
  .arrow-puzzle .game-copy { padding: 27px; }
  .arrow-puzzle h3 { font-size: 34px; }
  .arrow-puzzle .game-tagline { font-size: 17px; }
}