*{box-sizing:border-box}:root{color-scheme:dark;--primary-clr-100: #f2f2f7;--primary-clr-700: #0f0f16;--surface-clr-800: #171721;--surface-clr-750: #1d1d2b;--border-clr: rgba(255, 255, 255, .08);--border-clr-strong: rgba(255, 255, 255, .18);--muted-clr-300: #9a9aa8;--secondary-clr-400: #e94f4f;--secondary-clr-300: #f06868;--accent-clr-400: #8a6fc0;--accent-clr-300: #e0b25a;--accent-clr2-400: #5c7080;--shadow-clr-700: rgba(0, 0, 0, .35);--container-width: 78ch;--font-body: "Yantramanav", sans-serif;--font-display: "Space Grotesk", "Yantramanav", sans-serif;--font-pixel: "Press Start 2P", monospace;--swiper-navigation-color: var(--primary-clr-100)}img{max-width:100%}body{margin:0;background:var(--primary-clr-700);color:var(--primary-clr-100);font-size:1.15rem;line-height:1.6;font-family:var(--font-body);font-weight:400;font-style:normal}html{scroll-behavior:smooth}::selection{background:var(--secondary-clr-400);color:#fff}:focus-visible{outline:2px solid var(--accent-clr-300);outline-offset:2px}#c,#dom-3D{display:block;width:100%;height:60vh}#dom-3D{top:0;position:absolute;pointer-events:none}.canvas-fade{position:absolute;top:calc(60vh - 140px);left:0;width:100%;height:140px;background:linear-gradient(transparent,var(--primary-clr-700));pointer-events:none;z-index:5}#info{position:absolute;top:50lvh;left:0;width:100%;z-index:10;color:var(--primary-clr-100);pointer-events:none}#info>*{pointer-events:initial}section{margin-top:2rem;margin-bottom:4rem}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;font-style:normal;line-height:1.15}h2{font-size:clamp(1.7rem,4vw,2.5rem);margin-top:.2em;margin-bottom:.8em}h3{font-size:1.35rem}.eyebrow{display:flex;align-items:center;gap:1ch;margin:4rem 0 1rem;font-family:var(--font-pixel);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-clr-400)}.eyebrow:after{content:"";height:1px;width:3.5rem;background:var(--border-clr-strong)}.eyebrow--gold{color:var(--accent-clr-300)}.eyebrow+h2,.eyebrow+h1{margin-top:0}a{color:inherit;font-weight:700;text-decoration-color:var(--secondary-clr-400);text-decoration-thickness:2px;text-underline-offset:3px}.container{max-width:var(--container-width);margin-inline:auto;padding-inline:1.2rem}.text-center{text-align:center}.hero{text-align:center;padding-top:max(1.5rem,calc(10lvh - 56px));padding-bottom:1.5rem}.hero .eyebrow{justify-content:center;margin-top:0}.hero .eyebrow:before{content:"";height:1px;width:3.5rem;background:var(--border-clr-strong)}.hero h1{font-size:clamp(2.1rem,5.5vw,3.4rem);margin:.25em auto;max-width:22ch}.hero p{color:var(--muted-clr-300);max-width:48ch;margin:0 auto 1.6rem}.btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;font-family:var(--font-display);font-weight:500;font-size:1.05rem;text-decoration:none;padding:.65em 1.5em;border-radius:10px;border:1px solid transparent;transition:background .25s ease,border-color .25s ease,transform .25s ease}.btn--primary{background:var(--secondary-clr-400);color:#fff}.btn--primary:hover,.btn--primary:focus-visible{background:var(--secondary-clr-300);transform:translateY(-2px)}.btn--ghost{border-color:var(--border-clr-strong);color:var(--primary-clr-100)}.btn--ghost:hover,.btn--ghost:focus-visible{border-color:var(--primary-clr-100);background:#ffffff0f;transform:translateY(-2px)}.reveal{opacity:0;translate:0 36px;transition:opacity .65s ease,translate .65s ease}.reveal.revealed{opacity:1;translate:0 0}@media (prefers-reduced-motion: no-preference){.hero>*{animation:hero-rise .8s ease backwards}.hero>*:nth-child(2){animation-delay:2.3s}.hero>*:nth-child(3){animation-delay:2.45s}.hero>*:nth-child(4){animation-delay:2.6s}.hero>*:nth-child(1){animation-delay:2.15s}.navbar nav{animation:hero-rise .7s ease 2s backwards}}@keyframes hero-rise{0%{opacity:0;transform:translateY(26px)}}.marquee{display:flex;overflow:hidden;border-block:1px solid var(--border-clr);padding-block:.7rem;margin-bottom:2rem;-webkit-user-select:none;user-select:none}.marquee__track{display:flex;flex-shrink:0;min-width:100%;gap:3rem;padding-right:3rem;justify-content:space-around;animation:marquee 40s linear infinite;font-family:var(--font-pixel);font-size:.65rem;text-transform:uppercase;white-space:nowrap;color:#45455a}@keyframes marquee{to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.marquee__track{animation:none}}.project-card{list-style:none;display:flex;flex-direction:column;background:var(--surface-clr-800);border:1px solid var(--border-clr);border-radius:14px;overflow:hidden;height:auto}.project-card img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover}.project-card .project-card__body{display:flex;flex-direction:column;gap:.6rem;flex:1;padding:1.1rem 1.25rem 1.25rem}.project-card h3{margin:0}.project-card p{margin:0;flex:1;font-size:1rem;color:var(--muted-clr-300)}.project-card .links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.4rem}.project-card a{font-size:1rem;text-underline-offset:4px}.project-card a:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="14" height="14" fill="rgb(154,154,168)" ><path d="M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z"></path></svg>');display:inline-block;margin-left:.5ch;vertical-align:-2px}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.tag{font-size:.8rem;line-height:1.4;padding:.1em .75em;border:1px solid rgba(224,178,90,.45);border-radius:99px;color:var(--accent-clr-300)}.swiper.portfolio{padding-block:.5rem}.navbar{position:sticky;top:0;z-index:10;pointer-events:none;padding-block:.75rem}.navbar nav{background:#171721d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-clr);width:fit-content;margin-inline:auto;padding:.4rem .5rem;display:flex;gap:.25rem;border-radius:99px;box-shadow:0 8px 24px var(--shadow-clr-700)}.navbar a{display:block;padding:.35rem 1rem;border-radius:99px;font-family:var(--font-display);font-weight:500;text-decoration:none;color:var(--muted-clr-300);transition:color .25s ease,background .25s ease}.navbar a:hover,.navbar a:focus-visible{color:var(--primary-clr-100);background:#ffffff0f}.navbar .active{color:#fff;background:var(--secondary-clr-400)}.swiper-wrapper{padding:0}.language-picker{position:fixed;top:0;right:16%;right:max(1.2rem,calc((100% - 78ch)/2 + 1.2rem));margin-top:1rem;z-index:100}.language-picker svg{width:.9rem;height:.9rem}.language-picker label{display:flex;align-items:center;gap:.3ch;margin-bottom:0;background:#171721d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--primary-clr-100);border:1px solid var(--border-clr);border-radius:99px;padding:.15rem .5rem;box-shadow:0 8px 24px var(--shadow-clr-700)}.language-picker select{border:none;background:transparent;font-weight:700;color:var(--primary-clr-100);padding-block:.25rem;padding-left:.25rem}.sections{min-height:50lvh}.sections .section-tab{display:none;transform-origin:top center}.sections .section-tab.active{display:block;animation:fade-in .5s}@keyframes fade-in{0%{opacity:0;transform:translateY(100px);scale:.8}50%{transform:translateY(0);scale:1}to{opacity:1}}.subsection{margin-block:6rem}.split{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.split--centered{justify-content:space-around;align-items:center}.split>*{flex:1 1 30ch;min-width:0}.split__1-3{flex:1 1 200px;max-width:300px}.header-padding{padding-top:4.2rem}.circle-logo{display:block;width:100%;max-width:166px;margin-inline:auto}.ggj-badge{max-width:128px;flex:0 1 128px}.advec-badge{display:flex;flex-direction:column;align-items:center;width:fit-content;flex:0 1 auto;color:var(--muted-clr-300);font-size:1rem}.sticky-block{position:sticky;top:90px}.highlights{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.7rem}.highlights li{position:relative;padding-left:1.7rem}.highlights li:before{content:"▶";position:absolute;left:0;top:.4em;font-size:.65em;color:var(--accent-clr-300)}.services-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;counter-reset:service}.services-grid li{display:flex;align-items:flex-start;gap:1rem;background:var(--surface-clr-800);border:1px solid var(--border-clr);border-radius:12px;padding:1.1rem 1.2rem;font-size:1rem;transition:border-color .25s ease,transform .25s ease}.services-grid li:hover{border-color:var(--border-clr-strong);transform:translateY(-2px)}.services-grid li:before{counter-increment:service;content:"0" counter(service);flex-shrink:0;font-family:var(--font-pixel);font-size:.65rem;color:var(--accent-clr-300);border:1px solid rgba(224,178,90,.4);border-radius:8px;padding:.5em .45em .4em;margin-top:.15em}.cta-block{text-align:center;margin-block:5rem 2rem;background:var(--surface-clr-800);border:1px solid var(--border-clr);border-radius:16px;padding:2.5rem 1.5rem}.cta-block h3{margin:0 0 1.5rem;font-size:1.6rem}.team-slider{margin-block:4rem 6rem}.team-slider .swiper-slide{display:flex;flex-direction:column;align-items:center}.team-slider .swiper-slide img{width:min(110px,100%);aspect-ratio:1;height:auto;object-fit:cover;border-radius:50%;border:3px solid var(--border-clr-strong);transition:border-color .6s ease,transform .6s ease}.team-slider .swiper-slide-active img{border-color:var(--secondary-clr-400);transform:scale(1.08)}.team-slider .swiper-slide .name,.team-slider .swiper-slide .role{text-align:center}.team-slider .swiper-slide .name{margin-top:.6rem;font-family:var(--font-display);font-weight:500}.team-slider .swiper-slide .role{color:var(--accent-clr-300);font-size:.85rem}address{font-style:normal}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;margin-block:2rem 3rem}.contact-card{display:flex;align-items:center;gap:.9rem;background:var(--surface-clr-800);border:1px solid var(--border-clr);border-radius:12px;padding:1rem 1.2rem;font-weight:400;font-size:1rem;text-decoration:none;transition:border-color .25s ease,transform .25s ease;overflow-wrap:anywhere}a.contact-card:hover,a.contact-card:focus-visible{border-color:var(--secondary-clr-400);transform:translateY(-2px)}.contact-card svg{flex-shrink:0;width:24px;height:24px;fill:var(--secondary-clr-400)}.contact-card small{display:block;color:var(--muted-clr-300);font-size:.85rem;line-height:1.3}.footer{background:var(--surface-clr-800);border-top:1px solid var(--border-clr);padding-block:1.5rem;margin-top:4rem}.footer .container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer .footer-name{color:var(--muted-clr-300);font-size:1rem}.footer .footer-logo{width:3rem;border-radius:10px;display:block}.footer .logos{display:flex;gap:1rem}.footer a{width:3rem;height:3rem;border-radius:10px;padding:.4rem;transition:background .25s ease}.footer a:hover,.footer a:focus-visible{background-color:var(--secondary-clr-400)}.contact-form{max-width:34rem;margin-inline:auto;background:var(--surface-clr-800);border:1px solid var(--border-clr);border-radius:16px;padding:1.75rem 1.5rem;display:grid;gap:1.1rem}.contact-form label{display:grid;gap:.4rem;margin:0;font-size:.95rem;color:var(--muted-clr-300)}.contact-form input,.contact-form textarea{width:100%;background:#ffffff0a;border:1px solid var(--border-clr-strong);border-radius:8px;color:var(--primary-clr-100);font-size:1rem;font-family:inherit;padding:.65rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--secondary-clr-400);box-shadow:0 0 0 3px #e94f4f40}.contact-form textarea{resize:vertical;margin:0}.contact-form button{background:var(--secondary-clr-400);color:#fff;font-size:1.05rem;font-family:var(--font-display);font-weight:500;border:none;border-radius:8px;padding:.7rem 1rem;width:100%;cursor:pointer;transition:background .25s ease,transform .25s ease}.contact-form button:hover,.contact-form button:focus-visible{background:var(--secondary-clr-300);transform:translateY(-2px)}#dom-3D{font-size:6px}#dom-3D .wrapper{backface-visibility:hidden}#dom-3D button{font-size:inherit}#dom-3D a{pointer-events:initial}.contact-buttons{display:flex;flex-direction:column;gap:1rem;font-size:14px;color:var(--primary-clr-100)}.contact-buttons a{transition:scale .25s ease}.contact-buttons a:hover{scale:1.1}.arcade-screen{position:relative;background:#0c0d2d;width:82px;height:64px;padding:3px 4px;border-radius:6px;box-shadow:inset 0 0 5px #1a9f71a7;overflow:hidden;transition:background .35s ease}.arcade-screen.booting{background:transparent;box-shadow:none}.arcade-screen.booting .crt-content{opacity:0}.crt-content{display:flex;flex-direction:column;gap:2px;width:100%;height:100%;transition:opacity .35s ease;transform:perspective(180px) scale(1.01)}.crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:6px;background:repeating-linear-gradient(to bottom,#0000 0,#0000 1px,#00000021 1.4px,#00000021 2px);box-shadow:inset 0 0 7px 2px #0006,inset 0 0 2px #78dcff40;animation:crt-flicker 4s steps(30) infinite}.crt-overlay:after{content:"";position:absolute;left:0;right:0;height:10px;background:linear-gradient(#b4f0ff00,#b4f0ff24,#b4f0ff00);animation:crt-roll 5s linear infinite}@keyframes crt-flicker{0%,to{opacity:.82}48%{opacity:1}50%{opacity:.9}92%{opacity:.86}}@keyframes crt-roll{0%{transform:translateY(-12px)}to{transform:translateY(66px)}}.arcade-screen.glitch .crt-content{animation:crt-jolt .44s steps(3) 1}.arcade-screen.glitch .crt-overlay{animation:crt-surge .44s ease 1}@keyframes crt-jolt{0%{transform:perspective(180px) translate(-3px) scaleY(1.05);filter:brightness(2.2) hue-rotate(25deg)}30%{transform:perspective(180px) translate(3px) scaleY(.94);filter:brightness(.45) saturate(1.8)}60%{transform:perspective(180px) translate(-1px) scaleY(1.02);filter:brightness(1.7)}to{transform:perspective(180px) translate(0) scale(1.01);filter:none}}@keyframes crt-surge{0%{background-color:#c8f5ff8c}35%{background-color:#8cd2ff24}to{background-color:transparent}}@media (prefers-reduced-motion: reduce){.crt-overlay,.crt-overlay:after{animation:none}}.arcade-boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;background:transparent;border-radius:6px;transition:opacity .6s ease;pointer-events:none}.arcade-boot span{font-family:var(--font-pixel, monospace);font-size:5px;letter-spacing:1px;color:var(--accent-clr-300);text-shadow:0 0 2px rgba(224,178,90,.8);animation:insert-coin-blink 1.1s steps(2) infinite}.arcade-boot.done{opacity:0}@keyframes insert-coin-blink{50%{opacity:.2}}.crt-content>div:first-of-type img{display:block;width:100%;height:24px;object-fit:cover;border-radius:1px;box-shadow:0 0 10px #c8c8c8a7}.arcade-screen li{position:relative;border-radius:1px;transition:all .2s ease;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-screen li:before{position:absolute;left:-6px;content:"  "}.arcade-screen .current{background:#adff2f;color:#0a2208}.arcade-screen .active{display:block}.arcade-screen li.current:before{content:">"}.arcade-screen .projects-list{flex:1;margin:0;padding:1px 3px 1px 8px;background:#87ceeb;box-shadow:0 0 10px #87cfeb9e;border-radius:2px;list-style:none;color:#08203a;font-weight:700;font-size:5.5px;line-height:1.35;overflow:hidden}.arcade-buttons{display:flex}.arcade-buttons div{display:flex;flex-direction:column}.arcade-buttons .play-btn{padding:.1em 1em;text-decoration:none;line-height:3;text-align:center;margin-left:1rem;font-weight:400;border-radius:5px;background:#f37b26}.arcade-buttons a,.arcade-buttons button{box-shadow:-.25px 1.5px .25px #000;background:#fafafa;border:none;border-radius:1px;margin-bottom:4px}.arcade-buttons button{background:#35c9d6;color:#06232a;font-weight:700}.arcade-buttons button:hover{background:#6fdce6}