:root{--bg:#070a11;--panel:#0d121d;--text:#f3f6ff;--muted:#9ba7ba;--blue:#327cff;--cyan:#62cbff;--line:#ffffff17;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img,video{max-width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand img{width:48px;height:48px;object-fit:contain;mix-blend-mode:screen}.brand strong{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-1.4px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin-top:1px}.nav{display:flex;align-items:center;gap:28px;color:#c0c9d9;font-size:11px;font-weight:700;letter-spacing:.04em}.nav a:hover{color:var(--cyan)}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:5px;padding:10px 12px;font:700 10px Manrope,sans-serif;letter-spacing:.08em;cursor:pointer}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--blue);border:1px solid #5795ff;padding:13px 18px;border-radius:5px;color:white;font-size:11px;font-weight:800;letter-spacing:.06em;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #327cff45}.button.secondary{background:transparent;border-color:var(--line)}
.hero{padding:100px 0 86px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-7%;top:-70%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#1768ff25,transparent 68%);pointer-events:none}.eyebrow{color:var(--cyan);text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.19em;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}h1{font:700 clamp(54px,9vw,112px)/.91 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:24px 0 20px;max-width:900px}h1 span{color:var(--blue)}.lead{font-size:15px;color:#bac5d7;max-width:560px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{margin-top:50px;border-top:1px solid var(--line);padding-top:18px;color:#748198;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}.overline{font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:.17em;text-transform:uppercase}.section-head h2,.about h2,.contact h2{font:700 clamp(38px,6vw,68px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:10px 0 0}.section-head p{max-width:400px;color:var(--muted);font-size:12px;line-height:1.8;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.filter{border:1px solid var(--line);border-radius:4px;color:#b4bfd1;background:transparent;padding:10px 14px;font:700 10px Manrope,sans-serif;letter-spacing:.06em;cursor:pointer}.filter.active,.filter:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.motion-card{margin-bottom:32px}.motion-fallback{font-size:11px;color:var(--muted);margin:10px 2px 0}.motion-fallback a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.media{background:#080c14;border:1px solid #ffffff1b;border-radius:10px;overflow:hidden;line-height:0}.motion-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#03050a}.work-grid{columns:2;column-gap:20px}.work-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 22px}.work-card .media{transition:border-color .25s,transform .25s,box-shadow .25s}.work-card a:focus-visible,.button:focus-visible,.filter:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.work-card:hover .media{border-color:#4189ff91;transform:translateY(-3px);box-shadow:0 18px 48px #0007}.work-card img{display:block;width:100%;height:auto;object-fit:contain}.light-media{background:#f4f5f8}.work-info{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 2px 0}.work-info h3{font-size:15px;line-height:1.35;margin:0;font-weight:800;letter-spacing:-.02em}.work-info p{font-size:11px;color:var(--muted);margin:5px 0 0}.work-index{font:600 11px 'Space Grotesk',sans-serif;color:var(--cyan);white-space:nowrap}.motion-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 2px 0}.motion-caption h3{font-size:18px;margin:0}.motion-caption p{font-size:12px;color:var(--muted);margin:4px 0 0}
.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.about-copy{color:var(--muted);font-size:13px;line-height:1.9;max-width:560px}.services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.service{padding:15px;border:1px solid var(--line);border-radius:6px;background:#ffffff04}.service b{display:block;font-size:12px}.service small{font-size:10px;color:var(--muted)}.contact{padding:58px 0;background:radial-gradient(ellipse at 85% 50%,#15336a 0,#0b1425 43%,#080b13 100%);border-block:1px solid #234780}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.contact-copy{max-width:590px}.contact p{color:#b8c6dc;font-size:13px;line-height:1.8}.contact h2{font-size:clamp(45px,7vw,82px)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:#7e8ba2;font-size:10px;letter-spacing:.08em}footer a:hover{color:white}.hidden{display:none!important}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}header{height:70px}.brand img{width:42px;height:42px}.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;top:calc(100% + 1px);right:0;left:0;gap:12px;padding:16px;background:#0b101a;border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 20px 35px #0008}.nav.open{display:flex;flex-direction:column;align-items:stretch}.nav a:not(.button){display:block;padding:8px 4px}.nav .button{padding:10px 12px;font-size:9px}.hero{padding:75px 0 60px}section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:14px}.work-grid{columns:2;column-gap:12px}.work-card{margin-bottom:16px}.work-info{padding-top:10px}.work-info h3{font-size:13px}.work-info p{font-size:10px}.motion-caption h3{font-size:16px}.about{grid-template-columns:1fr;gap:15px}.contact-inner{align-items:flex-start;flex-direction:column}.contact{padding:48px 0}footer{flex-direction:column;gap:9px}}
@media(max-width:480px){.work-grid{columns:1}.hero h1{font-size:clamp(54px,15vw,76px)}.services{grid-template-columns:1fr}.brand img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}