@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f4ef;--ink:#20221e;--muted:#72756c;--lime:#d4f768;--line:#ddded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #6b862c;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-2px}.logo span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.nav nav{display:flex;gap:38px;font-size:14px}.nav nav a:hover,.text-link:hover{color:#657d27}.nav-github{font-size:13px;border:1px solid var(--line);padding:12px 21px;border-radius:24px}.hero{padding-top:56px}.hero-top,.hero-foot{display:flex;justify-content:space-between;align-items:center}.eyebrow,.hero-location,.hero-foot,.concept{font-size:10px;letter-spacing:1.7px;font-weight:600}.eyebrow i{display:inline-block;width:7px;height:7px;background:#76943a;border-radius:50%;margin-right:9px}.hero-location{color:var(--muted);font-size:9px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,sans-serif}h1{font-size:clamp(64px,7.7vw,112px);font-weight:500;line-height:1.08;letter-spacing:-7px;margin:48px 0 36px;position:relative}h1 em,.contact h2 em{font-style:normal;font-family:Georgia,serif;font-weight:400;letter-spacing:-6px}h1 em{position:relative;z-index:0}h1 em:after{content:'';position:absolute;left:-3%;right:-4%;height:32%;bottom:5%;background:var(--lime);z-index:-1;transform:rotate(-3deg)}.asterisk{position:absolute;right:6%;top:24%;font-size:120px;color:#83936b;line-height:1;transform:rotate(10deg)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 0 55px}.hero p{font-size:16px;line-height:1.7;color:#63665c}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:50px;padding:18px 25px;font-size:13px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#3c4432}.dark{background:var(--ink);color:white}.hero-foot{padding:25px 0;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.ticker{overflow:hidden;background:var(--lime);padding:22px 0;margin-top:26px}.ticker>div{width:max-content;font-size:13px;font-weight:600;letter-spacing:2px;word-spacing:9px}.ticker span{font-size:20px;margin:0 35px}.work{padding-top:95px;padding-bottom:85px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2,.about h2{font-size:48px;line-height:1.17;letter-spacing:-2px;font-weight:500;margin-top:20px}.section-head p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:6px}.lime{color:#849d3e}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:35px 0 30px}.filters button{border:1px solid var(--line);padding:11px 18px;border-radius:30px;background:transparent;font-size:12px}.filters .active{background:var(--ink);border-color:var(--ink);color:white}.filters span{font-size:9px;margin-left:8px;color:var(--lime)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}.project[hidden]{display:none}.visual{height:345px;position:relative;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:transform .35s}.project:hover .visual{transform:translateY(-5px)}.visual-one{background:#e1e5da;padding:35px}.mock-board{background:#fcfcf9;width:100%;padding:22px;transform:rotate(-5deg);box-shadow:0 22px 50px #33452a20;border-radius:8px}.mock-top{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:14px}.mock-top b{font-size:14px;letter-spacing:-.5px}.mock-top b span{color:#849b48;margin-left:3px}.mock-top small{font-size:8px;color:#888}.board-title{font-size:14px;font-weight:600;margin:20px 0;display:flex;justify-content:space-between;gap:10px}.board-title>span{background:#d9edb1;padding:5px;font-size:7px;border-radius:4px}.board-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.board-cols>div{background:#f1f2ed;border-radius:5px;padding:8px}.board-cols small{font-size:6px;display:flex;justify-content:space-between}.board-cols p{font-size:8px;background:white;padding:10px 6px;border-radius:4px;margin-top:9px}.board-cols em{display:block;font-size:6px;margin-top:12px;font-style:normal;color:#7d8c60}.concept{font-size:7px;letter-spacing:1px;color:inherit;opacity:.6}.mock-board .concept{display:block;margin-top:16px}.visual-two{background:#292c32;color:#f2f4ed;flex-direction:column}.voice-orb{width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f3ffd7,#bbdca6 30%,#61787e 60%,#333843 80%);box-shadow:0 0 50px #c4e7ac20;margin-bottom:18px}.voice-label{text-align:center;font-size:24px;letter-spacing:-1px}.waveform{color:#c9e7ad;letter-spacing:2px;margin-top:15px}.visual-two .concept{position:absolute;bottom:20px}.visual-three{background:#dad1ed;align-items:flex-start;justify-content:flex-start;flex-direction:column;padding:35px}.mini-brand{font-size:11px;font-weight:600}.talent-type{font-family:Manrope;font-size:44px;line-height:1.1;letter-spacing:-2px;margin-top:25px;z-index:1}.talent-type em{font-family:Georgia;font-weight:400}.visual-three .concept{margin-top:24px}.talent-star{position:absolute;font-size:220px;right:-22px;bottom:-40px;color:#b49dd8;transform:rotate(10deg)}.visual-four{background:#e9e1d7;padding:35px}.crm-card{background:#f9f8f4;width:80%;padding:30px;border-radius:10px;box-shadow:0 15px 40px #4b382812;transform:rotate(5deg)}.crm-card>span{font-size:8px;letter-spacing:2px}.crm-card h4{font-size:25px;letter-spacing:-1px;line-height:1.2;margin-top:15px;font-weight:500}.chart{height:90px;display:flex;align-items:end;gap:12px;margin:15px 0}.chart i{flex:1;background:#a4ae80;height:30%;border-radius:3px 3px 0 0}.chart i:nth-child(2){height:43%}.chart i:nth-child(3){height:38%}.chart i:nth-child(4){height:65%}.chart i:nth-child(5){height:58%}.chart i:nth-child(6){height:80%}.chart i:nth-child(7){height:100%;background:#303a2a}.crm-card small{font-size:6px;letter-spacing:1px;color:#888}.project-info{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0}.project h3{font-size:18px;font-weight:600;letter-spacing:-.5px}.project p{font-size:12px;color:var(--muted);margin-top:7px}.project-arrow{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .2s}.project:hover .project-arrow{background:var(--lime)}.compact{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.compact .project-arrow{margin-left:auto}.compact-symbol{font-size:27px;background:#e6e8dd;border-radius:10px;display:grid;place-items:center;width:54px;height:54px}.work-end{margin-top:38px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.text-link{font-size:13px;color:var(--ink);border-bottom:1px solid;padding-bottom:5px;display:inline-block}.about{background:#e9ebe2;padding:80px 0}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.about h2{font-size:43px}.about-signature{font-family:Georgia;font-style:italic;font-size:30px;margin-top:45px}.about-signature span{display:inline-block;font-size:23px;color:#7d8e59;margin-left:25px}.about-copy>p{font-size:15px;line-height:1.85;margin-bottom:22px;color:#62685a}.about-copy>p:first-child{font-size:21px;line-height:1.5;color:var(--ink);letter-spacing:-.4px}.toolkit{border-top:1px solid #cfd4c5;margin-top:35px;padding-top:23px}.toolkit>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.toolkit>div{font-size:13px;line-height:2;margin-top:13px}.toolkit b{font-weight:400;color:#a7ae9b;margin:0 8px}.contact{padding:95px 0 80px}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 30px}.contact h2{font-size:90px;line-height:1.05;letter-spacing:-5px;font-weight:500}.round-link{width:120px;height:120px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:60px;transition:transform .2s}.round-link:hover{transform:rotate(12deg)}.contact-bottom{display:flex;justify-content:space-between;align-items:center}.contact-bottom p{font-size:14px;color:var(--muted);line-height:1.7}.contact-bottom>div{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.copy{background:none;border:0;color:var(--muted);font-size:12px;padding:5px}#copy-status{font-size:11px;max-width:240px;overflow-wrap:anywhere}.footer{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between}.footer p,.footer>a:last-child{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);padding:15px;z-index:5}.skip:focus{top:10px}@media(min-width:1500px){h1{font-size:115px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero-location{display:none}h1{letter-spacing:-4px;font-size:75px}.asterisk{font-size:90px;right:0}.visual{height:280px}.visual-one,.visual-four{padding:20px}.mock-board{padding:12px}.board-title{font-size:10px}.talent-type{font-size:37px}.section-head h2{font-size:39px}.about-grid{gap:35px}.about h2{font-size:34px}.contact h2{font-size:75px}.crm-card{width:95%}}@media(max-width:600px){.nav{height:82px}.nav nav{gap:20px;font-size:12px}.nav-github{display:none}.logo{font-size:29px}.hero{padding-top:35px}h1{font-size:clamp(45px,11vw,66px);letter-spacing:-3px;line-height:1.15;margin:32px 0}.asterisk{font-size:53px;right:1%;top:-5px}h1 em{letter-spacing:-3px}.hero-bottom{align-items:start;flex-direction:column;gap:24px;padding-bottom:35px}.hero p{font-size:14px}.desktop-br{display:none}.hero-foot{font-size:7px;letter-spacing:1px}.ticker{padding:16px 0;margin-top:10px}.ticker>div{font-size:10px}.ticker span{margin:0 18px}.work{padding-top:60px;padding-bottom:55px}.section-head{align-items:start;flex-direction:column;gap:18px}.section-head h2{font-size:36px;margin-top:15px}.section-head p{font-size:12px}.filters{gap:7px;margin:25px 0}.filters button{padding:9px 12px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:28px}.visual{height:310px}.visual-one{padding:30px}.mock-board{padding:20px}.board-title{font-size:13px}.talent-type{font-size:44px}.work-end{flex-direction:column;align-items:start;gap:18px}.about{padding:55px 0}.about-grid{grid-template-columns:1fr;gap:30px}.about-signature{margin-top:25px}.about-copy>p:first-child{font-size:20px}.contact{padding:60px 0 45px}.contact h2{font-size:58px;letter-spacing:-3px}.contact h2 em{letter-spacing:-3px}.round-link{width:70px;height:70px;font-size:38px}.contact-bottom{align-items:start;flex-direction:column;gap:25px}.contact-bottom>div{align-items:start}.footer{gap:15px;flex-wrap:wrap}.footer .logo{font-size:24px}.footer p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Bright professional direction */
:root{--paper:#fffefa;--ink:#172552;--muted:#65708a;--lime:#ffe45b;--line:#dce2f1}.logo{color:#2855ed}.nav-github{background:#edf1ff;border-color:#edf1ff;color:#2855ed}.eyebrow i{background:#2855ed}.hero{background:radial-gradient(ellipse at 88% 30%,#dceaff88,transparent 55%)}h1{font-weight:600;letter-spacing:-6px}h1 em{color:#2855ed}.asterisk{color:#ff795d}.dark{background:#2855ed;color:#fff;box-shadow:0 6px 0 #dae3ff}.button:hover{background:#1741cc}.ticker{background:#ffe45b;color:#172552}.lime{color:#2855ed}.filters .active{background:#2855ed;border-color:#2855ed}.filters span{color:#ffe45b}.work{padding-top:80px}.project-grid{gap:30px}.product-card{background:white;border:1px solid #dce2f1;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #233a7a12}.product-art{height:300px;padding:30px;position:relative;overflow:hidden;color:#172552}.art-meta{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.5px;position:relative;z-index:1;gap:12px}.art-title{font-family:Manrope,sans-serif;font-size:42px;line-height:1.12;letter-spacing:-2px;position:relative;z-index:1;margin-top:47px;font-weight:600;max-width:95%}.art-shape{position:absolute;right:-22px;bottom:-37px;font-size:220px;line-height:1;opacity:.23;transform:rotate(-15deg)}.art-caption{position:absolute;bottom:24px;left:30px;font-size:7px;letter-spacing:1px}.product-content{padding:25px 28px 28px}.product-kind{font-size:10px;letter-spacing:.5px;color:#65708a}.product-content h3{font-size:24px;margin-top:9px}.product-content p{font-size:13px;line-height:1.8;margin-top:10px;max-width:95%}.product-links{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;flex-wrap:wrap}.live-button{background:#eef2ff;border:1px solid #dce4ff;color:#254ed9;border-radius:25px;font-size:12px;padding:11px 16px;font-weight:600}.live-button:hover{background:#2855ed;color:white}.source-link{font-size:11px;color:#65708a}.about{background:#edf2ff}.about-copy>p{color:#5f6d8b}.about-copy>p:first-child{color:#172552}.about-signature span{color:#2855ed}.toolkit{border-color:#d0daf4}.experience-note{margin-top:25px;display:flex;flex-direction:column;gap:7px;font-size:12px}.experience-note span{color:#65708a;line-height:1.6}.round-link{background:#ff795d;color:white}.contact-phone{font-size:13px;color:#2855ed}.footer .logo{color:#2855ed}@media(max-width:900px){.art-title{font-size:34px}.product-art{height:280px}h1{letter-spacing:-4px}}@media(max-width:600px){h1{letter-spacing:-3px;font-size:clamp(43px,10vw,60px)}.art-title{font-size:38px}.product-art{height:290px}.product-content{padding:24px}}

/* Three-dimensional studio */
:root{--paper:#fcfbf8;--ink:#172342;--muted:#697184;--lime:#d7fb5d}
body{background-image:radial-gradient(#17234208 .6px,transparent .6px);background-size:6px 6px}
.nav{height:96px}.nav .logo{color:var(--ink)}.nav-github{background:white;border:1px solid #dedfe5}.studio-hero{background:none;padding-top:30px}.hero-composition{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;min-height:660px}.hero-copy{position:relative;z-index:2;padding:35px 0}.intro-label{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.tiny-star{color:#ff7758;font-size:23px}.studio-hero h1{font-size:clamp(60px,6.1vw,88px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:28px 0 26px}.studio-hero h1 em{font-family:Georgia,serif;font-style:italic;color:#3157e8;letter-spacing:-4px}.studio-hero h1 em:after{display:none}.standout{position:relative;display:inline-block;z-index:0}.standout:after{content:'';position:absolute;bottom:2px;left:-5px;width:103%;height:22%;background:#d7fb5d;z-index:-1;transform:rotate(-2deg)}.studio-hero p{font-size:14px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:28px}.hero-actions .dark{background:#172342;box-shadow:none;padding:18px 23px}.hero-actions .dark:hover{background:#3157e8}.quiet-link{font-size:13px;border-bottom:1px solid #b7bfce;padding:9px 0}.quiet-link span{margin-left:10px}.hero-specialties{display:flex;gap:12px;align-items:center;margin-top:37px;font-size:8px;letter-spacing:1.2px;color:#6b7382}.hero-specialties i{width:3px;height:3px;background:#ff7758;border-radius:50%}
.portrait-stage{position:relative;height:590px;perspective:1100px;isolation:isolate}.stage-grid{position:absolute;inset:11% -3% 2%;background-image:linear-gradient(#5872bf13 1px,transparent 1px),linear-gradient(90deg,#5872bf13 1px,transparent 1px);background-size:35px 35px;transform:rotate(-8deg);mask-image:radial-gradient(ellipse,black,transparent 68%)}.portrait-stack{position:absolute;inset:70px 40px 60px 50px;transform-style:preserve-3d;transform:rotateX(var(--rx,3deg)) rotateY(var(--ry,-10deg)) rotateZ(-5deg);transition:transform .25s ease-out;will-change:transform}.portrait-frame{height:100%;position:relative;background:#e6e6df;border:8px solid white;border-radius:140px 140px 24px 24px;overflow:hidden;box-shadow:0 28px 60px #25305724;transform:translateZ(22px)}.portrait-frame>img{width:100%;height:100%;object-fit:cover;object-position:51% 30%;display:block}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 22px 20px;display:flex;justify-content:space-between;align-items:end;color:white;background:linear-gradient(transparent,#111c36cc)}.portrait-caption small{display:block;font-size:7px;letter-spacing:1.8px;margin-bottom:6px}.portrait-caption strong{font-family:Manrope;font-size:28px;letter-spacing:-1px;font-weight:500}.portrait-caption>span{font-size:28px}.portrait-back{position:absolute;inset:-15px -20px 15px 20px;border-radius:140px 140px 24px 24px;background:#b8c7ff;transform:translateZ(-20px) rotate(8deg);border:1px solid #9cb1f1}.portrait-side{position:absolute;inset:0;background:#254bdd;border-radius:140px 140px 24px 24px;transform:translateZ(0) translate(9px,7px)}.portrait-tab{position:absolute;top:65px;right:-34px;background:#d7fb5d;color:#263617;font-size:8px;line-height:1.5;letter-spacing:1px;padding:17px 13px;border-radius:6px;transform:translateZ(50px) rotate(9deg);box-shadow:0 8px 20px #21314b1a}.float-badge{position:absolute;display:flex;align-items:center;gap:12px;z-index:4;box-shadow:0 12px 32px #25305717;animation:bob 7s ease-in-out infinite}.badge-code{left:0;bottom:105px;background:white;padding:16px 20px;border-radius:16px;transform:rotate(-6deg);font-size:11px;line-height:1.6}.badge-code>span{font-size:26px;background:#ecf0ff;color:#3157e8;padding:6px 9px;border-radius:11px}.badge-ai{right:0;top:45px;background:#ffe4da;padding:16px 20px;border-radius:50px;font-size:11px;line-height:1.5;animation-delay:-3s;transform:rotate(8deg)}.badge-ai>span{font-size:32px;color:#ff7758}.chrome-ball{position:absolute;width:92px;height:92px;right:7px;bottom:40px;border-radius:50%;background:radial-gradient(circle at 28% 23%,#fff 0%,#f6f8ff 12%,#a4b5e8 27%,#f6fcff 39%,#50639e 50%,#c7daff 67%,#edf1ff 78%,#8fa4d1 95%);box-shadow:12px 24px 28px #31426824;animation:bob 6s ease-in-out infinite;z-index:3}.orbit{position:absolute;border:1px solid #8299eb60;border-radius:50%;height:390px;width:570px;top:110px;left:-20px;transform:rotate(-48deg);z-index:-1}.orbit-two{transform:rotate(30deg);width:520px;height:250px;top:190px;border-color:#ff8d6c55}.coral-knot{position:absolute;width:90px;height:100px;top:10px;left:18px;transform:rotate(-20deg);animation:slow-turn 20s linear infinite}.coral-knot i{position:absolute;border:12px solid #ff987b;border-right-color:#d8513f;border-bottom-color:#f47153;border-radius:50%;width:76px;height:76px;box-shadow:inset 2px 2px 5px #7f221522,2px 5px 7px #d77b5722}.coral-knot i:nth-child(2){transform:rotateY(65deg) rotateX(25deg)}.coral-knot i:nth-child(3){transform:rotateX(65deg) rotateY(25deg)}.stage-note{position:absolute;bottom:0;left:70px;font-size:7px;letter-spacing:1.6px;color:#8d94a4}.hero-foot a{color:var(--ink)}.ticker{margin-top:10px;background:#d7fb5d;padding:21px 0;transform:rotate(-1deg);width:100%;box-shadow:0 10px 0 #eef6de}.ticker>div{font-size:11px}
.product-card{transform-style:preserve-3d;box-shadow:0 8px 0 #e5e7ed,0 20px 35px #17234208;border-radius:23px;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:perspective(1200px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg)) translateY(-8px);box-shadow:0 12px 0 #e1e5ef,0 30px 50px #17234216}.product-art{height:310px;margin:10px;border-radius:15px;transform:translateZ(8px)}.art-shape{text-shadow:2px 3px 0 #ffffff55,5px 7px 0 #17234220,9px 12px 14px #17234225;opacity:.45;transform:rotate(-15deg) perspective(400px) rotateY(-25deg)}.product-content{padding:20px 28px 28px}.art-title{font-size:40px}.product-links .live-button{background:#172342;color:white;border-color:#172342}.product-links .live-button:hover{background:#3157e8}.about{position:relative;overflow:hidden;background:#edf1ff}.about-marquee{font-family:Manrope;font-size:clamp(40px,7vw,100px);font-weight:800;letter-spacing:-4px;color:#dbe3ff;white-space:nowrap;line-height:1;margin:-30px 0 55px;text-align:center}.about-portrait{display:flex;align-items:center;gap:16px;margin-top:30px}.about-portrait img{width:75px;height:75px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 7px 0 #d3ddf9}.about-portrait span{font-size:11px;line-height:1.7;color:#64718d}.about-signature{margin-top:25px}.contact .round-link{background:radial-gradient(circle at 30% 25%,#ffb79b,#ff7758 60%,#d94a35);box-shadow:6px 12px 0 #e85c3e,14px 25px 30px #e85c3e25;color:white}.contact .round-link:hover{transform:translateY(-5px) rotate(10deg)}.section-head h2{font-size:50px}.nav nav a{position:relative}.nav nav a:after{content:'';height:2px;background:#3157e8;position:absolute;bottom:-6px;left:0;width:0;transition:width .2s}.nav nav a:hover:after{width:100%}.footer{margin-top:10px}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes slow-turn{to{rotate:360deg}}
@media(max-width:1050px){.hero-composition{grid-template-columns:1fr 1fr;min-height:590px}.studio-hero h1{font-size:64px}.portrait-stage{height:520px}.portrait-stack{inset:65px 25px 55px 25px}.orbit{width:420px;height:310px}.badge-code{padding:12px;left:-15px;bottom:90px}.badge-ai{right:-10px}.hero-specialties{font-size:7px;gap:8px}.hero-actions{gap:15px}.hero-copy p br{display:none}.studio-hero h1 em{letter-spacing:-3px}.portrait-tab{right:-14px}}
@media(max-width:700px){.hero-composition{grid-template-columns:1fr;gap:0;min-height:auto}.studio-hero h1{font-size:clamp(58px,12vw,80px);letter-spacing:-4px;line-height:1.03;margin:22px 0}.hero-copy{padding:30px 0 0}.hero-top .eyebrow{font-size:8px}.hero-actions{margin-top:25px;gap:25px}.hero-specialties{margin-top:28px;font-size:8px}.portrait-stage{height:520px;width:min(100%,440px);margin:20px auto 25px}.portrait-stack{inset:55px 40px 40px 40px}.portrait-frame{border-radius:130px 130px 24px 24px}.portrait-back{border-radius:130px 130px 24px 24px}.badge-ai{right:0;top:35px}.badge-code{left:0;bottom:80px}.chrome-ball{width:70px;height:70px;right:5px;bottom:18px}.orbit{width:110%;height:310px;left:-5%;top:140px}.orbit-two{height:220px;top:210px}.coral-knot{top:0;left:15px;width:60px;height:60px}.coral-knot i{width:60px;height:60px;border-width:9px}.stage-note{bottom:-15px;left:50px}.hero-foot{gap:10px;font-size:7px}.hero-foot>span:nth-child(2){display:none}.section-head h2{font-size:36px}.about-marquee{margin:0 0 35px;font-size:42px;letter-spacing:-2px}.product-art{height:290px}.art-title{font-size:36px}.studio-hero{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.float-badge,.chrome-ball,.coral-knot{animation:none}.portrait-stack{transition:none;transform:rotate(-3deg)}.product-card:hover{transform:translateY(-3px)}}

body{overflow-x:clip}.hero-composition>div{min-width:0}.portrait-stage{max-width:100%}.hero-location{max-width:45%;text-align:right}.studio-hero .hero-foot{position:relative;z-index:5}

/* Continuous motion and spatial interaction */
.studio-hero{position:relative}.hero-composition,.hero-top,.hero-foot{position:relative;z-index:1}.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.65}.hero-ambient span{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(65px);background:#c2d0ff;left:55%;top:10%;animation:ambient-drift 13s ease-in-out infinite alternate}.hero-ambient span:nth-child(2){background:#ffd3bb;width:220px;height:220px;left:10%;top:35%;animation-delay:-5s;animation-duration:17s}.hero-ambient span:nth-child(3){background:#e4ff9b;width:190px;height:190px;left:75%;top:65%;animation-delay:-8s}
.marquee-track{display:flex;align-items:center;animation:marquee-slide 25s linear infinite;will-change:transform}.marquee-segment{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}.ticker:hover .marquee-track{animation-play-state:paused}.portrait-stack{animation:portrait-drift 8s ease-in-out infinite}.chrome-ball{animation:ball-float 5s ease-in-out infinite;background-size:160% 160%}.coral-knot{animation:slow-turn 12s linear infinite,bob 5s ease-in-out infinite}.orbit-one{animation:orbit-drift 17s linear infinite}.orbit-two{animation:orbit-counter 21s linear infinite}.badge-code{animation:bob 4.8s ease-in-out infinite}.badge-ai{animation:bob 5.5s ease-in-out infinite;animation-delay:-2s}.tiny-star{display:inline-block;animation:slow-turn 12s linear infinite}.hero-copy h1{animation:title-arrive .9s ease-out both}.hero-copy p,.hero-actions{animation:title-arrive .9s .18s ease-out both}.art-shape{animation:project-sculpture 9s ease-in-out infinite}.product-card:nth-child(even) .art-shape{animation-delay:-4s}.product-card{position:relative}.product-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,0%),#ffffff55,transparent 55%);opacity:0;transition:opacity .3s}.product-card:hover:after{opacity:1}.reveal-pending{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal-pending.revealed{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#3157e8,#ff7758,#b8e445);width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:100;pointer-events:none}.round-link{animation:cta-float 5s ease-in-out infinite}
@keyframes marquee-slide{to{transform:translateX(-50%)}}@keyframes portrait-drift{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -14px;rotate:1deg}}@keyframes ambient-drift{to{transform:translate(-90px,80px) scale(1.3)}}@keyframes ball-float{0%,100%{translate:0 0;background-position:0% 0%}50%{translate:-14px -26px;background-position:100% 100%}}@keyframes orbit-drift{from{transform:rotate(-48deg) rotateY(0)}to{transform:rotate(312deg) rotateY(0)}}@keyframes orbit-counter{from{transform:rotate(30deg)}to{transform:rotate(-330deg)}}@keyframes project-sculpture{0%,100%{transform:perspective(500px) rotateX(8deg) rotateY(-25deg) rotateZ(-15deg) translateY(0)}50%{transform:perspective(500px) rotateX(-12deg) rotateY(20deg) rotateZ(12deg) translateY(-16px)}}@keyframes title-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes cta-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) *,html:not([data-motion="on"]) *:before,html:not([data-motion="on"]) *:after{animation:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none;transition:none}.marquee-track{transform:none}}

html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}
html[data-motion="off"] .reveal-pending{opacity:1;transform:none}
.motion-toggle{position:fixed;bottom:20px;left:20px;z-index:90;border:1px solid #d8def0;border-radius:30px;background:#ffffffed;box-shadow:0 5px 25px #15234215;padding:11px 16px;font-size:11px;color:#172342}
html[data-motion="on"] .portrait-stack{animation:desktop-portrait-float 5s ease-in-out infinite!important}
html[data-motion="on"] .badge-code{animation:desktop-badge-float 3.5s ease-in-out infinite!important}
html[data-motion="on"] .badge-ai{animation:desktop-badge-float 4s -2s ease-in-out infinite!important}
html[data-motion="on"] .chrome-ball{animation:desktop-ball-float 4s ease-in-out infinite!important}
html[data-motion="on"] .marquee-track{animation:marquee-slide 20s linear infinite!important}
html[data-motion="on"] .coral-knot{animation:desktop-knot-spin 10s linear infinite!important}
@keyframes desktop-portrait-float{0%,100%{transform:translateY(0) rotateX(var(--rx,3deg)) rotateY(var(--ry,-10deg)) rotateZ(-5deg)}50%{transform:translateY(-24px) rotateX(var(--rx,3deg)) rotateY(var(--ry,-10deg)) rotateZ(-2deg)}}
@keyframes desktop-badge-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-22px) rotate(5deg)}}
@keyframes desktop-ball-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-15px,-32px) scale(1.06)}}
@keyframes desktop-knot-spin{from{transform:rotate(-20deg)}to{transform:rotate(340deg)}}

