:root{--ink:#f4f6ff;--muted:#a6aec8;--line:rgba(255,255,255,.14);--purple:#9177ff;--cyan:#8de9dc;--bg:#0b0d1c;--glass:rgba(26,29,53,.54)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.4;z-index:-2}.ambient-one{background:#6147d5;width:35rem;height:35rem;left:-17rem;top:-12rem}.ambient-two{background:#167d8b;width:28rem;height:28rem;right:-12rem;top:32rem}.ambient-three{background:#9b4d93;width:30rem;height:30rem;left:30%;bottom:-18rem}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 80px rgba(0,0,0,.15);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.section-shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{position:sticky;top:18px;z-index:5;width:min(1120px,calc(100% - 64px));margin:18px auto 0;padding:12px 14px 12px 18px;border-radius:18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#d5cbff,#7759ea);color:#16122e;font-size:15px}.brand-dot{color:var(--cyan)}.desktop-nav{display:flex;gap:33px;font-size:12px;color:var(--muted)}.desktop-nav a{transition:color .2s}.desktop-nav a:hover,.desktop-nav .active{color:var(--ink)}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 20px;border-radius:12px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-small{padding:10px 14px;gap:12px}.button-light{background:#eef0fa;color:#17192b}.button-primary{background:linear-gradient(110deg,#a99aff,#7e65ef);color:#15132b;box-shadow:0 10px 28px rgba(134,106,255,.22)}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:50px 0 70px}.eyebrow{font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.15em;color:#c3c8dd;margin:0 0 25px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#76e3bf;box-shadow:0 0 12px #76e3bf}.hero h1{font-size:clamp(3.5rem,7vw,6.5rem);line-height:.96;letter-spacing:-.085em;max-width:710px;margin:0}.hero h1 em,.section-heading em,.about-content em,.contact-section em{font-family:Georgia,serif;font-weight:400;color:var(--cyan);letter-spacing:-.08em}.hero-intro{max-width:440px;color:var(--muted);font-size:15px;line-height:1.8;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:5px}.text-link span,.project-meta a,.site-footer a:hover{color:var(--cyan)}.hero-orb{justify-self:center;width:min(390px,80vw);height:390px;border-radius:50%;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(91,72,173,.13) 42%,rgba(29,160,157,.2));box-shadow:inset -30px -32px 60px rgba(55,36,139,.3),inset 15px 17px 50px rgba(255,255,255,.15),0 30px 90px rgba(75,55,178,.28)}.orb-core{position:absolute;width:180px;height:180px;left:105px;top:95px;border-radius:50%;background:linear-gradient(135deg,rgba(199,189,255,.75),rgba(61,47,128,.42) 60%,rgba(85,224,207,.5));filter:blur(4px);box-shadow:35px 20px 45px rgba(12,5,44,.35)}.orb-highlight{position:absolute;width:240px;height:130px;top:-22px;left:-35px;transform:rotate(-30deg);border-radius:50%;background:rgba(255,255,255,.23);filter:blur(18px)}.orb-label{position:absolute;left:36px;bottom:44px;font:500 11px/1.5 "DM Mono",monospace;letter-spacing:.12em;color:rgba(255,255,255,.68)}.orb-caption{position:absolute;right:32px;top:36px;font:10px "DM Mono",monospace;color:var(--muted)}.ticker{width:100%;overflow:hidden;border-left:0;border-right:0;padding:18px 0;white-space:nowrap}.ticker-track{display:flex;justify-content:center;align-items:center;gap:29px;color:#9ba3c0;font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.ticker b{color:var(--cyan);font-size:14px}.work-section{padding:140px 0 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2,.about-content h2,.contact-section h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.075em;margin:0}.section-note{max-width:280px;color:var(--muted);font-size:12px;line-height:1.7;margin:0}.project-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:20px}.project-card{border-radius:22px;overflow:hidden}.project-large{grid-row:span 2}.project-visual{height:290px;position:relative;overflow:hidden}.project-large .project-visual{height:420px}.visual-pulse{background:linear-gradient(140deg,#2b255e,#181a36 55%,#1b7a80)}.pulse-interface{position:absolute;width:260px;height:210px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);padding:20px;border-radius:14px;background:rgba(244,243,255,.82);color:#28214d;box-shadow:20px 25px 45px rgba(0,0,0,.28)}.mini-top{display:flex;gap:5px}.mini-top span{width:5px;height:5px;border-radius:50%;background:#b2a9d8}.pulse-number{font-size:57px;font-weight:700;letter-spacing:-.1em;margin:20px 0 5px}.pulse-number span{font-size:18px;color:#7a6be3}.pulse-line{display:flex;align-items:end;gap:7px;height:36px}.pulse-line i{display:block;width:15px;border-radius:3px;background:linear-gradient(#8b77fa,#b4eee2)}.pulse-line i:nth-child(1){height:30%}.pulse-line i:nth-child(2){height:55%}.pulse-line i:nth-child(3){height:42%}.pulse-line i:nth-child(4){height:78%}.pulse-line i:nth-child(5){height:55%}.pulse-line i:nth-child(6){height:93%}.pulse-line i:nth-child(7){height:68%}.visual-tag{position:absolute;left:20px;bottom:18px;font:10px "DM Mono",monospace;color:rgba(255,255,255,.55);text-transform:uppercase}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 21px 22px}.project-type{margin:0 0 8px;font:10px "DM Mono",monospace;text-transform:uppercase;color:#8e96b2}.project-meta h3{font-size:18px;letter-spacing:-.04em;margin:0}.project-meta a{font-size:23px}.visual-arc{background:#d6d7c8;color:#20251d}.arc{position:absolute;border:1px solid #60695a;border-radius:50%;width:350px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%)}.arc-one{width:270px;height:270px;border-color:#899082}.arc-two{width:180px;height:180px;border-color:#9cad9a}.arc-three{width:90px;height:90px;border-color:#64755e}.arc-word{position:absolute;inset:0;display:grid;place-items:center;font:500 38px Georgia,serif;letter-spacing:.2em}.visual-arc .visual-tag,.visual-notes .visual-tag{color:rgba(30,37,29,.6)}.visual-notes{background:#f0e7d8;color:#342e2b}.note{position:absolute;font:18px Georgia,serif;line-height:1.05}.note-one{left:25%;top:26%;transform:rotate(-9deg)}.note-two{right:25%;top:23%;font:30px "DM Mono",monospace;color:#e48f64}.note-three{left:42%;bottom:22%;transform:rotate(7deg);color:#6a7da2}.about-section{padding:20px 0 140px}.about-card{min-height:460px;border-radius:25px;padding:38px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;position:relative;overflow:hidden}.about-index{font:11px "DM Mono",monospace;color:var(--muted)}.about-index span{color:var(--cyan)}.about-content{max-width:570px}.about-content .eyebrow{margin-bottom:22px}.about-content h2{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:30px}.about-content p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 15px}.about-content .text-link{display:inline-block;margin-top:15px}.about-stamp{align-self:end;justify-self:end;width:140px;height:140px;border:1px solid rgba(141,233,220,.45);border-radius:50%;display:grid;place-content:center;text-align:center;font:500 25px/1.05 Georgia,serif;color:var(--cyan);transform:rotate(12deg)}.about-stamp span{font-size:12px;color:#ddd4ff}.contact-section{text-align:center;padding:65px 0 155px}.contact-section .eyebrow{color:var(--cyan)}.contact-section h2{font-size:clamp(4rem,10vw,9rem);margin-bottom:42px}.email-link{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.35);padding:0 0 10px;font:500 clamp(1rem,2vw,1.4rem) "DM Mono",monospace;cursor:pointer}.email-link span{color:var(--cyan);margin-left:10px}.copy-status{height:18px;color:var(--cyan);font:11px "DM Mono",monospace}.site-footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;color:#747d9b;font:10px "DM Mono",monospace;text-transform:uppercase}.site-footer div{display:flex;gap:24px}.site-footer a{transition:color .2s}
@media (max-width:720px){.section-shell,.site-header{width:calc(100% - 36px)}.site-header{top:10px;margin-top:10px}.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:100px 0 80px;gap:65px}.hero h1{font-size:clamp(3.5rem,16vw,6rem)}.hero-orb{width:280px;height:280px}.orb-core{width:125px;height:125px;left:78px;top:70px}.ticker{margin-top:0}.ticker-track{justify-content:flex-start;width:max-content;animation:scroll 20s linear infinite}.work-section{padding:90px 0}.section-heading{display:block}.section-note{margin-top:20px}.project-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-visual,.project-visual{height:280px}.about-section{padding-bottom:90px}.about-card{grid-template-columns:1fr;padding:26px;min-height:550px}.about-stamp{position:absolute;right:22px;top:22px;width:90px;height:90px;font-size:18px}.contact-section{padding:40px 0 100px}.site-footer{display:block;line-height:2.2}.site-footer div{justify-content:space-between;gap:10px;margin-top:10px}.hero-actions{flex-wrap:wrap}}
@keyframes scroll{to{transform:translateX(-50%)}}