:root{--bg:#090a0b;--panel:#111315;--text:#f1f0ec;--muted:#9b9c9c;--green:#a7ff3f;--purple:#8c4cff;--red:#ff493d;--line:#292b2d;--x:50vw;--y:50vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;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='.9' 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;left:var(--x);top:var(--y);width:400px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(140,76,255,.08),transparent 65%);pointer-events:none;z-index:0}.site-header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:11px}.brand span{font:600 28px/1 "Space Grotesk";letter-spacing:-2px}.brand small{font:600 9px/1.1 "Space Grotesk";letter-spacing:2px;width:34px;color:var(--muted)}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{transition:.2s}nav a:hover{color:var(--green)}.nav-cta{border:1px solid #555;padding:11px 17px;border-radius:30px}.menu-toggle{display:none}.section-pad{padding-left:6vw;padding-right:6vw}.hero{height:min(900px,100vh);min-height:720px;position:relative;padding-top:180px;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:12px;color:#c8c8c5;font-size:12px;text-transform:uppercase;letter-spacing:2px}.eyebrow span,.status span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.hero h1{font:500 clamp(58px,8.7vw,142px)/.88 "Space Grotesk";letter-spacing:-.065em;margin:40px 0;max-width:1200px;position:relative;z-index:2}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:840px;margin-left:34vw;position:relative;z-index:2}.hero-bottom p{color:var(--muted);max-width:470px;font-size:17px;line-height:1.6}.circle-link{width:112px;height:112px;border:1px solid #555;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.5;transition:.3s}.circle-link span{color:var(--green)}.circle-link:hover{background:var(--green);color:#080908;border-color:var(--green);transform:rotate(-8deg)}.circle-link:hover span{color:#080908}.orb{position:absolute;width:410px;height:410px;right:8vw;top:160px;border-radius:50%;background:radial-gradient(circle at 65% 35%,#ff6860 0,rgba(255,73,61,.45) 18%,rgba(140,76,255,.35) 48%,transparent 70%);filter:blur(2px);animation:float 7s ease-in-out infinite}.orb div{position:absolute;inset:28%;border-radius:50%;background:#0b0c0d;box-shadow:0 0 70px rgba(167,255,63,.25)}.status{position:absolute;bottom:35px;left:6vw;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.3px}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:20px 0}.marquee div{width:max-content;display:flex;animation:scroll 25s linear infinite}.marquee span{font:500 12px "Space Grotesk";letter-spacing:2px;margin-right:44px}.marquee b{color:var(--green);margin-left:44px}.work,.services{padding-top:130px;padding-bottom:150px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:65px}.section-head>div{display:flex;align-items:flex-start;gap:24px}.index{font:500 10px "Space Grotesk";color:var(--green);letter-spacing:1px;text-transform:uppercase}.section-head h2{font:500 clamp(38px,5vw,72px)/1 "Space Grotesk";letter-spacing:-.05em;margin:0}.section-head p{color:var(--muted);max-width:390px;line-height:1.6;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 28px}.project-card{appearance:none;background:none;border:0;color:inherit;text-align:left;padding:0;cursor:pointer}.project-card:nth-child(even){transform:translateY(80px)}.project-visual,.modal-visual{height:clamp(320px,47vw,660px);position:relative;overflow:hidden;background-position:center;background-size:cover}.project-visual:before,.modal-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 5%,#0a0b0c 70%)}.project-visual.purple,.modal-visual.purple{background:radial-gradient(circle at 48% 52%,#d6a6ff 0,#8c4cff 18%,#291a43 42%,#0d0d10 70%)}.project-visual.green,.modal-visual.green{background:repeating-radial-gradient(ellipse at 60% 40%,#a7ff3f 0 3px,#244517 5px 15px,#10140f 18px 35px)}.project-visual.red,.modal-visual.red{background:linear-gradient(135deg,#160d0d 10%,#ff493d 48%,#521627 52%,#130d18 80%)}.project-visual.mix,.modal-visual.mix{background:radial-gradient(circle at 30% 40%,#a7ff3f,transparent 15%),radial-gradient(circle at 65% 35%,#ff493d,transparent 22%),radial-gradient(circle at 50% 70%,#8c4cff,transparent 28%),#0d0d0f}.project-visual span{position:absolute;left:24px;top:22px;font:500 11px "Space Grotesk";z-index:2}.project-visual i{position:absolute;width:44%;height:70%;left:28%;top:15%;border:1px solid rgba(255,255,255,.35);border-radius:48%;transform:rotate(20deg);transition:.5s}.project-card:hover i{transform:rotate(55deg) scale(1.05)}.project-meta{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line);margin-top:18px}.project-meta h3{font:500 22px "Space Grotesk";margin:0 0 5px}.project-meta p,.project-meta>span{margin:0;color:var(--muted);font-size:12px}.services{background:#0d0f10}.service{display:grid;grid-template-columns:80px 1.2fr 1fr 50px;align-items:center;border-top:1px solid var(--line);padding:34px 0;transition:.25s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{padding-left:14px;color:var(--green)}.service>span{font:11px "Space Grotesk";color:var(--muted)}.service h3{font:500 clamp(24px,3vw,40px) "Space Grotesk";letter-spacing:-.03em;margin:0}.service p{color:var(--muted);line-height:1.5;max-width:470px}.service i{font-style:normal;text-align:right}.about{padding-top:150px;padding-bottom:150px;display:grid;grid-template-columns:1fr 1.05fr;gap:9vw;align-items:center}.about-art{height:550px;background:linear-gradient(145deg,#121519,#0a0b0c);position:relative;display:grid;place-items:center;overflow:hidden}.about-art span{font:600 150px "Space Grotesk";letter-spacing:-15px;background:linear-gradient(135deg,var(--green),var(--purple),var(--red));-webkit-background-clip:text;color:transparent;z-index:2}.ring{position:absolute;width:430px;height:430px;border:1px solid #414346;border-radius:50%;box-shadow:0 0 80px rgba(140,76,255,.15)}.ring:after{content:"";position:absolute;inset:55px;border:1px solid #343637;border-radius:50%}.about-copy h2{font:500 clamp(42px,5vw,76px)/1.02 "Space Grotesk";letter-spacing:-.055em;margin:28px 0}.about-copy>p{color:var(--muted);font-size:17px;line-height:1.75}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:42px;padding-top:25px;gap:10px}.facts strong,.facts small{display:block}.facts strong{font-size:14px}.facts small{color:var(--muted);font-size:10px;margin-top:8px;text-transform:uppercase;letter-spacing:1px}.contact{background:#e9e8e3;color:#111;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;padding-top:140px;padding-bottom:140px}.contact .index{color:#6440d8}.contact h2{font:500 clamp(48px,6vw,88px)/.97 "Space Grotesk";letter-spacing:-.06em;margin:30px 0}.contact h2 em{font-style:normal;color:#6645d4}.contact-intro p{color:#656565;line-height:1.6;max-width:400px}.contact-intro>a{display:inline-block;margin-top:35px;border-bottom:1px solid #111;padding-bottom:4px}form{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#555}input,textarea,select{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:12px 0;outline:0;color:#111;border-radius:0;text-transform:none;letter-spacing:0}input:focus,textarea:focus,select:focus{border-color:#6440d8}.full{grid-column:1/-1}.submit{grid-column:1/-1;border:0;border-radius:40px;background:#111;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;cursor:pointer}.submit:hover{background:#6440d8}.form-note{font-size:12px;color:#555}footer{min-height:160px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer>div{display:flex;gap:22px}dialog{width:min(900px,90vw);padding:0;border:1px solid #333;background:#0d0f10;color:white}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.modal-visual{height:420px}.modal-copy{padding:30px 35px 40px}.modal-copy span{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:1px}.modal-copy h2{font:500 42px "Space Grotesk";margin:12px 0}.modal-copy p{color:var(--muted);line-height:1.6}.modal-close{position:absolute;right:15px;top:15px;z-index:5;border:1px solid #777;background:#111;color:white;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.project-card:nth-child(even).reveal{transform:translateY(105px)}.reveal.visible{opacity:1;transform:translateY(0)}.project-card:nth-child(even).reveal.visible{transform:translateY(80px)}@keyframes float{50%{transform:translateY(25px) rotate(8deg)}}@keyframes scroll{to{transform:translateX(-50%)}}
@media(max-width:800px){.site-header{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:7px;border:0;background:transparent;padding:12px}.menu-toggle i{width:24px;height:1px;background:white}.site-header nav{display:none;position:fixed;inset:72px 0 0;background:#090a0b;flex-direction:column;justify-content:center;font:500 34px "Space Grotesk"}.menu-open nav{display:flex}.hero{padding-top:135px;min-height:690px}.hero h1{font-size:clamp(54px,16vw,80px);margin-top:55px}.hero-bottom{margin:0;display:block}.hero-bottom p{max-width:80%;font-size:15px}.circle-link{position:absolute;right:0;top:20px;width:90px;height:90px}.orb{width:280px;height:280px;right:-100px;top:150px}.section-head{display:block}.section-head>div{margin-bottom:25px}.project-grid{grid-template-columns:1fr;gap:55px}.project-card:nth-child(even),.project-card:nth-child(even).reveal,.project-card:nth-child(even).reveal.visible{transform:none}.project-visual{height:110vw;max-height:550px}.service{grid-template-columns:45px 1fr 30px}.service p{grid-column:2/-1}.about{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.about-art{height:400px}.about-art span{font-size:110px}.ring{width:320px;height:320px}.contact{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}form{grid-template-columns:1fr}label,.full,.submit{grid-column:1}footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:25px}.work,.services{padding-top:90px;padding-bottom:100px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none!important}}

/* Animated hero eye */
.orb{width:450px;height:320px;right:6vw;top:195px;border-radius:0;background:none;overflow:hidden;filter:drop-shadow(0 0 45px rgba(140,76,255,.18));clip-path:ellipse(49% 45% at 50% 50%);animation:eyeFloat 7s ease-in-out infinite}
.orb .eye-ball{position:absolute;inset:0;border-radius:50% 50% 48% 48% / 58% 58% 42% 42%;background:radial-gradient(circle at 68% 31%,rgba(255,255,255,.35) 0 1%,transparent 4%),radial-gradient(ellipse at 64% 38%,#ff766b 0,#d34957 13%,#7142a8 42%,#24193c 68%,#0d0e11 100%);box-shadow:inset 0 0 45px rgba(0,0,0,.55)}
.orb .eye-iris{position:absolute;inset:auto;width:138px;height:138px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#050607 0 43%,#101218 45% 58%,#7d53a9 61%,#17111f 76%);box-shadow:0 0 40px rgba(167,255,63,.22),inset 0 0 18px #000;animation:pupilLook 9s ease-in-out infinite}
.orb .eye-glint{position:absolute;inset:auto;width:18px;height:18px;left:33px;top:28px;border-radius:50%;background:#f6f4ec;box-shadow:20px 14px 0 -6px rgba(255,255,255,.75)}
.orb .eyelid{position:absolute;inset:auto;left:-5%;width:110%;height:58%;z-index:3;border-radius:0;background:linear-gradient(160deg,#090a0b 15%,#17101d 70%,#090a0b);box-shadow:none;will-change:transform}
.orb .eyelid-top{top:-58%;transform-origin:center bottom;animation:blinkTop 6s infinite}
.orb .eyelid-bottom{bottom:-58%;transform-origin:center top;animation:blinkBottom 6s infinite}
@keyframes eyeFloat{50%{transform:translateY(18px) rotate(2deg)}}
@keyframes pupilLook{0%,18%,100%{transform:translate(-50%,-50%)}28%,42%{transform:translate(-65%,-48%)}55%,72%{transform:translate(-38%,-54%)}}
@keyframes blinkTop{0%,43%,49%,100%{transform:translateY(0)}46%,47%{transform:translateY(96%)}}
@keyframes blinkBottom{0%,43%,49%,100%{transform:translateY(0)}46%,47%{transform:translateY(-96%)}}
@media(max-width:800px){.orb{width:310px;height:220px;right:-105px;top:180px}.orb .eye-iris{width:94px;height:94px}.orb .eye-glint{width:12px;height:12px;left:24px;top:20px}}

/* Hero composition v2 — cinematic AI vision system */
.hero{min-height:790px;padding-top:168px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);grid-template-rows:auto 1fr auto;column-gap:2vw}
.hero .eyebrow{grid-column:1;align-self:start}
.hero h1{grid-column:1;grid-row:2;font-size:clamp(62px,7.2vw,116px);line-height:.9;max-width:780px;align-self:center;margin:10px 0 80px;z-index:5}
.hero-bottom{grid-column:1;grid-row:2;align-self:end;margin:0 0 28px;max-width:680px;display:grid;grid-template-columns:minmax(260px,480px) 112px;gap:34px}
.hero-bottom p{font-size:16px;margin:0;max-width:480px}
.circle-link{align-self:end}
.hero .status{grid-column:1;bottom:27px}
.orb{grid-column:2;grid-row:1/4;position:relative;width:min(48vw,650px);height:min(42vw,560px);right:auto;top:auto;align-self:center;justify-self:end;clip-path:ellipse(49% 43% at 50% 50%);filter:drop-shadow(0 0 70px rgba(140,76,255,.26));z-index:1}
.orb:before{content:"";position:absolute;inset:3% 0;border:1px solid rgba(255,255,255,.08);border-radius:50%;z-index:4;pointer-events:none}
.orb .eye-ball{background:radial-gradient(circle at 69% 27%,rgba(255,255,255,.28) 0 1%,transparent 5%),radial-gradient(ellipse at 68% 35%,#ff766b 0,#e14455 13%,#8c4cff 38%,#39235a 61%,#101116 100%);box-shadow:inset 0 0 80px #050607,inset 0 -35px 65px rgba(0,0,0,.7)}
.orb .eye-iris{width:250px;height:250px;background:repeating-conic-gradient(from 0deg,#beff67 0deg 1deg,#274920 2deg 4deg,#9c59ff 5deg 7deg,#17111f 8deg 11deg);box-shadow:0 0 65px rgba(167,255,63,.3),0 0 0 8px rgba(4,5,6,.75),0 0 0 10px rgba(255,255,255,.08);overflow:hidden}
.orb .eye-iris:before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,#020303 0 53%,#101510 55% 62%,rgba(167,255,63,.7) 63% 65%,#070909 67%);z-index:1}
.iris-ring{position:absolute;border:1px solid rgba(255,255,255,.42);border-radius:50%;z-index:2;animation:ringPulse 3.5s ease-in-out infinite}
.iris-ring.ring-a{inset:7%}.iris-ring.ring-b{inset:27%;border-color:rgba(167,255,63,.65);animation-delay:-1.3s}
.eye-core{position:absolute;width:54px;height:54px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#010202;box-shadow:0 0 22px rgba(167,255,63,.55);z-index:3}
.orb .eye-glint{width:25px;height:25px;left:55px;top:45px;z-index:4;box-shadow:30px 17px 0 -9px rgba(255,255,255,.8)}
.eye-scan{position:absolute;left:8%;right:8%;height:1px;top:50%;background:linear-gradient(90deg,transparent,var(--green),#fff,var(--green),transparent);box-shadow:0 0 12px var(--green);opacity:.75;z-index:5;animation:scan 4s ease-in-out infinite}
.hero-tech{position:absolute;right:7vw;bottom:28px;width:min(42vw,560px);display:flex;align-items:center;gap:14px;color:#686b70;font:500 9px "Space Grotesk";letter-spacing:1.8px}.hero-tech i{height:1px;background:#292c30;flex:1}
@keyframes ringPulse{50%{opacity:.25;transform:scale(.94)}}
@keyframes scan{0%,100%{transform:translateY(-120px);opacity:0}20%,80%{opacity:.8}50%{transform:translateY(120px)}}
@media(max-width:1050px) and (min-width:801px){.hero{grid-template-columns:1fr .8fr}.hero h1{font-size:clamp(62px,7.8vw,86px)}.orb .eye-iris{width:190px;height:190px}.hero-bottom{max-width:560px;grid-template-columns:1fr 96px}.circle-link{width:96px;height:96px}}
@media(max-width:800px){.hero{display:block;min-height:780px;padding-top:118px}.hero h1{font-size:clamp(53px,15.5vw,76px);line-height:.91;margin:42px 0 0;max-width:95%;position:relative;z-index:5}.orb{position:absolute;width:380px;height:290px;right:-100px;top:310px}.orb .eye-iris{width:150px;height:150px}.orb .eye-glint{width:15px;height:15px;left:35px;top:28px}.eye-core{width:38px;height:38px}.hero-bottom{position:absolute;left:6vw;right:6vw;bottom:78px;display:grid;grid-template-columns:1fr 88px;gap:16px;margin:0}.hero-bottom p{max-width:78%;font-size:14px}.circle-link{position:static;width:88px;height:88px}.hero-tech{display:none}.hero .status{bottom:24px}}

/* Restored first animated-eye composition */
.hero{height:min(900px,100vh);min-height:720px;display:block;padding-top:180px}
.hero .eyebrow{display:flex}
.hero h1{font-size:clamp(58px,8.7vw,142px);line-height:.88;max-width:1200px;margin:40px 0}
.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;display:flex;align-items:center;justify-content:space-between;max-width:840px;margin-left:34vw;gap:0}
.hero-bottom p{font-size:17px;max-width:470px}
.circle-link{position:static;width:112px;height:112px}
.hero .status{bottom:35px}
.hero-tech{display:none}
.orb{position:absolute;width:450px;height:320px;right:6vw;top:195px;clip-path:ellipse(49% 45% at 50% 50%);filter:drop-shadow(0 0 45px rgba(140,76,255,.18));animation:eyeFloat 7s ease-in-out infinite}
.orb:before{display:none}
.orb .eye-ball{background:radial-gradient(circle at 68% 31%,rgba(255,255,255,.35) 0 1%,transparent 4%),radial-gradient(ellipse at 64% 38%,#ff766b 0,#d34957 13%,#7142a8 42%,#24193c 68%,#0d0e11 100%);box-shadow:inset 0 0 45px rgba(0,0,0,.55)}
.orb .eye-iris{width:138px;height:138px;background:radial-gradient(circle,#050607 0 43%,#101218 45% 58%,#7d53a9 61%,#17111f 76%);box-shadow:0 0 40px rgba(167,255,63,.22),inset 0 0 18px #000;overflow:visible}
.orb .eye-iris:before{display:none}
.orb .eye-glint{width:18px;height:18px;left:33px;top:28px;box-shadow:20px 14px 0 -6px rgba(255,255,255,.75)}
@media(max-width:800px){.hero{min-height:690px;padding-top:135px}.hero h1{font-size:clamp(54px,16vw,80px);line-height:.88;margin:55px 0 40px;max-width:1200px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;display:block;margin:0;max-width:840px}.hero-bottom p{max-width:80%;font-size:15px}.circle-link{position:absolute;right:0;top:20px;width:90px;height:90px}.orb{width:310px;height:220px;right:-105px;top:180px}.orb .eye-iris{width:94px;height:94px}.orb .eye-glint{width:12px;height:12px;left:24px;top:20px}.hero .status{bottom:35px}}

/* Restored original moving orb */
.orb{position:absolute;width:410px;height:410px;right:8vw;top:160px;border-radius:50%;clip-path:none;overflow:visible;background:none;filter:drop-shadow(0 0 38px rgba(140,76,255,.16));animation:orbFloat 7s ease-in-out infinite;transform-style:preserve-3d}
.orb:before{content:"";display:block;position:absolute;inset:-4%;border-radius:50%;border:1px solid rgba(255,255,255,.06);animation:haloPulse 4.5s ease-in-out infinite}
.orb .orb-surface{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 68% 30%,rgba(255,160,140,.9) 0 2%,#ef645b 12%,#a34d82 28%,#6745a4 48%,#292241 68%,#0c0e12 100%);box-shadow:inset -25px -35px 65px rgba(0,0,0,.68),inset 20px 10px 40px rgba(255,99,84,.16);animation:surfaceTurn 9s ease-in-out infinite}
.orb .orb-core{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle at 38% 30%,#16171a,#050607 68%);box-shadow:0 0 65px rgba(167,255,63,.14),inset 0 0 18px #000;animation:coreDrift 6.5s ease-in-out infinite}
.orb-trace{position:absolute;border-radius:50%;pointer-events:none}
.trace-one{inset:5%;border:1px solid transparent;border-top-color:rgba(167,255,63,.42);border-right-color:rgba(140,76,255,.18);animation:traceSpin 8s linear infinite}
.trace-two{inset:18%;border:1px solid transparent;border-bottom-color:rgba(255,73,61,.35);animation:traceSpin 5.5s linear infinite reverse}
@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(22px) rotate(3deg)}}
@keyframes surfaceTurn{0%,100%{transform:rotate(0deg) scale(1);border-radius:50%}50%{transform:rotate(9deg) scale(1.025);border-radius:48% 52% 50% 50%}}
@keyframes coreDrift{0%,100%{transform:translate(0,0) scale(1)}35%{transform:translate(8px,-5px) scale(.96)}70%{transform:translate(-5px,7px) scale(1.04)}}
@keyframes traceSpin{to{transform:rotate(360deg)}}
@keyframes haloPulse{0%,100%{opacity:.18;transform:scale(.97)}50%{opacity:.65;transform:scale(1.035)}}
@media(max-width:800px){.orb{width:280px;height:280px;right:-100px;top:150px}.orb .orb-core{inset:29%}}

/* Multi-work category gallery */
#projectModal{width:min(1120px,94vw);max-height:90vh;overflow:auto}
#projectModal .modal-copy{padding:42px 42px 30px;border-bottom:1px solid var(--line)}
#projectModal .modal-copy h2{max-width:850px}
.modal-categories{display:flex;gap:10px;padding:24px 42px 0;position:sticky;top:0;z-index:6;background:linear-gradient(#0d0f10 72%,transparent)}
.category-tab{appearance:none;border:1px solid #34373a;background:#141719;color:var(--muted);border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:.25s;text-align:left}
.category-tab b{font:500 9px "Space Grotesk";color:#686b70}
.category-tab:hover{border-color:#686b70;color:#fff}
.category-tab.active{background:var(--green);border-color:var(--green);color:#090a0b}
.category-tab.active b{color:#31451c}
.modal-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px;padding:28px 42px 48px}
.modal-gallery[data-layout="portrait"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.modal-gallery[data-layout="portrait"] .gallery-image.has-image{aspect-ratio:auto}
.gallery-item{min-width:0}
.gallery-image{height:330px;position:relative;overflow:hidden;background-position:center;background-size:cover}
.gallery-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 5%,rgba(8,9,10,.72) 80%)}
.gallery-image.purple{background:radial-gradient(circle at 48% 52%,#d6a6ff 0,#8c4cff 18%,#291a43 42%,#0d0d10 70%)}
.gallery-image.green{background:repeating-radial-gradient(ellipse at 60% 40%,#a7ff3f 0 3px,#244517 5px 15px,#10140f 18px 35px)}
.gallery-image.red{background:linear-gradient(135deg,#160d0d 10%,#ff493d 48%,#521627 52%,#130d18 80%)}
.gallery-image.mix{background:radial-gradient(circle at 30% 40%,#a7ff3f,transparent 15%),radial-gradient(circle at 65% 35%,#ff493d,transparent 22%),radial-gradient(circle at 50% 70%,#8c4cff,transparent 28%),#0d0d0f}
.gallery-image span{position:absolute;left:18px;top:16px;z-index:2;font:500 10px "Space Grotesk";letter-spacing:1px}
.gallery-item h3{font:500 18px "Space Grotesk";margin:15px 0 5px}
.gallery-item p{color:var(--muted);font-size:12px;margin:0}
@media(max-width:700px){#projectModal .modal-copy{padding:32px 22px 24px}.modal-categories{padding:18px 22px 4px;overflow-x:auto;scrollbar-width:none}.modal-categories::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;padding:11px 14px}.modal-gallery,.modal-gallery[data-layout="portrait"]{grid-template-columns:1fr;padding:22px;gap:30px}.gallery-image{height:70vw;max-height:400px}.gallery-image.has-image,.modal-gallery[data-layout="portrait"] .gallery-image.has-image{height:auto;max-height:none;aspect-ratio:auto}#projectModal .modal-copy h2{font-size:32px}}
.project-visual.has-image,.gallery-image.has-image{background-color:#f3f2ee;background-size:contain;background-repeat:no-repeat}
.project-visual.has-image{height:auto;aspect-ratio:4/3}
.project-visual.has-image.cover-fit{background-size:cover;background-position:center 28%}
.gallery-image.has-image{height:auto;aspect-ratio:auto;background:none;overflow:hidden}
.gallery-image.has-image img{display:block;width:100%;height:auto;margin:0;border:0}
.gallery-image.has-image video{display:block;width:100%;height:auto;margin:0;border:0;background:#000}
.gallery-image.has-image:has(video):after{display:none}
.modal-gallery.segmented{display:block}
.media-section{display:block}
.media-section+.media-section{margin-top:56px;padding-top:38px;border-top:1px solid var(--line)}
.media-section-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px}
.media-section-head>span{color:var(--green);font:500 10px "Space Grotesk";letter-spacing:1px;padding-top:5px}
.media-section-head h3{font:500 clamp(24px,3vw,38px) "Space Grotesk";letter-spacing:-.03em;margin:0 0 5px}
.media-section-head p{color:var(--muted);font-size:12px;margin:0}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}
.video-grid{grid-template-columns:1fr}
.video-grid .gallery-image{background:#000}
.video-grid video{aspect-ratio:16/9;object-fit:contain}
.media-badge{position:absolute;right:16px;top:16px;z-index:3;background:var(--green);color:#080908;border-radius:999px;padding:8px 11px;font:600 9px "Space Grotesk";font-style:normal;letter-spacing:1px;pointer-events:none}
@media(max-width:700px){.media-section+.media-section{margin-top:42px;padding-top:30px}.media-grid{grid-template-columns:1fr}.media-section-head{gap:12px}.media-badge{right:10px;top:10px}}
.project-visual.has-image:before{background:linear-gradient(180deg,rgba(8,9,10,.08),transparent 30%,rgba(8,9,10,.12))}
.gallery-image.has-image:after{background:linear-gradient(180deg,rgba(8,9,10,.08),transparent 28%)}

/* Brand logo showcase */
.about-art.logo-showcase{background:#000;isolation:isolate}
.logo-showcase:before{content:"";position:absolute;inset:8%;border:1px solid rgba(140,190,255,.12);z-index:2;pointer-events:none}
.logo-showcase img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;margin:auto;filter:contrast(1.08) brightness(.98);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.logo-showcase:hover img{transform:scale(1.035);filter:contrast(1.12) brightness(1.08)}
.logo-scan{position:absolute;z-index:3;left:8%;right:8%;height:1px;top:15%;background:linear-gradient(90deg,transparent,rgba(140,200,255,.9),#fff,rgba(140,200,255,.9),transparent);box-shadow:0 0 14px rgba(100,180,255,.8);opacity:0;animation:logoScan 7s ease-in-out infinite;pointer-events:none}
@keyframes logoScan{0%,18%,100%{top:15%;opacity:0}25%{opacity:.7}70%{top:85%;opacity:.45}78%{opacity:0}}
@media(max-width:800px){.logo-showcase img{object-fit:contain;object-position:center center}.logo-showcase:before{inset:5%}.logo-scan{left:5%;right:5%}}