@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#101012;--fg:#f4f2f0;--muted:#a4a3a6;--purple:#9000db;--lime:#c4f500;--paper:#eceae6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:var(--lime);color:#111}.nav{height:92px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff1a;position:relative;z-index:20;background:#101012}.brand{display:flex;align-items:center;gap:7px;min-width:195px}.brand-bubbles{display:flex;gap:1px}.brand-bubbles b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--purple);font-size:12px;color:white}.brand-bubbles b:nth-child(even){background:var(--lime);color:#101012}.brand-word{font-size:27px;letter-spacing:-2px;font-weight:700}.brand-dot{color:var(--lime)}.nav nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav nav a:hover{color:var(--lime)}.nav-cta{background:var(--lime);color:#101012;border-radius:50px;padding:14px 20px;font-weight:700;font-size:13px}.nav-cta span{margin-left:20px}.menu{display:none;background:none;border:0;color:white;font-size:27px}.wrap{max-width:1440px;margin:auto;padding:0 5.5%}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';width:26px;height:2px;background:var(--lime)}.hero{min-height:720px;display:grid;grid-template-columns:1.03fr .97fr;overflow:hidden;position:relative}.hero-copy{padding:100px 0 95px 10.5%;z-index:2;position:relative}.hero h1{font-family:'Space Grotesk';font-size:clamp(64px,8vw,142px);line-height:.88;letter-spacing:-.09em;margin:62px 0 36px;font-weight:600}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:390px;color:#aaa;line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.btn{display:inline-flex;align-items:center;gap:45px;padding:17px 23px;border-radius:40px;background:var(--lime);color:#111;font-size:13px;font-weight:700;border:1px solid var(--lime);cursor:pointer}.btn:hover{background:white;border-color:white}.btn-outline{background:transparent;color:inherit;border-color:#777}.hero-art{position:relative;min-height:620px;background:radial-gradient(circle at 55% 46%,#3b195b 0,#1a1222 38%,#101012 72%);overflow:hidden}.hero-art:before{content:'';position:absolute;inset:12%;border:1px solid #ffffff25;border-radius:50%;transform:rotate(-24deg) scaleX(.82)}.orb{position:absolute;border-radius:50%;filter:drop-shadow(0 25px 40px #0008);animation:float 7s ease-in-out infinite}.orb.one{width:340px;height:340px;left:22%;top:20%;background:radial-gradient(circle at 30% 24%,#f1b6ff,#8e00c5 38%,#320056 75%);box-shadow:inset -20px -20px 45px #180020,0 0 110px #8900e044}.orb.two{width:140px;height:140px;right:8%;top:16%;background:radial-gradient(circle at 25% 25%,#f3ffb5,#b6ef00 55%,#476900)}.orb.three{width:190px;height:190px;left:12%;bottom:8%;background:radial-gradient(circle at 30% 20%,#fff,#96929b 35%,#242229 80%);animation-delay:-3s}.hero-art .hero-logo{position:absolute;width:72%;height:auto;left:13%;top:29%;transform:rotate(-9deg);mix-blend-mode:screen;filter:drop-shadow(0 18px 20px #0008);border-radius:22px}.art-label{position:absolute;bottom:32px;right:36px;letter-spacing:.2em;font-size:10px;color:#ffffffa0}.marquee{overflow:hidden;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;padding:23px 0;background:var(--lime);color:#101012}.marquee span{display:block;white-space:nowrap;font:700 23px 'Space Grotesk';letter-spacing:.07em;animation:move 32s linear infinite}.marquee i{font-style:normal;color:#8c00d7;padding:0 28px}.section{padding:115px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section h2,.page-hero h1{font:600 clamp(45px,6.6vw,96px)/.99 'Space Grotesk';letter-spacing:-.075em;margin:18px 0}.section h2 em,.page-hero h1 em{font-style:normal;color:var(--lime)}.section-desc{max-width:370px;color:var(--muted);line-height:1.75}.light{background:var(--paper);color:#141416}.light .section-desc,.light .muted{color:#666}.light .eyebrow:before{background:var(--purple)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.about-photo{height:530px;position:relative;overflow:hidden}.about-photo img{transition:transform .8s}.about-photo:hover img{transform:scale(1.05)}.about-photo:after{content:'IDEAS → IMPACT';position:absolute;bottom:18px;left:20px;background:var(--lime);padding:12px 20px;font-weight:700;font-size:12px;letter-spacing:.08em}.about-text h2{font-size:clamp(45px,5vw,80px)}.about-text p{color:#5f5f62;line-height:1.9;max-width:480px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:10px;font-size:13px;font-weight:700;margin-top:20px}.service-list{border-top:1px solid #ffffff35}.service-row{display:grid;grid-template-columns:80px 1fr 240px 50px;align-items:center;gap:22px;border-bottom:1px solid #ffffff35;padding:26px 0;min-height:150px;transition:padding .3s,background .3s}.service-row:hover{padding-left:18px;background:#ffffff08}.service-row .num{font-size:12px;color:var(--lime)}.service-row h3{font:500 clamp(27px,3.7vw,56px) 'Space Grotesk';letter-spacing:-.055em;margin:0}.service-row p{font-size:13px;color:#aaa;line-height:1.6}.service-row .arrow{font-size:30px;justify-self:end;color:var(--lime)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.project-card:nth-child(2){margin-top:90px}.project-card .project-img{height:420px;overflow:hidden;background:#29292c;position:relative}.project-card:nth-child(3n) .project-img{height:530px}.project-img img{transition:transform .8s}.project-card:hover img{transform:scale(1.06)}.project-img:after{content:'VIEW PROJECT ↗';position:absolute;bottom:18px;right:18px;background:var(--lime);color:#101012;padding:14px 17px;font-size:11px;font-weight:700;opacity:0;transform:translateY(8px);transition:.3s}.project-card:hover .project-img:after{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;gap:15px;padding:18px 0 25px;border-bottom:1px solid #333}.project-meta h3{font-size:23px;margin:0;font-family:'Space Grotesk'}.project-meta span{font-size:12px;color:#999;text-align:right}.statement{background:var(--purple);padding:115px 5.5%;text-align:center}.statement h2{font:600 clamp(52px,8vw,120px)/.98 'Space Grotesk';letter-spacing:-.075em;max-width:1200px;margin:25px auto}.statement em{font-style:normal;color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step{padding:32px 10px 40px 0;border-top:1px solid #555}.step .step-num{font-size:12px;color:var(--lime)}.step h3{font:500 29px 'Space Grotesk';margin:45px 0 14px}.step p{color:#aaa;font-size:14px;line-height:1.7}.footer{padding:100px 5.5% 25px;background:#0a0a0b}.footer-title{font:600 clamp(65px,11vw,175px)/.9 'Space Grotesk';letter-spacing:-.09em;display:block;margin:28px 0 95px}.footer-title em{font-style:normal;color:var(--lime)}.footer-title span{color:var(--purple);margin-left:30px}.footer-bottom{border-top:1px solid #333;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;color:#999}.brand-foot{font-weight:800;font-size:20px;color:white}.brand-foot span{color:var(--lime)}.brand-foot small{display:block;font-size:9px;letter-spacing:.2em}.page-hero{padding:105px 5.5% 85px;min-height:380px;background:radial-gradient(circle at 85% 50%,#3e125c 0,transparent 33%)}.page-hero h1{max-width:1050px}.page-hero p{color:#aaa;max-width:660px;line-height:1.7}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#1c1c20;overflow:hidden}.service-card .thumb{height:250px;overflow:hidden}.service-card img{transition:.6s}.service-card:hover img{transform:scale(1.08)}.service-card .card-body{padding:28px}.service-card h3{font:500 27px 'Space Grotesk';margin:8px 0}.service-card p{font-size:13px;color:#aaa;line-height:1.7}.service-card .go{display:block;margin-top:25px;color:var(--lime);font-size:13px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.feature-visual{height:560px;overflow:hidden;background:#29292c}.feature-copy p{color:#aaa;line-height:1.8}.bullets{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.bullets div{border-top:1px solid #555;padding:15px 0;font-size:14px}.bullets div:before{content:'↗';color:var(--lime);margin-right:12px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.filter{background:transparent;color:white;border:1px solid #666;border-radius:30px;padding:10px 18px;cursor:pointer;font-size:12px}.filter.active,.filter:hover{background:var(--lime);border-color:var(--lime);color:#111}.detail-cover{height:min(72vh,780px);background:#242427;overflow:hidden}.detail-cover img{object-position:center 32%}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:85px 5.5%}.detail-content h2{font:500 clamp(35px,5vw,70px) 'Space Grotesk';letter-spacing:-.06em;margin:0}.detail-content p{color:#aaa;line-height:1.85}.detail-content video{width:100%;max-height:500px;background:#222}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#aaa}.contact-form input,.contact-form select,.contact-form textarea{background:#202024;border:1px solid #444;color:white;padding:16px;border-radius:0;outline:none;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime)}.full{grid-column:1/-1}.contact-form textarea{min-height:150px;resize:vertical}.contact-note{font-size:12px;color:#aaa;line-height:1.6}.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.founder-image{height:570px;overflow:hidden}.founder-image img{object-position:center 20%}.founder h2{font-size:clamp(42px,6vw,88px)}.founder p{color:#aaa;line-height:1.85}.chip{display:inline-block;border:1px solid #777;padding:9px 15px;border-radius:50px;font-size:12px;margin:5px}.showreel{height:520px;position:relative;overflow:hidden;background:#222}.showreel video{height:100%;width:100%;object-fit:cover;filter:brightness(.6)}.showreel-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.showreel-overlay h2{font:600 clamp(48px,8vw,110px) 'Space Grotesk';letter-spacing:-.07em;margin:0}.showreel-overlay a{margin-top:22px;background:var(--lime);color:#111;padding:15px 25px;border-radius:30px;font-weight:700;font-size:13px}@keyframes float{50%{transform:translateY(-24px) rotate(8deg)}}@keyframes move{to{transform:translateX(-50%)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{height:76px;padding:0 5%}.nav nav{display:none;position:absolute;left:0;right:0;top:76px;background:#18181b;padding:24px 5%;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.nav-cta{margin-left:auto}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 6% 40px}.hero h1{margin:40px 0 25px}.hero-art{min-height:450px}.section{padding:75px 0}.about-grid,.feature,.founder,.contact-layout,.detail-content{grid-template-columns:1fr}.service-row{grid-template-columns:45px 1fr 35px}.service-row p{display:none}.steps,.service-cards{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-wrap:wrap}.project-card:nth-child(2){margin-top:40px}}@media(max-width:600px){.nav-cta{display:none}.hero h1{font-size:clamp(62px,16vw,95px)}.hero-art{min-height:350px}.orb.one{width:240px;height:240px}.orb.two{width:100px;height:100px}.orb.three{width:130px;height:130px}.section-head{display:block}.portfolio-grid,.steps,.service-cards{grid-template-columns:1fr}.project-card:nth-child(2){margin-top:0}.project-card .project-img,.project-card:nth-child(3n) .project-img{height:390px}.about-photo,.feature-visual,.founder-image{height:390px}.service-row h3{font-size:28px}.service-row{min-height:105px}.statement{padding:75px 6%}.footer-title{margin-bottom:65px}.footer-title span{margin-left:5px}.page-hero{padding:75px 5.5%}.detail-cover{height:420px}.contact-form{grid-template-columns:1fr}.showreel{height:350px}}
.whatsapp-float{position:fixed;right:23px;bottom:24px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;z-index:9999;box-shadow:0 8px 30px #0009;transition:transform .2s}.whatsapp-float:hover{transform:scale(1.1)}.whatsapp-float svg{width:36px;height:36px}.footer-contact{font-size:12px;overflow-wrap:anywhere}.footer-contact a{color:inherit}.contact-direct{line-height:2;overflow-wrap:anywhere}.contact-direct a{color:var(--lime)}.studio-art{height:100%;min-height:390px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#6026ac,#160c30 55%,#07070e);display:grid;place-items:center;border-radius:12px}.studio-ring{position:absolute;border:15px solid #c4f500;border-radius:50%;width:65%;height:40%;transform:rotate(-35deg);box-shadow:0 0 40px #c4f50080;animation:spinring 11s linear infinite}.ring-b{border-color:#a700f0;transform:rotate(40deg);animation-direction:reverse;width:53%;height:65%}.studio-core{position:relative;font-size:clamp(70px,12vw,180px);font-weight:900;letter-spacing:-.12em;color:white;text-shadow:0 0 40px #bd70ff}.studio-core span{color:#c4f500;font-size:.6em}.studio-art small{position:absolute;bottom:28px;letter-spacing:.3em;color:#fff;font-size:11px}.founder-art{min-height:520px}.showreel-concept{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#481176,#0b0915 60%);text-align:center;padding:55px 20px}.showreel-concept h2{font-size:clamp(55px,9vw,130px);line-height:.95;position:relative}.showreel-concept .btn{position:relative}.motion-orbit{position:absolute;width:55%;height:35%;border:8px solid #c4f500;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 45px #c4f50080;animation:spinring 16s linear infinite}.orbit-2{border-color:#a600fa;width:45%;height:65%;animation-direction:reverse}@keyframes spinring{to{transform:rotate(330deg)}}@media(max-width:700px){.whatsapp-float{width:54px;height:54px;right:15px;bottom:16px}.studio-art{min-height:300px}.showreel-concept{min-height:370px}}

/* DIGIBLOOM / CINEMATIC EDITION */
:root{--bg:#090411;--fg:#f8f5ff;--muted:#b4a7c4;--purple:#ae16f9;--lime:#d2ff00;--paper:#12091f}
body{background:radial-gradient(ellipse at 75% 12%,#230c3b 0,transparent 34%),#090411;color:#f8f5ff}
.nav{position:sticky;top:0;z-index:100;margin:12px auto 0;width:94%;height:76px;padding:0 2.4%;border:1px solid #bb36ef88;border-radius:45px;background:#11081de9;backdrop-filter:blur(24px);box-shadow:0 0 24px #a817ea22, inset 0 0 25px #c51aff10}
.brand-bubbles b{box-shadow:0 0 12px #c22cff88;background:linear-gradient(145deg,#db49ff,#6c009a);width:26px;height:26px}
.brand-bubbles b:nth-child(even){background:linear-gradient(145deg,#e9ff4d,#a5e600);box-shadow:0 0 12px #cfff0088}
.brand-word{color:#fff;text-shadow:0 0 12px #d020ff66}.nav nav a:hover{color:var(--lime)}.nav-cta{border:1px solid var(--lime);background:transparent;color:white;box-shadow:0 0 13px #caff0055}.nav-cta:hover{background:var(--lime);color:#090411}.nav-whatsapp{white-space:nowrap;color:#d8ffad;font-size:12px}
.hero{min-height:650px;grid-template-columns:48% 52%;background:radial-gradient(ellipse at 70% 50%,#2d0b44 0,transparent 58%)}
.hero-copy{padding:100px 0 80px 9%;}.hero h1{font-size:clamp(58px,7.3vw,124px);margin:43px 0 28px;line-height:.94;text-shadow:0 0 28px #ffffff18}.hero h1 em{filter:drop-shadow(0 0 16px #caff0055)}
.hero-art{background:radial-gradient(circle at 50% 50%,#571378 0,#240d37 38%,transparent 70%);overflow:visible}
.hero-art:before{display:none}.hero-statue{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:38% 0 0 38%;mask-image:linear-gradient(to right,transparent 0%,black 13%,black 90%,transparent 100%);filter:drop-shadow(0 0 25px #aa27ff)}
.neon-orbit{position:absolute;pointer-events:none;left:8%;top:40%;width:92%;height:26%;border:7px solid #c92bff;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 12px #c92bff,0 0 42px #b120ff,inset 0 0 22px #ad2aff;animation:orbitPulse 5s ease-in-out infinite}
.neon-orbit.orbit-lime{left:10%;top:65%;width:78%;height:18%;border-color:#d2ff00;box-shadow:0 0 15px #d2ff00,0 0 36px #9ac900;transform:rotate(-16deg);animation-delay:-2s}
.hero-spark{position:absolute;left:9%;bottom:19%;width:12px;height:12px;background:var(--lime);border-radius:50%;box-shadow:0 0 25px 12px #cfff00aa;animation:float 4s infinite}
@keyframes orbitPulse{50%{opacity:.65;filter:hue-rotate(18deg);transform:rotate(-18deg) scale(1.035)}}
.art-label{bottom:40px;right:30px;color:#d9b7f8}.marquee{background:#1c092b;color:#e6d7f3;border-color:#a817ef77;padding:17px 0}.marquee i{color:var(--lime)}
.light,.featured-dark{background:radial-gradient(circle at 95% 20%,#240e3e,transparent 48%),#10091b;color:#f7f1ff}.light .section-desc,.light .muted{color:#aaa0ba}.light .eyebrow:before{background:var(--lime)}
.featured-dark{padding:95px 0}.featured-dark .section-head h2{font-size:clamp(42px,5.6vw,78px)}.portfolio-grid{gap:22px!important}.project-card{background:#1c0b2a;border:1px solid #8c2ab955;border-radius:18px;overflow:hidden;box-shadow:0 8px 35px #0008;transition:transform .35s,box-shadow .35s}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 45px #a521e74a}.project-img{overflow:hidden;background:#1a0927}.project-img img{object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.09)}.project-meta{padding:17px 18px!important;color:white}.project-meta h3{color:#fff}.project-meta span{color:#d3ff21!important}.featured-dark .text-link{color:var(--lime)}
.cinematic-studio{background:#160921!important;overflow:hidden}.cinematic-studio img{width:100%;height:100%;object-fit:cover}.studio-art .studio-core,.studio-art .studio-ring{display:none}
.service-row:hover{background:#27123c}.statement{background:radial-gradient(ellipse at center,#3a1057,#10061a 65%)}.footer{background:#090411;border-top:1px solid #a723e455}
#creative-cursor{position:fixed;left:0;top:0;width:28px;height:28px;border:1.5px solid #d5ff00;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 12px #caff00aa,0 0 24px #9f1de688;mix-blend-mode:screen;transition:width .2s,height .2s,background .2s;opacity:0}#creative-cursor.active{width:48px;height:48px;background:#b72bfa22}
@media (hover:none){#creative-cursor{display:none}}
@media(max-width:1000px){.nav-whatsapp{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 7% 30px}.hero-art{height:460px;min-height:460px}.hero-statue{border-radius:0;mask-image:linear-gradient(to bottom,transparent,black 12%,black 85%,transparent)}.neon-orbit{width:75%;left:13%}}
@media(max-width:650px){.nav{width:96%;height:70px;padding:0 16px}.hero h1{font-size:clamp(53px,12vw,85px)}.hero-art{height:320px;min-height:320px}.featured-dark{padding:60px 0}.project-card{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.neon-orbit,.hero-spark{animation:none}}

/* DigiBloom final selected creative direction */
.nav{background:rgba(10,9,15,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #b548f638;box-shadow:0 4px 35px #a500f311;position:sticky;top:0}
.nav-cta{box-shadow:0 0 22px #c4f50035;transition:transform .25s,box-shadow .25s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 35px #c4f50065}
.brand-bubbles b{box-shadow:inset 0 2px 6px #ffffff77,0 0 12px #9e00f34d}.brand:hover .brand-bubbles b{animation:brandPulse 1.6s ease-in-out infinite alternate}.brand-bubbles b:nth-child(2){animation-delay:.15s}.brand-bubbles b:nth-child(3){animation-delay:.3s}.brand-bubbles b:nth-child(4){animation-delay:.45s}
@keyframes brandPulse{to{transform:translateY(-4px);filter:brightness(1.3)}}
.hero-art{isolation:isolate;background:radial-gradient(circle at 53% 47%,#42145d 0%,#170c24 49%,#101012 78%)}
.hero-art:before{display:none}.hero-glass{position:absolute;inset:22% 11% 23% 8%;border-radius:26px;transform:rotate(-10deg);background:linear-gradient(135deg,#ffffff30,#a100f61e 45%,#ffffff0c);border:1px solid #ffffff28;box-shadow:0 30px 90px #0a0015cc,inset 0 0 40px #ffffff10;backdrop-filter:blur(4px);display:grid;place-items:center;animation:heroFloat 6s ease-in-out infinite;z-index:3;overflow:hidden}
.hero-brand-image{width:87%;height:85%;object-fit:contain;filter:drop-shadow(0 0 24px #a300f7b0);transform:rotate(10deg)}
.hero-orb{position:absolute;border-radius:50%;filter:drop-shadow(0 0 25px #bdff00a0);animation:orbFloat 8s ease-in-out infinite;z-index:4}.hero-orb-lime{width:25%;aspect-ratio:1;right:5%;top:6%;background:radial-gradient(circle at 30% 28%,#edff9a,#c4f500 65%,#719400)}.hero-orb-silver{width:29%;aspect-ratio:1;left:4%;bottom:5%;background:radial-gradient(circle at 35% 28%,#fff,#96929f 42%,#25202d 87%);filter:drop-shadow(0 22px 25px #000a);animation-delay:-3s}.hero-ring{position:absolute;inset:10% 14%;border:1px solid #e5b6ff36;border-radius:50%;transform:rotate(22deg) scaleX(.8);animation:spinOrbit 24s linear infinite;z-index:1}.hero-ring-two{inset:17% 12%;border-color:#c4f50030;transform:rotate(-30deg) scaleX(.75);animation-direction:reverse;animation-duration:32s}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-22px) rotate(-7deg)}}@keyframes orbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes spinOrbit{to{rotate:360deg}}
.hero-art .art-label{position:absolute;right:7%;bottom:6%;font-size:10px;letter-spacing:.22em;color:#bbb;z-index:5}
.about-photo{overflow:hidden}.about-photo img{object-fit:cover;object-position:center;transition:transform .8s,filter .8s;filter:saturate(1.12)}.about-photo:hover img{transform:scale(1.055)}
.project-card{transition:transform .35s}.project-card:hover{transform:translateY(-7px)}.project-img{background:#120e1d}.project-img img{object-fit:cover}.portfolio-grid .project-card:nth-child(2) img{object-position:center}.project-meta{transition:color .3s}
.service-card img{object-fit:cover}.page-hero{background:radial-gradient(ellipse at 80% 0%,#4c106e55,transparent 60%)}
#creative-cursor{pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 18px #ba00ff,0 0 45px #a500f566,inset 0 0 12px #c4f50077;border:1px solid #c4f500!important;transition:width .18s,height .18s,background .18s;z-index:9999}
#creative-cursor.active{background:#c4f50045!important;box-shadow:0 0 30px #c4f500aa,0 0 55px #a900e988}
@media(max-width:800px){.hero-glass{inset:22% 12% 23% 12%}.hero-orb-silver{left:5%;bottom:3%}.hero-orb-lime{right:8%}.nav{position:sticky;top:0}.hero-art{min-height:440px}}
@media(prefers-reduced-motion:reduce){.hero-glass,.hero-orb,.hero-ring,.brand-bubbles b{animation:none!important}.project-card,.about-photo img{transition:none!important}}

/* Homepage hero reference visual only — header and other pages unchanged */
.hero-art{overflow:hidden!important;background:#101012!important;isolation:isolate}
.hero-art .hero-reference-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;animation:heroReferenceFloat 7s ease-in-out infinite;filter:drop-shadow(0 15px 32px rgba(147,0,218,.28))}
@keyframes heroReferenceFloat{0%,100%{transform:translateY(0) scale(1.015)}50%{transform:translateY(-14px) scale(1.04)}}
@media(max-width:800px){.hero-art .hero-reference-visual{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.hero-art .hero-reference-visual{animation:none}}

/* DigiBloom seamless cinematic homepage hero: original editable headline + approved visual. */
.hero{background:radial-gradient(ellipse at 67% 45%,#42135c 0%,#250e3b 31%,#150d24 62%,#101012 94%)!important;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 54% 75%,#ad1aff20,transparent 58%);z-index:0}
.hero-copy{z-index:2}
.hero-art{background:transparent!important;overflow:hidden!important;min-width:0}
.hero-art .seamless-hero-image{position:absolute;inset:-2% -3% -2% -9%;width:112%;height:104%;object-fit:cover;object-position:51% center;animation:seamlessDrift 9s ease-in-out infinite;filter:drop-shadow(0 0 25px #a32fff45);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 93%,transparent 100%);mask-image:radial-gradient(ellipse 77% 74% at 56% 51%,black 58%,transparent 100%)}
.hero h1{position:relative;text-shadow:0 4px 22px #10051a55}
@keyframes seamlessDrift{0%,100%{transform:translate3d(0,0,0) scale(1.02)}50%{transform:translate3d(-7px,-10px,0) scale(1.045)}}
@media(max-width:900px){.hero{background:radial-gradient(ellipse at 50% 65%,#3a1555,#140d22 75%,#101012)!important}.hero-art{min-height:440px}.hero-art .seamless-hero-image{inset:0;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse 70% 78% at center,black 65%,transparent 100%)}}
@media(max-width:600px){.hero-art{min-height:320px}.hero-art .seamless-hero-image{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.hero-art .seamless-hero-image{animation:none}}

/* TRUE SEAMLESS HERO: all elements are transparent CSS objects over ONE shared background. */
.hero{background:#101012!important;position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 48% 68% at 76% 48%,rgba(107,13,152,.37),transparent 80%),radial-gradient(ellipse 36% 48% at 67% 65%,rgba(95,12,126,.18),transparent 90%);pointer-events:none;z-index:0}
.hero-copy{position:relative;z-index:3}.db-hero-stage{position:relative;isolation:initial!important;overflow:visible!important;background:none!important;min-height:660px;perspective:900px;z-index:1}
.db-halo{position:absolute;width:70%;aspect-ratio:1;left:15%;top:16%;border-radius:50%;background:radial-gradient(circle at 36% 28%,#e6a4ff 0%,#a527e0 19%,#5a087f 51%,#220b35 73%,transparent 74%);box-shadow:0 0 90px #9700e84d, inset -20px -28px 55px #090312aa;animation:dbHover 9s ease-in-out infinite}
.db-orbit{position:absolute;border:1px solid #c5a5df4a;border-radius:50%;width:86%;height:82%;left:7%;top:9%;transform:rotate(-29deg) scaleX(.83);animation:dbOrbit 20s linear infinite;pointer-events:none}
.db-orbit-b{width:91%;height:74%;left:3%;top:14%;border-color:#c4f50030;transform:rotate(29deg) scaleX(.75);animation-duration:28s;animation-direction:reverse}
.db-logo-panel{position:absolute;left:10%;top:31%;width:80%;min-height:38%;padding:8% 6% 7%;display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:28px;background:linear-gradient(130deg,#f5d3ff32,#a63cf321 45%,#1d0b3569 100%);border:1px solid #ffffff50;box-shadow:0 22px 85px #10001c9c,0 0 65px #a600ec45,inset 0 0 45px #f7cfff18;backdrop-filter:blur(9px);transform:rotate(-9deg);animation:dbPanel 7s ease-in-out infinite;z-index:3}
.db-logo-row{display:flex;gap:clamp(5px,1.1vw,17px);width:100%;justify-content:center}.db-logo-row span{display:grid;place-items:center;width:clamp(52px,6.5vw,110px);aspect-ratio:1;border-radius:50%;font:900 clamp(34px,4.6vw,78px)/1 'Space Grotesk',sans-serif;color:#fff;background:radial-gradient(circle at 32% 22%,#eea8ff,#a600e7 45%,#550080 85%);text-shadow:0 3px 5px #490075;box-shadow:inset -8px -12px 16px #31004e8a,inset 5px 7px 12px #ffffff70,0 10px 18px #13001d99,0 0 20px #c100ff70;transform:rotate(8deg)}.db-logo-row span:nth-child(even){color:#24132b;background:radial-gradient(circle at 32% 22%,#f6ffb4,#c4f500 52%,#78a900 95%);text-shadow:0 2px 2px #ffffff77;box-shadow:inset -8px -12px 15px #50780099,inset 5px 7px 10px #ffffff9c,0 10px 18px #13001d99,0 0 20px #c4f50070}
.db-bloom{font:800 clamp(50px,7.2vw,120px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.09em;color:#fff;text-shadow:0 5px 2px #4d006b,0 9px 0 #37004f,0 14px 24px #10001c}.db-bloom span{color:#c4f500}.db-swoosh{width:42%;height:14px;border-top:5px solid #c4f500;border-radius:50%;transform:rotate(-7deg) translateX(20%);filter:drop-shadow(0 0 10px #c4f500)}
.db-sphere{position:absolute;aspect-ratio:1;border-radius:50%;z-index:4;animation:dbHover 7s ease-in-out infinite}.db-sphere-lime{width:23%;right:4%;top:8%;background:radial-gradient(circle at 29% 24%,#f4ffaf,#c4f500 47%,#7ca800 88%);box-shadow:inset -10px -15px 30px #567b0077,0 0 38px #c4f50058;animation-delay:-2s}.db-sphere-chrome{width:26%;left:4%;bottom:5%;background:radial-gradient(circle at 30% 25%,#fff,#bdb9c5 30%,#55505e 68%,#17131d);box-shadow:0 20px 30px #05030c99;animation-delay:-4s}.db-sphere-purple{width:10%;right:7%;bottom:14%;background:radial-gradient(circle at 30% 24%,#f4b7ff,#a400ee 48%,#390057);box-shadow:0 0 30px #bd00ff88;animation-delay:-1s}.db-stage-label{position:absolute;right:7%;bottom:2%;font-size:10px;letter-spacing:.22em;color:#b4aabb}
@keyframes dbHover{50%{translate:0 -18px}}@keyframes dbPanel{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-15px)}}@keyframes dbOrbit{to{rotate:360deg}}
@media(max-width:900px){.hero{background:#101012!important}.db-hero-stage{min-height:480px}.db-logo-row span{width:clamp(48px,10vw,85px);font-size:clamp(30px,7vw,58px)}.db-bloom{font-size:clamp(53px,11vw,90px)}}
@media(max-width:600px){.db-hero-stage{min-height:350px}.db-logo-panel{top:27%;left:8%;width:84%;padding:8% 4%}.db-halo{width:75%;left:12%}.db-logo-row span{width:clamp(46px,12vw,66px);font-size:clamp(28px,8vw,44px)}.db-bloom{font-size:clamp(48px,13vw,70px)}.db-stage-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.db-halo,.db-logo-panel,.db-sphere,.db-orbit{animation:none}}