.hero{align-items:center;height:calc(100svh - 58px);min-height:calc(100svh - 58px);padding:0;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.hero{height:calc(100svh - 58px);min-height:calc(100svh - 58px);padding:0}}@media (max-width:768px){.hero{height:calc(100svh - 58px);min-height:calc(100svh - 58px);padding:0}}.hero .innerbox{z-index:1;width:100%;min-height:inherit;justify-content:space-between;align-items:center;display:flex;position:relative}@media (max-width:1024px){.hero .innerbox{text-align:center;flex-direction:column;justify-content:center;height:100%;padding-top:0;padding-bottom:1rem}}@media (max-width:768px){.hero .innerbox{justify-content:center;height:100%;padding-bottom:.5rem}}.hero .copy{z-index:1;max-width:600px;position:relative}@media (max-width:1024px){.hero .copy{max-width:720px;padding-top:0}}.hero .copy .title{color:#111;font-size:3rem;font-weight:700;line-height:1.1}@media (max-width:1024px){.hero .copy .title{font-size:2.25rem}}@media (max-width:768px){.hero .copy .title{font-size:1.875rem}}.hero .copy .title{margin-bottom:1.5rem;font-size:3.75rem}@media (max-width:1024px){.hero .copy .title{font-size:3rem}}@media (max-width:768px){.hero .copy .title{font-size:2.25rem}}.hero .copy .desc{color:#6b7280;margin-bottom:2rem;font-size:1.125rem;font-weight:400;line-height:1.6}@media (max-width:1024px){.hero .copy .desc{max-width:500px;margin-left:auto;margin-right:auto}}.hero .copy .actions{z-index:2;position:relative}@media (max-width:1024px){.hero .copy .actions{justify-content:center}}.hero__project-button{color:#fff;background-color:#121416e0;border-color:#121416e0}.hero__project-button:hover{background-color:#121416f5;border-color:#121416f5}.hero__visual{width:400px;height:400px;position:relative}@media (max-width:1024px){.hero__visual{opacity:.68;pointer-events:none;filter:blur(2px);z-index:0;width:100%;height:100%;min-height:100%;display:block;position:absolute;inset:auto;transform:none}}@media (max-width:768px){.hero__visual{opacity:.72;filter:blur(2px);width:100%;height:100%;min-height:100%;inset:0}}.hero__scroll-indicator{z-index:2;color:#1214168f;background:0 0;border:0;align-items:center;padding:0;transition:color .2s,transform .2s;animation:1.6s ease-in-out infinite hero-scroll-bounce;display:inline-flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-indicator:hover{color:#121416d1}.hero__scroll-indicator:focus-visible{color:#121416e6;outline:none}@media (max-width:768px){.hero__scroll-indicator{bottom:1.5rem}}.hero__shape{border-radius:1.5rem;position:absolute}.hero__shape--1{opacity:.8;background-color:#7c3aed;width:200px;height:200px;animation:6s ease-in-out infinite float;top:50px;left:50px}@media (max-width:1024px){.hero__shape--1{opacity:.22;width:clamp(7rem,14vw,8rem);height:clamp(7rem,14vw,8rem);top:4.5rem;left:3rem}}@media (max-width:768px){.hero__shape--1{opacity:.2;width:clamp(5.25rem,24vw,6.5rem);height:clamp(5.25rem,24vw,6.5rem);top:2rem;left:1.25rem}}.hero__shape--2{background-color:#7c3aed66;width:150px;height:150px;animation:8s ease-in-out infinite reverse float;top:150px;left:180px}@media (max-width:1024px){.hero__shape--2{opacity:.36;background-color:#7c3aed70;width:clamp(5.5rem,11vw,6.5rem);height:clamp(5.5rem,11vw,6.5rem);top:7rem;left:auto;right:3rem}}@media (max-width:768px){.hero__shape--2{opacity:.38;background-color:#7c3aed70;width:clamp(4.2rem,18vw,5rem);height:clamp(4.2rem,18vw,5rem);top:6.25rem;left:auto;right:1.5rem}}.hero__shape--3{background-color:#7c3aed33;width:100px;height:100px;animation:7s ease-in-out infinite float;top:80px;left:250px}@media (max-width:1024px){.hero__shape--3{opacity:.22;background-color:#7c3aed33;width:clamp(4rem,8vw,4.75rem);height:clamp(4rem,8vw,4.75rem);top:auto;bottom:8rem;left:4rem}}@media (max-width:768px){.hero__shape--3{opacity:.24;background-color:#7c3aed33;width:clamp(3rem,13vw,3.5rem);height:clamp(3rem,13vw,3.5rem);top:auto;bottom:6.2rem;left:1.5rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes hero-scroll-bounce{0%,to{opacity:.72;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,6px)}}
.games-section{background-color:#fff}.games-section .copy{text-align:center;margin-bottom:4rem}.games-section .copy .desc{margin-left:auto;margin-right:auto}.games-section__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.games-section__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.games-section__grid{grid-template-columns:1fr}}.games-section__cta{text-align:center;margin-top:4rem}.game-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:box-shadow .2s,transform .2s}.game-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.game-card{display:block;overflow:hidden}.game-card:hover{transform:translateY(-4px)}.game-card:hover .game-card__image{transform:scale(1.05)}.game-card__image{background:linear-gradient(135deg,#7c3aed 0%,#5512c8 100%);border-bottom:1px solid #e5e7eb;height:200px;transition:transform .3s;position:relative;overflow:hidden}.game-card__image.has-image{background:0 0}.game-card__placeholder{color:#ffffff4d;font-size:3rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-card__thumbnail{object-fit:cover;object-position:center}.game-card__content{padding:1.5rem}.game-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.game-card__title{color:#111;font-size:1.125rem;font-weight:600}.game-card__desc{color:#6b7280;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.game-card__meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.game-card__platform{color:#6b7280;font-size:.75rem}
.services-section .copy{text-align:center;margin-bottom:4rem}.services-section .copy .desc{margin-left:auto;margin-right:auto}.services-section__grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (max-width:1024px){.services-section__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-section__grid{grid-template-columns:1fr}}.service-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.service-card{text-align:center;padding:2rem}.service-card:hover{transform:translateY(-4px)}.service-card__icon{margin-bottom:1rem;font-size:2.25rem}.service-card__title{color:#111;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.service-card__desc{color:#6b7280;font-size:.875rem;line-height:1.6}
.works-section{background-color:#fff}.works-section .copy{text-align:center;margin-bottom:4rem}.works-section .copy .desc{margin-left:auto;margin-right:auto}.works-section__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.works-section__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.works-section__grid{grid-template-columns:1fr}}.works-section__cta{text-align:center;margin-top:4rem}.work-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:box-shadow .2s,transform .2s}.work-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.work-card{display:block;overflow:hidden}.work-card:hover{transform:translateY(-4px)}.work-card:hover .work-card__image{transform:scale(1.05)}.work-card__image{border-bottom:1px solid #e5e7eb;height:180px;transition:transform .3s;position:relative;overflow:hidden}.work-card__placeholder{color:#fff3;font-size:2.25rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-card__thumbnail{object-fit:cover;object-position:center}.work-card__content{padding:1.5rem}.work-card__meta{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.work-card__meta-right{justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.work-card__badge{letter-spacing:.04em;color:#7c3aed;background:#7c3aed14;border:1px solid #7c3aed2e;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.work-card__title{color:#111;margin:.5rem 0;font-size:1.125rem;font-weight:600}.work-card__desc{color:#6b7280;font-size:.875rem;line-height:1.5}
.process-section .copy{text-align:center;margin-bottom:4rem}.process-section .copy .desc{margin-left:auto;margin-right:auto}.process-section__steps{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (max-width:1024px){.process-section__steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.process-section__steps{grid-template-columns:1fr}}.process-step{padding:2rem;position:relative}.process-step__number{color:#7c3aed26;margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1}.process-step__title{color:#111;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.process-step__desc{color:#6b7280;font-size:.875rem;line-height:1.6}
.contact-section{background-color:#fff}.contact-section__card{text-align:center;background:linear-gradient(135deg,#7c3aed 0%,#5512c8 100%);border-radius:1rem;padding:6rem}@media (max-width:768px){.contact-section__card{padding:3rem 1.5rem}}.contact-section__card .copy .title{color:#fff}@media (max-width:768px){.contact-section__card .copy .title{font-size:1.5rem}}.contact-section__card .copy .desc{color:#ffffffe6;margin-left:auto;margin-right:auto}.contact-section__card .copy .actions{justify-content:center}.contact-section__card .btn-primary{color:#7c3aed;background-color:#fff}.contact-section__card .btn-primary:hover{background-color:#ffffffe6}.contact-section__card .btn-secondary{color:#fff;border-color:#ffffff80}.contact-section__card .btn-secondary:hover{background-color:#ffffff1a;border-color:#fff}