@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img{display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}}@layer base{:root{--bg:#03070d;--surface:#070d16;--text:#f5f7fb;--muted:#f5f7fba8;--line:#ffffff1f;--orange:#ff7a00;--orange-light:#ff9b3d;--blue:#1677ff;--blue-light:#56a1ff}body{min-width:320px;color:var(--text);background:var(--bg);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}::selection{color:#fff;background:#ff7a00c7}}@layer components{.hero{isolation:isolate;align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.heroBackground{z-index:-4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.heroImageParallax{z-index:0}.heroImage,.projectStageImage{object-fit:cover}.heroImage{object-position:center 45%;animation:14s ease-out both heroScale}.projectStageImage{z-index:-4}.heroShade{z-index:1;pointer-events:none;background:linear-gradient(#03070d42 0%,#03070d14 35%,#03070df0 100%),linear-gradient(90deg,#03070ddb 0%,#03070d4d 52%,#03070d1f 100%);position:absolute;inset:0}.heroGlowMotion{z-index:-2;opacity:.9;pointer-events:none;width:52rem;height:52rem;position:absolute;bottom:-20rem;right:-15rem}.heroGlow{filter:blur(110px);background:#ff7a001f;border-radius:50%;width:100%;height:100%}.heroContentMotion{z-index:2;pointer-events:none;width:100%;position:relative}.heroContent{width:min(100% - 3rem,92rem);margin-inline:auto;padding:10rem 0 clamp(5.5rem,8vw,7.5rem)}.heroContent>*{pointer-events:auto}.eyebrow,.sectionIndex,.projectOverline,.contactLabel{letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;font-weight:800}.eyebrow,.sectionIndex{color:var(--orange)}.eyebrowBlue{color:var(--blue-light)}.hero h1{letter-spacing:-.065em;text-wrap:balance;width:min(100%,59rem);max-width:59rem;margin-top:1.25rem;font-size:clamp(3.4rem,6.8vw,7.35rem);font-weight:800;line-height:.88}.hero h1 span{color:#ffffff94;max-width:58rem;display:block}.heroLead{max-width:39rem;color:var(--muted);margin-top:2rem;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75}.heroActions{flex-wrap:wrap;gap:.9rem;margin-top:2.5rem;display:flex}.primaryAction,.secondaryAction{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:3.4rem;padding:0 1.5rem;font-size:.74rem;font-weight:800;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.primaryAction{color:#07101b;background:#fff}.secondaryAction{border:1px solid var(--line);background:#ffffff0d}.primaryAction:hover,.secondaryAction:hover{transform:translateY(-2px)}.secondaryAction:hover{background:#ffffff17;border-color:#ffffff47}.heroMeta{z-index:3;color:#ffffff70;letter-spacing:.28em;justify-items:end;gap:.55rem;font-size:.64rem;font-weight:800;display:grid;position:absolute;bottom:7rem;right:max(1.5rem,50vw - 46rem)}.scrollCue{z-index:3;color:#ffffff80;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.62rem;font-weight:700;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scrollCue span{background:currentColor;width:2.75rem;height:1px}.statement,.projectsIntroduction,.future{width:min(100% - 3rem,92rem);margin-inline:auto}.statement{padding:clamp(7rem,12vw,12rem) 0}.statementGrid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:start;gap:clamp(3rem,8vw,9rem);margin-top:2.5rem;display:grid}.statement h2,.projectsIntroduction h2,.future h2{letter-spacing:-.06em;text-wrap:balance;max-width:60rem;font-size:clamp(3rem,6.5vw,7rem);line-height:.94}.statementCopy{color:var(--muted);gap:1.4rem;padding-top:.5rem;font-size:1.05rem;line-height:1.8;display:grid}.studioPrinciples{border-top:1px solid var(--line);margin-top:1rem;display:grid}.studioPrinciples span{border-bottom:1px solid var(--line);color:#ffffffd1;letter-spacing:.16em;text-transform:uppercase;padding:.9rem 0;font-size:.72rem;font-weight:800}.projectsIntroduction{padding:clamp(6rem,10vw,10rem) 0 clamp(5rem,8vw,8rem)}.projectsIntroductionGrid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:end;gap:clamp(3rem,8vw,9rem);margin-top:2.5rem;display:grid}.projectsIntroductionGrid>p{max-width:34rem;color:var(--muted);padding-bottom:.4rem;font-size:1.05rem;line-height:1.8}.projectStage{isolation:isolate;align-items:flex-end;min-height:max(48rem,100svh);display:flex;position:relative;overflow:hidden}.projectStageImage{object-position:center;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.projectStage:hover .projectStageImage{transform:scale(1.025)}.projectStageInicio .projectStageImage{object-position:center 48%}.projectStageFortnite .projectStageImage{object-position:center 42%}.projectStageShade{z-index:-3;background:linear-gradient(#03070d1a 0%,#03070d2e 36%,#03070df5 100%),linear-gradient(90deg,#03070de0 0%,#03070d57 55%,#03070d1a 100%);position:absolute;inset:0}.projectStageShadeFortnite{background:linear-gradient(#03070d1f 0%,#03070d33 38%,#03070df5 100%),linear-gradient(90deg,#03070de6 0%,#03070d61 54%,#03070d26 100%)}.projectLight{z-index:-2;filter:blur(110px);pointer-events:none;border-radius:50%;width:45rem;height:45rem;position:absolute;bottom:-20rem}.projectLightOrange{background:#ff7a002b;left:-12rem}.projectLightBlue{background:#1677ff2e;left:-10rem}.projectNumber{color:#ffffff1a;letter-spacing:-.08em;pointer-events:none;font-size:clamp(8rem,18vw,18rem);font-weight:900;line-height:1;position:absolute;top:7rem;right:max(1.5rem,50vw - 46rem)}.projectStageContent{width:min(100% - 3rem,92rem);margin-inline:auto;padding:8rem 0 clamp(5rem,8vw,7.5rem)}.projectHeading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.projectStatusRow{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.projectStatus{letter-spacing:.16em;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .9rem;font-size:.64rem;font-weight:800;display:inline-flex}.statusDot{background:currentColor;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 .8rem}.projectStatusDevelopment{color:var(--orange-light);background:#ff7a001a;border:1px solid #ff7a0061}.projectStatusPreproduction{color:var(--blue-light);background:#1677ff1a;border:1px solid #1677ff61}.projectPlatform{color:#ffffff7a;letter-spacing:.17em;font-size:.64rem;font-weight:800}.projectBody{max-width:62rem;margin-top:clamp(4rem,8vw,8rem)}.projectStage h2{letter-spacing:-.075em;text-wrap:balance;max-width:64rem;margin-top:.9rem;font-size:clamp(4.6rem,11vw,11rem);line-height:.82}.projectStageFortnite h2{max-width:58rem;font-size:clamp(3.6rem,8vw,8.5rem);line-height:.9}.projectOverline{color:var(--blue-light)}.projectDescription{max-width:46rem;color:var(--muted);margin-top:2rem;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8}.projectFeatures{border-top:1px solid #ffffff29;grid-template-columns:repeat(2,minmax(0,1fr));max-width:48rem;margin-top:2.2rem;display:grid}.projectFeatures li{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ffffff29;padding:1rem 1rem 1rem 1.25rem;font-size:.72rem;font-weight:700;position:relative}.projectFeatures li:nth-child(odd){border-right:1px solid #ffffff29}.projectFeatures li:before{background:var(--orange);content:"";border-radius:50%;width:.34rem;height:.34rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.projectStageFortnite .projectFeatures li:before{background:var(--blue)}.projectActions{flex-wrap:wrap;align-items:center;gap:1.3rem;margin-top:2.4rem;display:flex}.projectExternalAction{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#ff7a0021;border:1px solid #ff7a0085;border-radius:999px;align-items:center;gap:1.1rem;min-height:3.5rem;padding:0 1.5rem;font-size:.72rem;font-weight:800;display:inline-flex}.projectExternalActionBlue{background:#1677ff21;border-color:#1677ff85}.projectExternalActionDisabled{cursor:default}.projectExternalAction span{font-size:1rem}.projectAvailability{color:#ffffff70;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.future{flex-direction:column;justify-content:center;min-height:88svh;padding:clamp(7rem,12vw,12rem) 0 3rem;display:flex}.futureGrid{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);align-items:end;gap:clamp(4rem,10vw,10rem);display:grid}.future h2{margin-top:1.5rem}.futureGrid>div:first-child>p:last-child{max-width:45rem;color:var(--muted);margin-top:2rem;font-size:1.08rem;line-height:1.8}.contactBlock{border-top:1px solid var(--line);padding:2rem 0 0}.contactLabel{color:var(--blue-light)}.contactBlock h3{letter-spacing:-.045em;max-width:30rem;margin-top:1.2rem;font-size:clamp(2rem,3vw,3.2rem);line-height:1.04}.contactBlock>a{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#ffffffc7;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.1rem 0;font-size:clamp(.85rem,1.3vw,1rem);font-weight:700;transition:color .18s,padding .18s;display:flex}.contactBlock>a:hover{color:#fff;padding-inline:.5rem}.contactNote{color:#ffffff5c;margin-top:1rem;font-size:.7rem;line-height:1.6}.siteFooter{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;margin-top:clamp(6rem,12vw,11rem);padding-top:2rem;display:grid}.siteFooter img{width:7rem;height:auto}.siteFooter p,.siteFooter span{color:#ffffff61;letter-spacing:.18em;font-size:.62rem;font-weight:800}.siteFooter span{justify-self:end}@keyframes heroScale{0%{transform:scale(1.08)}to{transform:scale(1)}}@media (min-width:1600px){.heroContent{width:min(100% - 8rem,92rem)}.hero h1{font-size:clamp(4rem,6.25vw,7.6rem)}}@media (max-width:900px){.headerInner{grid-template-columns:1fr auto}.mainNav{display:none}.statementGrid,.projectsIntroductionGrid,.futureGrid{grid-template-columns:1fr}.heroContent{width:min(100% - 3rem,92rem);padding:9rem 0 5.5rem}.hero h1{width:100%;max-width:46rem;font-size:clamp(3.2rem,10vw,5.6rem)}.heroMeta{display:none}.heroGlowMotion{bottom:-22rem;right:-23rem}.projectHeading{flex-direction:column;align-items:flex-start}.projectStatusRow{justify-content:flex-start}.siteFooter{grid-template-columns:1fr auto}.siteFooter p{display:none}}@media (max-width:560px){.headerInner,.heroContent,.statement,.projectsIntroduction,.future,.projectStageContent{width:min(100% - 2rem,92rem)}.siteHeader{background:#03070ddb}.brand img{width:7rem}.edition{font-size:.54rem}.heroContent{padding:8rem 0 5rem}.hero h1{width:100%;max-width:100%;font-size:clamp(3rem,16vw,4.8rem);line-height:.9}.heroLead{margin-top:1.6rem;line-height:1.65}.heroActions{flex-direction:column;align-items:stretch;margin-top:2rem}.primaryAction,.secondaryAction{width:100%}.projectStage{min-height:52rem}.projectStageShade,.projectStageShadeFortnite{background:linear-gradient(#03070d33 0%,#03070d73 40%,#03070dfa 100%),linear-gradient(90deg,#03070dc7 0%,#03070d38 100%)}.projectNumber{font-size:8rem;top:6rem;right:1rem}.projectBody{margin-top:3rem}.projectStage h2,.projectStageFortnite h2{font-size:clamp(3.5rem,18vw,5.5rem)}.projectFeatures{grid-template-columns:1fr}.projectFeatures li:nth-child(odd){border-right:0}.projectActions{flex-direction:column;align-items:flex-start}.projectExternalAction{justify-content:space-between;width:100%}.siteFooter{grid-template-columns:1fr;align-items:start}.siteFooter span{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroImage{animation:none}.projectStageImage,.primaryAction,.secondaryAction,.mainNav a:after,.contactBlock>a{transition:none}.projectStage:hover .projectStageImage{transform:none}}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(48px)}.revealVisible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal,.revealVisible{opacity:1;transition:none;transform:none}}
.motionParallax{will-change:transform;transform-origin:50%;backface-visibility:hidden;width:100%;position:relative;transform:translate(0,0)scale(1.06)}.motionParallaxFill{width:110%;height:110%;position:absolute;inset:-5%}.motionParallaxFill>img{object-fit:cover}@media (max-width:899px){.motionParallax{will-change:auto;transform:none}.motionParallaxFill{width:100%;height:100%;inset:0}}@media (prefers-reduced-motion:reduce){.motionParallax{will-change:auto;transform:none}.motionParallaxFill{width:100%;height:100%;inset:0}}