:root{--bg:#ffffff;--bg2:#f8f5ff;--panel:#ffffff;--panel2:#f4efff;--text:#18131f;--muted:#6f6878;--line:rgba(42,20,64,.12);--accent:#7626d8;--accent2:#a968f0;--shadow:0 24px 70px rgba(72,31,110,.12)}
body.dark{--bg:#110c17;--bg2:#17101f;--panel:#1a1322;--panel2:#21172b;--text:#f8f4fb;--muted:#b6acbf;--line:rgba(255,255,255,.10);--shadow:0 24px 80px rgba(0,0,0,.30)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 8%,rgba(169,104,240,.12),transparent 30%),radial-gradient(circle at 8% 35%,rgba(118,38,216,.06),transparent 25%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;transition:background .3s,color .3s}a{text-decoration:none;color:inherit}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:20}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(18px)}.brand{font-family:Manrope;font-weight:800;font-size:20px;letter-spacing:-.04em;color:var(--accent)}.nav{display:flex;gap:28px;color:var(--muted);font-size:13px}.nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}.mini-cta{padding:10px 17px;border-radius:30px;background:var(--accent);color:#fff;font-weight:700;font-size:12px}.theme-toggle{border:0;background:none;color:var(--text);padding:3px;cursor:pointer}.toggle-track{width:48px;height:27px;border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;padding:3px;background:var(--panel)}.toggle-thumb{width:19px;height:19px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:11px;transition:.25s}.dark .toggle-thumb{transform:translateX(20px)}.menu-btn{display:none;border:0;background:none;color:var(--text);font-size:22px}
.section{padding:115px 7%;max-width:1450px;margin:auto}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%;padding-top:75px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:700}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}.hero h1{font:800 clamp(50px,6.4vw,94px)/.98 Manrope;letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero-text{max-width:600px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:12px;font-size:13px;font-weight:700;border:1px solid var(--line)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-ghost{background:var(--panel)}.social-row{display:flex;gap:10px;margin-top:30px}.social-row a{padding:9px 13px;border:1px solid var(--line);border-radius:30px;display:grid;place-items:center;color:var(--muted);font-size:10px}.social-row a:hover{border-color:var(--accent);color:var(--accent)}
.hero-visual{height:620px;position:relative;display:grid;place-items:center}.photo-frame{width:min(390px,76%);height:500px;border-radius:190px 190px 26px 26px;overflow:hidden;border:1px solid var(--line);position:relative;box-shadow:var(--shadow);transform:rotate(3deg);background:var(--panel)}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:18px;left:18px;right:18px;background:rgba(24,19,31,.76);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);padding:12px 14px;border-radius:12px;font-size:11px;color:#fff}.live-dot{display:inline-block;width:7px;height:7px;background:#c993ff;border-radius:50%;margin-right:7px}.orbit{position:absolute;border:1px solid rgba(118,38,216,.22);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:540px;height:390px}.orbit-two{width:450px;height:560px;border-color:rgba(169,104,240,.25)}.floating-card{position:absolute;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);backdrop-filter:blur(15px);padding:16px 18px;border-radius:15px;box-shadow:var(--shadow)}.card-top{top:12%;right:1%;max-width:190px}.card-top small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.card-top strong{font-size:12px}.card-bottom{bottom:13%;left:3%;display:flex;gap:10px;align-items:center}.card-bottom strong{font-size:12px;line-height:1.35}.spark{color:var(--accent2);font-size:22px}
.intro{border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:30px}.intro h2,.section-heading h2,.statement h2,.contact h2{font:800 clamp(40px,5vw,70px)/1.04 Manrope;letter-spacing:-.045em;margin:0}.intro h2 span,.section-heading h2 span,.statement h2 span,.contact h2 span{color:var(--accent)}.intro-copy{color:var(--muted);font-size:16px;line-height:1.85}.intro-copy p{margin:0 0 20px}.intro-copy strong{color:var(--text)}.text-link{color:var(--text);font-weight:700;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:6px;display:inline-flex}.text-link:hover{color:var(--accent)}
.marquee-wrap{overflow:hidden;border-block:1px solid var(--line);padding:19px 0;transform:rotate(-1deg);margin:20px 0}.marquee{display:flex;gap:28px;white-space:nowrap;animation:slide 24s linear infinite;font:700 13px Manrope;letter-spacing:.12em}.marquee b{color:var(--accent)}@keyframes slide{to{transform:translateX(-50%)}}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading>p{max-width:380px;color:var(--muted);line-height:1.6;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.service-card{position:relative;padding:30px;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;min-height:310px;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-5px);border-color:rgba(118,38,216,.35)}.service-card.featured{background:linear-gradient(135deg,rgba(169,104,240,.13),var(--panel))}.service-num{position:absolute;right:25px;top:25px;color:var(--muted);font-size:11px}.service-icon{font-size:28px;color:var(--accent);margin-bottom:45px}.service-card h3{font:700 24px Manrope;margin:0 0 10px}.service-card p{color:var(--muted);line-height:1.65;max-width:650px;font-size:13px}.service-card p strong{color:var(--text)}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 14px;border-radius:30px;cursor:pointer;font-size:11px}.filter.active,.filter:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.project-card{grid-column:span 6;min-height:440px;border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden;position:relative}.project-card:nth-child(3n){grid-column:span 4}.project-media{height:275px;overflow:hidden;background:var(--panel2);display:grid;place-items:center}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover}.project-media video{background:#000}.media-empty{color:var(--muted);font-size:11px;border:1px dashed var(--line);width:100%;height:100%;display:grid;place-items:center}.project-info{padding:20px 20px 70px}.project-meta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700}.project-info h3{font:700 23px Manrope;margin:8px 0}.project-info p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.project-tools{display:block;color:var(--muted);font-size:10px;margin-top:12px}.project-link{position:absolute;left:20px;bottom:20px;color:#fff;background:var(--accent);padding:10px 14px;border-radius:10px;font-size:11px;font-weight:700}.project-link:hover{background:#5f1db1}.empty-projects{grid-column:1/-1;min-height:190px;border:1px dashed var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.empty-projects strong{color:var(--text);font:700 18px Manrope}
.statement{background:linear-gradient(120deg,rgba(169,104,240,.08),rgba(118,38,216,.03));max-width:none;margin-top:50px}.statement-inner{max-width:1300px;margin:auto}.statement-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.statement-points>div{border-top:1px solid var(--line);padding-top:18px}.statement-points b{color:var(--accent);font-size:11px}.statement-points strong{display:block;font:700 19px Manrope;margin:18px 0 7px}.statement-points p{color:var(--muted);font-size:12px;line-height:1.65}
.contact{padding-bottom:70px}.contact-card{border:1px solid var(--line);border-radius:28px;padding:65px;background:radial-gradient(circle at 80% 0%,rgba(169,104,240,.16),transparent 35%),var(--panel)}.contact-card p{color:var(--muted);max-width:500px;line-height:1.7;margin:20px 0 28px}.contact-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:18px;color:var(--muted);font-size:11px}footer{border-top:1px solid var(--line);padding:25px 7%;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
@media(max-width:850px){.nav{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;left:0;right:0;top:78px;background:var(--bg);padding:20px 7%;flex-direction:column;border-bottom:1px solid var(--line)}.mini-cta{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:500px}.photo-frame{height:430px}.floating-card{display:none}.intro-grid,.service-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:20px}.project-card,.project-card:nth-child(3n){grid-column:span 12}.statement-points{grid-template-columns:1fr}.contact-card{padding:35px 25px}.contact-meta{flex-direction:column;gap:10px}}
@media(max-width:500px){.section{padding:80px 6%}.hero h1{font-size:48px}.hero-visual{height:430px}.photo-frame{width:78%;height:390px}.orbit-one{width:330px;height:300px}.orbit-two{width:300px;height:380px}.hero-actions{flex-wrap:wrap}.marquee{font-size:11px}.contact h2{font-size:40px}}