:root{--ink:#07111d;--ink2:#0c1b2d;--paper:#f3f5f7;--white:#fff;--lime:#b9ff36;--cyan:#73e7ff;--orange:#ff6b2c;--muted:#9ba8b5;--line:rgba(7,17,29,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(115,231,255,.13),transparent 66%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}.site-header{position:fixed;top:0;left:0;right:0;height:78px;display:flex;align-items:center;gap:32px;padding:0 4vw;z-index:50;color:white;border-bottom:1px solid rgba(255,255,255,.09);transition:.3s}.site-header.scrolled{background:rgba(7,17,29,.86);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;color:inherit;text-decoration:none;position:relative;padding:7px 0}.brand-logo{display:block;width:168px;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18));transition:transform .35s ease,filter .35s ease}.brand:hover .brand-logo{transform:translateY(-1px);filter:drop-shadow(0 10px 24px rgba(0,0,0,.26))}.brand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:.55}.nav{display:flex;gap:26px;margin-left:auto}.nav a,.nav-cta{color:inherit;text-decoration:none;font-size:13px}.nav-cta{padding:12px 16px;border:1px solid rgba(255,255,255,.35);border-radius:8px}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:26px}.section-dark,.services,.work,.contact{background:var(--ink);color:white}.hero{min-height:780px;height:100vh;position:relative;display:grid;grid-template-columns:58% 42%;align-items:center;padding:120px 6vw 70px;overflow:hidden}.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.orb{position:absolute;border-radius:50%;filter:blur(10px)}.orb-a{width:520px;height:520px;background:radial-gradient(circle,rgba(115,231,255,.22),transparent 68%);right:-150px;top:50px}.orb-b{width:420px;height:420px;background:radial-gradient(circle,rgba(185,255,54,.1),transparent 68%);left:35%;bottom:-180px}.hero-inner{position:relative;z-index:2;max-width:850px}.eyebrow,.section-label{font:700 11px Space Mono;letter-spacing:.16em;color:#667587}.eyebrow{color:#a9b7c5;margin-bottom:28px}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(68px,8.5vw,150px);line-height:.79;letter-spacing:-.075em;margin:0 0 38px;font-weight:800}.hero h1 span{color:white}.hero h1 em,.intro h2 em,.services h2 em,.process h2 em,.health h2 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero p{max-width:650px;font-size:18px;color:#b9c3cc;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:18px;padding:14px 18px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700}.btn.primary{background:var(--lime);color:var(--ink)}.btn.glass{border:1px solid rgba(255,255,255,.25);color:white;background:rgba(255,255,255,.04)}.hero-meta{display:flex;gap:24px;align-items:center;margin-top:54px;font:400 10px Space Mono;color:#667587}.hero-meta b{font-size:16px;color:white}.hero-panel{position:relative;z-index:2;width:min(440px,90%);justify-self:end;background:rgba(11,28,43,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);padding:20px;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.panel-top{display:flex;justify-content:space-between;font:400 9px Space Mono;color:#8aa0b5;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.signal{color:var(--lime)}.metric{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08)}.metric small{display:block;color:#668095;font:400 9px Space Mono;margin-bottom:7px}.metric strong{font-size:19px}.panel-chart{display:flex;height:90px;align-items:end;gap:8px;padding-top:18px}.panel-chart i{flex:1;background:linear-gradient(var(--lime),rgba(185,255,54,.1));border-radius:3px 3px 0 0}.panel-chart i:nth-child(1){height:25%}.panel-chart i:nth-child(2){height:42%}.panel-chart i:nth-child(3){height:35%}.panel-chart i:nth-child(4){height:62%}.panel-chart i:nth-child(5){height:54%}.panel-chart i:nth-child(6){height:75%}.panel-chart i:nth-child(7){height:68%}.panel-chart i:nth-child(8){height:94%}.marquee{position:absolute;bottom:0;left:0;right:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.09);padding:14px 0;color:#778999;font:400 10px Space Mono;white-space:nowrap}.marquee div{animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.intro,.process,.health,.beliefs{padding:100px 6vw}.section-label{margin-bottom:45px}.section-label.light{color:#6c8397}.intro-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.intro h2,.services h2,.process h2,.work h2,.health h2,.contact h2{font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.055em;margin:0}.intro-copy p,.services-head p,.work-head p,.process-intro p,.health-copy p{font-size:16px;line-height:1.75;color:#687685}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--line)}.stats div{padding:30px 20px 0 0}.stats strong{font-size:42px;display:block}.stats span{font-size:12px;color:#71808c;max-width:160px;display:block;margin-top:10px}.services,.work{padding:100px 6vw}.services-head,.work-head{display:grid;grid-template-columns:1.15fr .55fr;gap:10vw;align-items:end;margin-bottom:80px}.services-head p,.work-head p{color:#91a2b0}.service-list{border-top:1px solid rgba(255,255,255,.14)}.service{display:grid;grid-template-columns:60px 1fr 1.35fr .8fr;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:.25s}.service:hover{background:rgba(255,255,255,.03);padding-left:14px;padding-right:14px}.service span{font:400 11px Space Mono;color:var(--lime)}.service h3{font-size:22px;margin:0}.service p{margin:0;color:#9babba;font-size:13px;line-height:1.6}.service b{font:400 9px Space Mono;color:#6d8193;line-height:1.6}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:70px 180px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.step b{font:400 12px Space Mono;color:#75818b}.step h3{font-size:20px;margin:0}.step p{font-size:13px;line-height:1.7;color:#71808c;margin:0}.featured-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:310px 310px;gap:16px}.project{position:relative;overflow:hidden;border-radius:12px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.project:before{content:"";position:absolute;inset:0;z-index:-1;transition:.5s}.project:hover:before{transform:scale(1.08)}.p1{grid-row:span 2}.p1:before{background:radial-gradient(circle at 70% 20%,rgba(115,231,255,.38),transparent 30%),linear-gradient(140deg,#102a38,#0a111c 60%,#163227)}.p2:before{background:radial-gradient(circle at 30% 20%,rgba(185,255,54,.27),transparent 32%),linear-gradient(140deg,#15271b,#0a1210)}.p3:before{background:radial-gradient(circle at 80% 70%,rgba(255,107,44,.3),transparent 32%),linear-gradient(140deg,#2d1b15,#110d0b)}.project-no{font:400 10px Space Mono;color:#9fb0be}.project span{font:400 9px Space Mono;color:#8da0ae}.project h3{font-size:34px;margin:8px 0 6px;letter-spacing:-.04em}.project p{font-size:12px;color:#9eb0bc}.archive{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.13)}.archive-item{padding:22px 18px 22px 0;border-bottom:1px solid rgba(255,255,255,.1)}.archive-item:nth-child(4n+2),.archive-item:nth-child(4n+3),.archive-item:nth-child(4n+4){padding-left:18px;border-left:1px solid rgba(255,255,255,.08)}.archive-item span{font:400 9px Space Mono;color:#627789}.archive-item h4{font-size:13px;margin:8px 0 0}.health{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.health-visual{min-height:560px;background:var(--ink);border-radius:14px;display:grid;place-items:center;position:relative;overflow:hidden}.health-visual:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(115,231,255,.25);box-shadow:0 0 0 60px rgba(115,231,255,.03),0 0 0 120px rgba(115,231,255,.025)}.world{position:relative;color:white;text-align:center;font-size:48px;font-weight:800;line-height:.9;letter-spacing:-.06em}.world b{color:var(--lime)}.world span{display:block;margin-top:30px;font:400 10px Space Mono;color:#7f93a3;letter-spacing:.1em}.health-copy ul{padding:0;list-style:none;border-top:1px solid var(--line);margin-top:30px}.health-copy li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.beliefs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe4e7;padding-top:1px;padding-bottom:1px}.belief{background:var(--paper);padding:38px 30px}.belief span{font:700 9px Space Mono;color:#71808c}.belief strong{display:block;font-size:54px;margin:25px 0 10px}.belief p{font-size:12px;line-height:1.6;color:#71808c}.contact{padding:100px 6vw;min-height:700px;display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:center;position:relative;overflow:hidden}.contact-copy,.contact-card{position:relative;z-index:2}.contact-copy p{color:#92a2af}.btn.white{background:white;color:var(--ink);margin-top:20px}.text-link{display:block;margin-top:20px;color:#8596a5;font-size:12px}.contact-card{border:1px solid rgba(255,255,255,.14);padding:30px;border-radius:12px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}.contact-card>span{font:400 9px Space Mono;color:var(--lime)}.contact-card h3{font-size:28px;line-height:1.2}.contact-card p{font-size:13px;line-height:1.7;color:#92a2af}.contact-line{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between}.contact-line small{font:400 9px Space Mono;color:#6d8193}.contact-line a{color:white;text-decoration:none;font-size:12px}footer{padding:26px 4vw;background:#050c14;color:white;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:30px}footer p{margin-left:auto;font:400 10px Space Mono;color:#7e909f}footer>span{font:400 10px Space Mono;color:#536777}.reveal{opacity:0;transform:translateY(24px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.15s}@media(max-width:980px){.nav,.nav-cta{display:none}.menu{display:block}.nav.open{position:absolute;display:flex;flex-direction:column;top:78px;left:0;right:0;background:var(--ink);padding:30px 6vw;border-top:1px solid rgba(255,255,255,.1)}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding-top:150px}.hero-panel{justify-self:start;margin-top:50px}.intro-copy,.services-head,.work-head,.process-grid,.health,.contact{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.service{grid-template-columns:45px 1fr}.service p,.service b{grid-column:2}.featured-grid{grid-template-columns:1fr;grid-template-rows:420px 300px 300px}.p1{grid-row:auto}.archive{grid-template-columns:1fr 1fr}.beliefs{grid-template-columns:1fr 1fr}.health-visual{min-height:420px}.contact{gap:60px}}@media(max-width:620px){.brand-logo{width:142px}.hero{padding-left:5vw;padding-right:5vw;min-height:850px}.hero h1{font-size:58px}.hero-meta{flex-wrap:wrap}.hero-panel{width:100%}.intro,.services,.process,.work,.health,.beliefs,.contact{padding:78px 5vw}.intro-copy,.services-head,.work-head{gap:30px}.stats,.beliefs,.archive{grid-template-columns:1fr}.service{grid-template-columns:35px 1fr;gap:16px}.step{grid-template-columns:42px 1fr}.step p{grid-column:2}.featured-grid{grid-template-rows:360px 280px 280px}.archive-item,.archive-item:nth-child(n){padding:18px 0;border-left:0}.project h3{font-size:26px}footer{flex-wrap:wrap}footer p{margin-left:0;width:100%}.cursor-glow{display:none}} :root{ --conn-red:#ff3347; --conn-orange:#ffa129; --conn-purple:#6725c8; --conn-magenta:#a42498; --conn-ink:#120d19; --conn-ink-2:#201229; --conn-paper:#f7f4f2; --conn-card:#ffffff; --conn-text:#17121c; --conn-muted:#726a79; --conn-line:rgba(38,25,44,.12); --accent:var(--conn-red); --accent-2:var(--conn-orange); --accent-3:var(--conn-purple); --accent-4:var(--conn-magenta); } html[data-theme="dark"]{ --ink:#120d19;--ink2:#201229;--paper:#f7f4f2;--white:#fff;--lime:#ff3347;--cyan:#a42498;--orange:#ffa129;--muted:#a79baa;--line:rgba(47,28,53,.13); --page-bg:#120d19;--surface:#201229;--surface-2:#291735;--text:#fff;--text-soft:#bfb2c3;--border:rgba(255,255,255,.11);--header-bg:rgba(18,13,25,.84); } html[data-theme="light"]{ --ink:#18111d;--ink2:#efe8f0;--paper:#f8f6f3;--white:#fff;--lime:#ff3347;--cyan:#6725c8;--orange:#ffa129;--muted:#786e7d;--line:rgba(38,25,44,.12); --page-bg:#f8f6f3;--surface:#fff;--surface-2:#f1e9f0;--text:#18111d;--text-soft:#716777;--border:rgba(38,25,44,.11);--header-bg:rgba(248,246,243,.87); } body{background:var(--page-bg);color:var(--text);transition:background .45s ease,color .45s ease} .site-header{transition:background .35s,border-color .35s,color .35s;color:#fff} .site-header.scrolled{background:var(--header-bg);border-bottom-color:var(--border);box-shadow:0 10px 40px rgba(18,13,25,.07)} .brand-logo{width:176px;filter:drop-shadow(0 8px 22px rgba(45,14,53,.16))} .brand:after{background:linear-gradient(90deg,transparent,rgba(255,161,41,.7),rgba(255,51,71,.72),rgba(103,37,200,.62),transparent)} .theme-toggle{appearance:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.055);color:inherit;border-radius:999px;height:38px;padding:0 11px 0 8px;display:flex;align-items:center;gap:8px;cursor:pointer;font:700 9px Space Mono;letter-spacing:.08em;transition:.25s;backdrop-filter:blur(12px)} .theme-toggle:hover{transform:translateY(-1px);border-color:rgba(255,161,41,.65)} .theme-track{width:30px;height:18px;border-radius:999px;background:linear-gradient(110deg,var(--conn-orange),var(--conn-red),var(--conn-purple));position:relative;display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)} .theme-knob{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.3s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.25)} html[data-theme="light"] .theme-knob{transform:translateX(12px)} html[data-theme="light"] .site-header:not(.scrolled){color:#fff} html[data-theme="light"] .site-header.scrolled{color:var(--conn-text)} html[data-theme="light"] .site-header.scrolled .nav-cta,html[data-theme="light"] .site-header.scrolled .theme-toggle{border-color:rgba(38,25,44,.18);background:rgba(255,255,255,.7)} html[data-theme="light"] .site-header.scrolled .menu{color:var(--conn-text)} .section-dark,.services,.work,.contact{background:var(--ink);transition:background .45s,color .45s} .hero{background:linear-gradient(132deg,#160d1e 0%,#25102c 50%,#180e22 100%)} .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,161,41,.06),transparent 28%,rgba(255,51,71,.07) 58%,rgba(103,37,200,.12));pointer-events:none} .orb-a{background:radial-gradient(circle,rgba(103,37,200,.34),rgba(164,36,152,.15) 36%,transparent 69%)} .orb-b{background:radial-gradient(circle,rgba(255,51,71,.24),rgba(255,161,41,.08) 42%,transparent 70%)} .dot{background:var(--conn-orange);box-shadow:0 0 16px rgba(255,161,41,.45)} .hero h1 em,.intro h2 em,.services h2 em,.process h2 em,.health h2 em,.contact h2 em{color:var(--conn-red)} .btn.primary{background:linear-gradient(105deg,var(--conn-orange),var(--conn-red));color:#fff;box-shadow:0 14px 34px rgba(255,51,71,.22)} .btn.primary:hover{box-shadow:0 18px 44px rgba(255,51,71,.32);transform:translateY(-2px)} .hero-panel{background:linear-gradient(145deg,rgba(47,22,58,.86),rgba(22,13,29,.78));border-color:rgba(255,255,255,.13);box-shadow:0 30px 100px rgba(64,14,67,.4)} .signal,.service span,.contact-card>span{color:var(--conn-orange)} .panel-chart i{background:linear-gradient(var(--conn-red),rgba(103,37,200,.2))} .p1:before{background:radial-gradient(circle at 72% 20%,rgba(103,37,200,.48),transparent 31%),linear-gradient(140deg,#271133,#110b17 64%,#32122c)} .p2:before{background:radial-gradient(circle at 30% 20%,rgba(255,161,41,.35),transparent 34%),linear-gradient(140deg,#3a2214,#160d14)} .p3:before{background:radial-gradient(circle at 80% 70%,rgba(255,51,71,.38),transparent 33%),linear-gradient(140deg,#38151d,#130b10)} .health-visual{background:linear-gradient(145deg,#160d1e,#281130)} .health-visual:before{border-color:rgba(164,36,152,.35);box-shadow:0 0 0 60px rgba(103,37,200,.05),0 0 0 120px rgba(255,51,71,.025)} .world b{color:var(--conn-orange)} .contact-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(164,36,152,.04))} footer{background:#0d0911} .footer-logo{width:145px} .cursor-glow{background:radial-gradient(circle,rgba(164,36,152,.12),rgba(255,51,71,.055) 34%,transparent 68%)} html[data-theme="light"] .section-dark,html[data-theme="light"] .services,html[data-theme="light"] .work,html[data-theme="light"] .contact{background:#f8f6f3;color:var(--conn-text)} html[data-theme="light"] .hero{background:linear-gradient(135deg,#fff8f1 0%,#fbf5f7 48%,#f2edf9 100%);color:var(--conn-text)} html[data-theme="light"] .hero-grid,html[data-theme="light"] .contact-grid{background-image:linear-gradient(rgba(38,25,44,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(38,25,44,.07) 1px,transparent 1px)} html[data-theme="light"] .hero h1 span{color:var(--conn-text)} html[data-theme="light"] .hero p{color:#6f6574} html[data-theme="light"] .eyebrow{color:#685e6c} html[data-theme="light"] .hero-meta{color:#807484} html[data-theme="light"] .hero-meta b{color:var(--conn-text)} html[data-theme="light"] .btn.glass{color:var(--conn-text);border-color:rgba(38,25,44,.16);background:rgba(255,255,255,.56)} html[data-theme="light"] .hero-panel{background:rgba(255,255,255,.7);border-color:rgba(38,25,44,.1);box-shadow:0 30px 90px rgba(75,39,78,.13);color:var(--conn-text)} html[data-theme="light"] .panel-top,html[data-theme="light"] .metric small{color:#776b7b} html[data-theme="light"] .metric,html[data-theme="light"] .panel-top{border-color:rgba(38,25,44,.09)} html[data-theme="light"] .services-head p,html[data-theme="light"] .work-head p,html[data-theme="light"] .service p{color:#746a79} html[data-theme="light"] .service-list{border-top-color:rgba(38,25,44,.13)} html[data-theme="light"] .service{border-bottom-color:rgba(38,25,44,.11)} html[data-theme="light"] .service:hover{background:rgba(103,37,200,.035)} html[data-theme="light"] .service b{color:#887c8d} html[data-theme="light"] .featured-grid .project{color:#fff} html[data-theme="light"] .archive{border-top-color:rgba(38,25,44,.12)} html[data-theme="light"] .archive-item{border-bottom-color:rgba(38,25,44,.1)} html[data-theme="light"] .archive-item:nth-child(4n+2),html[data-theme="light"] .archive-item:nth-child(4n+3),html[data-theme="light"] .archive-item:nth-child(4n+4){border-left-color:rgba(38,25,44,.08)} html[data-theme="light"] .archive-item span{color:#8b7f8f} html[data-theme="light"] .health-visual{color:#fff} html[data-theme="light"] .contact-copy p,html[data-theme="light"] .contact-card p{color:#746a79} html[data-theme="light"] .contact-card{background:rgba(255,255,255,.72);border-color:rgba(38,25,44,.11);box-shadow:0 20px 60px rgba(75,39,78,.08)} html[data-theme="light"] .contact-line{border-top-color:rgba(38,25,44,.11)} html[data-theme="light"] .contact-line a{color:var(--conn-text)} html[data-theme="light"] .btn.white{background:var(--conn-text);color:#fff} html[data-theme="light"] footer{background:#17101d;color:#fff} @media(max-width:980px){.theme-toggle{margin-left:auto}.menu{margin-left:0}.nav.open{background:var(--header-bg);backdrop-filter:blur(18px)}html[data-theme="light"] .nav.open{color:var(--conn-text)}} @media(max-width:620px){.theme-label{display:none}.theme-toggle{width:40px;padding:0 5px}.brand-logo{width:145px}.footer-logo{width:135px}} :root{ --ease-premium:cubic-bezier(.16,1,.3,1); --ease-soft:cubic-bezier(.22,.61,.36,1); --theme-speed:.68s; } html[data-theme="dark"]{ --section-bg:#120d19;--section-alt:#18101f;--card-bg:#201429; --heading:#fffafc;--body-copy:#c8becb;--body-copy-2:#a99cac;--micro:#8e8092; --hairline:rgba(255,255,255,.12);--soft-fill:rgba(255,255,255,.045); --shadow-premium:0 28px 80px rgba(0,0,0,.28); } html[data-theme="light"]{ --section-bg:#f8f6f3;--section-alt:#fffdfa;--card-bg:#ffffff; --heading:#241729;--body-copy:#625767;--body-copy-2:#776b7b;--micro:#897b8e; --hairline:rgba(38,25,44,.13);--soft-fill:rgba(103,37,200,.035); --shadow-premium:0 28px 80px rgba(74,39,78,.10); } body,.site-header,.hero,.intro,.services,.process,.work,.health,.beliefs,.contact,.belief, .hero-panel,.contact-card,.service,.step,.archive-item,.btn,.theme-toggle,.health-copy li, .stats,.steps,.service-list,.archive,.contact-line{ transition-property:background-color,background,border-color,color,box-shadow,opacity,transform; transition-duration:var(--theme-speed); transition-timing-function:var(--ease-premium); } body{background:var(--section-bg);color:var(--heading)} .intro,.process,.health{background:var(--section-bg);color:var(--heading)} .beliefs{background:var(--hairline)} .belief{background:var(--section-alt);color:var(--heading)} .intro h2,.process h2,.health h2,.stats strong,.step h3,.belief strong{color:var(--heading)} .intro-copy p,.process-intro p,.health-copy p{color:var(--body-copy)} .stats span,.step p,.belief p{color:var(--body-copy-2)} .section-label{color:var(--micro)} .steps,.stats,.health-copy ul{border-color:var(--hairline)} .step,.health-copy li{border-color:var(--hairline)} .step b,.belief span{color:var(--micro)} .services,.work,.contact{color:var(--heading)} .services h2,.work h2,.contact h2,.service h3,.archive-item h4,.contact-card h3{color:var(--heading)} .services-head p,.work-head p,.service p,.contact-copy p,.contact-card p{color:var(--body-copy)} .service b,.archive-item span,.contact-line small,.text-link{color:var(--body-copy-2)} .service-list,.archive,.contact-line{border-color:var(--hairline)} .service,.archive-item{border-color:var(--hairline)} .contact-line a{color:var(--heading)} .text-link{text-decoration-color:rgba(164,36,152,.38);text-underline-offset:4px} .text-link:hover{color:var(--conn-red);text-decoration-color:currentColor} html[data-theme="light"] .featured-grid .project, html[data-theme="light"] .featured-grid .project h3{color:#fff} html[data-theme="light"] .featured-grid .project p{color:#d7cdd9} html[data-theme="light"] .featured-grid .project span, html[data-theme="light"] .featured-grid .project-no{color:#b9aabd} html[data-theme="dark"] .hero h1 span{color:#fff} html[data-theme="dark"] .hero p{color:#c9becd} html[data-theme="dark"] .eyebrow{color:#a99cad} html[data-theme="dark"] .hero-meta{color:#99899d} html[data-theme="dark"] .hero-meta b{color:#fff} html[data-theme="light"] .hero h1 span{color:#241729} html[data-theme="light"] .hero p{color:#625767} html[data-theme="light"] .eyebrow{color:#796b7e} html[data-theme="light"] .hero-meta{color:#837587} html[data-theme="light"] .hero-meta b{color:#241729} html[data-theme="light"] .section-label.light{color:#7f7184} html[data-theme="dark"] .section-label.light{color:#9d8fa1} html[data-theme="dark"] .hero-panel{color:#fff} html[data-theme="dark"] .panel-top,html[data-theme="dark"] .metric small{color:#a99cad} html[data-theme="dark"] .metric strong{color:#fff} html[data-theme="light"] .hero-panel{color:#241729} html[data-theme="light"] .panel-top,html[data-theme="light"] .metric small{color:#766a7b} html[data-theme="light"] .metric strong{color:#241729} .btn,.nav a,.nav-cta,.theme-toggle{transition:all .38s var(--ease-premium)} .nav a{position:relative} .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--conn-orange),var(--conn-red),var(--conn-purple));transition:right .4s var(--ease-premium)} .nav a:hover:after{right:0} .btn{position:relative;overflow:hidden;will-change:transform} .btn:before{content:"";position:absolute;inset:-1px;transform:translateX(-115%) skewX(-18deg);width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:transform .7s var(--ease-premium);pointer-events:none} .btn:hover:before{transform:translateX(245%) skewX(-18deg)} .btn:hover{transform:translateY(-3px)} html[data-theme="dark"] .btn.glass{color:#fff;border-color:rgba(255,255,255,.22)} html[data-theme="light"] .btn.glass{color:#241729;border-color:rgba(38,25,44,.16);background:rgba(255,255,255,.66)} body.theme-switching:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:radial-gradient(circle at var(--theme-x,90%) var(--theme-y,40px),rgba(255,51,71,.16),rgba(103,37,200,.09) 20%,transparent 58%);animation:themeWash .72s var(--ease-premium) both} @keyframes themeWash{0%{opacity:0;transform:scale(.92)}35%{opacity:1}100%{opacity:0;transform:scale(1.08)}} ::view-transition-old(root),::view-transition-new(root){animation-duration:.62s;animation-timing-function:var(--ease-premium)} ::view-transition-old(root){animation-name:themeOld} ::view-transition-new(root){animation-name:themeNew} @keyframes themeOld{to{opacity:0;filter:blur(3px)}} @keyframes themeNew{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}} .reveal{opacity:0;transform:translate3d(0,42px,0) scale(.985);filter:blur(7px);transition:opacity .95s var(--ease-premium),transform 1.05s var(--ease-premium),filter .95s var(--ease-premium)} .reveal.in{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)} .reveal[data-reveal="left"]{transform:translate3d(-42px,20px,0) scale(.985)} .reveal[data-reveal="right"]{transform:translate3d(42px,20px,0) scale(.985)} .reveal[data-reveal="left"].in,.reveal[data-reveal="right"].in{transform:translate3d(0,0,0) scale(1)} .service{position:relative;isolation:isolate;overflow:hidden} .service:before{content:"";position:absolute;inset:4px 0;border-radius:10px;background:linear-gradient(100deg,rgba(255,161,41,.07),rgba(255,51,71,.07),rgba(103,37,200,.07));opacity:0;transform:scaleX(.97);z-index:-1;transition:opacity .45s var(--ease-premium),transform .55s var(--ease-premium)} .service:hover{padding-left:14px;padding-right:14px;background:transparent} .service:hover:before{opacity:1;transform:scaleX(1)} .service h3{transition:transform .45s var(--ease-premium),color .45s var(--ease-premium)} .service:hover h3{transform:translateX(5px);color:var(--conn-red)} .project{transform-style:preserve-3d;will-change:transform;transition:transform .55s var(--ease-premium),box-shadow .55s var(--ease-premium)} .project:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.08) 48%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease-premium);pointer-events:none} .project:hover{box-shadow:0 30px 90px rgba(0,0,0,.24)} .project:hover:after{transform:translateX(120%)} .project>div{transform:translateZ(22px)} .hero-panel{animation:panelFloat 7s ease-in-out infinite;will-change:transform} @keyframes panelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} .orb-a{animation:orbA 12s ease-in-out infinite alternate} .orb-b{animation:orbB 14s ease-in-out infinite alternate} @keyframes orbA{to{transform:translate(-42px,28px) scale(1.08)}} @keyframes orbB{to{transform:translate(36px,-24px) scale(.94)}} .scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:100;background:linear-gradient(90deg,var(--conn-orange),var(--conn-red),var(--conn-magenta),var(--conn-purple));box-shadow:0 0 12px rgba(255,51,71,.38);pointer-events:none} html[data-theme="light"] .cursor-glow{opacity:.6} html[data-theme="dark"] .cursor-glow{opacity:1} @media (prefers-reduced-motion:reduce){ *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} .reveal{opacity:1!important;transform:none!important;filter:none!important} } main{perspective:1500px;perspective-origin:50% 42%;overflow:clip} .fly-stage{position:relative;transform-style:preserve-3d;isolation:isolate;--fly:0;--depth:0;--focus:1} .fly-stage>*{will-change:transform,opacity,filter;backface-visibility:hidden;transform-style:preserve-3d} .fly-zoom>*{transform:translate3d(0,calc(var(--fly)*38px),calc(var(--depth)*-230px)) rotateX(calc(var(--fly)*2.4deg)) scale(calc(1 - var(--depth)*.035));filter:blur(calc(var(--depth)*1.8px));opacity:calc(1 - var(--depth)*.13)} .fly-left>*{transform:translate3d(calc(var(--fly)*82px),calc(var(--fly)*14px),calc(var(--depth)*-180px)) rotateY(calc(var(--fly)*-4deg)) scale(calc(1 - var(--depth)*.025));filter:blur(calc(var(--depth)*1.4px));opacity:calc(1 - var(--depth)*.12)} .fly-right>*{transform:translate3d(calc(var(--fly)*-82px),calc(var(--fly)*16px),calc(var(--depth)*-190px)) rotateY(calc(var(--fly)*4deg)) scale(calc(1 - var(--depth)*.028));filter:blur(calc(var(--depth)*1.5px));opacity:calc(1 - var(--depth)*.12)} .fly-dive>*{transform:translate3d(0,calc(var(--fly)*68px),calc(var(--depth)*-280px)) rotateX(calc(var(--fly)*-4deg)) scale(calc(1 - var(--depth)*.045));filter:blur(calc(var(--depth)*2px));opacity:calc(1 - var(--depth)*.15)} .fly-orbit>*{transform:translate3d(calc(var(--fly)*-48px),calc(var(--fly)*22px),calc(var(--depth)*-220px)) rotateZ(calc(var(--fly)*-.7deg)) rotateY(calc(var(--fly)*3deg)) scale(calc(1 - var(--depth)*.03));filter:blur(calc(var(--depth)*1.5px));opacity:calc(1 - var(--depth)*.12)} .fly-rise>*{transform:translate3d(0,calc(var(--fly)*-58px),calc(var(--depth)*-190px)) rotateX(calc(var(--fly)*3deg)) scale(calc(1 - var(--depth)*.03));filter:blur(calc(var(--depth)*1.5px));opacity:calc(1 - var(--depth)*.12)} .fly-tunnel>*{transform:translate3d(calc(var(--fly)*26px),0,calc(var(--depth)*-320px)) rotateY(calc(var(--fly)*-2.2deg)) scale(calc(1 - var(--depth)*.052));filter:blur(calc(var(--depth)*2.3px));opacity:calc(1 - var(--depth)*.16)} .fly-stage>*{transition:filter .16s linear,opacity .16s linear} .fly-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:20;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.035) 45%,rgba(255,51,71,.055) 51%,rgba(103,37,200,.045) 56%,transparent 72%);transform:translate3d(calc(var(--fly)*-18%),0,0);opacity:calc(var(--depth)*.45);mix-blend-mode:screen} html[data-theme="light"] .fly-stage:after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,rgba(255,51,71,.06) 51%,rgba(103,37,200,.05) 56%,transparent 72%);mix-blend-mode:multiply;opacity:calc(var(--depth)*.22)} .flight-gate{position:fixed;inset:0;z-index:44;pointer-events:none;display:grid;place-items:center;opacity:0;visibility:hidden;overflow:hidden} .flight-gate:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,rgba(255,51,71,.16),rgba(164,36,152,.08) 22%,rgba(103,37,200,.045) 38%,transparent 62%);transform:scale(.35);opacity:0} .flight-gate:after{content:"";position:absolute;left:50%;top:-10%;width:1px;height:120%;background:linear-gradient(transparent,rgba(255,255,255,.7),rgba(255,51,71,.8),transparent);box-shadow:0 0 28px rgba(255,51,71,.7);transform:scaleY(.12)} .flight-gate.active{visibility:visible;animation:gateScene .92s cubic-bezier(.16,1,.3,1) both} .flight-gate.active:before{animation:gateBloom .92s cubic-bezier(.16,1,.3,1) both} .flight-gate.active:after{animation:gateLine .92s cubic-bezier(.16,1,.3,1) both} .flight-gate__label{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);background:rgba(18,13,25,.38);backdrop-filter:blur(16px);border-radius:999px;color:#fff;font:700 9px/1 Space Mono;letter-spacing:.18em;text-transform:uppercase;transform:translateY(18px) scale(.96);opacity:0} .flight-gate.active .flight-gate__label{animation:gateLabel .92s cubic-bezier(.16,1,.3,1) both} .flight-gate__label i{display:block;width:6px;height:6px;border-radius:50%;background:var(--conn-red);box-shadow:0 0 16px var(--conn-red)} html[data-theme="light"] .flight-gate__label{background:rgba(255,255,255,.76);border-color:rgba(38,25,44,.1);color:#241729;box-shadow:0 18px 60px rgba(67,34,69,.08)} html[data-theme="light"] .flight-gate:after{background:linear-gradient(transparent,rgba(103,37,200,.35),rgba(255,51,71,.7),transparent)} @keyframes gateScene{0%{opacity:0}18%{opacity:1}66%{opacity:1}100%{opacity:0}} @keyframes gateBloom{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(.92)}100%{opacity:0;transform:scale(1.55)}} @keyframes gateLine{0%{opacity:0;transform:scaleY(.08)}28%{opacity:1;transform:scaleY(1)}70%{opacity:.8;transform:scaleY(.2) translateX(24vw)}100%{opacity:0;transform:scaleY(.05) translateX(42vw)}} @keyframes gateLabel{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(6px)}30%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}64%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-16px) scale(1.02);filter:blur(4px)}} .flight-streaks{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease;overflow:hidden} body.is-flying .flight-streaks{opacity:1} .flight-streaks i{position:absolute;left:50%;top:50%;width:1px;height:18vh;transform-origin:50% 100%;background:linear-gradient(transparent,rgba(255,255,255,.14),transparent);filter:blur(.2px)} .flight-streaks i:nth-child(1){transform:translate(-34vw,-42vh) rotate(-34deg)}.flight-streaks i:nth-child(2){transform:translate(27vw,-38vh) rotate(31deg)}.flight-streaks i:nth-child(3){transform:translate(-42vw,20vh) rotate(-58deg)}.flight-streaks i:nth-child(4){transform:translate(38vw,18vh) rotate(56deg)}.flight-streaks i:nth-child(5){transform:translate(-12vw,-48vh) rotate(-12deg)}.flight-streaks i:nth-child(6){transform:translate(12vw,35vh) rotate(14deg)} html[data-theme="light"] .flight-streaks i{background:linear-gradient(transparent,rgba(103,37,200,.1),transparent)} @media(max-width:980px){main{perspective:1100px}.fly-stage>*{transform:none!important;filter:none!important;opacity:1!important}.fly-stage:after{display:none}.flight-streaks{display:none}} @media(prefers-reduced-motion:reduce){.fly-stage>*{transform:none!important;filter:none!important;opacity:1!important}.fly-stage:after,.flight-gate,.flight-streaks{display:none!important}} main{perspective:1350px;perspective-origin:50% 48%;} .fly-stage{transform-style:preserve-3d;overflow:clip;} .fly-stage>*{transition:filter .12s linear,opacity .12s linear;backface-visibility:hidden;} .fly-stage:after{transform:translate3d(var(--fly-x,0%),0,0)!important;opacity:calc(var(--depth,0) * .48)!important;} @supports not (overflow:clip){.fly-stage{overflow:hidden}} html[data-theme="light"] .site-header, html[data-theme="light"] .site-header:not(.scrolled){ color:#241729 !important; border-bottom-color:rgba(38,25,44,.10) !important; } html[data-theme="light"] .site-header.scrolled{ color:#241729 !important; background:rgba(250,247,249,.86) !important; border-bottom-color:rgba(38,25,44,.10) !important; box-shadow:0 10px 40px rgba(57,31,60,.06); } html[data-theme="light"] .nav a, html[data-theme="light"] .nav-cta, html[data-theme="light"] .theme-toggle, html[data-theme="light"] .menu{color:#241729 !important} html[data-theme="light"] .nav a{opacity:.82} html[data-theme="light"] .nav a:hover{opacity:1} html[data-theme="light"] .nav-cta, html[data-theme="light"] .theme-toggle{ border-color:rgba(38,25,44,.18) !important; background:rgba(255,255,255,.58) !important; } html[data-theme="light"] .brand:after{ background:linear-gradient(90deg,transparent,rgba(38,25,44,.16),transparent) } html[data-theme="light"] .menu{background:transparent !important} html[data-theme="light"] .nav.open{ color:#241729 !important; background:rgba(250,247,249,.96) !important; border-color:rgba(38,25,44,.10) !important; } html[data-theme="light"] .nav.open a{color:#241729 !important} html[data-theme="light"] .intro h2, html[data-theme="light"] .process h2, html[data-theme="light"] .health h2, html[data-theme="light"] .services h2, html[data-theme="light"] .work h2, html[data-theme="light"] .contact h2, html[data-theme="light"] .service h3, html[data-theme="light"] .step h3, html[data-theme="light"] .archive-item h4, html[data-theme="light"] .belief strong, html[data-theme="light"] .belief h3, html[data-theme="light"] .contact-card strong{color:#241729} html[data-theme="light"] .intro-copy p, html[data-theme="light"] .process-intro p, html[data-theme="light"] .health-copy p, html[data-theme="light"] .step p, html[data-theme="light"] .stats span, html[data-theme="light"] .belief p{color:#6b606f} html[data-theme="light"] .section-label{color:#766a7b} html[data-theme="light"] .section-label.light{color:#766a7b !important} html[data-theme="dark"] .site-header{color:#fff} html[data-theme="dark"] .nav a, html[data-theme="dark"] .nav-cta, html[data-theme="dark"] .theme-toggle, html[data-theme="dark"] .menu{color:#fff} main{perspective:1400px;perspective-origin:50% 46%;overflow:hidden} .fly-stage>*{transform:none !important;filter:none !important;opacity:1 !important} .fly-stage:after{display:none !important} .flight-streaks{display:none !important} main > section.scene-stage{position:relative;isolation:isolate;transform-style:preserve-3d;perspective:1400px} .scene-stage.scene-active{z-index:2} .scene-stage .scene-shade{position:absolute;inset:0;pointer-events:none;z-index:50;opacity:0;background:radial-gradient(circle at 50% 45%,transparent 10%,rgba(11,7,16,.10) 58%,rgba(11,7,16,.34) 100%)} html[data-theme="light"] .scene-stage .scene-shade{background:radial-gradient(circle at 50% 45%,transparent 10%,rgba(103,37,200,.035) 58%,rgba(103,37,200,.10) 100%)} .scene-gate-v5{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;visibility:hidden;display:grid;place-items:center;overflow:hidden} .scene-gate-v5:before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at center,rgba(255,255,255,.12) 0 4%,rgba(255,51,71,.18) 13%,rgba(164,36,152,.13) 24%,rgba(103,37,200,.08) 38%,transparent 62%);transform:scale(.28);filter:blur(4px)} .scene-gate-v5:after{content:"";position:absolute;left:-20%;top:50%;width:140%;height:2px;background:linear-gradient(90deg,transparent,var(--conn-orange),var(--conn-red),var(--conn-magenta),var(--conn-purple),transparent);box-shadow:0 0 24px rgba(255,51,71,.55);transform:scaleX(.08)} .scene-gate-v5 .scene-gate-label{position:relative;z-index:2;padding:11px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(14,9,19,.48);backdrop-filter:blur(18px);color:#fff;font:700 9px/1 Space Mono;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap;box-shadow:0 20px 80px rgba(0,0,0,.16)} html[data-theme="light"] .scene-gate-v5 .scene-gate-label{color:#241729;background:rgba(255,255,255,.78);border-color:rgba(38,25,44,.11)} body.scene-transitioning:before,body.scene-transitioning:after{content:"";position:fixed;top:0;bottom:0;width:16vw;z-index:998;pointer-events:none;opacity:.55;filter:blur(14px)} body.scene-transitioning:before{left:-9vw;background:linear-gradient(90deg,rgba(255,51,71,.22),transparent)} body.scene-transitioning:after{right:-9vw;background:linear-gradient(270deg,rgba(103,37,200,.22),transparent)} html[data-theme="light"] body.scene-transitioning:before{background:linear-gradient(90deg,rgba(255,51,71,.10),transparent)} html[data-theme="light"] body.scene-transitioning:after{background:linear-gradient(270deg,rgba(103,37,200,.10),transparent)} @media(max-width:980px){ html[data-theme="light"] .site-header{color:#241729 !important} .scene-gate-v5{display:none} } @media(prefers-reduced-motion:reduce){.scene-gate-v5{display:none!important}} .flight-scene-v6::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:calc(var(--scene-edge,0)*.42);background:linear-gradient(180deg,rgba(7,8,18,.62),transparent 18%,transparent 82%,rgba(7,8,18,.62));transition:opacity .12s linear} html[data-theme="light"] .flight-scene-v6::after{background:linear-gradient(180deg,rgba(235,231,239,.78),transparent 18%,transparent 82%,rgba(235,231,239,.78));} .flight-camera-v6{backface-visibility:hidden;-webkit-backface-visibility:hidden;} body.scene-transitioning{overflow-x:hidden} .flight-scene-v6 .flight-camera-v6{ transition:filter .08s linear,opacity .08s linear; } .flight-scene-v6{isolation:isolate;} .flight-scene-v6 .flight-camera-v6 > .in, .flight-scene-v6 .flight-camera-v6 > .reveal.in{filter:none;} main{overflow:visible!important;perspective:none!important;transform:none!important} main>section{position:relative;transform-style:preserve-3d} .flight-scene-v8{transition:none!important;contain:none!important} .fly-stage:after,.flight-streaks,.flight-gate,.scene-gate-v5{display:none!important} @media(max-width:980px){main>section.flight-scene-v8{filter:none}} .beliefs{ width:100%; max-width:none; margin-left:0; margin-right:0; padding:1px 0 !important; gap:1px; } .belief{ min-width:0; border-radius:0; } @media(max-width:980px){ .beliefs{padding-left:0 !important;padding-right:0 !important;} } @media(max-width:620px){ .beliefs{padding-left:0 !important;padding-right:0 !important;} } .hero-visual-stack{position:relative;z-index:2;width:min(640px,96%);min-height:620px;justify-self:end;display:grid;place-items:center;isolation:isolate} .hero-visual-stack .hero-panel{position:relative;z-index:3;width:min(470px,82%);justify-self:auto;margin:0;background:rgba(24,15,34,.74);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08);box-shadow:0 38px 110px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.05) inset} .hero-json-animation{position:absolute;z-index:1;inset:-10% -18%;pointer-events:none;overflow:visible;opacity:.72;filter:drop-shadow(0 38px 80px rgba(98,37,200,.24));mix-blend-mode:screen;transform:scale(1.1)} .hero-json-animation:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 44%,rgba(14,8,20,.34) 78%,rgba(14,8,20,.82) 100%)} .hero-json-animation svg{width:100%!important;height:100%!important;display:block;overflow:visible!important} html[data-theme="light"] .hero-json-animation{opacity:.42;mix-blend-mode:multiply;filter:drop-shadow(0 30px 64px rgba(103,37,200,.14))} html[data-theme="light"] .hero-visual-stack .hero-panel{background:rgba(255,255,255,.78);box-shadow:0 38px 90px rgba(74,42,92,.16),0 0 0 1px rgba(74,42,92,.08) inset} .health-visual{isolation:isolate} .health-plane-animation{position:absolute;z-index:2;inset:3% 7% 8%;pointer-events:none;opacity:.94;filter:drop-shadow(0 28px 58px rgba(103,37,200,.24))} .health-plane-animation svg{width:100%!important;height:100%!important;display:block;overflow:visible!important} .health-visual .world{z-index:3;text-shadow:0 3px 28px rgba(0,0,0,.68)} .health-visual:after{content:"";position:absolute;z-index:1;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(164,36,152,.09),transparent 68%);filter:blur(2px);pointer-events:none} html[data-theme="light"] .health-plane-animation{opacity:.88;filter:drop-shadow(0 24px 48px rgba(103,37,200,.16))} @media(max-width:980px){.hero-visual-stack{justify-self:start;width:min(620px,100%);min-height:560px;margin-top:50px}.hero-visual-stack .hero-panel{width:min(470px,84%)}.hero-json-animation{inset:-8% -12%;transform:scale(1.06)}.health-plane-animation{inset:4% 6% 10%}} @media(max-width:620px){.hero-visual-stack{width:100%;min-height:470px}.hero-visual-stack .hero-panel{width:90%}.hero-json-animation{inset:-4% -20%;opacity:.6;transform:scale(1.02)}.health-plane-animation{inset:8% 2% 12%;opacity:.9}} .hero-visual-stack{overflow:visible} .hero-json-animation{inset:-22% -42%;opacity:.72;mix-blend-mode:screen;transform:scale(1.18);background:transparent!important} .hero-json-animation svg,.hero-json-animation svg *{background:transparent!important} .hero-json-animation:after{background:radial-gradient(circle at center,transparent 42%,rgba(14,8,20,.18) 72%,rgba(14,8,20,.56) 100%)} .hero-visual-stack .hero-panel{z-index:4} .health-plane-animation{background:transparent!important;mix-blend-mode:screen;z-index:2} .health-plane-animation svg,.health-plane-animation svg *{background:transparent!important} .health-visual .world{z-index:3} html[data-theme="light"] .hero-json-animation{mix-blend-mode:multiply;opacity:.34} html[data-theme="light"] .health-plane-animation{mix-blend-mode:multiply;opacity:.72} @media(max-width:980px){.hero-json-animation{inset:-15% -28%;transform:scale(1.1)}} @media(max-width:620px){.hero-json-animation{inset:-8% -30%;transform:scale(1.05);opacity:.52}} .hero-json-animation{background:transparent!important;mix-blend-mode:screen!important;opacity:.78!important;filter:none!important;border:0!important;box-shadow:none!important;} .hero-json-animation svg{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;} .hero-json-animation:before,.hero-json-animation:after{pointer-events:none;} .health-plane-animation{background:transparent!important;mix-blend-mode:normal!important;opacity:1!important;filter:drop-shadow(0 24px 54px rgba(103,37,200,.28))!important;} .health-plane-animation svg{background:transparent!important;overflow:visible!important;} html[data-theme="light"] .health-plane-animation{mix-blend-mode:multiply!important;filter:drop-shadow(0 18px 42px rgba(103,37,200,.18))!important;} .hero-json-animation,.hero-json-animation svg,.hero-json-animation>div{ background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important; } .hero-json-animation{filter:none!important;} .nav-item{position:relative;display:flex;align-items:center} .nav-item>a{display:flex;align-items:center;gap:7px} .nav-item.has-dropdown>a:after{content:"⌄";font-size:12px;opacity:.68;transform:translateY(-1px);transition:transform .25s} .nav-item.has-dropdown:hover>a:after,.nav-item.has-dropdown.open>a:after{transform:rotate(180deg) translateY(-1px)} .dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,10px);width:390px;padding:10px;background:rgba(19,12,27,.96);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 28px 80px rgba(0,0,0,.36);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transition:.24s cubic-bezier(.16,1,.3,1);display:grid;grid-template-columns:1fr;gap:3px;z-index:100} .dropdown:before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:transparent} .nav-item.has-dropdown:hover .dropdown,.nav-item.has-dropdown.open .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)} .dropdown a{display:grid!important;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:10px 11px;border-radius:9px;color:#fff!important;text-decoration:none!important;transition:.2s} .dropdown a:hover{background:linear-gradient(90deg,rgba(255,51,71,.15),rgba(103,37,200,.13));transform:translateX(2px)} .dropdown b{font:700 9px Space Mono;color:var(--conn-orange,#ffa129)} .dropdown span{font-size:12px;line-height:1.25} html[data-theme="light"] .site-header.scrolled .dropdown{background:rgba(255,255,255,.97);border-color:rgba(38,25,44,.12);box-shadow:0 28px 70px rgba(38,25,44,.16)} html[data-theme="light"] .site-header.scrolled .dropdown a{color:#17121c!important} .service{position:relative} .service a.service-link{display:grid;grid-template-columns:60px 1fr 1.35fr .8fr;gap:30px;align-items:center;text-decoration:none;color:inherit;width:100%;grid-column:1/-1} .service a.service-link:hover h3{color:var(--conn-orange,#ffa129)} @media(max-width:980px){.service a.service-link{grid-template-columns:45px 1fr}.service a.service-link p,.service a.service-link b{grid-column:2}} @media(max-width:760px){.nav-item{display:block}.nav-item.has-dropdown>a:after{margin-left:auto}.dropdown{position:static;width:auto;transform:none!important;margin:8px 0 10px;background:rgba(255,255,255,.06);box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;display:none}.dropdown:before{display:none}.nav-item.open .dropdown{display:grid}.nav-item.has-dropdown:hover .dropdown{display:none}.nav-item.has-dropdown.open:hover .dropdown{display:grid}} @media(max-width:620px){.service a.service-link{grid-template-columns:35px 1fr;gap:16px}} .hero-json-animation:before,.hero-json-animation:after{content:none!important;display:none!important;background:none!important;} .hero-json-animation,.hero-json-animation>div,.hero-json-animation svg{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;} .site-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:26px!important} .site-header .nav{margin:0!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:26px!important} .site-header .nav>a,.site-header .nav-item>.dropdown-trigger{height:42px!important;display:flex!important;align-items:center!important;white-space:nowrap!important} .site-header .nav-item.has-dropdown{height:42px!important;align-items:center!important} .site-header .nav-item.has-dropdown>.dropdown-trigger{justify-content:center!important;padding:0 0 8px!important} .site-header .nav-item.has-dropdown>.dropdown-trigger:after{left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%) rotate(0)!important;transform-origin:50% 50%!important} .site-header .nav-item.has-dropdown:hover>.dropdown-trigger:after,.site-header .nav-item.has-dropdown.open>.dropdown-trigger:after{transform:translateX(-50%) rotate(180deg)!important} .site-header .dropdown{top:calc(100% + 9px)!important} @media(max-width:1100px) and (min-width:761px){.site-header{column-gap:15px!important}.site-header .nav{gap:16px!important}.site-header .nav-cta{display:none!important}} @media(max-width:760px){.site-header{display:flex!important}.site-header .nav{display:none!important;justify-content:flex-start!important}.site-header .nav.open{display:flex!important}.site-header .nav-item.has-dropdown{height:auto!important}.site-header .nav>a,.site-header .nav-item>.dropdown-trigger{height:auto!important}.site-header .nav-item.has-dropdown>.dropdown-trigger{justify-content:flex-start!important;padding:12px 0!important}.site-header .nav-item.has-dropdown>.dropdown-trigger:after{position:static!important;transform:none!important;margin-left:auto!important}.site-header .nav-item.has-dropdown.open>.dropdown-trigger:after{transform:rotate(180deg)!important}} @media(min-width:761px){ .site-header{ display:grid!important; grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important; align-items:center!important; min-height:78px!important; } .site-header>.brand{grid-column:1;justify-self:start!important} .site-header>.nav{grid-column:2;justify-self:center!important;display:flex!important;align-items:center!important;gap:28px!important;height:78px!important} .site-header>.theme-toggle{grid-column:3;justify-self:end!important} .site-header>.nav-cta{grid-column:3;justify-self:end!important;margin-right:112px!important} .site-header>.menu{display:none!important} .site-header .nav>a,.site-header .nav-item,.site-header .nav-item>.dropdown-trigger{ height:78px!important;box-sizing:border-box!important;margin:0!important; } .site-header .nav>a,.site-header .nav-item>.dropdown-trigger{ display:flex!important;align-items:center!important;padding:0!important;line-height:1!important; } .site-header .nav-item.has-dropdown{display:flex!important;align-items:center!important} .site-header .nav-item.has-dropdown>.dropdown-trigger{position:relative!important;padding:0 0 8px!important} .site-header .nav-item.has-dropdown>.dropdown-trigger:after{position:absolute!important;left:50%!important;bottom:21px!important} .site-header .nav .has-dropdown .dropdown{ width:min(760px,86vw)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; max-height:min(72vh,620px)!important; overflow:auto!important; top:calc(100% - 2px)!important; padding:14px!important; } .site-header .nav .has-dropdown .dropdown>a{min-height:54px!important} } @media(min-width:761px){ .site-header{ height:78px!important; min-height:78px!important; display:grid!important; grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important; align-items:center!important; padding-top:0!important; padding-bottom:0!important; } .site-header>.brand{ grid-column:1!important; align-self:center!important; justify-self:start!important; margin:0!important; } .site-header>.nav{ grid-column:2!important; align-self:center!important; justify-self:center!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:28px!important; height:78px!important; margin:0!important; padding:0!important; } .site-header>.theme-toggle{ grid-column:3!important; align-self:center!important; justify-self:end!important; margin:0!important; } .site-header>.nav-cta{ grid-column:3!important; align-self:center!important; justify-self:end!important; margin:0 112px 0 0!important; } .site-header .nav>a, .site-header .nav-item, .site-header .nav-item>.dropdown-trigger{ height:78px!important; min-height:78px!important; margin:0!important; padding:0!important; line-height:1!important; box-sizing:border-box!important; } .site-header .nav>a, .site-header .nav-item>.dropdown-trigger{ display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; } .site-header .nav-item.has-dropdown{ display:flex!important; align-items:center!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger:after{ content:none!important; display:none!important; } .site-header .menu-caret{ position:absolute!important; left:50%!important; bottom:17px!important; width:7px!important; height:7px!important; border-right:1.5px solid currentColor!important; border-bottom:1.5px solid currentColor!important; background:transparent!important; transform:translateX(-50%) rotate(45deg)!important; transform-origin:50% 50%!important; opacity:.72!important; transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s!important; pointer-events:none!important; } .site-header .nav-item.has-dropdown:hover .menu-caret, .site-header .nav-item.has-dropdown.open .menu-caret{ transform:translateX(-50%) translateY(2px) rotate(225deg)!important; opacity:1!important; } .site-header .nav .has-dropdown .dropdown{ top:calc(100% - 2px)!important; width:min(760px,86vw)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; padding:14px!important; max-height:min(72vh,620px)!important; overflow:auto!important; } } @media(max-width:760px){ .site-header .menu-caret{ position:static!important; width:7px!important; height:7px!important; margin-left:auto!important; border-right:1.5px solid currentColor!important; border-bottom:1.5px solid currentColor!important; background:transparent!important; transform:rotate(45deg)!important; transition:transform .25s ease!important; } .site-header .nav-item.has-dropdown.open .menu-caret{ transform:rotate(225deg)!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger:after{ content:none!important; display:none!important; } } @media(min-width:761px){ .site-header .nav>a, .site-header .nav-item>.dropdown-trigger{ height:78px!important; min-height:78px!important; padding:0!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; line-height:normal!important; transform:none!important; top:auto!important; } .site-header .nav-item.has-dropdown{ height:78px!important; min-height:78px!important; padding:0!important; margin:0!important; display:flex!important; align-items:center!important; transform:none!important; top:auto!important; } .site-header .menu-caret{ bottom:15px!important; } } @media(min-width:761px){ .hero-json-animation{ width:132%!important; height:132%!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; } } @media(min-width:761px){ .site-header .nav-item.has-dropdown>.dropdown-trigger{ transform:translateY(5px)!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger .menu-caret{ bottom:15px!important; } } @media(min-width:761px){ .hero-visual-stack{overflow:visible!important;} .hero-json-animation{ width:auto!important; height:auto!important; left:-68%!important; right:-68%!important; top:-48%!important; bottom:-48%!important; transform:scale(1.28)!important; transform-origin:center center!important; overflow:visible!important; } .hero-json-animation>div, .hero-json-animation svg{ width:100%!important; height:100%!important; overflow:visible!important; } } @media(min-width:761px){ .site-header>.brand,.site-header>.nav,.site-header>.theme-toggle,.site-header>.nav-cta{grid-row:1!important} .site-header>.theme-toggle{grid-column:3!important;justify-self:end!important;align-self:center!important;margin:0!important} .site-header>.nav-cta{grid-column:3!important;justify-self:end!important;align-self:center!important;margin:0 112px 0 0!important;transform:none!important;top:auto!important} } html[data-theme="light"] .health-section, html[data-theme="light"] .health, html[data-theme="light"] .health-wrap, html[data-theme="light"] .health-content, html[data-theme="light"] .health-visual{ background:transparent!important; color:var(--text)!important; } html[data-theme="light"] .health-section{ background: radial-gradient(circle at 18% 18%,rgba(139,92,255,.08),transparent 34%), radial-gradient(circle at 82% 70%,rgba(255,51,71,.06),transparent 32%), linear-gradient(180deg,#fbf8fd 0%,#f6f0f9 100%)!important; } html[data-theme="light"] .health-section:before, html[data-theme="light"] .health-section:after, html[data-theme="light"] .health:before, html[data-theme="light"] .health:after{ opacity:.22!important; mix-blend-mode:multiply!important; } html[data-theme="light"] .health-section h2, html[data-theme="light"] .health-section h3, html[data-theme="light"] .health-section p, html[data-theme="light"] .health-section .eyebrow, html[data-theme="light"] .health-section .section-label, html[data-theme="light"] .health-section .health-copy{ color:#2d2035!important; } html[data-theme="light"] .health-section .health-card, html[data-theme="light"] .health-section .health-panel, html[data-theme="light"] .health-section .health-stat, html[data-theme="light"] .health-section .health-copy-card{ background:rgba(255,255,255,.72)!important; border-color:rgba(68,40,82,.10)!important; box-shadow:0 24px 70px rgba(67,42,84,.10)!important; backdrop-filter:blur(18px) saturate(1.06)!important; } html[data-theme="light"] .health-plane-animation{ mix-blend-mode:multiply!important; opacity:.82!important; filter:drop-shadow(0 24px 44px rgba(89,58,109,.12))!important; } html[data-theme="light"] .health-plane-animation svg{ background:transparent!important; } html[data-theme="light"] .health-visual .world, html[data-theme="light"] .health-visual .global-growth, html[data-theme="light"] .health-visual .world-ring{ filter:none!important; opacity:.92!important; } html[data-theme="light"] .health-section .accent, html[data-theme="light"] .health-section em, html[data-theme="light"] .health-section strong{ color:var(--conn-orange)!important; } html[data-theme="light"] .site-header .dropdown{ background:rgba(255,255,255,.96)!important; border-color:rgba(54,34,65,.12)!important; box-shadow:0 28px 70px rgba(48,31,58,.15)!important; backdrop-filter:blur(22px) saturate(1.08)!important; -webkit-backdrop-filter:blur(22px) saturate(1.08)!important; } html[data-theme="light"] .site-header .dropdown a{ color:#211827!important; } html[data-theme="light"] .site-header .dropdown a:hover{ background:linear-gradient(90deg,rgba(255,51,71,.09),rgba(139,92,255,.08))!important; color:#17121c!important; } html[data-theme="light"] .site-header .dropdown b{ color:#ff7a22!important; } html[data-theme="light"] .site-header .dropdown span{ color:inherit!important; } .conn-wa{--wa-red:#ff3347;--wa-orange:#ff9a32;--wa-purple:#8b5cff;--wa-ink:#160d1d;position:fixed;right:24px;bottom:24px;z-index:9999;font-family:inherit} .conn-wa-launch{position:relative;height:62px;min-width:62px;padding:0 20px 0 17px;border:0;border-radius:22px;display:flex;align-items:center;gap:10px;color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--wa-purple) 0%,var(--wa-red) 52%,var(--wa-orange) 115%);box-shadow:0 18px 50px rgba(255,51,71,.28),0 7px 24px rgba(91,38,126,.28);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s} .conn-wa-launch:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 60px rgba(255,51,71,.34),0 9px 30px rgba(91,38,126,.3)} .conn-wa-launch svg{width:28px;height:28px;fill:#fff;position:relative;z-index:2} .conn-wa-launchtext{font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap;position:relative;z-index:2} .conn-wa-rings{position:absolute;left:13px;top:13px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.38);animation:connWaRing 2.3s ease-out infinite} .conn-wa-rings:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(255,154,50,.5);border-radius:inherit;animation:connWaRing 2.3s ease-out .9s infinite} @keyframes connWaRing{0%{transform:scale(.7);opacity:.7}80%,100%{transform:scale(1.8);opacity:0}} .conn-wa-panel{position:absolute;right:0;bottom:78px;width:370px;border-radius:24px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.96);transform-origin:bottom right;transition:.35s cubic-bezier(.16,1,.3,1);background:rgba(20,12,28,.96);border:1px solid rgba(255,255,255,.11);box-shadow:0 35px 100px rgba(7,2,12,.46);backdrop-filter:blur(26px) saturate(1.14);-webkit-backdrop-filter:blur(26px) saturate(1.14)} .conn-wa.open .conn-wa-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none} .conn-wa-head{position:relative;min-height:90px;padding:18px 54px 17px 18px;display:flex;align-items:center;gap:13px;background:radial-gradient(circle at 85% 10%,rgba(255,154,50,.34),transparent 34%),linear-gradient(120deg,rgba(139,92,255,.95),rgba(255,51,71,.92))} .conn-wa-head:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)} .conn-wa-avatar{position:relative;width:50px;height:50px;border-radius:16px;background:#fff;display:grid;place-items:center;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)} .conn-wa-avatar img{width:100%;height:100%;object-fit:contain} .conn-wa-avatar>i{position:absolute;width:12px;height:12px;border-radius:50%;right:-3px;bottom:-2px;background:#ffb02e;border:3px solid #8b3c78;box-shadow:0 0 0 3px rgba(255,176,46,.16)} .conn-wa-headcopy{display:grid;gap:4px;color:#fff}.conn-wa-headcopy strong{font-size:14px}.conn-wa-headcopy span{font-size:10px;opacity:.85;display:flex;align-items:center;gap:6px}.conn-wa-headcopy span i{width:6px;height:6px;border-radius:50%;background:#ffbf4b;box-shadow:0 0 10px #ffbf4b} .conn-wa-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:.2s}.conn-wa-close:hover{background:rgba(255,255,255,.16);transform:rotate(5deg)} .conn-wa-body{padding:18px;background:radial-gradient(circle at 95% 96%,rgba(139,92,255,.12),transparent 36%)} .conn-wa-bubble{position:relative;margin:0 28px 19px 0;padding:13px 14px 10px;border-radius:5px 16px 16px 16px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.09)} .conn-wa-bubble:before{content:"";position:absolute;left:-7px;top:-1px;border-top:8px solid rgba(255,255,255,.10);border-left:8px solid transparent} .conn-wa-bubble small{font-size:7px;letter-spacing:.16em;color:#ff9a32;font-weight:900}.conn-wa-bubble p{margin:6px 0 7px;color:#f8f1fa;font-size:12px;line-height:1.5}.conn-wa-bubble time{display:block;text-align:right;color:rgba(255,255,255,.4);font-size:8px} .conn-wa-label{display:block;margin:11px 0 7px;color:rgba(255,255,255,.6);font-size:9px;font-weight:700;letter-spacing:.06em} .conn-wa-selectwrap{position:relative}.conn-wa-selectwrap select,.conn-wa textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.10);outline:0;background:rgba(255,255,255,.055);color:#fff;border-radius:12px;font:inherit;font-size:11px;transition:.2s}.conn-wa-selectwrap select{height:43px;padding:0 39px 0 12px;appearance:none;-webkit-appearance:none;cursor:pointer}.conn-wa-selectwrap span{position:absolute;right:14px;top:50%;transform:translateY(-55%);color:#ff9a32;pointer-events:none}.conn-wa-selectwrap select option{background:#1c1125;color:#fff}.conn-wa textarea{padding:11px 12px;resize:none;line-height:1.45}.conn-wa textarea::placeholder{color:rgba(255,255,255,.3)}.conn-wa-selectwrap select:focus,.conn-wa textarea:focus{border-color:rgba(255,51,71,.6);box-shadow:0 0 0 3px rgba(255,51,71,.08)} .conn-wa-send{width:100%;height:49px;margin-top:14px;padding:0 14px;border:0;border-radius:14px;display:flex;align-items:center;gap:9px;color:#fff;cursor:pointer;font:inherit;font-size:11px;font-weight:900;background:linear-gradient(105deg,#8b5cff 0%,#ff3347 54%,#ff9a32 120%);box-shadow:0 12px 30px rgba(255,51,71,.19);transition:.25s}.conn-wa-send:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,51,71,.28)}.conn-wa-send b{margin-left:auto;font-size:15px}.conn-wa-sendicon{width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.14);display:grid;place-items:center}.conn-wa-sendicon svg{width:19px;height:19px;fill:#fff} .conn-wa-note{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;color:rgba(255,255,255,.35);font-size:8px}.conn-wa-note span{width:5px;height:5px;border-radius:50%;background:#ff9a32} html[data-theme="light"] .conn-wa-panel{background:rgba(255,255,255,.97);border-color:rgba(59,31,69,.12);box-shadow:0 30px 85px rgba(62,34,78,.2)} html[data-theme="light"] .conn-wa-body{background:radial-gradient(circle at 95% 96%,rgba(139,92,255,.08),transparent 40%)} html[data-theme="light"] .conn-wa-bubble{background:linear-gradient(145deg,rgba(139,92,255,.08),rgba(255,51,71,.045));border-color:rgba(63,37,76,.08)} html[data-theme="light"] .conn-wa-bubble p{color:#24162b}html[data-theme="light"] .conn-wa-bubble time{color:rgba(35,22,43,.4)} html[data-theme="light"] .conn-wa-label{color:rgba(35,22,43,.58)} html[data-theme="light"] .conn-wa-selectwrap select,html[data-theme="light"] .conn-wa textarea{background:#fbf8fd;border-color:rgba(61,35,73,.12);color:#24162b} html[data-theme="light"] .conn-wa-selectwrap select option{background:#fff;color:#24162b} html[data-theme="light"] .conn-wa textarea::placeholder{color:rgba(35,22,43,.32)} html[data-theme="light"] .conn-wa-note{color:rgba(35,22,43,.42)} @media(max-width:560px){ .conn-wa{right:14px;bottom:14px} .conn-wa-panel{position:fixed;left:12px;right:12px;bottom:88px;width:auto;max-height:calc(100vh - 110px);overflow:auto;transform:translateY(20px) scale(.98)} .conn-wa-launch{height:58px;min-width:58px;padding:0 16px} .conn-wa-launchtext{display:none} } .conn-wa-panel-v14{width:420px!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 28px 80px rgba(0,0,0,.32)!important} .conn-wa-welcome{min-height:116px;padding:20px 58px 18px 20px;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;position:relative;color:#fff;background:linear-gradient(115deg,#8b5cff 0%,#ff3347 58%,#ff9a32 120%)} .conn-wa-headset{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:relative;background:rgba(255,255,255,.15)} .conn-wa-headset svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8} .conn-wa-headset i{position:absolute;right:-2px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#ffb13b;border:3px solid #d2486c} .conn-wa-welcome-copy strong{display:block;font-size:16px;line-height:1.28;margin-bottom:6px} .conn-wa-welcome-copy span{display:block;font-size:11px;line-height:1.45;opacity:.92} .conn-wa-panel-v14 .conn-wa-close{right:15px;top:15px;width:34px;height:34px;border:0;background:rgba(255,255,255,.16);border-radius:50%;font-size:22px} .conn-wa-status{height:54px;padding:0 20px;display:flex;align-items:center;gap:9px;color:#4a3e4d;border-bottom:1px solid #eee8f0;background:#faf8fb;font-size:11px;font-weight:700} .conn-wa-status i{width:8px;height:8px;border-radius:50%;background:#ff9a32;box-shadow:0 0 0 4px rgba(255,154,50,.12)} .conn-wa-agent{margin:13px;padding:13px 14px;border-radius:16px;border:1px solid rgba(255,51,71,.38);display:grid;grid-template-columns:54px 1fr 40px;gap:12px;align-items:center;background:#fff;transition:.25s} .conn-wa-agent:hover{transform:translateY(-2px);border-color:#ff3347;box-shadow:0 12px 30px rgba(77,39,90,.10)} .conn-wa-agent-photo{width:54px;height:54px;border-radius:50%;position:relative;overflow:visible} .conn-wa-agent-photo img{width:54px;height:54px;border-radius:50%;object-fit:cover;display:block} .conn-wa-agent-photo span{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;background:#ff9a32;border:3px solid #fff} .conn-wa-agent-copy{min-width:0}.conn-wa-agent-copy strong{display:block;color:#261b2b;font-size:13px;line-height:1.2}.conn-wa-agent-copy b{display:block;color:#46394b;font-size:11px;line-height:1.25;margin-top:2px}.conn-wa-agent-copy small{display:block;color:#938997;font-size:9px;margin-top:6px} .conn-wa-agent-btn{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:linear-gradient(135deg,#8b5cff,#ff3347 62%,#ff9a32);box-shadow:0 8px 18px rgba(255,51,71,.25);transition:.2s} .conn-wa-agent-btn:hover{transform:scale(1.08) rotate(-4deg)}.conn-wa-agent-btn svg{width:24px;height:24px;fill:#fff} .conn-wa-launch-v14{width:58px!important;min-width:58px!important;height:58px!important;padding:0!important;border-radius:50%!important;justify-content:center!important} .conn-wa-launch-v14 svg{width:28px!important;height:28px!important} html[data-theme="light"] .conn-wa-panel-v14{background:#fff!important} html[data-theme="dark"] .conn-wa-panel-v14{background:#fff!important} @media(max-width:560px){ .conn-wa-panel-v14{width:auto!important;left:12px!important;right:12px!important} .conn-wa-welcome{grid-template-columns:44px 1fr;padding:18px 54px 17px 17px} .conn-wa-agent{grid-template-columns:50px 1fr 38px} } .project-featured-v18 .featured-brand-card{min-height:0} .featured-brand-card{border:1px solid rgba(255,255,255,.09);background:#0d1018} .featured-brand-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 28%,rgba(5,8,13,.12) 50%,rgba(5,8,13,.9) 100%);z-index:-1} .featured-brand-logo{position:absolute;inset:42px 30px 118px;display:grid;place-items:center;z-index:1} .featured-brand-logo:before{content:"";position:absolute;width:76%;height:76%;border-radius:50%;filter:blur(50px);opacity:.18} .featured-brand-logo img{position:relative;z-index:2;display:block;max-width:68%;max-height:150px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.22));transition:transform .55s cubic-bezier(.16,1,.3,1)} .featured-brand-card:hover .featured-brand-logo img{transform:scale(1.06) translateY(-4px)} .logo-gokbora img{max-width:76%;background:rgba(255,255,255,.96);padding:18px 22px;border-radius:14px} .logo-avrupadis img{max-height:175px;border-radius:18px} .logo-atlas img{max-height:185px;border-radius:16px} .logo-gokbora:before{background:#ffb82e}.logo-avrupadis:before{background:#16c5e8}.logo-atlas:before{background:#0b6a9d} .featured-brand-copy{position:relative;z-index:2;margin-top:auto} .featured-brand-copy h3{max-width:94%} .project-featured-v18 .p1:before{background:radial-gradient(circle at 68% 20%,rgba(255,185,42,.25),transparent 33%),linear-gradient(145deg,#1d1710,#090d12 68%)} .project-featured-v18 .p2:before{background:radial-gradient(circle at 30% 24%,rgba(0,192,224,.24),transparent 34%),linear-gradient(145deg,#0a2331,#081018 72%)} .project-featured-v18 .p3:before{background:radial-gradient(circle at 78% 30%,rgba(36,116,170,.26),transparent 34%),linear-gradient(145deg,#102638,#090f17 72%)} .project-archive-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:70px;margin-bottom:24px} .project-archive-head span{font:700 9px Space Mono;letter-spacing:.18em;color:#ff7a22} .project-archive-head h3{font-size:30px;margin:7px 0 0;letter-spacing:-.04em} .project-archive-head p{max-width:390px;margin:0;color:#8797a5;font-size:12px;line-height:1.6;text-align:right} .project-carousel{position:relative;width:100%} .project-carousel-viewport{overflow:hidden;width:100%;padding:2px 0 8px} .project-carousel-track{display:flex;gap:16px;will-change:transform} .project-mini-card{position:relative;flex:0 0 calc((100% - 48px)/4);min-width:0;height:230px;border-radius:18px;padding:17px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s} .project-mini-card:before{content:"";position:absolute;right:-50px;top:-60px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,255,.14),transparent 70%);transition:.35s} .project-mini-card:hover{transform:translateY(-5px);border-color:rgba(255,51,71,.35);background:linear-gradient(145deg,rgba(139,92,255,.09),rgba(255,51,71,.045))} .project-mini-card:hover:before{transform:scale(1.35)} .project-mini-top{display:flex;justify-content:space-between;position:relative;z-index:2;font:400 8px Space Mono;color:#718394} .project-mini-top b{font-weight:400;color:#ff7a22} .project-mini-logo{height:102px;margin:10px 0 9px;border-radius:13px;display:grid;place-items:center;position:relative;z-index:2;background:rgba(255,255,255,.96);overflow:hidden;padding:14px} .project-mini-logo img{display:block;max-width:82%;max-height:72px;width:auto;height:auto;object-fit:contain} .project-mini-logo em{width:54px;height:54px;border-radius:15px;place-items:center;background:linear-gradient(135deg,#8b5cff,#ff3347 58%,#ff9a32);font-style:normal;font-size:16px;font-weight:900;color:#fff;letter-spacing:.04em} .project-mini-copy{position:relative;z-index:2;margin-top:auto} .project-mini-copy small{display:block;font:700 7px Space Mono;letter-spacing:.13em;color:#ff7a22;margin-bottom:6px} .project-mini-copy h4{font-size:12px;line-height:1.25;margin:0;color:#fff} .project-carousel-controls{display:grid;grid-template-columns:1fr 42px 42px;align-items:center;gap:9px;margin-top:18px} .project-carousel-progress{height:2px;background:rgba(255,255,255,.09);overflow:hidden;margin-right:18px} .project-carousel-progress i{display:block;height:100%;width:15%;background:linear-gradient(90deg,#8b5cff,#ff3347,#ff9a32);transition:width .7s cubic-bezier(.16,1,.3,1)} .project-carousel-arrow{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:17px;cursor:pointer;transition:.25s} .project-carousel-arrow:hover{background:linear-gradient(135deg,rgba(139,92,255,.34),rgba(255,51,71,.26));border-color:rgba(255,51,71,.4);transform:translateY(-2px)} html[data-theme="light"] .featured-brand-card{border-color:rgba(49,31,59,.1)} html[data-theme="light"] .project-archive-head h3{color:#271a2e} html[data-theme="light"] .project-archive-head p{color:#766a7a} html[data-theme="light"] .project-mini-card{background:rgba(255,255,255,.66);border-color:rgba(58,36,69,.1);box-shadow:0 14px 38px rgba(54,35,67,.06)} html[data-theme="light"] .project-mini-card:hover{background:#fff;border-color:rgba(255,51,71,.24)} html[data-theme="light"] .project-mini-copy h4{color:#271a2e} html[data-theme="light"] .project-mini-top{color:#8b7f8f} html[data-theme="light"] .project-carousel-progress{background:rgba(50,31,61,.1)} html[data-theme="light"] .project-carousel-arrow{background:#fff;border-color:rgba(50,31,61,.12);color:#271a2e} @media(max-width:1180px){.project-mini-card{flex-basis:calc((100% - 32px)/3)}} @media(max-width:900px){.project-mini-card{flex-basis:calc((100% - 16px)/2)}} @media(max-width:620px){ .project-mini-card{flex-basis:100%;height:220px} .project-archive-head{display:block} .project-archive-head p{text-align:left;margin-top:12px} .featured-brand-logo{inset:38px 18px 112px} .featured-brand-logo img{max-width:72%;max-height:120px} } .project-featured-v18{gap:18px} .project-featured-v18 .featured-brand-card{ position:relative; isolation:isolate; overflow:hidden; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 28px 70px rgba(0,0,0,.18); } .project-featured-v18 .featured-brand-card:before{ content:""; position:absolute; inset:0; z-index:-3; } .project-featured-v18 .featured-brand-card:after{ content:""; position:absolute; inset:0; z-index:-2; background: linear-gradient(180deg,rgba(255,255,255,.03),transparent 34%), linear-gradient(180deg,transparent 48%,rgba(3,5,10,.62) 100%)!important; } .project-featured-v18 .p1:before{ background: radial-gradient(circle at 76% 20%,rgba(255,198,62,.28),transparent 30%), radial-gradient(circle at 18% 84%,rgba(255,102,45,.18),transparent 34%), linear-gradient(145deg,#2a190c 0%,#b65a11 50%,#15100c 100%)!important; } .project-featured-v18 .p2:before{ background: radial-gradient(circle at 22% 20%,rgba(72,220,255,.25),transparent 30%), radial-gradient(circle at 82% 78%,rgba(0,117,175,.28),transparent 34%), linear-gradient(145deg,#061c2c 0%,#0c6c96 50%,#07111a 100%)!important; } .project-featured-v18 .p3:before{ background: radial-gradient(circle at 78% 18%,rgba(124,115,255,.28),transparent 30%), radial-gradient(circle at 18% 82%,rgba(255,51,71,.20),transparent 34%), linear-gradient(145deg,#17102d 0%,#5d357c 48%,#10101c 100%)!important; } .featured-brand-logo{ position:absolute!important; inset:44px 32px 116px!important; display:grid!important; place-items:center!important; z-index:2!important; } .featured-brand-logo:before{ content:""; position:absolute; width:72%; height:72%; border-radius:50%; background:rgba(255,255,255,.12)!important; filter:blur(55px)!important; opacity:.55!important; } .featured-brand-logo img{ position:relative; z-index:3; display:block; max-width:72%!important; max-height:145px!important; width:auto!important; height:auto!important; object-fit:contain!important; padding:0!important; border-radius:0!important; background:transparent!important; mix-blend-mode:screen; filter: grayscale(1) brightness(0) invert(1) drop-shadow(0 14px 24px rgba(0,0,0,.18))!important; } .logo-gokbora img{max-width:74%!important} .logo-avrupadis img{max-width:62%!important;max-height:150px!important} .logo-atlas img{max-width:68%!important;max-height:155px!important} .featured-brand-copy{ position:relative; z-index:4; } .featured-brand-copy span, .featured-brand-copy p{ color:rgba(255,255,255,.72)!important; } .featured-brand-copy h3{ color:#fff!important; } .project-featured-v18 .project-no{ color:rgba(255,255,255,.58)!important; } html[data-theme="light"] .project-featured-v18 .featured-brand-card{ border-color:rgba(255,255,255,.18)!important; box-shadow:0 24px 56px rgba(34,20,48,.12)!important; } @media(max-width:620px){ .featured-brand-logo{inset:38px 22px 110px!important} .featured-brand-logo img{max-width:70%!important;max-height:115px!important} } .project-featured-v18 .featured-brand-logo{inset:28px 20px 108px!important} .project-featured-v18 .featured-brand-logo img{ max-width:84%!important; max-height:190px!important; } .project-featured-v18 .logo-gokbora img{ max-width:84%!important; max-height:175px!important; } .project-featured-v18 .logo-avrupadis img{ max-width:88%!important; max-height:205px!important; filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))!important; mix-blend-mode:normal!important; } .project-featured-v18 .logo-atlas img{ max-width:92%!important; max-height:205px!important; filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))!important; mix-blend-mode:normal!important; } @media(max-width:620px){ .project-featured-v18 .featured-brand-logo{inset:30px 16px 105px!important} .project-featured-v18 .featured-brand-logo img{max-width:86%!important;max-height:150px!important} .project-featured-v18 .logo-atlas img{max-width:94%!important} } .project-featured-v18 .logo-avrupadis img{ max-width:74%!important; max-height:175px!important; } .project-featured-v18 .logo-atlas img{ max-width:74%!important; max-height:175px!important; } @media(max-width:620px){ .project-featured-v18 .logo-avrupadis img, .project-featured-v18 .logo-atlas img{ max-width:74%!important; max-height:125px!important; } } .project-featured-v18 .logo-avrupadis img{ max-width:58%!important; max-height:135px!important; } .project-featured-v18 .logo-atlas img{ max-width:58%!important; max-height:135px!important; } @media(max-width:620px){ .project-featured-v18 .logo-avrupadis img, .project-featured-v18 .logo-atlas img{ max-width:58%!important; max-height:105px!important; } } .project-featured-v18 .logo-avrupadis img{ max-width:43%!important; max-height:100px!important; } .project-featured-v18 .logo-atlas img{ max-width:43%!important; max-height:100px!important; } @media(max-width:620px){ .project-featured-v18 .logo-avrupadis img, .project-featured-v18 .logo-atlas img{ max-width:46%!important; max-height:82px!important; } } .project-featured-v18 .logo-avrupadis img{ max-width:34%!important; max-height:78px!important; } .project-featured-v18 .logo-atlas img{ max-width:34%!important; max-height:78px!important; } @media(max-width:620px){ .project-featured-v18 .logo-avrupadis img, .project-featured-v18 .logo-atlas img{ max-width:38%!important; max-height:68px!important; } } .brand-projects-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:72px 0 24px} .brand-projects-head span{font:700 9px Space Mono;letter-spacing:.18em;color:#ff7a22} .brand-projects-head h3{font-size:30px;letter-spacing:-.04em;margin:7px 0 0} .brand-projects-head p{max-width:390px;text-align:right;margin:0;color:#7f8f9c;font-size:12px;line-height:1.6} .brand-projects-viewport{overflow:hidden;padding:2px 0 9px} .brand-projects-track{display:flex;gap:14px;will-change:transform} .brand-project-card{position:relative;flex:0 0 calc((100% - 56px)/5);height:190px;padding:15px;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(139,92,255,.12),rgba(255,51,71,.055));border:1px solid rgba(255,255,255,.09);transition:.32s} .brand-project-card:nth-child(4n+2){background:linear-gradient(145deg,rgba(255,87,51,.14),rgba(255,154,50,.055))} .brand-project-card:nth-child(4n+3){background:linear-gradient(145deg,rgba(60,111,255,.14),rgba(139,92,255,.055))} .brand-project-card:nth-child(4n+4){background:linear-gradient(145deg,rgba(255,154,50,.13),rgba(255,51,71,.05))} .brand-project-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2);box-shadow:0 18px 42px rgba(0,0,0,.16)} .brand-project-index{font:400 7px Space Mono;color:rgba(255,255,255,.42)} .brand-project-logo{height:92px;display:grid;place-items:center;position:relative} .brand-project-logo img{grid-area:1/1;max-width:58px;max-height:58px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.98} .brand-project-logo strong{grid-area:1/1;max-width:86%;text-align:center;color:#fff;font-size:15px;line-height:1.08;letter-spacing:-.03em} .brand-project-card.has-logo .brand-project-logo strong{display:none} .brand-project-meta{margin-top:auto} .brand-project-meta h4{font-size:11px;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .brand-project-meta span{font:400 6px Space Mono;color:rgba(255,255,255,.48)} .brand-projects-controls{display:grid;grid-template-columns:1fr 42px 42px;gap:9px;align-items:center;margin-top:17px} .brand-projects-progress{height:2px;background:rgba(255,255,255,.08);overflow:hidden;margin-right:18px} .brand-projects-progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,#8b5cff,#ff3347,#ff9a32);transition:width .65s cubic-bezier(.16,1,.3,1)} .brand-projects-arrow{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:17px;transition:.25s} .brand-projects-arrow:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)} html[data-theme="light"] .brand-projects-head h3{color:#271a2e} html[data-theme="light"] .brand-projects-head p{color:#766a7a} html[data-theme="light"] .brand-project-card{border-color:rgba(54,35,65,.1);box-shadow:0 15px 36px rgba(55,36,67,.06)} html[data-theme="light"] .brand-projects-progress{background:rgba(50,31,61,.1)} html[data-theme="light"] .brand-projects-arrow{background:#fff;border-color:rgba(50,31,61,.12);color:#271a2e} @media(max-width:1100px){.brand-project-card{flex-basis:calc((100% - 28px)/3)}} @media(max-width:820px){.brand-project-card{flex-basis:calc((100% - 14px)/2)}} @media(max-width:600px){.brand-project-card{flex-basis:100%}.brand-projects-head{display:block}.brand-projects-head p{text-align:left;margin-top:12px}} html[data-theme="light"] .brand-project-card{ border-color:rgba(255,255,255,.09)!important; box-shadow:0 18px 42px rgba(35,20,45,.14)!important; color:#fff!important; } html[data-theme="light"] .brand-project-card:nth-child(4n+1){ background:linear-gradient(145deg,#21152f,#3a1830 62%,#17121e)!important; } html[data-theme="light"] .brand-project-card:nth-child(4n+2){ background:linear-gradient(145deg,#2c1717,#53251d 62%,#191116)!important; } html[data-theme="light"] .brand-project-card:nth-child(4n+3){ background:linear-gradient(145deg,#101c35,#25204b 62%,#11131d)!important; } html[data-theme="light"] .brand-project-card:nth-child(4n+4){ background:linear-gradient(145deg,#2b1c10,#4a231d 62%,#181116)!important; } html[data-theme="light"] .brand-project-card:hover{ border-color:rgba(255,255,255,.22)!important; box-shadow:0 22px 48px rgba(35,20,45,.2)!important; } html[data-theme="light"] .brand-project-meta h4, html[data-theme="light"] .brand-project-logo strong{ color:#fff!important; } html[data-theme="light"] .brand-project-meta span, html[data-theme="light"] .brand-project-index{ color:rgba(255,255,255,.5)!important; } .hero-panel{animation:panelFloatV23 6.4s ease-in-out infinite!important;transform-origin:52% 70%;overflow:hidden} .hero-panel .signal{animation:heroSignalV23 1.8s ease-in-out infinite!important} .hero-panel .panel-chart i{transform-origin:bottom;animation:heroBarV23 2.8s ease-in-out infinite!important} .hero-panel .panel-chart i:nth-child(2){animation-delay:-.35s!important}.hero-panel .panel-chart i:nth-child(3){animation-delay:-.7s!important}.hero-panel .panel-chart i:nth-child(4){animation-delay:-1.05s!important}.hero-panel .panel-chart i:nth-child(5){animation-delay:-1.4s!important}.hero-panel .panel-chart i:nth-child(6){animation-delay:-1.75s!important} @keyframes panelFloatV23{0%,100%{transform:translate3d(0,0,0) rotateZ(0)}45%{transform:translate3d(0,-12px,0) rotateZ(.35deg)}68%{transform:translate3d(0,-7px,0) rotateZ(-.22deg)}} @keyframes heroSignalV23{50%{opacity:.48;text-shadow:0 0 14px currentColor}} @keyframes heroBarV23{0%,100%{filter:brightness(.86);transform:scaleY(.84)}50%{filter:brightness(1.35);transform:scaleY(1.045)}} .project-featured-v18 .featured-brand-card{--mx:50%;--my:50%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.16,1,.3,1),box-shadow .48s,border-color .35s!important;will-change:transform} .project-featured-v18 .featured-brand-card:hover{box-shadow:0 42px 105px rgba(0,0,0,.32),0 0 70px rgba(139,92,255,.10)!important;border-color:rgba(255,255,255,.24)!important} .project-featured-v18 .featured-brand-card:after{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.18),transparent 25%),linear-gradient(118deg,transparent 28%,rgba(255,255,255,.09) 47%,transparent 67%),linear-gradient(180deg,transparent 48%,rgba(3,5,10,.62) 100%)!important} .project-featured-v18 .featured-brand-logo,.project-featured-v18 .project-copy{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.16,1,.3,1)!important;will-change:transform} .brand-projects-viewport{overflow:hidden!important} .brand-projects-track{display:flex!important;gap:14px!important;width:max-content!important;will-change:transform;transition:none!important} .brand-project-card{flex:0 0 210px!important;width:210px!important;height:174px!important;padding:14px!important;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s!important} .brand-project-card:hover{transform:translateY(-8px) rotateX(-2deg) scale(1.025)!important;box-shadow:0 26px 58px rgba(0,0,0,.24)!important} .brand-project-logo{height:78px!important}.brand-project-logo img{max-width:52px!important;max-height:52px!important} .brand-card-sheen{position:absolute;inset:-20% auto -20% -35%;width:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-18deg) translateX(-140%);opacity:0;pointer-events:none} .brand-project-card:hover .brand-card-sheen{animation:brandSheenV23 .85s cubic-bezier(.16,1,.3,1)} @keyframes brandSheenV23{0%{transform:skewX(-18deg) translateX(-140%);opacity:0}35%{opacity:.6}100%{transform:skewX(-18deg) translateX(430%);opacity:0}} @media(max-width:760px){.brand-project-card{flex-basis:178px!important;width:178px!important;height:164px!important}} .conn-wa-launch svg{transform-origin:50% 60%;animation:waIconFloatV23 3.4s ease-in-out infinite!important;will-change:transform} .conn-wa-launch .conn-wa-rings{animation:connWaRing 2.3s ease-out infinite,waRingDriftV23 4.2s ease-in-out infinite!important} .conn-wa-avatar img{animation:waAvatarFloatV23 4.8s ease-in-out infinite} @keyframes waIconFloatV23{0%,100%{transform:translate3d(0,0,0) rotate(0)}45%{transform:translate3d(0,-3px,0) rotate(-5deg)}70%{transform:translate3d(1px,-1px,0) rotate(3deg)}} @keyframes waRingDriftV23{50%{margin-top:-2px;margin-left:1px}} @keyframes waAvatarFloatV23{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.025)}} .conn-wa:not(.open) .conn-wa-launch{ animation:waButtonDriftV25 4.4s ease-in-out infinite!important; will-change:transform; } .conn-wa:not(.open) .conn-wa-launch:hover{ animation-play-state:paused!important; transform:translateY(-4px) scale(1.02)!important; } @keyframes waButtonDriftV25{ 0%,100%{transform:translate3d(0,0,0) rotate(0deg)} 24%{transform:translate3d(-5px,-1px,0) rotate(-.5deg)} 52%{transform:translate3d(4px,0,0) rotate(.45deg)} 76%{transform:translate3d(-2px,-1px,0) rotate(-.2deg)} } @media(prefers-reduced-motion:reduce){ .conn-wa:not(.open) .conn-wa-launch{animation:none!important} } .v31-grain{position:fixed;inset:0;pointer-events:none;z-index:9990;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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)' opacity='.65'/%3E%3C/svg%3E")} .v31-page-transition{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:#100a18;clip-path:inset(100% 0 0 0);pointer-events:none;transition:clip-path .72s cubic-bezier(.76,0,.24,1)} .v31-page-transition.active{clip-path:inset(0 0 0 0);pointer-events:auto} .v31-page-transition span{position:relative;z-index:2;font-size:11px;font-weight:900;letter-spacing:.28em;color:#fff} .v31-transition-orb{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(75px);background:radial-gradient(circle,#ff3347 0,#8b5cff 34%,transparent 70%);opacity:.38;animation:v31Orb 4s ease-in-out infinite} @keyframes v31Orb{50%{transform:scale(1.2) translate3d(5%,-4%,0);opacity:.55}} html[data-theme="light"] @media(pointer:coarse){} .v31-chapters{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:9000;display:grid;gap:12px} .v31-chapters a{display:flex;justify-content:flex-end;align-items:center;gap:9px;text-decoration:none;color:inherit;opacity:.38;transition:.35s} .v31-chapters b{font-size:9px;letter-spacing:.08em}.v31-chapters span{width:0;overflow:hidden;white-space:nowrap;font-size:8px;font-weight:900;letter-spacing:.13em;transition:.35s} .v31-chapters a.active{opacity:1}.v31-chapters a.active span,.v31-chapters a:hover span{width:92px} @media(max-width:1100px){.v31-chapters{display:none}} .v31-premium .site-header{transition:transform .45s cubic-bezier(.16,1,.3,1),background .45s,backdrop-filter .45s,border-radius .45s,width .45s,left .45s,right .45s} .v31-premium.header-compact .site-header{backdrop-filter:blur(22px);background:rgba(15,9,23,.72);border:1px solid rgba(255,255,255,.08);border-radius:0 0 24px 24px} html[data-theme="light"] .v31-premium.header-compact .site-header{background:rgba(255,255,255,.76);border-color:rgba(50,25,65,.08)} .v31-manifesto{position:relative;overflow:hidden;padding:12vh 4vw 15vh;background:#0d0813;color:#fff} .v31-manifesto:before{content:"";position:absolute;inset:5% 15%;background:radial-gradient(circle at 30% 40%,rgba(255,51,71,.18),transparent 38%),radial-gradient(circle at 70% 55%,rgba(139,92,255,.19),transparent 42%);filter:blur(55px);animation:v31ManifestGlow 8s ease-in-out infinite alternate} @keyframes v31ManifestGlow{to{transform:scale(1.15) translateX(4%)}} .v31-manifesto-kicker{position:relative;font-size:10px;letter-spacing:.25em;font-weight:900;opacity:.55;margin-bottom:7vh} .v31-word{position:relative;display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:1.2vh 0;overflow:hidden} .v31-word span{font-size:clamp(58px,10.4vw,178px);font-weight:900;line-height:.9;letter-spacing:-.065em;filter:blur(9px);opacity:.42;transform:translateX(var(--word-x,0));transition:filter .55s,opacity .55s} .v31-word small{font-size:10px;letter-spacing:.16em;margin-top:12px;opacity:.45} .v31-word.hot span{filter:blur(0);opacity:1} .v31-universe{position:relative;min-height:850px;padding:10vh 5vw;overflow:hidden} .v31-universe-stage{position:relative;width:min(900px,90vw);height:650px;margin:5vh auto 0;display:grid;place-items:center} .v31-universe-core{position:relative;z-index:5;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.14),rgba(139,92,255,.12) 45%,rgba(255,51,71,.08));border:1px solid rgba(255,255,255,.14);box-shadow:0 0 100px rgba(139,92,255,.16);animation:v31Core 6s ease-in-out infinite} .v31-universe-core img{width:125px;max-height:55px;object-fit:contain}.v31-universe-core span{font-size:8px;letter-spacing:.18em;opacity:.55} @keyframes v31Core{50%{transform:translateY(-10px) scale(1.025);box-shadow:0 0 130px rgba(255,51,71,.17)}} .v31-orbit{position:absolute;border:1px solid rgba(139,92,255,.18);border-radius:50%;pointer-events:none}.v31-orbit.o1{width:380px;height:380px}.v31-orbit.o2{width:570px;height:570px}.v31-orbit.o3{width:760px;height:600px} .v31-node{position:absolute;z-index:6;text-decoration:none;color:inherit;padding:16px 20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(16px);font-size:11px;font-weight:900;letter-spacing:.1em;transition:.35s} .v31-node small{display:block;font-size:8px;font-weight:600;opacity:.48;margin-top:6px}.v31-node:hover{transform:translateY(-7px) scale(1.04);border-color:rgba(255,51,71,.45);box-shadow:0 20px 60px rgba(0,0,0,.16)} .v31-node.n1{left:7%;top:18%}.v31-node.n2{right:5%;top:20%}.v31-node.n3{right:0;bottom:20%}.v31-node.n4{left:2%;bottom:20%}.v31-node.n5{left:50%;transform:translateX(-50%);bottom:2%} .v31-node.n5:hover{transform:translateX(-50%) translateY(-7px) scale(1.04)} html[data-theme="light"] .v31-node{background:rgba(255,255,255,.72);border-color:rgba(60,30,75,.11)} .v31-project-stack{display:block!important;position:relative;perspective:1200px} .v31-project-stack .featured-brand-card{position:sticky!important;top:15vh!important;min-height:66vh!important;margin:0 0 18vh!important;border-radius:38px!important;transform-origin:50% 15%;overflow:hidden} .v31-project-stack .featured-brand-card:nth-child(2){top:18vh!important}.v31-project-stack .featured-brand-card:nth-child(3){top:21vh!important} .v31-project-stack .featured-brand-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.17),transparent 30%);opacity:0;transition:.35s;pointer-events:none} .v31-project-stack .featured-brand-card:hover:after{opacity:1} .v31-view-project{position:absolute;right:30px;top:28px;padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.13em;opacity:0;transform:translateY(8px);transition:.35s} .v31-project-stack .featured-brand-card:hover .v31-view-project{opacity:1;transform:none} .v31-project-note{text-align:center;font-size:8px;letter-spacing:.24em;opacity:.45;margin:-8vh 0 12vh} .v31-final-scene{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;background:#0c0712;color:#fff;padding:8vh 5vw} .v31-final-scene>span{font-size:9px;letter-spacing:.28em;opacity:.5;z-index:2} .v31-final-scene h2{position:relative;z-index:2;font-size:clamp(66px,11vw,170px);line-height:.82;letter-spacing:-.07em;margin:5vh 0} .v31-final-scene h2 em{font-style:normal;color:#ff3347} .v31-final-orb{position:absolute;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,154,50,.75),rgba(255,51,71,.48) 25%,rgba(139,92,255,.35) 52%,transparent 72%);filter:blur(50px);opacity:.35;animation:v31FinalOrb 9s ease-in-out infinite alternate} @keyframes v31FinalOrb{to{transform:translate3d(8%,-5%,0) scale(1.18) rotate(12deg)}} .v31-final-cta{position:relative;z-index:3;display:inline-flex;gap:35px;align-items:center;padding:19px 25px;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.15em;backdrop-filter:blur(15px)} .v31-final-cta b{font-size:20px} .v31-premium .btn,.v31-premium .brand-projects-arrow,.v31-premium .related-arrow,.v31-premium .v31-final-cta{will-change:transform} .service-page.v31-premium .service-hero{position:relative} @media(max-width:760px){ .v31-manifesto{padding-left:20px;padding-right:20px}.v31-word span{font-size:15vw} .v31-universe{min-height:auto}.v31-universe-stage{height:auto;display:flex;flex-direction:column;gap:12px;margin-top:40px} .v31-universe-core{margin-bottom:20px}.v31-orbit{display:none}.v31-node{position:static!important;width:min(420px,90vw);transform:none!important} .v31-project-stack .featured-brand-card{position:relative!important;top:auto!important;min-height:520px!important;margin-bottom:24px!important} .v31-final-scene{min-height:72vh} } .brand-projects-viewport{ overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x proximity; scrollbar-width:none; cursor:grab; overscroll-behavior-x:contain; } .brand-projects-viewport::-webkit-scrollbar{display:none} .brand-projects-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none} .brand-projects-track{ transform:none!important; width:max-content!important; transition:none!important; } .brand-project-card{scroll-snap-align:start} .brand-projects-arrow:disabled{ opacity:.24!important; pointer-events:none!important; transform:none!important; } .brand-projects-progress{ overflow:hidden; } .brand-projects-progress i{ transform-origin:left center!important; transform:scaleX(.04); transition:transform .16s linear!important; } .v31-manifesto{isolation:isolate}.v34-manifesto-portrait{position:absolute;z-index:0;right:-2vw;top:4%;bottom:0;width:min(43vw,700px);pointer-events:none;opacity:.27;mix-blend-mode:luminosity;mask-image:linear-gradient(to left,#000 20%,rgba(0,0,0,.68) 55%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 20%,rgba(0,0,0,.68) 55%,transparent 100%)}.v34-manifesto-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,8,19,.04),rgba(13,8,19,.2) 70%,#0d0813)}.v34-manifesto-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:grayscale(1) contrast(1.12)}.v31-manifesto-kicker,.v31-word{z-index:2}@media(max-width:760px){.v34-manifesto-portrait{width:72vw;right:-28vw;opacity:.18}} main > .v35-scene:first-child, main > .v35-scene:first-child > *{ opacity:1!important; filter:none!important; transform:none!important; } @media(max-width:760px){ main > .v35-scene.v35-from-left:not(.v35-scene-in), main > .v35-scene.v35-from-right:not(.v35-scene-in), main > .v35-scene.v35-from-depth:not(.v35-scene-in), main > .v35-scene.v35-from-bottom:not(.v35-scene-in){ transform:translate3d(0,72px,0) scale(.97)!important; } } .v31-chapters{ right:16px!important; gap:13px!important; width:18px!important; align-items:center!important; } .v31-chapters a{ width:18px!important; height:18px!important; display:grid!important; place-items:center!important; padding:0!important; opacity:.40!important; } .v31-chapters a b, .v31-chapters a span{ display:none!important; } .v31-chapters a::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.72; transform:scale(1); transition:transform .28s ease,opacity .28s ease,box-shadow .28s ease; } .v31-chapters a.active{ opacity:1!important; } .v31-chapters a.active::before{ transform:scale(1.6); opacity:1; box-shadow:0 0 0 5px rgba(255,255,255,.08); } html[data-theme="light"] .v31-chapters a.active::before{ box-shadow:0 0 0 5px rgba(30,15,45,.07); } .v31-chapters a.active::before{ background:#ff3347!important; opacity:1!important; transform:scale(1.65)!important; box-shadow:0 0 0 5px rgba(255,51,71,.16),0 0 18px rgba(255,51,71,.38)!important; } html[data-theme="light"] .v31-chapters a.active::before{ box-shadow:0 0 0 5px rgba(255,51,71,.12),0 0 15px rgba(255,51,71,.25)!important; } .brand-projects-carousel{position:relative} .brand-projects-controls{position:relative;z-index:12} .brand-projects-arrow{position:relative;z-index:13;pointer-events:auto} .brand-projects-arrow:not(:disabled){opacity:1!important;cursor:pointer!important} .brand-projects-viewport{overflow:hidden!important;cursor:grab!important;scroll-snap-type:none!important} .brand-projects-viewport.is-dragging{cursor:grabbing!important} .brand-projects-track{display:flex!important;gap:14px!important;width:max-content!important;will-change:transform!important;transition:none!important} .brand-project-card{scroll-snap-align:none!important;cursor:pointer} .brand-projects-arrow{pointer-events:auto!important;z-index:30!important} .brand-projects-arrow:disabled{pointer-events:none!important} .brand-projects-viewport{overflow:hidden!important}.brand-projects-track{display:flex!important;gap:14px!important;width:max-content!important;will-change:transform!important}.brand-project-card{flex:0 0 auto;text-decoration:none}.brand-projects-arrow{pointer-events:auto!important;z-index:40!important} .v31-page-transition{display:none!important;pointer-events:none!important} #brandProjectsCarousel .brand-project-logo,.project-related .brand-project-logo{background:#fff!important;border-radius:16px!important;padding:14px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important} #brandProjectsCarousel .brand-project-logo img,.project-related .brand-project-logo img{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important} #brandProjectsCarousel .brand-project-logo strong,.project-related .brand-project-logo strong{display:none!important} #brandProjectsCarousel .brand-projects-viewport,.project-related .brand-projects-viewport{overflow:hidden!important;touch-action:pan-y!important} #brandProjectsCarousel .brand-projects-track,.project-related .brand-projects-track{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;width:max-content!important;min-width:max-content!important;will-change:transform!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{flex:0 0 260px!important;width:260px!important} #brandProjectsCarousel img[src*="-white"],.project-related img[src*="-white"]{filter:brightness(0)!important} #brandProjectsCarousel .brand-projects-viewport, .project-related .brand-projects-viewport{overflow:hidden!important;position:relative!important;touch-action:pan-y!important} #brandProjectsCarousel .brand-projects-track, .project-related .brand-projects-track{ display:flex!important;flex-wrap:nowrap!important;gap:14px!important;width:max-content!important; min-width:max-content!important;transform:translate3d(0,0,0);transition:none!important;will-change:transform!important; } #brandProjectsCarousel .brand-project-card, .project-related .brand-project-card{ flex:0 0 260px!important;width:260px!important;display:block!important;text-decoration:none!important; pointer-events:auto!important;cursor:pointer!important; } #brandProjectsCarousel .brand-project-logo, .project-related .brand-project-logo{ background:#fff!important;border-radius:16px!important;padding:14px!important;display:grid!important;place-items:center!important; } #brandProjectsCarousel .brand-project-logo img, .project-related .brand-project-logo img{ width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important; object-fit:contain!important;mix-blend-mode:normal!important; } #brandProjectsCarousel .brand-projects-arrow, .project-related .brand-projects-arrow{pointer-events:auto!important;z-index:100!important;cursor:pointer!important} #brandProjectsCarousel .brand-projects-track, .project-related .brand-projects-track{ transform:translate3d(0,0,0); transition:none!important; } #brandProjectsCarousel .brand-project-card, .project-related .brand-project-card{ pointer-events:auto!important; position:relative!important; z-index:2!important; } #brandProjectsCarousel .brand-projects-viewport, .project-related .brand-projects-viewport{ pointer-events:auto!important; } #brandProjectsCarousel .brand-project-card, .project-related .brand-project-card{ flex:0 0 calc((min(1180px, 100vw - 80px) - 56px)/5)!important; width:calc((min(1180px, 100vw - 80px) - 56px)/5)!important; pointer-events:auto!important;position:relative!important;z-index:3!important; } #brandProjectsCarousel .brand-card-sheen, .project-related .brand-card-sheen{pointer-events:none!important} #brandProjectsCarousel .brand-project-card *, .project-related .brand-project-card *{pointer-events:none!important} @media(max-width:900px){ #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:calc((100vw - 76px)/3)!important;width:calc((100vw - 76px)/3)!important; } } @media(max-width:600px){ #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:72vw!important;width:72vw!important; } } a.brand-project-card, a[data-project-link="1"]{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:50!important} a.brand-project-card::after,a[data-project-link="1"]::after{pointer-events:none!important} .brand-project-logo{position:relative!important} .brand-project-logo .brand-logo-fallback{ display:none;color:#111!important;font-size:14px!important;font-weight:800!important; line-height:1.05!important;text-align:center!important;letter-spacing:-.02em!important; } .brand-project-logo.logo-missing .brand-logo-fallback{display:block!important} .brand-project-logo.logo-missing{min-height:92px!important} a.featured-brand-card{ display:block!important; color:inherit!important; text-decoration:none!important; cursor:pointer!important; } a.featured-brand-card, a.brand-project-card{ pointer-events:auto!important; } a.featured-brand-card *, a.brand-project-card *{ pointer-events:none!important; } #connWa{position:fixed!important;right:24px!important;bottom:24px!important;z-index:999999!important;display:block!important} #connWaPanel{display:block!important;transition:opacity .28s ease,transform .3s ease,visibility .28s ease!important} #connWa:not(.open) #connWaPanel{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(16px) scale(.97)!important} #connWa.open #connWaPanel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important} #connWaLaunch,#connWaClose,#connWaAgentBtn{pointer-events:auto!important;cursor:pointer!important} #brandProjectsCarousel .brand-project-logo,.project-related .brand-project-logo{min-height:96px!important} #brandProjectsCarousel .brand-project-logo img,.project-related .brand-project-logo img{ width:auto!important;height:auto!important;max-width:92%!important;max-height:72px!important;object-fit:contain!important; } #brandProjectsCarousel .brand-project-logo, .project-related .brand-project-logo{overflow:hidden!important} #brandProjectsCarousel .brand-project-logo img, .project-related .brand-project-logo img{ width:auto!important;height:auto!important; max-width:94%!important;max-height:72px!important; object-fit:contain!important; } #connWa{position:fixed!important;right:24px!important;bottom:24px!important;z-index:999999!important;display:block!important} #connWaPanel{ display:block!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(16px) scale(.97)!important; transition:opacity .28s ease,transform .3s ease,visibility .28s ease!important; } #connWa.open #connWaPanel, #connWa.is-open #connWaPanel{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } #connWaLaunch,#connWaClose,#connWaAgentBtn{ pointer-events:auto!important; cursor:pointer!important; position:relative!important; z-index:2!important; } @media(max-width:600px){ #connWa{right:14px!important;bottom:14px!important} } .project-filter{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 28px} .project-filter button{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:inherit;border-radius:999px;padding:10px 15px;font:700 11px/1 Manrope,sans-serif;letter-spacing:.06em;cursor:pointer;transition:.25s ease} .project-filter button:hover,.project-filter button.active{background:#ff3347;border-color:#ff3347;color:#fff;transform:translateY(-1px)} .brand-project-card[hidden]{display:none!important} .process-v329 .process-steps-v329 .step{position:relative;transition:opacity .35s ease,transform .35s ease,border-color .35s ease} .process-v329 .process-steps-v329 .step:not(.active){opacity:.54} .process-v329 .process-steps-v329 .step.active{opacity:1;transform:translateX(-8px)} .process-v329 .process-steps-v329 .step.active b{color:#ff3347} .process-progress-v329{height:2px;background:rgba(255,255,255,.12);margin-top:28px;overflow:hidden} .process-progress-v329 i{display:block;width:100%;height:100%;background:#ff3347;transform:scaleX(.1667);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)} .sector-expertise-v329{padding:clamp(80px,10vw,150px) max(24px,calc((100vw - 1180px)/2));position:relative;overflow:hidden} .sector-head-v329{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin:30px 0 50px} .sector-head-v329 h2{font-size:clamp(42px,6vw,84px);line-height:.93;letter-spacing:-.055em;margin:0}.sector-head-v329 h2 em{font-style:normal;color:#ff3347} .sector-head-v329 p{max-width:520px;opacity:.68;line-height:1.75} .sector-grid-v329{display:grid;grid-template-columns:repeat(5,1fr);gap:12px} .sector-card-v329{appearance:none;text-align:left;color:inherit;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;min-height:250px;display:flex;flex-direction:column;cursor:pointer;transition:.35s cubic-bezier(.16,1,.3,1)} .sector-card-v329:hover{transform:translateY(-8px);border-color:rgba(255,51,71,.65);background:rgba(255,51,71,.06)} .sector-card-v329 span{font:700 11px/1 Space Mono,monospace;opacity:.45}.sector-card-v329 strong{font-size:19px;line-height:1.05;margin:38px 0 14px}.sector-card-v329 p{font-size:13px;line-height:1.6;opacity:.6;margin:0}.sector-card-v329 i{font:700 10px/1 Space Mono,monospace;font-style:normal;margin-top:auto;padding-top:24px;color:#ff3347} .project-service-tags-v329{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px} .project-service-tags-v329>span{font:700 10px/32px Space Mono,monospace;opacity:.42;margin-right:4px} .project-service-tags-v329 a{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;color:inherit;text-decoration:none;font-size:11px;font-weight:700;transition:.25s ease} .project-service-tags-v329 a:hover{border-color:#ff3347;color:#ff3347} .project-mid-cta-v329{padding-top:30px!important;padding-bottom:30px!important} .project-mid-cta-inner{border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:clamp(32px,5vw,70px);background:linear-gradient(135deg,rgba(255,51,71,.09),rgba(98,59,255,.06));position:relative;overflow:hidden} .project-mid-cta-inner>span{font:700 10px/1 Space Mono,monospace;letter-spacing:.12em;opacity:.5} .project-mid-cta-inner h2{font-size:clamp(34px,5vw,66px);line-height:.96;letter-spacing:-.05em;margin:20px 0}.project-mid-cta-inner h2 em{font-style:normal;color:#ff3347} .project-mid-cta-inner p{max-width:700px;line-height:1.7;opacity:.66} .project-mid-cta-inner a{display:inline-flex;margin-top:22px;padding:14px 18px;border-radius:999px;background:#ff3347;color:white!important;text-decoration:none;font-weight:800;font-size:12px} .smart-related-services-v329{padding-top:60px!important;padding-bottom:80px!important} .smart-related-head-v329 h2{font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.045em}.smart-related-head-v329 h2 em{font-style:normal;color:#ff3347} .smart-related-grid-v329{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px} .smart-related-grid-v329 a{min-height:160px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;color:inherit;text-decoration:none;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;transition:.3s ease;background:rgba(255,255,255,.025)} .smart-related-grid-v329 a:hover{transform:translateY(-5px);border-color:#ff3347} .smart-related-grid-v329 span{font:700 9px/1 Space Mono,monospace;opacity:.4}.smart-related-grid-v329 strong{font-size:20px;align-self:end}.smart-related-grid-v329 i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:#ff3347;font-size:22px} @media(max-width:900px){ .sector-head-v329{grid-template-columns:1fr;gap:20px} .sector-grid-v329{grid-template-columns:repeat(2,1fr)} .smart-related-grid-v329{grid-template-columns:1fr} .process-v329 .process-steps-v329 .step.active{transform:none} } @media(max-width:600px){ .hero h1{font-size:clamp(48px,15vw,72px)!important;line-height:.88!important} .hero-inner{padding-top:22px!important} .hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} .hero-actions .btn{justify-content:center!important;text-align:center!important} .project-filter{gap:7px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;scrollbar-width:none} .project-filter::-webkit-scrollbar{display:none}.project-filter button{flex:0 0 auto;padding:9px 12px} .sector-expertise-v329{padding-left:18px;padding-right:18px} .sector-grid-v329{grid-template-columns:1fr} .sector-card-v329{min-height:190px} .sector-card-v329 strong{margin-top:28px} .process-v329 .process-grid{gap:28px!important} .process-v329 .steps{gap:8px!important} .project-mid-cta-inner{border-radius:20px;padding:28px 22px} .project-service-tags-v329{gap:6px}.project-service-tags-v329 a{font-size:10px;padding:7px 10px} .brand-projects-controls{gap:8px!important} .brand-projects-arrow{width:42px!important;height:42px!important} .v31-final-scene h2{font-size:clamp(40px,12vw,60px)!important} #connWa{right:12px!important;bottom:12px!important} #connWaPanel{max-width:calc(100vw - 24px)!important} } html,body{max-width:100%;overflow-x:clip} img,svg,video,canvas{max-width:100%} .site-header .header-inner{width:min(100% - 40px,1280px);margin-inline:auto} main>section{box-sizing:border-box} @media(min-width:1440px){ .hero-inner,.work,.process,.brand-projects-section{max-width:1440px;margin-inline:auto} } @media(max-width:1180px){ .site-header .header-inner{width:calc(100% - 32px)} .nav{gap:18px!important} .hero-inner{padding-left:32px!important;padding-right:32px!important} .sector-grid-v329{grid-template-columns:repeat(3,1fr)!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:calc((100vw - 100px)/4)!important;width:calc((100vw - 100px)/4)!important } } @media(max-width:900px){ .site-header{padding-inline:0!important} .site-header .header-inner{width:calc(100% - 28px)} .nav{max-width:min(92vw,520px)} .hero-inner{padding-left:22px!important;padding-right:22px!important} .hero-copy,.hero-side{min-width:0!important} .project-featured-v18,.projects-grid{grid-template-columns:1fr!important} .sector-grid-v329{grid-template-columns:repeat(2,1fr)!important} .process-grid{grid-template-columns:1fr!important} .service-hero-grid,.service-split,.service-grid{grid-template-columns:1fr!important} .service-content{padding-left:22px!important;padding-right:22px!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:calc((100vw - 72px)/3)!important;width:calc((100vw - 72px)/3)!important } .project-page .service-hero h1{font-size:clamp(48px,9vw,78px)!important} .project-page .service-hero{min-height:auto!important;padding-top:140px!important} } @media(max-width:600px){ body{font-size:15px} .site-header .header-inner{width:calc(100% - 24px)} .brand img,.logo img{max-width:150px!important;height:auto!important} .hero{min-height:auto!important} .hero-inner{padding:120px 16px 64px!important} .hero h1{font-size:clamp(44px,14vw,66px)!important;line-height:.9!important;max-width:100%!important} .hero p{font-size:14px!important;line-height:1.65!important} .hero-actions{width:100%!important} .hero-actions a{width:100%!important;box-sizing:border-box!important} .section-label{font-size:9px!important;letter-spacing:.08em!important} .work,.process,.service-content{padding-left:16px!important;padding-right:16px!important} .projects-grid,.project-featured-v18{gap:14px!important} .project{min-height:390px!important} .project h3{font-size:clamp(30px,10vw,46px)!important} .project-filter{margin:18px -2px 22px!important;padding:0 2px 8px!important} .sector-grid-v329{grid-template-columns:1fr!important} .sector-head-v329 h2{font-size:clamp(40px,12vw,58px)!important} .sector-card-v329{padding:20px!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex:0 0 78vw!important;width:78vw!important } .brand-projects-viewport{margin-right:-16px!important} .brand-projects-controls{justify-content:flex-start!important} .process-intro h2,.smart-related-head-v329 h2{font-size:clamp(38px,11vw,54px)!important} .process-steps-v329 .step{padding:20px 0!important} .project-page .service-hero{padding:116px 16px 56px!important} .project-page .service-hero h1{font-size:clamp(42px,12vw,60px)!important;overflow-wrap:anywhere} .project-page .service-lead{font-size:16px!important} .project-service-tags-v329{margin-top:18px!important} .project-mid-cta-v329{padding-left:16px!important;padding-right:16px!important} .project-mid-cta-inner h2{font-size:clamp(34px,10vw,48px)!important} .smart-related-services-v329{padding-left:16px!important;padding-right:16px!important} .smart-related-grid-v329 a{min-height:130px!important} .v31-final-scene{padding-left:16px!important;padding-right:16px!important} .v31-final-scene h2{font-size:clamp(38px,11vw,54px)!important;line-height:.94!important} .v31-final-scene h2 em{white-space:normal!important} #connWaPanel{width:min(360px,calc(100vw - 24px))!important;right:0!important} } @media(max-width:380px){ .hero h1{font-size:42px!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{flex-basis:82vw!important;width:82vw!important} .project-filter button{font-size:10px!important;padding:8px 10px!important} .project-page .service-hero h1{font-size:40px!important} } .v31-manifesto.v334-manifesto-independent{ filter:none!important; opacity:1!important; transform:none!important; } .v34-manifesto-portrait{ opacity:.27!important; } @media(max-width:760px){ .v34-manifesto-portrait{opacity:.18!important} } .v31-manifesto .v31-word span{ transition:filter .18s linear,opacity .18s linear,transform .18s linear!important; will-change:filter,opacity,transform; } #manifesto{ filter:none!important; opacity:1!important; } #manifesto .v31-word span{ will-change:filter,opacity,transform; } .cms-home-section{position:relative;width:100%;padding:clamp(72px,9vw,150px) 6vw;box-sizing:border-box;overflow:hidden} .cms-home-inner{width:100%;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(36px,6vw,100px);align-items:center} .cms-home-content .cms-home-inner,.cms-home-cta .cms-home-inner{grid-template-columns:minmax(0,900px);justify-content:center;text-align:center} .cms-home-copy h2{font-size:clamp(42px,6vw,96px);line-height:.94;letter-spacing:-.055em;margin:18px 0 28px} .cms-home-body{font-size:clamp(16px,1.35vw,21px);line-height:1.75;max-width:820px;opacity:.78} .cms-home-content .cms-home-body,.cms-home-cta .cms-home-body{margin-inline:auto} .cms-home-body p{margin:0 0 1em}.cms-home-body h2,.cms-home-body h3{line-height:1.1}.cms-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.cms-home-content .cms-home-actions,.cms-home-cta .cms-home-actions{justify-content:center} .cms-home-media{min-width:0}.cms-home-media img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover;border-radius:28px} .cms-home-image .cms-home-inner{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr)} .cms-home-bg-dark{background:#0d0813;color:#fff}.cms-home-bg-light{background:#f4f0ed;color:#161019}.cms-home-bg-accent{background:radial-gradient(circle at 15% 15%,rgba(255,51,71,.22),transparent 35%),radial-gradient(circle at 85% 70%,rgba(103,37,200,.28),transparent 38%),#120b19;color:#fff} .cms-home-bg-default{background:var(--surface,#fff)} @media(max-width:900px){.cms-home-inner,.cms-home-image .cms-home-inner{grid-template-columns:1fr}.cms-home-section{padding:72px 6vw}.cms-home-copy h2{font-size:clamp(38px,11vw,66px)}.cms-home-media img{max-height:520px}.cms-home-content .cms-home-inner,.cms-home-cta .cms-home-inner{text-align:left}.cms-home-content .cms-home-actions,.cms-home-cta .cms-home-actions{justify-content:flex-start}} @media (min-width: 901px){ main > #process.process.process-v329, main > #sectors.sector-expertise-v329, main > #work.work{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; margin-inline:0 !important; padding-left:6vw !important; padding-right:6vw !important; box-sizing:border-box !important; } main > #process.process.process-v329 > .process-grid, main > #sectors.sector-expertise-v329 > .sector-head-v329, main > #sectors.sector-expertise-v329 > .sector-grid-v329, main > #work.work > .work-head, main > #work.work > .featured-grid, main > #work.work > .v31-project-note, main > #work.work > .brand-projects-head, main > #work.work > .project-filter, main > #work.work > .brand-projects-carousel{ width:100% !important; max-width:none !important; margin-left:0; margin-right:0; } } @media (min-width: 1440px){ main > #process.process.process-v329, main > #sectors.sector-expertise-v329, main > #work.work{ max-width:none !important; margin-inline:0 !important; } } .site-header{ padding-left:clamp(22px,4.5vw,76px)!important; padding-right:clamp(22px,4.5vw,76px)!important; } @media(max-width:760px){ .site-header{ height:72px!important; min-height:72px!important; padding:0 18px!important; display:flex!important; align-items:center!important; gap:12px!important; z-index:10020!important; background:rgba(12,8,18,.74)!important; border-bottom:1px solid rgba(255,255,255,.08)!important; backdrop-filter:blur(20px) saturate(1.12)!important; -webkit-backdrop-filter:blur(20px) saturate(1.12)!important; } .site-header>.brand{ margin:0 auto 0 0!important; padding:0!important; z-index:2!important; } .site-header .brand-logo{ width:138px!important; max-height:42px!important; object-fit:contain!important; object-position:left center!important; } .site-header>.nav-cta{display:none!important} .site-header>.theme-toggle{ position:relative!important; inset:auto!important; margin:0 2px 0 0!important; flex:0 0 auto!important; z-index:2!important; transform:scale(.88)!important; transform-origin:right center!important; } .site-header>.menu{ display:grid!important; place-items:center!important; position:relative!important; width:46px!important; height:46px!important; flex:0 0 46px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:15px!important; background:rgba(255,255,255,.065)!important; color:transparent!important; font-size:0!important; cursor:pointer!important; z-index:10022!important; transition:background .25s ease,border-color .25s ease,transform .25s ease!important; } .site-header>.menu:before, .site-header>.menu:after, .site-header>.menu span{ content:""; position:absolute; left:13px; width:18px; height:1.5px; border-radius:5px; background:currentColor; color:#fff; transition:transform .34s cubic-bezier(.16,1,.3,1),top .34s cubic-bezier(.16,1,.3,1),opacity .2s ease!important; } .site-header>.menu:before{top:16px} .site-header>.menu span{top:22px} .site-header>.menu:after{top:28px} .site-header>.menu.is-open{ background:linear-gradient(135deg,rgba(255,51,71,.22),rgba(139,92,255,.18))!important; border-color:rgba(255,255,255,.23)!important; } .site-header>.menu.is-open:before{top:22px;transform:rotate(45deg)} .site-header>.menu.is-open span{opacity:0;transform:scaleX(.3)} .site-header>.menu.is-open:after{top:22px;transform:rotate(-45deg)} .site-header .nav{ position:fixed!important; top:72px!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; height:calc(100dvh - 72px)!important; max-height:none!important; margin:0!important; padding:22px 18px max(28px,env(safe-area-inset-bottom))!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; background: radial-gradient(circle at 92% 8%,rgba(255,51,71,.16),transparent 30%), radial-gradient(circle at 10% 88%,rgba(103,37,200,.18),transparent 34%), rgba(12,8,18,.985)!important; backdrop-filter:blur(26px) saturate(1.15)!important; -webkit-backdrop-filter:blur(26px) saturate(1.15)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate3d(0,-14px,0)!important; transition:opacity .28s ease,transform .4s cubic-bezier(.16,1,.3,1),visibility .28s ease!important; z-index:10018!important; } .site-header .nav.open{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0)!important; } body.mobile-menu-open{overflow:hidden!important;touch-action:none} body.mobile-menu-open .site-header{background:rgba(12,8,18,.985)!important} .site-header .nav>a, .site-header .nav-item>.dropdown-trigger{ display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-height:64px!important; height:auto!important; margin:0!important; padding:15px 4px!important; border-bottom:1px solid rgba(255,255,255,.085)!important; color:#fff!important; text-decoration:none!important; font-size:clamp(24px,7vw,34px)!important; line-height:1!important; font-weight:700!important; letter-spacing:-.035em!important; } .site-header .nav>a:after{ content:"↗"; font:500 15px/1 "Space Mono",monospace; color:rgba(255,255,255,.34); margin-left:15px; } .site-header .nav-item.has-dropdown{ display:block!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger{ padding:15px 4px!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger:after{display:none!important} .site-header .menu-caret{ position:relative!important; left:auto!important; bottom:auto!important; width:11px!important; height:11px!important; margin:0 7px 0 auto!important; border-right:1.5px solid rgba(255,255,255,.65)!important; border-bottom:1.5px solid rgba(255,255,255,.65)!important; transform:rotate(45deg)!important; transition:transform .28s cubic-bezier(.16,1,.3,1)!important; } .site-header .nav-item.has-dropdown.open .menu-caret{ transform:rotate(225deg)!important; } .site-header .dropdown{ position:static!important; inset:auto!important; width:100%!important; max-width:none!important; max-height:0!important; margin:0!important; padding:0 0!important; display:grid!important; grid-template-columns:1fr!important; gap:0!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; pointer-events:none!important; transform:none!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; transition:max-height .48s cubic-bezier(.16,1,.3,1),padding .35s ease!important; } .site-header .nav-item.has-dropdown.open .dropdown{ max-height:900px!important; padding:8px 0 14px!important; pointer-events:auto!important; } .site-header .nav-item.has-dropdown:hover .dropdown{max-height:0!important;padding:0!important} .site-header .nav-item.has-dropdown.open:hover .dropdown{max-height:900px!important;padding:8px 0 14px!important} .site-header .dropdown a{ display:grid!important; grid-template-columns:38px 1fr auto!important; align-items:center!important; gap:8px!important; min-height:48px!important; padding:11px 5px!important; margin:0!important; border-bottom:1px solid rgba(255,255,255,.055)!important; border-radius:0!important; background:transparent!important; color:rgba(255,255,255,.78)!important; text-decoration:none!important; } .site-header .dropdown a:after{ content:"↗"; font:500 11px/1 "Space Mono",monospace; opacity:.28; } .site-header .dropdown b{ font:700 10px/1 "Space Mono",monospace!important; color:#ff6b2c!important; opacity:.8!important; } .site-header .dropdown span{ font-size:14px!important; line-height:1.25!important; font-weight:650!important; letter-spacing:-.01em!important; color:inherit!important; } .site-header .mobile-nav-cta{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:56px!important; margin:22px 0 4px!important; padding:15px 18px!important; border:0!important; border-radius:16px!important; background:linear-gradient(115deg,#8b5cff,#ff3347 56%,#ff8a2d)!important; color:#fff!important; font-size:13px!important; font-weight:850!important; letter-spacing:.02em!important; text-decoration:none!important; box-shadow:0 18px 45px rgba(255,51,71,.17)!important; } .site-header .mobile-nav-cta:after{content:"↗";margin-left:10px;font:700 13px/1 "Space Mono",monospace;color:#fff} html[data-theme="light"] .site-header{ background:rgba(250,248,246,.86)!important; border-bottom-color:rgba(35,22,40,.09)!important; } html[data-theme="light"] .site-header>.menu{ color:transparent!important; border-color:rgba(35,22,40,.12)!important; background:rgba(255,255,255,.72)!important; } html[data-theme="light"] .site-header>.menu:before, html[data-theme="light"] .site-header>.menu:after, html[data-theme="light"] .site-header>.menu span{color:#241729!important} html[data-theme="light"] .site-header .nav{ background: radial-gradient(circle at 92% 8%,rgba(255,51,71,.09),transparent 30%), radial-gradient(circle at 10% 88%,rgba(103,37,200,.09),transparent 34%), rgba(250,248,246,.985)!important; } html[data-theme="light"] .site-header .nav>a, html[data-theme="light"] .site-header .nav-item>.dropdown-trigger{ color:#241729!important; border-bottom-color:rgba(35,22,40,.09)!important; } html[data-theme="light"] .site-header .nav>a:after{color:rgba(36,23,41,.35)} html[data-theme="light"] .site-header .menu-caret{ border-color:rgba(36,23,41,.62)!important; } html[data-theme="light"] .site-header .dropdown a{ color:#4d4252!important; border-bottom-color:rgba(35,22,40,.06)!important; } } @media(max-width:760px){ .site-header .nav{ overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; padding-bottom:max(34px,env(safe-area-inset-bottom))!important; } .site-header .nav-item.has-dropdown{ flex:0 0 auto!important; width:100%!important; overflow:visible!important; } .site-header .dropdown{ flex:none!important; overflow:hidden!important; } .site-header .nav-item.has-dropdown.open .dropdown, .site-header .nav-item.has-dropdown.open:hover .dropdown{ max-height:none!important; height:auto!important; overflow:visible!important; } .site-header .mobile-nav-cta{ position:static!important; flex:0 0 auto!important; order:999!important; margin-top:24px!important; margin-bottom:18px!important; } } @media(max-width:760px){ .home-page .hero{ min-height:100svh!important; height:auto!important; padding:118px 20px 78px!important; grid-template-columns:1fr!important; align-content:center!important; isolation:isolate!important; overflow:hidden!important; } .home-page .hero:before{ content:"1CONN"; position:absolute; z-index:0; left:-5vw; top:22%; width:110vw; pointer-events:none; white-space:nowrap; font-size:31vw; line-height:.72; font-weight:900; letter-spacing:-.095em; color:rgba(255,255,255,.032); transform:translate3d(-3%,0,0); animation:connHeroGhostV46 12s ease-in-out infinite alternate; } html[data-theme="light"] .home-page .hero:before{ color:rgba(49,23,57,.035); } .home-page .hero:after{ z-index:0!important; background: radial-gradient(circle at 18% 28%,rgba(255,154,50,.16),transparent 26%), radial-gradient(circle at 82% 34%,rgba(255,51,71,.17),transparent 31%), radial-gradient(circle at 54% 82%,rgba(103,37,200,.20),transparent 34%)!important; background-size:125% 125%!important; animation:connHeroAuraV46 9s ease-in-out infinite alternate!important; } .home-page .hero-grid{ opacity:.74!important; background-size:42px 42px!important; animation:connHeroGridV46 16s linear infinite!important; } .home-page .hero .orb-a{ width:390px!important; height:390px!important; right:-190px!important; top:55px!important; opacity:.72!important; animation:connHeroOrbAV46 6.5s ease-in-out infinite alternate!important; } .home-page .hero .orb-b{ width:330px!important; height:330px!important; left:-165px!important; bottom:30px!important; opacity:.58!important; animation:connHeroOrbBV46 7.8s ease-in-out infinite alternate!important; } .home-page .hero-inner{ width:100%!important; max-width:none!important; position:relative!important; z-index:3!important; } .home-page .hero .eyebrow{ opacity:0; animation:connHeroRevealV46 .75s .08s cubic-bezier(.16,1,.3,1) forwards; } .home-page .hero h1{ position:relative; z-index:2; font-size:clamp(58px,17.7vw,88px)!important; line-height:.82!important; margin-bottom:28px!important; opacity:0; transform:translate3d(0,34px,0); animation:connHeroTitleV46 .95s .18s cubic-bezier(.16,1,.3,1) forwards; text-shadow:0 18px 55px rgba(0,0,0,.18); } .home-page .hero h1 em, .home-page .hero h1 span{ position:relative; } .home-page .hero h1 em:after{ content:""; position:absolute; left:1%; right:0; bottom:-3px; height:2px; transform-origin:left center; background:linear-gradient(90deg,#ff9a32,#ff3347 55%,transparent); box-shadow:0 0 18px rgba(255,51,71,.28); animation:connHeroLineV46 2.8s 1.05s cubic-bezier(.16,1,.3,1) infinite alternate; } .home-page .hero-inner>p{ opacity:0; transform:translate3d(0,24px,0); animation:connHeroRevealV46 .8s .42s cubic-bezier(.16,1,.3,1) forwards; } .home-page .hero-actions{ opacity:0; transform:translate3d(0,22px,0); animation:connHeroRevealV46 .8s .57s cubic-bezier(.16,1,.3,1) forwards; } .home-page .hero-meta{ opacity:0; transform:translate3d(0,18px,0); animation:connHeroRevealV46 .8s .7s cubic-bezier(.16,1,.3,1) forwards; } .home-page .hero-actions .btn.primary{ position:relative!important; isolation:isolate; animation:connHeroCtaV46 3.4s 1.5s ease-in-out infinite!important; } .home-page .hero-panel{ display:block!important; width:100%!important; max-width:100%!important; min-height:0!important; margin-top:34px!important; padding:15px!important; border-radius:20px!important; z-index:3!important; background:linear-gradient(145deg,rgba(48,21,59,.58),rgba(20,12,28,.48))!important; backdrop-filter:blur(15px)!important; -webkit-backdrop-filter:blur(15px)!important; opacity:0; animation:connHeroPanelV46 .9s .82s cubic-bezier(.16,1,.3,1) forwards!important; } .home-page .hero-panel .metric{ padding:14px 0!important; } .home-page .hero-panel .panel-chart{ height:62px!important; } .home-page .hero-panel .panel-chart i{ transform-origin:center bottom; animation:connHeroBarV46 2.6s ease-in-out infinite alternate!important; } .home-page .hero-panel .panel-chart i:nth-child(2n){animation-delay:.25s!important} .home-page .hero-panel .panel-chart i:nth-child(3n){animation-delay:.5s!important} .home-page .hero-panel:after{ content:""; position:absolute; left:14px; right:14px; top:0; height:1px; opacity:.8; background:linear-gradient(90deg,transparent,#8b5cff,#ff3347,#ff9a32,transparent); background-size:180% 100%; animation:connHeroScanV46 3.8s linear infinite; } .home-page .hero .marquee{ z-index:4!important; opacity:.86!important; background:linear-gradient(90deg,rgba(15,9,23,.82),rgba(15,9,23,.42),rgba(15,9,23,.82))!important; backdrop-filter:blur(8px)!important; } @keyframes connHeroGhostV46{ 0%{transform:translate3d(-5%,0,0);letter-spacing:-.095em} 100%{transform:translate3d(3%,2%,0);letter-spacing:-.07em} } @keyframes connHeroAuraV46{ 0%{background-position:0% 15%;opacity:.78} 50%{opacity:1} 100%{background-position:100% 80%;opacity:.82} } @keyframes connHeroGridV46{ from{background-position:0 0,0 0} to{background-position:42px 42px,42px 42px} } @keyframes connHeroOrbAV46{ from{opacity:.38;filter:blur(14px) saturate(.95)} to{opacity:.82;filter:blur(4px) saturate(1.22)} } @keyframes connHeroOrbBV46{ from{opacity:.28;filter:blur(18px)} to{opacity:.66;filter:blur(5px)} } @keyframes connHeroRevealV46{ from{opacity:0;transform:translate3d(0,24px,0)} to{opacity:1;transform:translate3d(0,0,0)} } @keyframes connHeroTitleV46{ 0%{opacity:0;transform:translate3d(0,38px,0);filter:blur(8px)} 100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)} } @keyframes connHeroLineV46{ 0%{transform:scaleX(.18);opacity:.45} 100%{transform:scaleX(1);opacity:1} } @keyframes connHeroCtaV46{ 0%,100%{box-shadow:0 14px 34px rgba(255,51,71,.20)} 50%{box-shadow:0 18px 44px rgba(255,51,71,.38),0 0 0 7px rgba(255,51,71,.045)} } @keyframes connHeroPanelV46{ from{opacity:0;filter:blur(7px)} to{opacity:1;filter:blur(0)} } @keyframes connHeroBarV46{ from{filter:brightness(.88);opacity:.7} to{filter:brightness(1.22);opacity:1} } @keyframes connHeroScanV46{ from{background-position:180% 0} to{background-position:-80% 0} } } @media(max-width:760px) and (prefers-reduced-motion:reduce){ .home-page .hero:before, .home-page .hero:after, .home-page .hero-grid, .home-page .hero .orb-a, .home-page .hero .orb-b, .home-page .hero .eyebrow, .home-page .hero h1, .home-page .hero-inner>p, .home-page .hero-actions, .home-page .hero-meta, .home-page .hero-actions .btn.primary, .home-page .hero-panel, .home-page .hero-panel .panel-chart i, .home-page .hero-panel:after, .home-page .hero h1 em:after{ animation:none!important; opacity:1!important; transform:none!important; filter:none!important; } } @media(max-width:760px){ #work.work{ overflow:hidden!important; } #work .v31-project-stack{ display:grid!important; grid-template-columns:1fr!important; gap:18px!important; width:100%!important; perspective:none!important; } #work .v31-project-stack .featured-brand-card{ position:relative!important; inset:auto!important; top:auto!important; left:auto!important; right:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; aspect-ratio:4/5!important; margin:0!important; border-radius:24px!important; overflow:hidden!important; transform:none!important; box-sizing:border-box!important; } #work .v31-project-stack .featured-brand-card:nth-child(n){ top:auto!important; } #work .featured-brand-card .project-brand-bg, #work .featured-brand-card .featured-brand-bg, #work .featured-brand-card>img{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; } #work .featured-brand-card .featured-brand-overlay, #work .featured-brand-card .project-overlay{ position:absolute!important; inset:0!important; } #work .featured-brand-card .featured-brand-content, #work .featured-brand-card .project-content, #work .featured-brand-card .featured-content{ position:absolute!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; padding:24px 20px 22px!important; box-sizing:border-box!important; } #work .featured-brand-card h3{ font-size:clamp(30px,9.2vw,44px)!important; line-height:.95!important; letter-spacing:-.045em!important; overflow-wrap:anywhere!important; } #work .featured-brand-card p{ max-width:100%!important; font-size:12px!important; line-height:1.55!important; } #work .v31-view-project{ right:14px!important; top:14px!important; opacity:1!important; transform:none!important; padding:9px 11px!important; background:rgba(15,9,23,.48)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } #work .v31-project-note{ margin:24px 0 48px!important; padding:0 8px!important; } } @media(max-width:430px){ #work .v31-project-stack .featured-brand-card{ aspect-ratio:3/4!important; border-radius:21px!important; } #work .featured-brand-card .featured-brand-content, #work .featured-brand-card .project-content, #work .featured-brand-card .featured-content{ padding:22px 17px 18px!important; } #work .featured-brand-card h3{ font-size:clamp(28px,9vw,38px)!important; } } @media (max-width:760px){ #work .v31-project-stack{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; width:100%!important; margin:0!important; perspective:none!important; } #work .v31-project-stack .featured-brand-card{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; width:100%!important; max-width:none!important; min-width:0!important; height:430px!important; min-height:430px!important; aspect-ratio:auto!important; margin:0!important; padding:20px!important; border-radius:24px!important; overflow:hidden!important; transform:none!important; transform-style:flat!important; display:block!important; } #work .v31-project-stack .featured-brand-card:nth-child(n){ top:auto!important; margin-bottom:0!important; } #work .v31-project-stack .featured-brand-card .project-no{ position:absolute!important; top:20px!important; left:20px!important; z-index:8!important; margin:0!important; font-size:9px!important; line-height:1!important; } #work .v31-project-stack .featured-brand-card .v31-view-project{ position:absolute!important; top:14px!important; right:14px!important; z-index:8!important; opacity:1!important; transform:none!important; padding:9px 11px!important; font-size:7px!important; line-height:1!important; white-space:nowrap!important; background:rgba(8,6,14,.36)!important; border-color:rgba(255,255,255,.18)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; } #work .v31-project-stack .featured-brand-logo, #work .v31-project-stack .logo-gokbora, #work .v31-project-stack .logo-avrupadis, #work .v31-project-stack .logo-atlas{ position:absolute!important; inset:auto!important; top:64px!important; left:22px!important; right:22px!important; height:155px!important; min-height:0!important; display:grid!important; place-items:center!important; overflow:visible!important; z-index:4!important; } #work .v31-project-stack .featured-brand-logo:before{ width:66%!important; height:72%!important; opacity:.38!important; } #work .v31-project-stack .featured-brand-logo img{ display:block!important; width:auto!important; height:auto!important; max-width:72%!important; max-height:112px!important; object-fit:contain!important; transform:none!important; } #work .v31-project-stack .logo-gokbora img{ max-width:72%!important; max-height:105px!important; } #work .v31-project-stack .logo-avrupadis img{ max-width:68%!important; max-height:110px!important; } #work .v31-project-stack .logo-atlas img{ max-width:68%!important; max-height:108px!important; } #work .v31-project-stack .featured-brand-copy{ position:absolute!important; left:20px!important; right:20px!important; bottom:20px!important; z-index:6!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; transform:none!important; } #work .v31-project-stack .featured-brand-copy span{ display:block!important; margin:0 0 7px!important; font-size:8px!important; line-height:1.35!important; letter-spacing:.08em!important; } #work .v31-project-stack .featured-brand-copy h3{ max-width:100%!important; margin:0 0 10px!important; font-size:clamp(28px,8.2vw,36px)!important; line-height:.94!important; letter-spacing:-.045em!important; overflow-wrap:normal!important; word-break:normal!important; } #work .v31-project-stack .featured-brand-copy p{ max-width:100%!important; margin:0!important; font-size:10px!important; line-height:1.45!important; letter-spacing:.01em!important; } #work .v31-project-note{ margin:22px 0 46px!important; } } @media (max-width:430px){ #work .v31-project-stack .featured-brand-card{ height:410px!important; min-height:410px!important; padding:18px!important; border-radius:21px!important; } #work .v31-project-stack .featured-brand-card .project-no{left:18px!important;top:18px!important} #work .v31-project-stack .featured-brand-logo, #work .v31-project-stack .logo-gokbora, #work .v31-project-stack .logo-avrupadis, #work .v31-project-stack .logo-atlas{ top:60px!important; left:18px!important; right:18px!important; height:140px!important; } #work .v31-project-stack .featured-brand-logo img{max-height:100px!important} #work .v31-project-stack .logo-atlas img{max-height:96px!important} #work .v31-project-stack .featured-brand-copy{left:18px!important;right:18px!important;bottom:18px!important} #work .v31-project-stack .featured-brand-copy h3{font-size:clamp(27px,8vw,34px)!important} }