*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07070c;color:#f5f5f7;font-family:"DM Sans",system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(7,7,12,.66);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:17px}.brand em{font-style:normal;color:#858592;font-weight:400}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#fff,#b94cff 58%,#ff3b9d);display:grid;place-items:center;color:#08080d;font-weight:800;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:20px;height:20px;border:1px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(8px,-8px)}.nav-links{display:flex;gap:34px}.nav-links a,.footer-links a{color:#9d9da8;text-decoration:none;font-size:14px;transition:.2s}.nav-links a:hover,.footer-links a:hover{color:#fff}.nav-cta{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.16);padding:11px 16px;border-radius:999px;font-size:13px;background:rgba(255,255,255,.05);transition:.25s}.nav-cta:hover{background:#fff;color:#08080d}.nav-cta span{margin-left:8px}.menu-btn{display:none;background:none;border:0}.hero{min-height:820px;padding-top:150px;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a9a9b4;font-weight:700;margin-bottom:22px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c45cff;box-shadow:0 0 15px #c45cff;margin-right:9px}.hero h1,.section-head h2,.about-copy h2,.contact-card h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em;line-height:.95;margin:0;font-weight:600}.hero h1{font-size:clamp(62px,7.5vw,104px)}.gradient-text{background:linear-gradient(100deg,#fff 15%,#b86cff 50%,#ff4aa2 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:18px;line-height:1.65;color:#a8a8b4;max-width:600px;margin:32px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;text-decoration:none;border-radius:999px;padding:14px 18px;font-size:14px;font-weight:700;transition:.25s}.button.primary{background:#fff;color:#09090d}.button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(255,255,255,.14)}.button.secondary{color:#fff;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04)}.button.secondary:hover{background:rgba(255,255,255,.09)}.hero-visual{height:560px;position:relative;overflow:hidden;border-radius:40px;background:radial-gradient(circle at 50% 48%,rgba(164,62,255,.3),transparent 34%),linear-gradient(145deg,#10101c,#09090e 65%);border:1px solid rgba(255,255,255,.08)}.hero-grid,.about-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 75%,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.orb-a{width:250px;height:250px;background:radial-gradient(circle,#a63eff,transparent 68%);top:90px;left:100px}.orb-b{width:300px;height:300px;background:radial-gradient(circle,#ff3c9e,transparent 67%);right:-70px;bottom:-50px;opacity:.4}.hero-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;display:grid;place-items:center}.core-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.24)}.ring-one{inset:0;box-shadow:0 0 80px rgba(183,78,255,.35)}.ring-two{inset:25px;border-color:rgba(255,87,179,.5);transform:rotate(45deg)}.core-letter{font:600 120px/1 "Space Grotesk";background:linear-gradient(135deg,#fff,#a64dff 55%,#ff4ca4);-webkit-background-clip:text;color:transparent;position:relative;z-index:2}.code-card{position:absolute;top:34px;right:30px;width:205px;padding:14px 15px;border-radius:15px;background:rgba(10,10,17,.72);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px);font-size:11px;color:#aaa}.code-card code{display:block;margin-top:9px;line-height:1.7}.code-card b{color:#d987ff}.code-card i{color:#75e2b3;font-style:normal}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#555;margin-right:4px}.mini-card{position:absolute;padding:12px 15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:13px;backdrop-filter:blur(12px)}.mini-card span{display:block;font:700 19px "Space Grotesk"}.mini-card small{font-size:8px;color:#888;letter-spacing:.15em}.card-float-two{bottom:50px;left:30px}.card-float-three{bottom:92px;right:32px}.ticker{overflow:hidden;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.ticker-track{height:62px;display:flex;align-items:center;gap:28px;width:max-content;animation:marquee 25s linear infinite;color:#b0b0ba;font:600 11px "Space Grotesk";letter-spacing:.16em}.ticker-track b{color:#bb5dff}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:150px 0}.section-head{display:grid;grid-template-columns:1fr .6fr;gap:50px;align-items:end;margin-bottom:65px}.section-head h2{font-size:clamp(48px,6vw,78px)}.muted-gradient{color:#777783}.section-head>p{color:#8f8f9b;line-height:1.7;max-width:440px;margin:0}.work-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}.project{min-width:0}.project-large{grid-row:span 2}.project-wide{grid-column:span 2}.project-media{display:block;position:relative;border-radius:22px;overflow:hidden;background:#111;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.07);text-decoration:none}.project-large .project-media{aspect-ratio:16/10}.project:nth-child(2) .project-media{aspect-ratio:1/1}.project:nth-child(3) .project-media{aspect-ratio:1/1}.project-wide .project-media{aspect-ratio:16/8}.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.3));opacity:.7}.project-media:hover img{transform:scale(1.035);filter:saturate(1.08)}.media-arrow{position:absolute;z-index:2;right:18px;top:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);color:#111;font-size:17px;opacity:0;transform:translateY(5px);transition:.25s}.project-media:hover .media-arrow{opacity:1;transform:none}.media-label{position:absolute;z-index:2;left:17px;top:17px;background:rgba(8,8,13,.75);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;font-size:9px;letter-spacing:.14em;color:#fff}.project-info{display:flex;justify-content:space-between;gap:25px;padding:18px 2px 10px}.project-kicker{font-size:9px;letter-spacing:.14em;color:#777783;text-transform:uppercase;margin-bottom:8px}.project h3{font:600 22px "Space Grotesk";margin:0 0 7px;letter-spacing:-.025em}.project p{margin:0;color:#858590;font-size:13px;line-height:1.6;max-width:510px}.project-link{align-self:end;white-space:nowrap;color:#eee;text-decoration:none;font-size:11px;border-bottom:1px solid #555;padding-bottom:4px}.project-link span{margin-left:5px;color:#b65aff}.project-link.static{color:#777783}.capabilities{padding:140px 0 155px;background:#0b0b11;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.cap-card{background:#0b0b11;padding:28px;min-height:320px;position:relative;transition:.25s}.cap-card:hover{background:#101018}.cap-number{position:absolute;right:25px;top:25px;color:#555562;font-size:10px}.cap-icon{font-size:28px;margin-bottom:65px;color:#c16cff}.cap-card h3{font:600 23px "Space Grotesk";margin:0 0 12px}.cap-card p{color:#7f7f8c;font-size:13px;line-height:1.65;margin:0 0 20px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:9px;color:#8e8e99;border:1px solid #292932;border-radius:999px;padding:5px 8px}.about{padding:155px 0;display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:center}.about-art{height:500px;border-radius:32px;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(174,74,255,.25),transparent 32%),#0d0d14}.about-orb{position:absolute;width:220px;height:220px;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff,#bf5dff 25%,#501c8d 55%,transparent 70%);filter:blur(1px);box-shadow:0 0 100px rgba(178,79,255,.3)}.about-code{position:absolute;left:28px;bottom:26px;font:13px/1.9 monospace;color:#72727e}.about-code span{color:#555560}.about-code b{color:#d28aff;font-weight:400}.about-copy h2{font-size:clamp(48px,5.5vw,75px);margin-bottom:28px}.about-copy p{color:#8e8e9a;line-height:1.75;max-width:600px}.principles{border-top:1px solid #22222b;margin-top:32px}.principles div{display:flex;gap:22px;padding:15px 0;border-bottom:1px solid #22222b;font-size:13px}.principles strong{font-weight:400;color:#c168ff}.principles span{color:#aaaab5}.contact{padding-bottom:120px}.contact-card{position:relative;overflow:hidden;text-align:center;padding:105px 30px;border-radius:34px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 0,rgba(179,76,255,.18),transparent 45%),linear-gradient(145deg,#11111a,#0b0b10)}.contact-glow{position:absolute;width:400px;height:200px;left:50%;top:-150px;transform:translateX(-50%);background:#b74dff;filter:blur(100px);opacity:.18}.contact-card .eyebrow{position:relative}.contact-card h2{position:relative;font-size:clamp(50px,7vw,88px)}.contact-card p{position:relative;max-width:560px;margin:25px auto 30px;color:#888894;line-height:1.7}.button.large{padding:16px 21px;position:relative}.contact-card small{display:block;color:#555561;margin-top:28px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.footer{border-top:1px solid rgba(255,255,255,.07);padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#555560;font-size:11px}.footer-links{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-links{display:none}.nav-cta{display:none}.menu-btn{display:block}.menu-btn span{display:block;width:24px;height:1px;background:#fff;margin:6px}.hero{grid-template-columns:1fr;padding-top:125px;min-height:auto;padding-bottom:90px}.hero-visual{height:440px}.section-head{grid-template-columns:1fr;gap:25px}.work-grid{grid-template-columns:1fr}.project-large,.project-wide{grid-column:auto;grid-row:auto}.project-wide .project-media{aspect-ratio:16/10}.cap-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:55px}.about-art{height:420px}}@media(max-width:600px){.container{width:min(100% - 32px,1180px)}.nav{height:68px}.brand{font-size:15px}.hero{padding-top:105px}.hero h1{font-size:55px}.hero-lead{font-size:16px}.hero-visual{height:360px;border-radius:25px}.hero-core{width:180px;height:180px}.core-letter{font-size:88px}.code-card{transform:scale(.82);transform-origin:top right;right:8px;top:12px}.card-float-two{left:12px;bottom:25px}.card-float-three{right:12px;bottom:65px}.section,.about{padding:100px 0}.section-head h2,.about-copy h2{font-size:49px}.work-grid{gap:40px}.project-info{display:block}.project-link{display:inline-block;margin-top:14px}.capabilities{padding:100px 0}.cap-grid{grid-template-columns:1fr}.cap-card{min-height:275px}.about-art{height:330px}.contact-card{padding:75px 20px}.contact-card h2{font-size:50px}.footer-inner{flex-wrap:wrap;gap:18px}.footer-inner>span{order:3;width:100%}.footer-links{margin-left:auto}.hero-actions .button{width:100%;justify-content:space-between}.ticker-track{animation-duration:18s}}
.physics-media{background:radial-gradient(circle at 50% 45%,rgba(255,194,57,.25),transparent 30%),linear-gradient(145deg,#12151f,#080a10);overflow:hidden}
.physics-scene{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}
.physics-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.orbit-a{width:72%;height:48%}
.orbit-b{width:48%;height:72%;transform:translate(-50%,-50%) rotate(35deg)}
.smiley-ball{position:absolute;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font:700 43px/1 Arial,sans-serif;color:#17130a;background:radial-gradient(circle at 32% 25%,#fff3a2 0 7%,#ffd447 25%,#ff9d00 68%,#dc6200);box-shadow:0 15px 35px rgba(255,155,0,.24),inset -8px -10px 15px rgba(165,61,0,.18);animation:float-ball 5s ease-in-out infinite}
.ball-one{left:18%;top:22%;animation-delay:-1.1s}.ball-two{right:18%;top:42%;width:96px;height:96px;font-size:53px;animation-delay:-3.2s}.ball-three{left:43%;bottom:13%;width:58px;height:58px;font-size:34px;animation-delay:-2s}
.physics-touch{position:absolute;left:24px;bottom:24px;font:700 9px "Space Grotesk";letter-spacing:.16em;color:#aaa;opacity:.75}
.physics-label{position:absolute;right:18px;top:18px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font:700 8px "Space Grotesk";letter-spacing:.14em;color:#fff}
@keyframes float-ball{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(18px,-18px,0) rotate(7deg)}}
/* Portfolio placement: Smiley Live Wallpaper sits directly left of PhotoAI4Me. */
@media(min-width:901px){
.project-photoai{grid-column:2;grid-row:3;}
.project-smiley{grid-column:1;grid-row:3;}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}