.services-section,.experience-section{padding:100px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.service-grid article{padding:32px;border-radius:24px;position:relative;overflow:hidden;border:1px solid #dfe4ee;background:#f0f3ff;box-shadow:0 9px 0 #e1e6f4}.service-grid article:nth-child(2){background:#fff0e8;box-shadow:0 9px 0 #f4dfd4}.service-grid article:nth-child(3){background:#f0f8d9;box-shadow:0 9px 0 #dfe8c7}.service-icon{display:grid;place-items:center;width:62px;height:62px;background:#fff;border-radius:18px;font-size:32px;margin-bottom:35px;box-shadow:4px 6px 0 #1723420c;transform:rotate(-8deg)}.service-grid small{font-size:8px;letter-spacing:1.1px}.service-grid h3{font-size:25px;line-height:1.25;margin:17px 0;letter-spacing:-1px}.service-grid p{font-size:13px;line-height:1.8;color:#65708a}.service-grid article>div{margin-top:30px;font-size:10px;border-top:1px solid #17234215;padding-top:20px}.feature-section{background:#18264c;color:#fff;padding:70px 0 85px;overflow:hidden;position:relative}.feature-top{display:flex;justify-content:space-between;color:#b9c9f7;font-size:9px;letter-spacing:1.5px}.feature-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px;align-items:center;margin-top:65px}.feature-copy h2{font-size:57px;letter-spacing:-3px;font-weight:500;line-height:1.08}.feature-copy>p{font-size:15px;line-height:1.8;color:#b8c6e5;margin-top:25px;max-width:370px}.feature-copy dl{margin:30px 0}.feature-copy dl>div{margin-top:24px}.feature-copy dt{font-size:8px;color:#d7fb5d;letter-spacing:1.7px}.feature-copy dd{margin:9px 0 0;font-size:12px;line-height:1.8;color:#b8c6e5;max-width:350px}.feature-button{background:#d7fb5d;color:#172342}.feature-button:hover{background:#ebffae}.feature-scene{perspective:1000px;position:relative;padding:25px 0 70px}.dashboard-object{background:#f8f9ff;border:6px solid #7790db;border-radius:20px;box-shadow:12px 17px 0 #0f1a36,25px 35px 70px #0004;transform:rotateY(-14deg) rotateX(9deg) rotateZ(3deg);color:#172342;animation:dashboard-drift 9s ease-in-out infinite}.dash-nav{display:flex;align-items:center;padding:20px;gap:25px;border-bottom:1px solid #dde3f1}.dash-nav b{font-size:18px;letter-spacing:-1px}.dash-nav b span{color:#8baf49}.dash-nav>span{font-size:8px;color:#8994ab}.dash-nav i{margin-left:auto;border-radius:50%;padding:7px;background:#dae5ff;font-style:normal;font-size:9px}.dash-body{display:grid;grid-template-columns:105px 1fr;min-height:300px}.dash-body aside{padding:22px 15px;background:#edf1fc;display:flex;flex-direction:column;gap:25px;font-size:9px}.dash-main{padding:25px}.dash-main>small{font-size:7px;letter-spacing:1px;color:#7c88a0}.dash-main>h3{font-size:20px;letter-spacing:-.6px;margin-top:12px}.dash-metrics{display:flex;gap:12px;margin-top:25px}.dash-metrics>div{position:relative;background:#e6eeff;border-radius:10px;padding:16px;flex:1}.dash-metrics>div:nth-child(2){background:#ecf4d7}.dash-metrics span{display:block;font-size:6px;letter-spacing:1px}.dash-metrics b{display:block;font-size:11px;margin-top:10px}.dash-metrics i{position:absolute;right:8px;top:7px;font-size:16px;font-style:normal;opacity:.4}.pipeline{display:flex;gap:14px;margin-top:20px}.pipeline>div{flex:1}.pipeline span{font-size:9px}.pipeline p{font-size:9px;background:white;border:1px solid #e1e5f0;border-radius:8px;margin-top:10px;padding:14px;line-height:1.9}.pipeline small{font-size:6px;color:#8994ab}.scene-label{display:block;position:absolute;bottom:15px;font-size:7px;letter-spacing:1px;color:#8fa3cf}.scene-badge{position:absolute;right:-5px;bottom:40px;background:#ffb59b;color:#172342;padding:17px 25px;border-radius:14px;font-size:11px;line-height:1.6;transform:rotate(-8deg);box-shadow:0 12px 30px #0003}.timeline{margin-top:45px}.timeline article{padding:30px 0;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line)}.timeline-number{font-size:12px;color:#3157e8;width:35px}.timeline small{font-size:8px;letter-spacing:1px;color:#7b8497}.timeline h3{font-size:25px;letter-spacing:-1px;margin-top:10px}.timeline p{font-size:12px;color:#65708a;margin-top:10px}.timeline-tag{margin-left:auto;border:1px solid #dce2f1;padding:9px 17px;border-radius:30px;font-size:10px}.process-section{background:#f0f4e7;padding:90px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:50px}.process-grid article{border-top:1px solid #c9d2b9;padding-top:20px}.process-grid article>span{font-family:Georgia;font-size:47px;color:#93a67a;font-style:italic}.process-grid h3{font-size:23px;margin-top:20px;letter-spacing:-1px}.process-grid p{font-size:12px;line-height:1.9;color:#6c7760;margin-top:15px}.stack-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:100px 0;border-bottom:1px solid var(--line)}.stack-section h2{font-size:45px;letter-spacing:-2px;margin-top:20px;line-height:1.15;font-weight:500}.stack-cloud{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center;perspective:900px}.stack-cloud>span{display:flex;justify-content:space-between;padding:20px;background:#edf1ff;border:1px solid #d7dff7;border-radius:13px;font-size:14px;box-shadow:3px 5px 0 #dce3f6;transform:rotate(-3deg);transition:transform .2s}.stack-cloud>span:nth-child(3n){background:#ffe7dc;box-shadow:3px 5px 0 #f3d5c8;transform:rotate(3deg)}.stack-cloud>span:hover{transform:translateY(-8px) rotate(0)}.stack-cloud i{font-style:normal;color:#3157e8;font-size:15px}.feature-section+.work{padding-top:100px}@keyframes dashboard-drift{0%,100%{transform:rotateY(-14deg) rotateX(9deg) rotateZ(3deg) translateY(0)}50%{transform:rotateY(-6deg) rotateX(5deg) rotateZ(1deg) translateY(-16px)}}@media(max-width:1000px){.service-grid article{padding:24px}.feature-layout{gap:35px}.feature-copy h2{font-size:45px}.dash-body{grid-template-columns:80px 1fr}.dash-main{padding:18px}.dash-nav{gap:12px}.stack-section{gap:35px}.process-grid{gap:20px}}@media(max-width:700px){.nav nav{gap:13px}.services-section,.experience-section{padding:65px 0}.service-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.service-grid article{padding:30px}.service-icon{margin-bottom:25px}.feature-section{padding:50px 0}.feature-top{gap:15px;line-height:1.7}.feature-top>span:last-child{font-size:7px;text-align:right}.feature-layout{grid-template-columns:1fr;gap:20px;margin-top:35px}.feature-copy h2{font-size:45px}.feature-scene{margin:0 6px}.dash-nav{padding:15px}.dash-main>h3{font-size:15px}.dash-main{padding:15px}.dash-body{grid-template-columns:75px 1fr;min-height:270px}.dash-body aside{font-size:7px;padding:20px 10px}.dash-metrics>div{padding:12px}.dash-metrics b{font-size:9px}.dash-metrics i{display:none}.pipeline{gap:8px}.pipeline p{padding:9px;font-size:8px}.timeline article{gap:15px;padding:25px 0}.timeline h3{font-size:20px}.timeline-tag{display:none}.timeline-number{width:20px;flex-shrink:0}.timeline p{line-height:1.7}.process-section{padding:60px 0}.process-grid{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:30px}.stack-section{grid-template-columns:1fr;padding:65px 0;gap:30px}.stack-section h2{font-size:36px}.stack-cloud>span{padding:17px;font-size:12px}}

/* Full-color art direction: no white or black backgrounds */
:root{--paper:#ddd2fa;--ink:#332559;--muted:#645276;--line:#b8a4db;--lime:#e4f767}
body{background-color:#ddd2fa;background-image:radial-gradient(#765fa21c .8px,transparent .8px);color:#332559}
.nav{border-color:#baa6dd}.nav .logo,.footer .logo{color:#563391}.nav-github{background:#c4b1f4;border-color:#a58bd8;color:#42246f}.nav nav a:after{background:#7651d1}.studio-hero{background:transparent}.hero-copy h1{color:#382652}.studio-hero h1 em{color:#7442c6}.studio-hero p{color:#665079}.hero-ambient span{background:#ae8ef7}.hero-ambient span:nth-child(2){background:#ffaf92}.hero-ambient span:nth-child(3){background:#e4f767}.hero-actions .dark,.dark{background:#7146b5;color:#f7d59b;box-shadow:0 7px 0 #b299d7}.hero-actions .dark:hover,.button:hover{background:#8556ce}.quiet-link{border-color:#a991ca;color:#563391}.hero-specialties{color:#76598b}.hero-foot,.hero-location{color:#755c8b}.hero-foot a{color:#563391}.eyebrow i{background:#9a4fd5}.standout:after{background:#e4f767}.portrait-frame{border-color:#e4c4ff;background:#c6b4e4}.portrait-back{background:#b08de7;border-color:#8b66c4}.portrait-side{background:#9760cd}.portrait-caption{color:#f8d6ab;background:linear-gradient(transparent,#543269dd)}.portrait-tab{background:#e4f767;color:#4f5230}.badge-code{background:#ffc9a3;color:#69446c}.badge-code>span{background:#e6aff6;color:#6940a2}.badge-ai{background:#f4a7c4;color:#734067}.badge-ai>span{color:#b94f84}.ticker{background:#e4f767;color:#5c4a48;box-shadow:0 10px 0 #c5d865}.chrome-ball{background-image:radial-gradient(circle at 28% 23%,#efcaff,#c3a1ed 20%,#966cc8 35%,#e9c1f6 46%,#7855a9 60%,#c6a1f0 80%,#ac80d8)}.stage-note{color:#82629b}
.services-section{position:relative;background:#f7c59d;box-shadow:0 0 0 100vmax #f7c59d;clip-path:inset(0 -100vmax);margin-top:45px}.section-head p{color:#7d586d}.service-grid article{background:#c6b0f0;border-color:#b095d7;box-shadow:0 9px 0 #ad91d3}.service-grid article:nth-child(2){background:#f3a9bd;box-shadow:0 9px 0 #dc8ea8;border-color:#d98da5}.service-grid article:nth-child(3){background:#d3e99b;box-shadow:0 9px 0 #b6cf7d;border-color:#b1c77e}.service-icon{background:#f8d477;box-shadow:4px 6px 0 #b88b6955}.service-grid p{color:#684d75}.service-grid article>div{border-color:#806b8c44}.feature-section{background:#9c83df;color:#3e285d}.feature-top{color:#5d3c88}.feature-copy>p,.feature-copy dd{color:#5b3d7b}.feature-copy dt{color:#59327f}.feature-button{background:#e4f767;color:#55406e}.feature-button:hover{background:#f3cc77}.dashboard-object{background:#d9c8f4;border-color:#b19ae8;color:#4a326c;box-shadow:12px 17px 0 #7552af,25px 35px 70px #62418f55}.dash-nav{border-color:#bba4df}.dash-nav>span,.dash-main>small{color:#7b5c9a}.dash-nav i{background:#f4c978}.dash-body aside{background:#bda7e6}.dash-metrics>div{background:#f2b5c6}.dash-metrics>div:nth-child(2){background:#d0e88f}.pipeline p{background:#edcba9;border-color:#c6a3a9}.pipeline small{color:#8a607e}.scene-label{color:#5e3c88}.scene-badge{background:#f6cd75;color:#67486b}.work{background:#b9dcca;box-shadow:0 0 0 100vmax #b9dcca;clip-path:inset(0 -100vmax)}.filters button{border-color:#8ebaa4;color:#4e6562}.filters .active{background:#8b5eac;border-color:#8b5eac;color:#f2d398}.filters span{color:#e4f767}.product-card{background:#f3c79e;border-color:#dcae8d;box-shadow:0 8px 0 #95bca6,0 20px 35px #6b947222}.product-card:hover{box-shadow:0 12px 0 #8aaf99,0 30px 50px #6b947233}.product-card:nth-child(3n+2){background:#ddbef0;border-color:#c9a4df}.product-card:nth-child(3n){background:#f2b6c7;border-color:#dca0b3}.product-kind,.product-content p,.source-link{color:#795775}.product-links .live-button{background:#8652ad;border-color:#8652ad;color:#f8d89b}.product-links .live-button:hover{background:#a168c4}.product-card:after{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,0%),#f8d3a455,transparent 55%)}.work-end{color:#597263}.text-link{color:#65428d}.about{background:#f0aec9}.about-marquee{color:#d789b1}.about-copy>p{color:#865675}.about-copy>p:first-child{color:#66365c}.about-portrait img{border-color:#e0b9ee;box-shadow:0 7px 0 #d490b5}.about-portrait span,.experience-note span{color:#865675}.about-signature span{color:#87419e}.toolkit{border-color:#ce8caf}.experience-section{background:#c2b3ee;box-shadow:0 0 0 100vmax #c2b3ee;clip-path:inset(0 -100vmax)}.timeline article{border-color:#a493d2}.timeline-number{color:#8653b4}.timeline small,.timeline p{color:#75608f}.timeline-tag{background:#f0c78b;border-color:#d1ac7e;color:#79526b}.process-section{background:#efd37d}.process-grid article{border-color:#c5a653}.process-grid article>span{color:#a57873}.process-grid p{color:#8a655f}.stack-section{background:#a9cbdc;box-shadow:0 0 0 100vmax #a9cbdc;clip-path:inset(0 -100vmax);border-color:#83aec5}.stack-cloud>span{background:#c9b1ed;border-color:#ac92d1;box-shadow:3px 5px 0 #8a9cc6}.stack-cloud>span:nth-child(3n){background:#f4b9a0;box-shadow:3px 5px 0 #ca9b99}.stack-cloud i{color:#7f4ca9}.contact{background:#d7e991;box-shadow:0 0 0 100vmax #d7e991;clip-path:inset(0 -100vmax)}.contact h2{color:#536244}.contact h2 em{color:#8c4da2}.contact-bottom p{color:#75815b}.contact-phone{color:#7e4a9b}.contact .round-link{background:radial-gradient(circle at 30% 25%,#ffc594,#ef9b94 60%,#cc728f);box-shadow:6px 12px 0 #bd7d98,14px 25px 30px #b9768c33;color:#71456b}.copy,#copy-status{color:#7b685e}.footer{background:#ddd2fa;border-color:#b9a4d9;margin-top:0}.footer p,.footer>a:last-child{color:#806393}.motion-toggle{background:#f3ce8f;border-color:#d1a666;color:#694575;box-shadow:0 5px 25px #79528a33}.skip{background:#e4f767;color:#5d457b}

/* Tinted optical glass: frosted surfaces, no liquid distortion */
:root{--line:#bca4d855}
body{background-color:#c9b4e9;background-image:radial-gradient(ellipse at 10% 12%,#f0b594 0,transparent 34%),radial-gradient(ellipse at 90% 26%,#a2c9d7 0,transparent 38%),radial-gradient(ellipse at 15% 58%,#d5e9a1 0,transparent 35%),radial-gradient(ellipse at 85% 80%,#edabc4 0,transparent 40%),linear-gradient(135deg,#cdb4ec,#afc9dc 45%,#e8bba8);background-attachment:fixed;background-size:cover}
.nav{height:80px;margin-top:18px;padding:0 26px;border:1px solid #edcfff75;border-radius:25px;background:#d5c1ef66;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:inset 0 1px 0 #f3daff99,0 12px 35px #71518d13}
.nav-github{background:#c7b1ed66;border-color:#eacafa88;box-shadow:inset 0 1px 0 #f1d2ff99}
.studio-hero{margin-top:18px}.hero-ambient{opacity:.4}.portrait-frame{border:6px solid #e4c6ef8c;box-shadow:inset 0 1px 0 #f4d9ff99,0 25px 65px #77549d35;background:#c3abd366}.portrait-caption{background:linear-gradient(transparent,#77558b99);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.portrait-back{background:#bba0e273;border-color:#e2c1ff99}.portrait-tab{background:#deee9bbb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #e9f3bd99}
.badge-code,.badge-ai,.motion-toggle{backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);border:1px solid #f0d1f6aa;box-shadow:inset 0 1px 0 #f5dafa99,0 12px 35px #70488524}.badge-code{background:#eac5b980}.badge-code>span{background:#cba9e56b}.badge-ai{background:#edb7d080}.motion-toggle{background:#ebcb9d88}
.ticker{background:#d7ec9899;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 0 #c0d49644;border-block:1px solid #ebf4bd99}
.services-section,.work,.experience-section,.stack-section,.contact{background:transparent;box-shadow:none;clip-path:none}
.services-section{margin-top:30px}.service-grid article,.service-grid article:nth-child(2),.service-grid article:nth-child(3),.product-card,.product-card:nth-child(3n+2),.product-card:nth-child(3n),.stack-cloud>span,.stack-cloud>span:nth-child(3n){backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);border:1px solid #ecd0f3a6;box-shadow:inset 0 1px 0 #f5ddff99,inset 0 -1px 0 #9e78bc22,0 18px 45px #73528a19}
.service-grid article{background:linear-gradient(145deg,#d8c0f287,#bca8e34d)}.service-grid article:nth-child(2){background:linear-gradient(145deg,#efbfd68c,#e2a9bd4d)}.service-grid article:nth-child(3){background:linear-gradient(145deg,#dceaa58c,#bad4974d)}.service-icon{background:#eed59e77;border:1px solid #f5e1ba88;box-shadow:inset 0 1px 0 #f6e4bc99,0 7px 20px #84679217}
.feature-section{background:#a991d14d;border-block:1px solid #e4c6f877;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #edcfff77}.dashboard-object{background:#dcc8eead;border-color:#d6bce88c;box-shadow:10px 14px 0 #9478bd44,25px 35px 70px #62418f24}.dash-body aside{background:#bda7e64d}.dash-metrics>div{background:#edb8d07d}.dash-metrics>div:nth-child(2){background:#d0e88f7d}.pipeline p{background:#edcba96b;border-color:#e4c7df77}.scene-badge{background:#ebcf9a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #f2dab899;box-shadow:0 12px 30px #75589422}
.product-card{background:#edc7ad6b}.product-card:nth-child(3n+2){background:#d8bbed66}.product-card:nth-child(3n){background:#edb7cc66}.product-card:hover{box-shadow:inset 0 1px 0 #f5ddff99,0 24px 55px #73528a2b}.product-art{opacity:.87;border:1px solid #eed1ef66}.filters button{background:#d4c6e444;border-color:#e8cef28c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.filters .active{background:#9d7cb799;border-color:#dabce8;color:#efd5aa}
.about{background:#e6b3ce40;border-block:1px solid #ecc5e77a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.about-marquee{color:#b17cac44}.about-portrait img{border-color:#d9b8e788}.process-section{background:#ead29344;border-block:1px solid #efddb777;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.stack-cloud>span{background:#c9b1ed66}.stack-cloud>span:nth-child(3n){background:#efbdac66}.timeline article{border-color:#b89cc644}.timeline-tag{background:#e9ca9c66;border-color:#eed7b488}.contact{padding-inline:35px;border-radius:35px;background:linear-gradient(135deg,#d9e5ac66,#d9bfe266);border:1px solid #ecd0ee99;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:inset 0 1px 0 #f0dafa99,0 20px 50px #73528a17;margin-bottom:40px}.footer{background:transparent;border-color:#b9a4d966}
.dark,.hero-actions .dark,.product-links .live-button{background:linear-gradient(145deg,#9874beb3,#7855a9b3);border:1px solid #c3a2db99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #dbb9ed77,0 7px 20px #73528a20}.feature-button{background:#dceba5a6;border:1px solid #edf3c388;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.contact .round-link{box-shadow:inset 0 2px 0 #f4d1bd99,0 15px 30px #b9768c33;border:1px solid #ecc3b477}
@supports not (backdrop-filter:blur(1px)){.service-grid article,.product-card{background-color:#d3bde8}.nav{background:#cdb9e9}.contact{background:#d0c9b9}}
@media(max-width:700px){.nav{padding:0 16px;border-radius:20px;height:72px}.nav nav{gap:12px;font-size:11px}.contact{padding:45px 24px;border-radius:25px}.service-grid article,.product-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}

/* Scroll-directed 3D product film */
.scroll-cinema{height:300vh;position:relative;background:linear-gradient(145deg,#bd9ee0aa,#a2cbd9aa 50%,#e4b9b0aa);border-block:1px solid #ead0f6aa;--scene-p:0;--cube-turn:0deg;--cube-scale:1;--cube-alpha:1;--laptop-alpha:0;--lid-open:-85deg;--laptop-turn:-25deg;--world-rise:0px;--sphere-x:0px}.cinema-sticky{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:55px max(35px,calc((100vw - 1240px)/2)) 35px}.cinema-heading{position:relative;z-index:3;pointer-events:none}.cinema-heading h2{font-size:clamp(45px,5vw,74px);letter-spacing:-3px;line-height:1.05;font-weight:500;margin-top:20px}.cinema-heading h2 em{font-family:Georgia;font-weight:400;color:#8856b0}.cinema-heading p{margin-top:18px;font-size:13px;color:#705880}.cinema-world{position:absolute;inset:15% 2% 8% 27%;perspective:1100px;transform-style:preserve-3d}.cinema-halo{position:absolute;width:480px;height:480px;left:24%;top:0;border-radius:50%;background:radial-gradient(#f1cae077,#b89be64d 40%,transparent 70%);filter:blur(20px)}.scene-core{width:160px;height:160px;position:absolute;left:47%;top:35%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-22deg) rotateY(var(--cube-turn)) rotateZ(12deg) scale(var(--cube-scale));opacity:var(--cube-alpha);will-change:transform,opacity}.cube-face{position:absolute;width:160px;height:160px;display:grid;place-items:center;border:2px solid #e9caffaa;background:#bda0dc99;backdrop-filter:blur(8px);font-size:65px;font-family:Manrope;color:#715098;border-radius:16px;box-shadow:inset 0 0 35px #e9c8f866}.face-front{transform:translateZ(80px)}.face-back{transform:rotateY(180deg) translateZ(80px);background:#b9d3c8bb}.face-right{transform:rotateY(90deg) translateZ(80px);background:#ebbed1bb}.face-left{transform:rotateY(-90deg) translateZ(80px);background:#edcf9cbb}.face-top{transform:rotateX(90deg) translateZ(80px);background:#dce6a8bb;font-size:45px}.face-bottom{transform:rotateX(-90deg) translateZ(80px);background:#a6cddbbb}
.scene-laptop{position:absolute;width:420px;height:270px;left:50%;top:46%;transform-style:preserve-3d;transform:translate(-50%,-50%) translateY(var(--world-rise)) rotateX(12deg) rotateY(var(--laptop-turn)) rotateZ(-5deg);opacity:var(--laptop-alpha);will-change:transform,opacity}.laptop-lid{position:absolute;width:420px;height:270px;transform-origin:bottom center;transform:rotateX(var(--lid-open));transform-style:preserve-3d;background:linear-gradient(135deg,#d8bfe9,#9577b0);padding:10px;border-radius:15px;box-shadow:5px 7px 0 #9674ae,15px 25px 35px #6e4e942b}.laptop-screen{height:100%;background:linear-gradient(135deg,#b3a0e6,#deb7cc 70%);border:3px solid #81649e;border-radius:8px;overflow:hidden}.screen-toolbar{display:flex;align-items:center;gap:5px;padding:10px;background:#d5bfe266;font-size:6px}.screen-toolbar i{width:5px;height:5px;border-radius:50%;background:#a47eaf}.screen-toolbar span{margin-left:10px}.screen-content{padding:22px}.screen-content>small{font-size:6px;letter-spacing:1.5px}.screen-content>strong{font-family:Manrope;font-size:35px;letter-spacing:-2px;line-height:1.1;display:block;margin-top:15px;font-weight:500}.screen-content>span{font-size:7px;display:block;margin-top:12px}.screen-bars{display:flex;gap:7px;margin-top:15px}.screen-bars i{width:60px;height:5px;border-radius:4px;background:#e7e8a8}.screen-bars i:nth-child(2){background:#ebadbe;width:45px}.screen-bars i:nth-child(3){background:#b2d9cd;width:75px}.laptop-base{position:absolute;top:270px;width:420px;height:245px;background:linear-gradient(135deg,#d8c0e9,#ad93c7);transform-origin:top;transform:rotateX(80deg);border-radius:0 0 17px 17px;border:2px solid #dcc3eeaa;box-shadow:0 10px 0 #9373ad}.keyboard-grid{position:absolute;inset:20px 25px 85px;background:repeating-linear-gradient(90deg,transparent 0 19px,#c9b1df 19px 23px),repeating-linear-gradient(0deg,#957cad 0 17px,#c9b1df 17px 22px);border-radius:5px}.trackpad{position:absolute;bottom:16px;left:140px;width:140px;height:60px;border:1px solid #977cb1;border-radius:7px;background:#cbb5df77}
.scene-orbit{position:absolute;width:530px;height:270px;border:2px solid #d9b8ef99;border-radius:50%;left:14%;top:23%;transform:rotate(-30deg) rotateY(var(--cube-turn))}.orbit-b{border-color:#ecc6a899;transform:rotate(45deg) rotateX(30deg);width:420px;height:420px;top:8%;left:25%}.scene-sphere{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 27% 22%,#edc6fa,#b690d8 35%,#8155ad 70%,#c6a1e9);box-shadow:15px 20px 30px #77539122;transform:translateX(var(--sphere-x)) translateY(var(--world-rise));will-change:transform}.sphere-one{left:13%;top:15%}.sphere-two{right:8%;bottom:14%;width:70px;height:70px;background:radial-gradient(circle at 27% 22%,#f1db9b,#e7b391 40%,#bd7698 75%)}.scene-floor{position:absolute;left:15%;right:5%;bottom:0;height:170px;background:radial-gradient(ellipse,#74529933,transparent 65%);transform:rotateX(65deg)}.cinema-footer{position:relative;z-index:4;display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:1px}.cinema-footer>span{min-width:145px}.cinema-footer>span:last-child{margin-left:auto;text-align:right}.scene-progress{height:2px;flex:1;background:#9f83bb55}.scene-progress i{display:block;width:100%;height:100%;background:#8956b2;transform:scaleX(var(--scene-p));transform-origin:left}
@media(max-width:700px){.scroll-cinema{height:250vh}.cinema-sticky{padding:35px 24px 25px;min-height:620px}.cinema-heading h2{font-size:43px}.cinema-heading p{font-size:11px;max-width:240px}.cinema-world{inset:36% -30% 13% -20%;transform:scale(.68);transform-origin:center}.cinema-footer{gap:12px;font-size:7px;letter-spacing:.6px}.cinema-footer>span{min-width:90px}.cinema-footer>span:last-child{max-width:100px}.cinema-halo{width:350px;height:350px}.scene-laptop{width:420px}.scene-core{left:50%}}
html[data-motion="off"] .scroll-cinema{height:auto;--cube-alpha:0;--laptop-alpha:1;--lid-open:0deg}
html[data-motion="off"] .cinema-sticky{position:relative;height:750px}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) .scroll-cinema{height:auto;--cube-alpha:0;--laptop-alpha:1;--lid-open:0deg}html:not([data-motion="on"]) .cinema-sticky{position:relative;height:750px}}

/* Site-wide spatial language */
.spatial-section{position:relative;isolation:isolate}.spatial-section>.section-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit}.section-art .spatial-object{position:absolute;right:-35px;top:45px;width:210px;height:210px;opacity:.28;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotate(var(--art-turn,-20deg));transition:transform .5s ease-out;will-change:transform}.spatial-object:before,.spatial-object:after{content:'';position:absolute;inset:20px;border:18px solid #b49ada99;border-radius:50%;box-shadow:inset 3px 4px 0 #eccbf599,7px 12px 25px #77529b22}.spatial-object:after{transform:rotateY(65deg) rotateZ(45deg);border-color:#edb6c799}.art-services .spatial-object{right:-50px;top:30px;width:270px;height:270px}.art-services .spatial-object:before{border-radius:35px;transform:rotate(30deg);background:linear-gradient(145deg,#c1a0e366,#e2bfdc22)}.art-services .spatial-object:after{border-radius:35px;transform:rotate(60deg) scale(.7);border-color:#edc89d99}.art-work .spatial-object{left:-100px;top:42%;width:300px;height:300px}.art-work .spatial-object:before{border-radius:50%;background:radial-gradient(circle at 30% 25%,#e2c6f2,#b392d3 45%,#8261ae);border:0}.art-work .spatial-object:after{inset:-25px;border:2px solid #e7bfd999;transform:rotateX(65deg) rotateZ(-30deg)}.art-about .spatial-object{right:-20px;top:20px;opacity:.4}.art-about .spatial-object:before{border-radius:20px;border-width:3px;transform:perspective(400px) rotateY(-30deg) rotateX(20deg);background:linear-gradient(135deg,#ecb4cd88,#b497df55)}.art-about .spatial-object:after{border-radius:20px;transform:translate(25px,25px) scale(.8);border-width:2px}.art-experience .spatial-object{right:20px;top:150px;opacity:.2}.art-experience .spatial-object:before{border-radius:50%;border-width:28px;border-color:#c8a3dc;transform:rotateX(45deg)}.art-process .spatial-object{width:320px;height:320px;right:-100px;top:0}.art-process .spatial-object:before{border-radius:40px;border-width:30px;transform:rotate(30deg);border-color:#c9aa7988}.art-process .spatial-object:after{border-color:#dfb99588;border-radius:40px;transform:rotate(60deg) scale(.7)}.art-skills .spatial-object{left:-50px;top:70px}.art-skills .spatial-object:before{background:radial-gradient(circle at 25% 25%,#e1c4ef,#ae83c9 60%,#7c589e);border:0;border-radius:45px;transform:rotate(-20deg)}.art-contact .spatial-object{right:22%;top:35px;opacity:.3}.art-contact .spatial-object:before{border-width:25px;border-color:#d2a3c5aa}.art-contact .spatial-object:after{border-color:#bca0d9aa;transform:rotateX(65deg)}
.service-grid article{transition:transform .3s,box-shadow .3s;transform-style:preserve-3d}.service-grid article:hover{transform:perspective(900px) rotateX(var(--panel-x,0deg)) rotateY(var(--panel-y,0deg)) translateY(-9px);box-shadow:inset 0 1px 0 #f5ddff99,0 25px 50px #73528a2b}.service-grid article:hover .service-icon{transform:translateZ(30px) rotate(7deg);transition:transform .3s}.timeline article{transition:padding .3s,background .3s;border-radius:14px}.timeline article:hover{padding-left:18px;background:#d7bdec44}.process-grid article{transition:transform .3s}.process-grid article:hover{transform:translateY(-8px)}.process-grid article>span{display:inline-block;transition:transform .4s}.process-grid article:hover>span{transform:perspective(300px) rotateY(-20deg) rotateZ(-8deg)}.stack-cloud>span{transition:transform .3s,box-shadow .3s}.stack-cloud>span:hover{transform:perspective(600px) translateZ(25px) rotateX(12deg) rotateY(-9deg);box-shadow:7px 12px 20px #79629f33}.live-button,.quiet-link,.nav-github,.copy{transition:transform .25s,background .25s}.live-button:hover,.nav-github:hover{transform:translateY(-3px)}
.cursor-dot,.cursor-halo{position:fixed;left:0;top:0;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s}.cursor-dot{width:8px;height:8px;background:#8850b8;border-radius:50%;box-shadow:0 0 0 2px #e3bced99}.cursor-halo{width:38px;height:38px;border:1px solid #af7dca;border-radius:50%;background:#dfc1ef33;backdrop-filter:blur(2px);display:grid;place-items:center;font-size:10px;color:#704091;transition:width .2s,height .2s,background .2s,opacity .2s}.cursor-halo.cursor-active{width:64px;height:64px;background:#d6b4e577;border-color:#9b6ac0}.cursor-halo.cursor-project{width:76px;height:76px;background:#e4cb9caa;color:#714777;font-size:9px}.cursor-ready .cursor-dot,.cursor-ready .cursor-halo{opacity:1}@media(pointer:fine){html.custom-cursor,html.custom-cursor a,html.custom-cursor button{cursor:none}html.custom-cursor input,html.custom-cursor textarea{cursor:text}}@media(pointer:coarse){.cursor-dot,.cursor-halo{display:none}}@media(max-width:700px){.section-art .spatial-object{opacity:.16;width:150px;height:150px}.art-work .spatial-object{left:-65px}}
html[data-motion="off"] .spatial-object{transform:none;transition:none}

.site-preview{display:block;margin:10px;border-radius:16px;overflow:hidden;position:relative;background:#c1abd9;border:1px solid #eccff4aa}.preview-chrome{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#cdb8e399;color:#79588f}.preview-chrome>span{font-size:7px;letter-spacing:3px}.preview-chrome small{font-size:9px}.preview-chrome b{margin-left:auto;font-size:14px}.site-preview img{display:block;width:100%;height:280px;object-fit:cover;object-position:top;transition:transform .7s}.site-preview:hover img{transform:scale(1.035)}.preview-label{position:absolute;bottom:12px;left:12px;font-size:7px;letter-spacing:1px;padding:9px 12px;background:#dfc5eddd;color:#65457e;border:1px solid #eacff4aa;border-radius:30px;backdrop-filter:blur(12px)}.preview-unavailable{display:flex;flex-direction:column;justify-content:center;gap:17px;height:325px;margin:10px;padding:32px;border-radius:16px;background:linear-gradient(135deg,#bfa1df88,#d5b5d077);border:1px solid #e6c8ee88}.preview-unavailable>span{font-size:8px;letter-spacing:2px}.preview-unavailable strong{font-size:30px;font-family:Manrope}.preview-unavailable p{font-size:12px;line-height:1.8}.preview-unavailable small{font-size:10px;color:#79558d}