@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#090907;--surface:#11110d;--yellow:#ffc400;--white:#f7f7f4;--muted:#aaa9a3;--border:#33332b;--heading:Anton,Impact,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400;text-transform:uppercase;line-height:1.14}h2{font-size:clamp(32px,3.6vw,52px);letter-spacing:.1px}h3{font-size:24px}h1 span,h2 span{color:var(--yellow)}p{color:var(--muted)}.container{width:min(1280px,calc(100% - 80px));margin-inline:auto}.section{padding-block:70px}.eyebrow{font-family:var(--heading);font-size:14px;text-transform:uppercase;letter-spacing:1.7px;color:var(--yellow);margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:12px 24px;background:var(--yellow);border:1px solid var(--yellow);color:#080807;font-family:var(--heading);font-size:15px;text-transform:uppercase;letter-spacing:.7px;line-height:1.3;transition:background .2s,color .2s,transform .2s}.button span{font-family:Arial,sans-serif;font-size:23px;line-height:1}.button:hover{background:#ffe06a;transform:translateY(-2px)}.button-outline{background:transparent;color:var(--yellow)}.button-outline:hover{background:var(--yellow);color:var(--bg)}.button-row{display:flex;gap:14px;flex-wrap:wrap}.skip-link{position:fixed;top:8px;left:10px;z-index:100;background:var(--yellow);color:#000;padding:10px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.site-header{position:sticky;top:0;z-index:30;background:#090907f5;border-bottom:1px solid #22221d;backdrop-filter:blur(12px)}.header-inner{width:min(1400px,calc(100% - 64px));height:86px;margin:auto;display:flex;align-items:center;gap:26px}.brand{width:218px;flex-shrink:0}.brand img{width:100%;max-height:65px;object-fit:contain}.site-header nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.site-header nav a{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;color:#aaa9a3;padding:12px 0}.site-header nav a:hover{color:var(--yellow)}.header-cta .button{font-size:12px;padding:12px 19px;gap:10px}.header-cta .button span{display:none}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);min-height:545px}.hero-photo{position:absolute;inset:0 0 0 39%;}.hero-photo img{height:100%;object-fit:cover;object-position:center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 25%)}.hero-inner{position:relative;min-height:545px;display:flex;align-items:center;padding-block:45px}.hero-copy{width:53%;max-width:630px}.hero h1{font-size:clamp(65px,7.1vw,104px);line-height:1.05;letter-spacing:.3px}.hero-description{max-width:490px;color:#d0d0cb;font-size:18px;line-height:1.5;margin-top:18px}.capabilities{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#dadad2;margin:22px 0}.hero .button{font-size:13px;gap:12px}.about-grid{display:grid;grid-template-columns:1.08fr 1.8fr;gap:40px;align-items:center}.about h2{font-size:36px;margin-bottom:16px}.about-copy>p:last-child{font-size:14px;line-height:1.85}.about-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-images img{height:285px;object-fit:cover}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;scroll-margin-top:115px}.values>div{display:flex;align-items:center;gap:22px;padding-inline:28px;border-left:1px solid #55554e}.values>div:first-child{padding-left:0;border:0}.values>div:last-child{padding-right:0}.number{font-family:var(--heading);font-size:43px;line-height:1;color:var(--yellow);flex-shrink:0}.values h3{font-size:21px}.values p{font-size:12px;margin-top:5px}.section-border{border-top:1px solid var(--border)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-heading>p{max-width:320px;line-height:1.5;font-size:14px}.section-heading .button{flex-shrink:0}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card,.project-card{display:block;border:1px solid var(--border);transition:border-color .2s;background:#0b0b08;overflow:hidden}.game-card:hover,.project-card:hover{border-color:var(--yellow)}.game-card>img{aspect-ratio:1/1;object-fit:cover;transition:filter .2s}.game-card:hover>img,.project-card:hover>img{filter:brightness(1.1)}.card-body{padding:18px 20px;position:relative}.card-body h3{padding-right:24px}.card-body p{font-size:14px;margin-top:7px}.card-body .eyebrow{margin:0 0 5px;font-size:11px}.arrow{position:absolute;right:20px;top:15px;font-size:28px;color:var(--yellow);line-height:1.3}.center-action{text-align:center;margin-top:28px}.services{padding-top:28px}.services>h2{margin-bottom:25px}.process{background:var(--surface);padding:30px 25px 40px}.process-intro{max-width:610px;font-size:16px}.process-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:20px;list-style:none;padding:0;margin:30px 0 0}.process-grid li{position:relative;text-align:center}.step-number{font-family:var(--heading);font-size:38px;color:#6f6e5d;display:block;margin-bottom:12px}.process-grid h3{font-size:15px;letter-spacing:1px;margin-bottom:10px}.process-grid p{font-size:12px;line-height:1.6}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:22px}.service-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-template-rows:1.6fr 1fr;min-height:500px}.service-images img{height:100%;object-fit:cover;min-height:0}.service-images .installation{grid-column:1/-1}.service-list{list-style:none;margin:0;padding:0}.service-list li{display:flex;align-items:center;gap:24px;padding:15px 0;border-bottom:1px solid #47473c;min-height:85px}.service-list li:first-child{padding-top:0}.service-list li:last-child{border:0;padding-bottom:0}.service-list .number{padding-right:24px;border-right:1px solid #777768;min-width:73px}.service-list h3{font-size:26px}.service-list p{font-size:14px;margin-top:3px}.cta-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px;border-top:2px solid var(--yellow)}.cta-strip h2{font-size:clamp(26px,3vw,41px)}.cta-strip .button{flex-shrink:0}.banner img{max-height:440px;object-fit:cover;object-position:center}.projects{padding-top:38px}.projects .section-heading p{margin-top:7px}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.project-main{grid-row:span 2;display:flex;flex-direction:column}.project-main>img{flex:1;min-height:0;object-fit:cover}.project-main .card-body h3{font-size:30px}.project-grid .game-card>img{aspect-ratio:2.3;object-fit:cover}.project-grid .game-card .card-body{padding:13px 16px}.project-grid .game-card h3{font-size:21px}.project-grid .game-card p{display:none}.project-grid .arrow{top:10px}.clients{text-align:center}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;max-width:1100px;margin:30px auto 0}.client-grid img{aspect-ratio:1.12;object-fit:cover;border:1px solid #24241e}.contact{padding-block:80px 100px;background:radial-gradient(ellipse at center,#181309 0%,#090907 70%);text-align:center;border-top:1px solid #24241e}.contact .eyebrow{font-family:Arial,sans-serif;font-weight:700;font-size:12px;color:var(--muted);letter-spacing:2px}.contact h2{font-size:clamp(44px,5vw,64px);margin:22px 0}.contact .container>p:not(.eyebrow){max-width:585px;margin:0 auto 30px}.contact .button-row{justify-content:center}.contact-number{display:inline-block;color:var(--muted);font-size:14px;margin-top:22px}.contact-number:hover{color:var(--yellow)}footer{border-top:1px solid var(--border);padding-top:48px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand{font-family:var(--heading);font-size:22px;text-transform:uppercase}.footer-grid h3{font-size:13px;letter-spacing:1.7px;color:var(--muted);margin-bottom:15px}.footer-grid p,.footer-grid a:not(.footer-brand){font-size:12px;color:var(--muted)}.footer-grid p{margin-top:8px}.footer-grid a:not(.footer-brand){display:block;margin-bottom:8px}.footer-grid a:hover{color:var(--yellow)}.copyright{font-size:11px;color:#85857b;border-top:1px solid #22221d;margin-top:36px;padding:20px 0 30px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;gap:10px;align-items:center;background:var(--yellow);color:#080807;border:1px solid #ffe166;box-shadow:0 4px 30px #0008;border-radius:28px;padding:12px 18px;font-size:13px;font-weight:bold}.whatsapp-float svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.whatsapp-float:hover{background:#ffde62}
@media(min-width:1600px){.hero-photo{left:44%}}
@media(max-width:1150px){.header-inner{gap:20px}.brand{width:175px}.site-header nav{gap:14px}.site-header nav a{font-size:9px}.header-cta .button{padding:12px}.hero-copy{width:59%}.hero-description{max-width:430px}.about-grid{gap:25px}.about h2{font-size:31px}.values>div{padding-inline:18px;gap:14px}.values h3{font-size:18px}.section-heading{align-items:flex-start}.section-heading>p{max-width:250px}.service-list h3{font-size:22px}.process-grid{gap:13px}.process{padding-inline:20px}.cta-strip .button{font-size:13px;gap:16px}.cta-strip h2{font-size:31px}}
@media(max-width:950px){.container{width:calc(100% - 44px)}.header-inner{width:calc(100% - 44px);height:76px}.brand{width:170px}.header-cta{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;color:white;border:1px solid #555;cursor:pointer;order:3}.menu-toggle span{width:20px;height:2px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0c0c09;padding:18px 24px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border);gap:0}.site-header nav.open{display:flex}.site-header nav a{font-size:13px;padding:12px}.hero h1{font-size:74px}.hero-copy{width:65%}.hero-photo{left:38%}.hero-photo:after{background:linear-gradient(90deg,var(--bg),#090907aa 25%,transparent 80%)}.hero .button{padding-inline:15px}.about-grid{grid-template-columns:1fr}.about-copy{max-width:690px}.about h2{font-size:39px}.about-images img{height:310px}.values{margin-top:35px;gap:18px}.values>div{padding:0;border:0;align-items:flex-start;gap:12px}.number{font-size:35px}.values h3{font-size:18px}.section-heading{flex-wrap:wrap;gap:14px}.section-heading>p{max-width:540px}.games-grid{gap:14px}.card-body{padding:15px}.card-body h3{font-size:22px}.card-body p{font-size:12px}.arrow{right:13px;font-size:24px}.process-grid{grid-template-columns:repeat(4,1fr);gap:26px}.service-grid{gap:25px}.service-list h3{font-size:20px}.service-list .number{padding-right:15px;min-width:53px}.service-list li{gap:16px;min-height:83px}.service-list p{font-size:12px}.service-images{min-height:480px}.cta-strip{flex-wrap:wrap}.client-grid{gap:10px}.footer-grid{gap:25px;grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){html{scroll-padding-top:90px}.container{width:calc(100% - 36px)}.section{padding-block:48px}.header-inner{width:calc(100% - 32px);height:70px;gap:12px}.brand{width:145px}.header-cta .button{font-size:10px;min-height:37px;padding:9px}.menu-toggle{width:38px;height:38px}.site-header nav{top:70px}.hero{min-height:0}.hero-inner{display:block;padding-block:34px 36px;min-height:0}.hero-copy{width:100%;max-width:none}.hero-photo{position:relative;inset:auto;height:280px;order:2}.hero{display:flex;flex-direction:column}.hero-photo img{object-position:center 40%}.hero-photo:after{background:linear-gradient(0deg,transparent 75%,var(--bg))}.hero .eyebrow{font-size:11px;letter-spacing:1.25px}.hero h1{font-size:clamp(57px,13.8vw,82px)}.hero-description{font-size:16px;max-width:100%;margin-top:15px}.capabilities{font-size:10px;letter-spacing:1px;line-height:1.9;margin:18px 0}.hero .button-row{gap:10px}.hero .button{padding:12px 14px;gap:9px;font-size:12px;flex:1}.hero .button span{font-size:20px}.about h2{font-size:34px}.about-images{gap:10px}.about-images img{height:200px}.values{grid-template-columns:1fr;gap:0;margin-top:30px}.values>div{padding:18px 0;gap:20px;border-top:1px solid var(--border)}.values>div:first-child{border-top:1px solid var(--border);padding-top:18px}.values h3{font-size:22px}.values p{font-size:13px}.number{font-size:40px}.section-heading h2{font-size:35px}.games-grid{grid-template-columns:1fr;gap:24px}.game-card>img{aspect-ratio:1.15}.card-body{padding:19px}.card-body h3{font-size:26px}.card-body p{font-size:14px}.arrow{right:20px;font-size:29px}.services{padding-top:8px}.process{padding:24px 17px;margin-top:22px}.process-intro{font-size:14px}.process-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.process-grid li{text-align:left}.process-grid p{font-size:12px}.step-number{font-size:32px;margin-bottom:8px}.process-grid h3{font-size:17px}.service-grid{grid-template-columns:1fr}.service-images{min-height:0;height:350px;gap:8px}.service-list li{min-height:85px;padding:17px 0}.service-list h3{font-size:24px}.service-list p{font-size:13px}.service-list .number{min-width:66px;padding-right:20px}.cta-strip{padding-block:24px;gap:20px}.cta-strip h2{font-size:30px}.cta-strip .button{font-size:14px}.banner img{height:250px;object-position:64% center}.project-grid{grid-template-columns:1fr;gap:22px}.project-main{grid-row:auto}.project-main>img{aspect-ratio:1.35;flex:auto}.project-grid .game-card>img{aspect-ratio:1.75}.project-grid .game-card h3{font-size:23px}.project-grid .game-card .card-body{padding:17px}.project-grid .arrow{top:13px}.client-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.clients{padding-top:38px}.contact{padding-block:55px 65px}.contact h2{font-size:47px}.contact .eyebrow{font-size:10px}.contact .button{font-size:13px;gap:14px}.contact .button-row{gap:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.copyright{padding-bottom:90px}.whatsapp-float{right:16px;bottom:16px;padding:11px 15px}.whatsapp-float span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
