:root{--bg: #070809;--bg-soft: #111316;--bg-card: #16191e;--text: #f5f3ef;--muted: #a8b0b8;--accent: #2ee6c8;--accent-2: #ff3d8a;--line: rgba(255, 255, 255, .1);--radius: 18px;--nav-h: 72px;--font: "Outfit", system-ui, sans-serif;--display: "Oswald", "Outfit", sans-serif;--max: 1180px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px)}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--accent);color:#04120f;padding:8px 12px}.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,40px);background:linear-gradient(to bottom,rgba(7,8,9,.82),rgba(7,8,9,.18) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.nav.is-scrolled{background:#070809eb;border-bottom-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{display:none}.brand-text{font-family:var(--display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px;line-height:1.15}.brand-text span{display:block;font-weight:500;opacity:.65;font-size:11px;letter-spacing:.16em}.nav-links{display:flex;gap:clamp(16px,2.4vw,32px);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.nav-links a{color:var(--accent);position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:0;cursor:pointer}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:22px;height:2px;background:var(--text);position:relative;margin:0 auto;transition:transform .2s,opacity .2s}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-7px}.nav-toggle span:after{top:7px}body.menu-open .nav-toggle span{background:transparent}body.menu-open .nav-toggle span:before{top:0;transform:rotate(45deg)}body.menu-open .nav-toggle span:after{top:0;transform:rotate(-45deg)}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.hero-video{position:absolute;inset:0}.hero-video video{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07080947,#07080926 35%,#070809c7),radial-gradient(ellipse at 20% 80%,rgba(46,230,200,.18),transparent 50%);pointer-events:none}.hero-copy{position:relative;z-index:3;padding:calc(var(--nav-h) + 32px) clamp(16px,4vw,48px) 6.5rem;max-width:920px;flex:1;display:flex;flex-direction:column;justify-content:center}.hero-copy:before{content:"";position:absolute;inset:12% -8% 8%;background:radial-gradient(ellipse at 20% 50%,rgba(7,8,9,.62),transparent 68%);z-index:-1;pointer-events:none}.hero h1{font-family:var(--display);font-size:clamp(2.4rem,7.2vw,5.6rem);line-height:.95;letter-spacing:-.02em;font-weight:700;margin:0 0 22px;text-shadow:0 8px 40px rgba(0,0,0,.45)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin-bottom:18px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}.hero h1 em{font-style:normal;color:var(--accent)}.hero h1,.lede,.eyebrow{position:relative;z-index:1}.lede{font-size:clamp(1.05rem,2vw,1.25rem);color:#e8ecef;max-width:42rem;margin:0;text-shadow:0 4px 24px rgba(0,0,0,.65)}.marquee-wrap{position:absolute;left:0;right:0;bottom:.75rem;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;gap:.4em;animation:marquee-x 42s linear infinite;will-change:transform}.marquee.reverse .marquee-track{animation-duration:52s;animation-direction:reverse}.marquee+.marquee{margin-top:.15rem;opacity:.55}.marquee-track span{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,7.5vw,5.6rem);line-height:.9;letter-spacing:-.05em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72)}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:clamp(72px,10vw,128px) clamp(16px,4vw,40px)}.section-head{display:grid;gap:12px;margin-bottom:clamp(32px,5vw,56px);max-width:720px}.kicker{color:var(--accent);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}h2{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin:0}.muted{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:start;max-width:var(--max);margin:0 auto}.about-copy p{margin:0 0 1.1rem;color:#d5dbe0;font-size:1.05rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stat{border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;background:#ffffff08}.stat b{display:block;font-family:var(--display);font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.03em;line-height:1.15}.stat span{color:var(--muted);font-size:.88rem}.about-visual{border-radius:28px;overflow:hidden;position:relative;background:#000;max-height:min(62vh,560px)}.about-visual img{width:100%;height:100%;object-fit:cover;min-height:280px;max-height:min(62vh,560px)}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;max-width:1280px;margin:0 auto}.work-card{position:relative;overflow:hidden;border-radius:20px;min-height:240px;background:#000}.work-card:nth-child(1),.work-card:nth-child(2){grid-column:span 6;min-height:380px}.work-card:nth-child(3),.work-card:nth-child(4),.work-card:nth-child(5){grid-column:span 4}.work-card:nth-child(6),.work-card:nth-child(7),.work-card:nth-child(8),.work-card:nth-child(9){grid-column:span 3;min-height:220px}.work-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .6s ease}.work-card:nth-child(1) img{object-position:center 18%}.work-card:nth-child(2) img{object-position:center 40%}.work-card:hover img{transform:scale(1.1)}.work-card figcaption{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:#070809b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--max);margin:0 auto}.offer-card{background:var(--bg-card);border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:10px;min-height:100%;transition:transform .2s ease,border-color .2s ease}.offer-card:hover{transform:translateY(-3px);border-color:#2ee6c866}.offer-card h3{font-family:var(--display);margin:0;font-size:1.35rem;letter-spacing:-.02em}.offer-card p{margin:0;color:var(--muted)}.logo-rail{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);pointer-events:none}.logo-track{display:flex;width:max-content;gap:36px;align-items:center;animation:marquee-x 38s linear infinite}.logo-track.reverse-track{animation-direction:reverse;animation-duration:46s}.logo-tile{width:260px;height:130px;background:#f4f4f2;border-radius:16px;display:grid;place-items:center;padding:20px 24px;flex:0 0 auto}.logo-tile img{max-height:88px;max-width:220px;object-fit:contain}.logo-tile.ghost{background:transparent;width:auto;min-width:280px;height:150px;padding:16px 32px}.logo-tile.ghost img{max-height:110px;max-width:320px}.team-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1280px;margin:0 auto}.person{background:var(--bg-card);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0}.person img{width:100%;aspect-ratio:1;object-fit:cover}.person-body{padding:16px 16px 20px;display:grid;align-content:start}.person h3{margin:0;font-family:var(--display);font-size:1.15rem;line-height:1.2}.role{color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:6px 0 10px}.person p{margin:0;color:var(--muted);font-size:.92rem}.person a{display:inline-block;margin-top:10px;color:var(--text);font-size:.88rem;border-bottom:1px solid var(--accent)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,56px);max-width:var(--max);margin:0 auto}.contact-card,form{background:var(--bg-card);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,32px)}.contact-card p{color:var(--muted)}.contact-card a{color:var(--accent)}.field{display:grid;gap:6px;margin-bottom:14px}.field span{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}input:not([type=checkbox]),textarea{width:100%;background:#0d0f12;border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}input[type=checkbox]{width:1.1rem;height:1.1rem;flex:0 0 auto;accent-color:var(--accent);margin-top:2px}input:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:140px;resize:vertical}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:8px 0 18px}.checks label{display:flex;gap:10px;align-items:center;font-size:.95rem;color:#d7dde2}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;background:linear-gradient(90deg,var(--accent),#7cffb8);color:#04120f;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:14px 22px}.btn:hover{filter:brightness(1.05)}.form-status{min-height:1.4em;margin-top:10px;color:var(--accent);font-size:.95rem}.site-footer{border-top:1px solid var(--line);padding:28px clamp(16px,4vw,40px) 40px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;color:var(--muted);font-size:.92rem}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.legal{max-width:820px;margin:0 auto;padding:calc(var(--nav-h) + 48px) clamp(16px,4vw,40px) 80px}.legal h1{font-family:var(--display);font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.03em}.legal h2,.legal h3{font-family:var(--display);margin-top:1.8rem}.legal p,.legal li{color:#d4dae0}@media(max-width:1100px){.team-row{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-grid{grid-template-columns:repeat(2,1fr)}.marquee.reverse{display:none}.hero-copy{padding-bottom:5.5rem;justify-content:center}}@media(max-width:900px){.about-grid,.contact-grid{grid-template-columns:1fr}}@media(max-width:760px){.nav-toggle{display:grid;place-items:center}.nav-links{position:fixed;inset:var(--nav-h) 0 auto;display:none;flex-direction:column;gap:18px;padding:24px 20px 32px;background:#070809f5;border-bottom:1px solid var(--line)}body.menu-open .nav-links{display:flex}.work-card,.work-card:nth-child(1),.work-card:nth-child(2),.work-card:nth-child(3),.work-card:nth-child(4),.work-card:nth-child(5),.work-card:nth-child(6),.work-card:nth-child(7),.work-card:nth-child(8),.work-card:nth-child(9){grid-column:span 6;min-height:240px}.hero-copy{padding-bottom:4.5rem}.marquee.reverse{display:none}.marquee-track span{font-size:clamp(2.2rem,12vw,4.2rem)}}@media(max-width:720px){.offer-grid,.stat-row,.checks{grid-template-columns:1fr}.team-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.person{flex:0 0 min(78vw,320px);scroll-snap-align:start}.work-grid{grid-template-columns:1fr}.work-card,.work-card:nth-child(n){grid-column:auto;min-height:220px}.logo-tile{width:220px;height:110px}.logo-tile img{max-height:72px;max-width:180px}.logo-tile.ghost{min-width:240px;height:130px}.logo-tile.ghost img{max-height:88px;max-width:260px}.marquee-track span{-webkit-text-stroke-width:1px}}@media(hover:none){.work-card:hover img{transform:scale(1.04)}.offer-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.logo-track{animation:none}}
