:root{--night:#080b12;--panel:#111622;--panel2:#151b29;--paper:#f4f5f8;--ink:#101622;--muted:#9ba4b5;--lime:#cfff54;--cyan:#73e4d2;--violet:#a792ff;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:#f4f6fa;font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.12}.ambient-one{width:480px;height:480px;background:#664cff;top:18%;left:-310px}.ambient-two{width:450px;height:450px;background:#33d5be;top:60%;right:-300px}.topbar{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:rgba(8,11,18,.45);border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .25s,border-color .25s}.topbar.scrolled{background:rgba(8,11,18,.86);border-color:rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:700 14px var(--display);letter-spacing:1px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{color:#b5c0d1}.brand small{font:7px var(--mono);letter-spacing:1px;color:#8490a3;margin-top:5px}.brand-g{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7374ff,#46dec5);color:white;font:700 24px var(--display);letter-spacing:-3px;box-shadow:inset 1px 1px 2px #ffffff90,0 5px 18px #5d6aff40}.brand-g span{color:var(--lime)}nav{display:flex;align-items:center;gap:37px}nav a{text-decoration:none;font-size:11px;font-weight:600;color:#b7bfce;transition:color .2s}nav a:hover{color:white}.nav-cta{padding:12px 17px;border:1px solid #ffffff2b;border-radius:4px;color:white!important;background:linear-gradient(145deg,#ffffff0d,#ffffff03);box-shadow:inset 0 1px #ffffff16}.nav-cta span{color:var(--lime);margin-left:13px}.menu-toggle{display:none}.scroll-progress{height:2px;position:fixed;z-index:30;top:82px;left:0;right:0}.scroll-progress span{height:100%;width:0;display:block;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--lime))}.hero{min-height:810px;height:100vh;max-height:1000px;position:relative;display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;overflow:hidden;padding:112px 11% 85px 12%}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,#000 0%,transparent 95%);opacity:.24}.hero:before{content:'';position:absolute;width:750px;height:750px;left:-350px;top:-390px;border-radius:50%;background:radial-gradient(circle,#8273ff21,transparent 68%);pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:12px}.eyebrow,.hero-caption,.hero-side-note,.scroll-cue,.section-head,.micro-label,.studio-chip,.studio-note,.project-topline,.project-platform,.project-status,.project-art-index,.art-caption-small,.small-link,.category-title>span,.category-count,.catalog-status,.foot-counter,.contact-signoff,footer>.footer-center,footer>.copyright,.back-top{font:9px var(--mono);letter-spacing:1.15px}.eyebrow{display:flex;align-items:center;gap:10px;color:#bdc6d6;margin-bottom:33px}.signal,.studio-chip i,.project-status i,.contact-signoff i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#a4ec62;box-shadow:0 0 12px #a4ec6280}.eyebrow-location{color:#777f90}.hero h1{font:600 clamp(54px,6.6vw,92px)/1.02 var(--display);letter-spacing:-5px;margin:0}.gradient-text{background:linear-gradient(95deg,#c7c6ff 4%,#71e4d5 55%,#d5ff6b 102%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 28px #7cd8d525)}.hero-lede{max-width:440px;color:#aab2c2;font-size:14px;line-height:1.9;margin:25px 0 31px}.hero-actions{display:flex;gap:25px;align-items:center}.button-primary{display:inline-flex;align-items:center;gap:34px;padding:15px 19px;text-decoration:none;color:#111619;font-size:11px;font-weight:800;border-radius:3px;background:linear-gradient(135deg,#e2ff93,#a9ef6b 55%,#76dfae);box-shadow:0 10px 35px #a1e97925,inset 0 1px #ffffffb0;transition:transform .2s,box-shadow .2s}.button-primary:hover{transform:translateY(-3px);box-shadow:0 14px 45px #a1e97945,inset 0 1px #ffffffb0}.button-primary span{font-size:16px}.button-quiet{text-decoration:none;color:#c2c9d6;font-size:11px;font-weight:600}.button-quiet span{padding-left:11px;color:var(--cyan)}.hero-caption{position:absolute;bottom:-95px;left:0;right:0;display:flex;justify-content:space-between;color:#788396;font-size:8px}.hero-caption i{display:inline-block;height:6px;width:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--lime)}.hero-scene{height:min(47vw,555px);width:min(47vw,555px);justify-self:end;position:relative;display:grid;place-items:center;margin-right:-2vw;isolation:isolate}.scene-halo{position:absolute;border-radius:50%;filter:blur(3px)}.halo-back{inset:12%;background:radial-gradient(circle,#5648f622,transparent 66%);animation:halo 9s ease-in-out infinite alternate}.halo-front{inset:22%;background:radial-gradient(circle,#27d8c228,transparent 64%);animation:halo 7s ease-in-out infinite alternate-reverse}.scene-ring{position:absolute;border:1px solid #ffffff1a;border-radius:50%;transform:rotate(-27deg)}.ring-a{width:99%;height:53%;animation:ringFloat 18s linear infinite}.ring-b{width:83%;height:78%;transform:rotate(48deg);border-color:#82dacc30;animation:ringFloat 24s linear infinite reverse}.glass-orb{width:52%;height:52%;position:relative;z-index:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 25%,#dffaff 0%,#82ddfb 8%,#7274fa 29%,#4d4ae9 47%,#171a39 78%);box-shadow:inset -17px -25px 35px #080b30b8,inset 10px 7px 18px #ffffff8a,0 0 25px #6868ff75,0 30px 90px #121738aa;animation:orbBob 6s ease-in-out infinite}.glass-orb:before{content:'';position:absolute;inset:8%;border-radius:50%;border:1px solid #ffffff58;box-shadow:inset 0 0 20px #ffffff20}.orb-sheen{position:absolute;inset:4% 15% 48% 12%;border-radius:50% 50% 45% 30%;background:linear-gradient(150deg,#ffffffad,#ffffff0a 68%);filter:blur(2px);transform:rotate(-23deg)}.orb-reflection{position:absolute;width:24%;height:10%;left:17%;top:17%;border-radius:50%;background:#ffffffb5;filter:blur(9px);transform:rotate(-35deg)}.orb-letter{z-index:2;font:600 clamp(58px,8.2vw,112px)/1 var(--display);letter-spacing:-12px;color:#f4fdff;text-shadow:0 5px 25px #22285b70;transform:rotate(-8deg);margin-left:-10px}.orb-letter span{color:var(--lime)}.orb-label{position:absolute;bottom:18%;z-index:2;font:7px var(--mono);letter-spacing:2.2px;color:#e7efffce}.orbit-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 13px 10px 10px;border:1px solid #ffffff28;border-radius:9px;background:linear-gradient(140deg,#ffffff20,#ffffff0a 65%);box-shadow:inset 0 1px #ffffff44,0 12px 28px #02040b63;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:cardBob 5.2s ease-in-out infinite}.orbit-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.orbit-card small{font:7px var(--mono);letter-spacing:1px;color:#aeb9cf}.orbit-card b{font-size:10px;color:#f3f5fa}.orbit-card>i{font-style:normal;font-size:12px;color:var(--lime);margin-left:7px}.mini-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;font-size:16px}.habit-icon{color:#17202a;background:linear-gradient(135deg,#e9ff9e,#a1ea69)}.jar-icon{color:#fff;background:linear-gradient(140deg,#ffb17d,#d8619a)}.cook-icon{color:#17322b;background:linear-gradient(140deg,#c9f487,#68d6a0)}.orbit-habit{left:-1%;top:20%;animation-delay:-1s}.orbit-jar{right:-3%;top:39%;animation-delay:-3s}.orbit-cook{left:8%;bottom:13%;animation-delay:-2s}.scene-cross{position:absolute;color:var(--lime);font-size:21px}.cross-a{top:11%;right:15%;color:#a997ff}.cross-b{left:15%;bottom:22%;color:#8fe7d9;font-size:28px}.scene-coordinate{position:absolute;right:-4%;bottom:9%;font:7px/1.7 var(--mono);letter-spacing:1px;color:#77849b}.scroll-cue{position:absolute;bottom:25px;left:6.8%;display:flex;align-items:center;gap:12px;color:#788397;text-decoration:none;font-size:8px}.scroll-cue span{height:30px;width:1px;background:linear-gradient(var(--cyan),transparent)}.hero-side-note{position:absolute;right:3%;top:50%;writing-mode:vertical-rl;color:#657188;font-size:8px}.section{position:relative;padding:108px 11%}.section-head{display:flex;align-items:center;gap:15px;color:#848c9c}.section-no{color:var(--lime)}.section-rule{height:1px;background:#ffffff20;flex:1}.section-index{font-size:8px;color:#657086}.studio{background:linear-gradient(130deg,#f4f6fa,#e7ecf5);color:#111724;overflow:hidden}.studio .section-head{color:#7f899b}.studio .section-rule{background:#1720331b}.studio .section-no{color:#8581f5}.studio-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:8%;align-items:center;padding:66px 0 64px}.studio h2,.projects-heading h2,.category-head h3,.approach h2,.contact h2{font:600 clamp(42px,5.5vw,72px)/1.04 var(--display);letter-spacing:-4px;margin:0}.studio h2 em,.projects-heading h2 em,.category-head h3 em,.approach h2 em,.contact h2 em{font-style:normal;color:#7170e7}.studio-copy p{font-size:14px;line-height:1.9;color:#596276;margin:0 0 21px;max-width:470px}.inline-link{font-size:11px;font-weight:800;color:#252d42;text-decoration:none;border-bottom:1px solid #8582e0;padding-bottom:8px}.inline-link span{color:#7771e8;margin-left:12px}.studio-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #101a2b1c;padding-top:20px}.studio-chip{display:flex;align-items:center;gap:9px;color:#455068;font-size:8px}.studio-chip i{width:6px;height:6px;background:#70af57;box-shadow:0 0 8px #70af5766}.studio-note{color:#959dad;font-size:8px}.studio-stamp{font:600 38px var(--display);letter-spacing:-5px;color:#b5c0d1}.studio-stamp span{font:11px var(--sans);vertical-align:top;letter-spacing:0;margin-left:5px}.projects{background:radial-gradient(ellipse at 50% -5%,#172239 0%,transparent 45%),var(--night);padding-top:105px;padding-bottom:100px}.projects-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:48px 0 34px}.micro-label{font-size:8px;color:#a0abc0;display:block;margin-bottom:18px}.projects-heading h2{font-size:clamp(43px,5vw,65px)}.projects-heading h2 em{color:#a899ff}.projects-heading>p,.category-head>p{font-size:11px;line-height:1.8;color:#8f9aaf;margin:0 4% 6px 20px}.project-card{border:1px solid #ffffff15;background:linear-gradient(135deg,#131a28,#0e131e);border-radius:12px;overflow:hidden;box-shadow:0 18px 52px #0004;transition:transform .35s,border-color .35s,box-shadow .35s}.project-card:hover{transform:translateY(-5px);border-color:#ffffff34;box-shadow:0 25px 65px #0007}.happy-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:405px}.project-art{position:relative;overflow:hidden;display:grid;place-items:center;min-height:405px}.happy-art{background:radial-gradient(ellipse at 50% 45%,#d5ff8e 0%,#75d6b9 24%,#6886d6 53%,#353c7b 100%)}.happy-art:before,.happy-art:after{content:'';position:absolute;border:1px solid #ffffff54;border-radius:50%;width:77%;height:75%;transform:rotate(-26deg)}.happy-art:after{width:98%;height:50%;transform:rotate(37deg);border-color:#ffffff36}.happy-aura{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff27,transparent 44%,#2314603d)}.habit-device{position:relative;z-index:1;width:218px;height:330px;border-radius:30px;border:5px solid #141924;background:linear-gradient(155deg,#ffffff,#edf5d8 58%,#e2edce);box-shadow:inset 0 0 0 1px #ffffff,0 22px 55px #131a3b70;transform:rotate(-6deg);padding:24px 17px 15px;animation:deviceFloat 6s ease-in-out infinite}.habit-device:before{content:'';position:absolute;inset:6px;border:1px solid #ffffff;border-radius:24px;pointer-events:none}.device-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:65px;height:15px;background:#111723;border-radius:20px}.device-top{display:flex;justify-content:space-between;font:7px var(--mono);color:#445047;margin:2px 1px 22px}.habit-ui{position:relative}.ui-greeting{font:6px var(--mono);letter-spacing:1px;color:#788469}.ui-title{font:600 25px/.98 var(--display);letter-spacing:-1.6px;color:#242b27;margin-top:11px}.ui-title em{font:italic 500 27px var(--serif);color:#5e904e}.habit-progress{display:flex;align-items:center;gap:12px;margin-top:21px;padding:10px 8px;background:#ffffffba;border:1px solid #dbe4cc;border-radius:10px}.progress-orbit{width:42px;height:42px;display:grid;place-items:center;align-content:center;border:3px solid #a4c759;border-right-color:#e2e9d5;border-radius:50%;font:700 15px var(--display);color:#526746}.progress-orbit small{font:5px var(--mono);letter-spacing:0}.habit-progress>div:nth-child(2) small{display:block;font:5px var(--mono);color:#899184;letter-spacing:.5px}.habit-progress b{display:block;font-size:8px;margin-top:4px;color:#354136}.habit-sparks{display:flex;justify-content:space-between;margin:19px 3px 16px}.habit-sparks i{font-style:normal;color:#78a14b;font-size:13px}.habit-sparks i:nth-child(3n+2){color:#d99c57}.habit-bottom{padding:10px 0;border-top:1px solid #d9e0d4;font:6px var(--mono);letter-spacing:.8px;color:#777f72}.habit-bottom span{float:right;color:#779f4c}.art-float{position:absolute;z-index:2;color:#ffffffd9;font:7px/1.7 var(--mono);letter-spacing:1px}.art-float b{font-size:15px;color:#f2ff9a;margin-left:8px}.art-float i{font-style:normal;color:#d8ff91;margin-left:5px}.float-left{left:6%;top:22%}.float-right{right:5%;bottom:21%}.project-art-index{position:absolute;bottom:17px;left:20px;color:#ffffffb7;font-size:7px}.project-info{padding:43px 8% 34px;display:flex;flex-direction:column;align-items:flex-start}.project-topline{width:100%;display:flex;justify-content:space-between;align-items:center;color:#929daf;font-size:8px}.project-status{display:flex;align-items:center;gap:7px;color:#c2c9d6;font-size:8px}.project-status i{width:6px;height:6px}.status-live i{background:#aaff72}.status-build i{background:#ffc767;box-shadow:0 0 9px #ffc76777}.status-concept i{background:#aa96ff;box-shadow:0 0 9px #aa96ff77}.project-title-row{display:flex;align-items:center;gap:12px}.project-info h3,.small-info h3{font:600 35px var(--display);letter-spacing:-1.7px;margin:34px 0 12px}.project-symbol{color:#d0ff76;font-size:21px}.project-info>p{max-width:380px;color:#9fa9ba;font-size:12px;line-height:1.9;margin:0}.project-bottom{width:100%;margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;align-items:end;gap:10px}.project-platform{font-size:7px;color:#8f9aad}.project-platform i{font-style:normal;color:#b0e85a;margin:0 5px}.project-link{font-size:9px;text-decoration:none;font-weight:700;color:#f3f5fa;border-bottom:1px solid #b2ee6b;padding-bottom:8px}.project-link span{color:var(--lime);margin-left:9px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.project-small{display:flex;flex-direction:column}.small-art{height:245px;position:relative;display:grid;place-items:center;overflow:hidden}.jar-art{background:radial-gradient(ellipse at 50% 50%,#b8477499,#362142 54%,#17131e 100%)}.jar-glow,.cook-glow,.appkul-glow{position:absolute;width:190px;height:190px;border-radius:50%;filter:blur(38px);opacity:.55}.jar-glow{background:#ff8b9f;animation:halo 5s ease-in-out infinite alternate}.jar-object{position:relative;z-index:1;width:93px;height:139px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 20px 20px #130c1e88);transform:rotate(7deg);animation:deviceFloat 6s ease-in-out infinite}.jar-cap{width:59px;height:17px;border-radius:5px 5px 2px 2px;background:linear-gradient(120deg,#f8d89b,#bd724f);box-shadow:inset 0 1px #fff9}.jar-glass{width:88px;height:105px;position:relative;border:1px solid #ffffff9c;border-radius:9px 9px 19px 19px;background:linear-gradient(105deg,#ffffff86,#ffcc9a39 35%,#c6567955 72%,#ffffff54);box-shadow:inset 5px 0 15px #fff8,inset -5px -9px 17px #b84d7b4a,0 0 18px #ff9bbd4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center}.jar-glass>span{font:600 42px var(--display);color:#fff;text-shadow:0 3px 17px #862753}.jar-base{height:10px;width:67px;border-radius:50%;background:#f6bad5a6;margin-top:-4px}.jar-star{position:absolute;font-style:normal;color:#fff1a7;text-shadow:0 0 10px #ffe087;animation:twinkle 2s ease-in-out infinite alternate}.star-one{top:15px;left:16px}.star-two{right:12px;top:38px;animation-delay:.5s}.star-three{left:20px;bottom:18px;animation-delay:1s}.jar-art .project-art-index,.cooking-art .project-art-index,.appkul-art .project-art-index{top:15px;bottom:auto}.art-caption-small{position:absolute;bottom:14px;left:17px;color:#ffffff9c;font-size:6px;letter-spacing:.9px}.cooking-art{background:radial-gradient(ellipse at 50% 49%,#b4e696,#55977f 45%,#173b38 100%)}.cook-glow{background:#b4f783}.cook-window{position:relative;z-index:1;width:74%;max-width:280px;padding:13px 15px 14px;border:1px solid #ffffffac;border-radius:9px;background:linear-gradient(140deg,#fffffff0,#f0f5e4db 70%,#ffffffa8);box-shadow:inset 0 1px #fff,0 20px 38px #12382c70;transform:rotate(-4deg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:deviceFloat 6.5s ease-in-out infinite reverse}.cook-window-bar{display:flex;justify-content:space-between;font:6px var(--mono);letter-spacing:.8px;color:#536d62}.cook-dish{width:78px;height:78px;margin:15px auto 12px;border-radius:50%;border:6px solid #fff;background:radial-gradient(circle at 50% 50%,#dd8749 0 16%,#a4bd67 17% 32%,#f2d484 33% 42%,#e3ebe0 43%);box-shadow:0 0 0 1px #ccd7c7,0 5px 12px #21483740;display:grid;place-items:center;position:relative}.cook-dish span{font-size:19px;color:#fff5bd;text-shadow:0 0 7px #815d2e}.cook-dish i,.cook-dish b,.cook-dish em{position:absolute;width:18px;height:10px;background:#cc7044;border-radius:100% 30%;top:15px;left:17px;transform:rotate(20deg)}.cook-dish b{background:#799b4f;top:45px;left:42px;transform:rotate(-28deg)}.cook-dish em{background:#ecb553;top:24px;left:45px;transform:rotate(55deg)}.cook-copy small{display:block;font:6px var(--mono);letter-spacing:.7px;color:#708476}.cook-copy strong{display:block;font:600 16px/1.05 var(--display);color:#263d32;margin-top:5px}.cook-copy strong i{font:italic 500 18px var(--serif);color:#6d925b}.cook-pills{display:flex;gap:5px;margin-top:12px}.cook-pills span{border:1px solid #b6cbb4;border-radius:20px;padding:4px 6px;font:6px var(--mono);color:#56735d}.appkul-art{background:radial-gradient(ellipse at 53% 46%,#9379dc,#504397 43%,#211d44 100%)}.appkul-glow{background:#b19afa}.appkul-mark{width:114px;height:114px;position:relative;border:1px solid #ffffff9c;border-radius:30px;background:linear-gradient(145deg,#ffffff5c,#ffffff0b);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 2px 2px 4px #ffffff8c,inset -8px -8px 17px #251d5c66,0 18px 30px #1d164f77;transform:rotate(-9deg);display:grid;place-items:center;animation:deviceFloat 6s ease-in-out infinite}.appkul-mark span{font:700 75px/.8 var(--display);letter-spacing:-12px;color:#f7f2ff;text-shadow:0 5px 18px #463986}.appkul-mark i{position:absolute;right:11px;top:10px;font-style:normal;color:#d6ff77;font-size:24px}.appkul-mark b{position:absolute;bottom:8px;right:10px;color:#7febdd;font-size:20px}.appkul-word{position:absolute;bottom:37px;text-align:center;font:8px var(--mono);letter-spacing:3px;color:#ece9ff}.appkul-word small{font-size:6px;letter-spacing:1px;color:#ffffff9c;display:block;margin-top:5px}.small-info{padding:23px 22px 20px;display:flex;flex-direction:column;flex:1}.small-info .project-topline{font-size:7px}.small-info h3{font-size:21px;margin:20px 0 7px}.title-spark{font:12px var(--sans);color:#d0ff76;margin-left:7px;vertical-align:top}.small-info>p{color:#9fa9ba;font-size:10px;line-height:1.8;margin:0 0 22px;min-height:36px}.small-link{margin-top:auto;font-size:7px;color:#9ca8bc}.small-link i{font-style:normal;color:#d0ff76;margin-left:8px}.category-head{display:flex;justify-content:space-between;align-items:flex-end;margin:100px 0 30px;padding-top:54px;border-top:1px solid #ffffff18}.category-head h3{font-size:clamp(36px,4.5vw,57px)}.category-head h3 em{color:#84e8d8}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-chip{border:1px solid #ffffff1c;border-radius:3px;padding:9px 12px;background:#ffffff05;color:#aab4c6;font:8px var(--mono);letter-spacing:.3px;cursor:pointer;transition:all .2s}.filter-chip:hover,.filter-chip.active{color:#f5f7fa;border-color:#b9ed6e9c;background:#cfff5411}.filter-chip.active{box-shadow:inset 0 0 16px #b9ed6e0c}.filter-chip span{color:var(--lime);margin-left:8px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:stretch}.category-card{--accent:#bca9ff;--accent2:#6b5bc2;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:19px 19px 15px;border:1px solid #ffffff13;border-radius:9px;background:linear-gradient(152deg,#151b29,#0e131d 75%);min-height:475px;transition:transform .3s,border-color .3s,box-shadow .3s}.category-card:before{content:'';position:absolute;top:-100px;right:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.12;filter:blur(12px);pointer-events:none}.category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 15px 35px #0004,0 0 30px color-mix(in srgb,var(--accent) 10%,transparent)}.cat-family{--accent:#f2c4b8;--accent2:#9c719f}.cat-food{--accent:#b5ee8a;--accent2:#4e9a78}.cat-education{--accent:#96c8ff;--accent2:#576cb9}.cat-infrastructure{--accent:#71e1d2;--accent2:#328f9a}.cat-construction{--accent:#ffbd78;--accent2:#bd7543}.cat-social{--accent:#fa9bd0;--accent2:#a34985}.cat-ai{--accent:#c4a6ff;--accent2:#7b59c8}.category-card-head{display:flex;align-items:center;justify-content:space-between;position:relative}.category-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:var(--accent);font-size:16px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);box-shadow:inset 0 1px #ffffff19}.category-count{color:#737e92;font-size:7px}.category-title{position:relative;margin-top:19px}.category-title>span{font-size:7px;color:var(--accent);letter-spacing:1.1px}.category-title h4{font:600 20px/1.1 var(--display);letter-spacing:-.6px;margin:9px 0 0;color:#eef1f8}.category-title h4 em{font:italic 500 21px var(--serif);color:var(--accent)}.category-desc{font-size:9px;line-height:1.65;color:#8d98aa;margin:11px 0 13px;min-height:30px}.product-list{position:relative;margin-top:auto;border-top:1px solid #ffffff13}.catalog-product{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:start;padding:10px 0;border-bottom:1px solid #ffffff11}.catalog-product b{display:block;font-size:9px;font-weight:700;color:#e9edf5}.catalog-product p{font-size:7px;line-height:1.55;color:#8390a5;margin:3px 0 0;max-width:255px}.catalog-status{margin-top:1px;font-size:6px;letter-spacing:.4px;color:#c7aaff}.catalog-status.live{color:#b8f281}.catalog-status.progress{color:#ffcb7d}.catalog-product:last-child{border-bottom:0}.portfolio-foot{display:flex;align-items:center;gap:17px;margin-top:32px;padding-top:24px;border-top:1px solid #ffffff17;color:#c0c8d5}.foot-spark{font-size:22px;color:var(--lime)}.portfolio-foot p{font-size:11px;line-height:1.65;margin:0}.portfolio-foot p em{font:italic 500 14px var(--serif);color:#9da9bc}.foot-counter{margin-left:auto;color:#7e8ba0;font-size:7px}.approach{background:linear-gradient(145deg,#111725,#0c111b)}.approach-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;margin-top:56px}.approach-intro{position:relative;min-height:350px}.approach h2{font-size:clamp(39px,5vw,64px)}.approach h2 em{font-size:.79em;color:#a695ff;white-space:nowrap}.approach-intro>p{max-width:380px;color:#929db0;font-size:11px;line-height:1.9;margin:22px 0}.approach-orb{position:absolute;right:6%;bottom:5%;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 25%,#e2ffff,#787bff 45%,#181d46 78%);box-shadow:inset -8px -10px 16px #090c30,0 0 30px #7573ed55,inset 4px 3px 7px #ffffffad;animation:orbBob 5s ease-in-out infinite}.approach-orb>span{font:600 40px var(--display);letter-spacing:-6px;color:#fff;margin-left:-5px}.approach-orb>span span{color:var(--lime)}.approach-orb i{position:absolute;width:123px;height:47px;border:1px solid #a89cf966;border-radius:50%;transform:rotate(-34deg)}.approach-steps{border-top:1px solid #ffffff20}.step{display:grid;grid-template-columns:40px 1fr 20px;gap:12px;padding:22px 0;border-bottom:1px solid #ffffff20;align-items:start}.step-no{font:9px var(--mono);color:var(--lime);padding-top:3px}.step h3{margin:0 0 6px;font-size:12px;color:#f0f2f8}.step p{margin:0;color:#8c98ad;font-size:10px;line-height:1.7}.step-arrow{color:#87e8d8;font-size:14px}.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#26376d 0%,#171b3e 38%,#111325 72%);padding-top:100px;padding-bottom:50px}.contact:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000)}.contact-flare{position:absolute;right:8%;top:4%;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#8474ff54,transparent 68%);filter:blur(14px);animation:halo 8s ease-in-out infinite alternate}.contact-inner{position:relative;z-index:2;max-width:660px}.contact-inner>.micro-label{color:#a9a0ff}.contact h2{font-size:clamp(48px,6.2vw,82px);margin-top:20px}.contact h2 em{color:#a99aff}.contact-inner>p{font-size:12px;line-height:1.8;color:#b0b7c8;max-width:390px;margin:19px 0 26px}.contact-link{display:inline-block;text-decoration:none;font:500 15px var(--display);color:white;padding-bottom:9px;border-bottom:1px solid #b2a7ff}.contact-link span{color:var(--lime);margin-left:24px}.contact-signoff{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:85px;padding-top:16px;color:#7d89a2;font-size:7px}.contact-signoff i{width:5px;height:5px;background:#a5f173}.contact-symbol{position:absolute;right:16%;top:22%;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,#f0fbff,#8f8bff 14%,#5355cb 43%,#22234c 78%);box-shadow:inset -19px -20px 28px #11152c, inset 11px 8px 17px #ffffff98,0 15px 65px #111438;transform:rotate(-8deg);font:600 116px var(--display);letter-spacing:-14px;color:white;animation:orbBob 7s ease-in-out infinite}.contact-symbol span{color:var(--lime)}footer{min-height:78px;padding:16px 7%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#080b12;border-top:1px solid #ffffff12}.footer-brand .brand-g{width:29px;height:29px;font-size:20px}.footer-brand{font-size:12px}footer>.footer-center,footer>.copyright,.back-top{font-size:7px;color:#778296}.back-top{text-decoration:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.category-card[hidden]{display:none!important}.filter-chip:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@keyframes orbBob{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes cardBob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes deviceFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes ringFloat{0%{rotate:0deg}100%{rotate:360deg}}@keyframes halo{0%{transform:scale(.94);opacity:.7}100%{transform:scale(1.08);opacity:1}}@keyframes twinkle{from{opacity:.55;scale:.8}to{opacity:1;scale:1.18}}
@media(max-width:1100px){.hero{padding-left:8%;padding-right:8%}.hero h1{font-size:clamp(55px,7vw,82px)}.hero-scene{width:48vw;height:48vw}.section{padding-left:8%;padding-right:8%}.project-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:460px}.contact-symbol{right:7%;opacity:.72}}
@media(max-width:1100px){.topbar{height:70px;padding:0 6%}.scroll-progress{top:70px}.menu-toggle{display:grid;gap:5px;width:37px;height:37px;align-content:center;justify-items:center;border:1px solid #ffffff2b;border-radius:50%;background:#ffffff09;z-index:2}.menu-toggle i{width:14px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}nav{display:none;position:absolute;top:69px;left:0;right:0;padding:15px 6% 21px;background:#0d111bf5;border-bottom:1px solid #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:14px 2px;border-bottom:1px solid #ffffff12}.nav-cta{border:0;background:none;box-shadow:none;padding:14px 2px}.hero{height:auto;min-height:900px;max-height:none;display:flex;flex-direction:column;align-items:stretch;padding:132px 7% 76px}.hero h1{font-size:clamp(49px,12.5vw,76px);letter-spacing:-3.5px}.hero-content{padding:0}.eyebrow{font-size:7px;margin-bottom:26px;gap:7px}.hero-lede{font-size:12px;max-width:360px;margin:20px 0 24px}.hero-actions{gap:17px;flex-wrap:wrap}.button-primary{padding:14px 15px;gap:23px;font-size:10px}.button-quiet{font-size:10px}.hero-scene{width:min(84vw,380px);height:min(84vw,380px);margin:43px auto 0;justify-self:center}.glass-orb{width:50%;height:50%}.orb-letter{font-size:77px}.orbit-habit{left:-2%;top:17%}.orbit-jar{right:-2%;top:40%}.orbit-cook{left:1%;bottom:12%}.orbit-card{padding:8px;gap:7px}.orbit-card b{font-size:8px}.orbit-card small{font-size:6px}.mini-icon{width:24px;height:24px}.scene-coordinate{right:-2%;bottom:3%;font-size:6px}.hero-caption{position:static;margin-top:22px;font-size:7px;gap:15px}.scroll-cue{left:6%;bottom:14px}.hero-side-note{display:none}.section{padding:75px 7%}.section-head{gap:9px;font-size:7px}.section-index{font-size:6px}.studio-grid{grid-template-columns:1fr;gap:20px;padding:43px 0}.studio h2,.projects-heading h2,.category-head h3{font-size:44px;letter-spacing:-2.8px}.studio-copy p{font-size:12px}.studio-foot{gap:12px}.studio-chip,.studio-note{font-size:6px}.studio-stamp{font-size:29px}.projects{padding-top:77px;padding-bottom:74px}.projects-heading{display:block;margin:38px 0 28px}.projects-heading h2{font-size:49px}.projects-heading>p,.category-head>p{margin:15px 0 0;font-size:10px}.happy-card{grid-template-columns:1fr}.project-art{min-height:330px}.happy-art{min-height:360px}.habit-device{width:196px;height:302px}.float-left{left:5%;top:17%}.float-right{right:4%;bottom:16%;font-size:6px}.project-info{min-height:285px;padding:30px 7% 25px}.project-info h3{font-size:32px;margin:28px 0 10px}.project-info>p{font-size:11px}.project-bottom{padding-top:25px}.project-platform{font-size:6px}.project-link{font-size:8px}.project-grid{grid-template-columns:1fr;gap:12px}.small-art{height:250px}.small-info{min-height:177px;padding:20px}.category-head{margin-top:74px;padding-top:37px;display:block}.category-head h3{font-size:42px}.category-filters{gap:6px}.filter-chip{font-size:7px;padding:8px 9px}.category-grid{grid-template-columns:1fr;gap:10px}.category-card{min-height:0;padding:17px}.category-title h4{font-size:22px}.category-title h4 em{font-size:23px}.category-desc{font-size:9px;min-height:0;margin-bottom:10px}.catalog-product{padding:10px 0}.catalog-product b{font-size:9px}.catalog-product p{font-size:7px}.catalog-status{font-size:6px}.portfolio-foot{gap:11px}.portfolio-foot p{font-size:9px}.portfolio-foot p em{font-size:12px}.foot-counter{font-size:6px}.approach-grid{grid-template-columns:1fr;gap:23px;margin-top:42px}.approach-intro{min-height:255px}.approach h2{font-size:45px;letter-spacing:-2.5px}.approach h2 em{font-size:.76em}.approach-intro>p{font-size:10px}.approach-orb{width:60px;height:60px;right:4%;bottom:0}.approach-orb>span{font-size:32px}.approach-orb i{width:95px;height:37px}.step{grid-template-columns:30px 1fr 16px;padding:19px 0}.step h3{font-size:11px}.step p{font-size:9px}.contact{padding-top:75px;padding-bottom:32px}.contact h2{font-size:59px;letter-spacing:-3px}.contact-inner>p{font-size:10px;max-width:290px}.contact-link{font-size:13px}.contact-signoff{margin-top:63px;font-size:6px;gap:10px}.contact-symbol{width:95px;height:95px;right:-8px;top:9%;font-size:58px;letter-spacing:-9px;opacity:.45}footer{padding:17px 6%;display:grid;grid-template-columns:1fr auto;gap:15px}.footer-brand{grid-column:1;grid-row:1}.back-top{grid-column:2;grid-row:1}.footer-center{display:none}.copyright{grid-column:1/-1;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
.reveal{opacity:1;transform:none}.motion .reveal:not(.is-visible),.motion :is(.section-head,.studio-grid,.projects-heading):not(.is-visible){opacity:0;transform:translateY(20px)}.motion :is(.section-head,.studio-grid,.projects-heading,.reveal){transition:opacity .65s ease,transform .65s ease}.motion .reveal.is-visible,.motion :is(.section-head,.studio-grid,.projects-heading).is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.motion .reveal,.motion :is(.section-head,.studio-grid,.projects-heading){opacity:1!important;transform:none!important}}
.habit-ui{padding-top:1px}.ui-greeting{font:6px var(--mono);letter-spacing:.9px;color:#7a866e}.ui-title{font:600 23px/.93 var(--display);letter-spacing:-1.3px;color:#263027;margin:8px 0 12px}.ui-title em{font:italic 500 24px var(--serif);color:#68904d}.family-task{height:39px;padding:5px 7px;display:flex;align-items:center;gap:7px;background:#ffffffc9;border:1px solid #dbe4d1;border-radius:8px;margin-top:5px;box-shadow:0 2px 6px #536c4310}.task-check{width:14px;height:14px;flex:0 0 14px;border-radius:50%;display:grid;place-items:center;background:#8ebd61;color:white;font:8px var(--sans)}.task-check.pending{background:#fff0cf;color:#b8893e}.task-copy{display:flex;flex-direction:column;gap:2px;flex:1}.task-copy b{font-size:7px;color:#364137}.task-copy small{font:5px var(--mono);color:#92998d}.task-reward{font:700 7px var(--display);color:#617f42;white-space:nowrap}.task-reward i{font-style:normal;color:#e8b951}.school-event{height:42px;padding:5px 7px;display:flex;align-items:center;gap:8px;margin-top:7px;border-radius:8px;background:linear-gradient(105deg,#f2efff,#f9f6ff);border:1px solid #ddd6fb}.event-date{width:23px;height:29px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#8073dd;color:#fff}.event-date small{font:5px var(--mono)}.event-date b{font:700 12px var(--display);line-height:1}.event-name{display:flex;flex-direction:column;gap:3px;flex:1}.event-name small{font:5px var(--mono);letter-spacing:.3px;color:#8a81b2}.event-name b{font-size:7px;color:#443b70}.event-time{font:6px var(--mono);color:#665c94}.habit-bottom{padding-top:8px;margin-top:6px;border-top:1px solid #d9e0d4;font:5px var(--mono);letter-spacing:.35px;color:#777f72}.habit-bottom span{float:right;color:#d39b35;letter-spacing:1px}.notification-float{position:absolute;z-index:4;right:3%;top:13%;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffffff8c;border-radius:8px;background:#ffffffde;color:#28343e;box-shadow:0 9px 22px #202b4a38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:cardBob 5s ease-in-out infinite}.notification-float>span:first-child{font-size:15px}.notification-float>span:last-child{display:flex;flex-direction:column;gap:3px}.notification-float small{font:5px var(--mono);color:#7f8991}.notification-float b{font-size:7px}.project-actions{display:flex;align-items:center;gap:16px}.project-actions .project-link{white-space:nowrap}.project-platform{white-space:nowrap}
@media(max-width:1100px){.notification-float{right:2%;top:8%;padding:7px}.notification-float b{font-size:6px}.project-actions{gap:10px}}
@media(max-width:1100px){.notification-float{top:8%;right:2%;transform:scale(.88);transform-origin:top right}.happy-art .float-right{right:3%;bottom:15%}.project-bottom{align-items:flex-start;flex-direction:column;gap:15px}.project-actions{width:100%;justify-content:space-between}.project-actions .project-link{font-size:8px}.habit-device{height:302px;padding-top:23px}.ui-title{font-size:21px}.family-task{height:36px}.school-event{height:39px}}
/* Calm vanilla surfaces with a soft purple gloss */
body{background:#f7f6f1;color:#211e2b}
.ambient-one{background:#8c79ff;opacity:.075}.ambient-two{background:#c1a9ff;opacity:.065}
.topbar{background:rgba(250,249,246,.7);border-bottom-color:#ffffffa8;box-shadow:0 5px 28px #39305808}.topbar.scrolled{background:rgba(250,249,246,.91);border-bottom-color:#4e3c7414}
.brand{color:#241f32}.brand strong{color:#655a78}.brand small{color:#8e879a}.nav-cta{color:#302743!important;border-color:#77649a36;background:linear-gradient(145deg,#ffffffbc,#e5dcf51c);box-shadow:inset 0 1px #fff,0 5px 16px #4f367b0a}.nav-cta span{color:#7355bb}nav a{color:#625c6e}nav a:hover{color:#7355bb}.menu-toggle{border-color:#6c578e44;background:#ffffff80}.menu-toggle i{background:#413653}
.hero{background:radial-gradient(ellipse at 76% 42%,#ddd4f277 0%,#f7f6f100 42%),linear-gradient(110deg,#fbfaf7,#f7f6f1 60%,#f4f0fa)}.hero-grid{background-image:linear-gradient(#6e578b0a 1px,transparent 1px),linear-gradient(90deg,#6e578b0a 1px,transparent 1px);opacity:.45}.hero:before{background:radial-gradient(circle,#9b80ed20,transparent 68%)}.hero h1{color:#282337}.gradient-text{background:linear-gradient(95deg,#8064bd 4%,#9b7bd5 52%,#6f5f9d 102%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 18px #8771b923)}.eyebrow{color:#645c72}.eyebrow-location{color:#9890a3}.hero-lede{color:#716b7d}.button-primary{background:linear-gradient(135deg,#e8dcff,#cfb7f4 55%,#b8a2e4);color:#2e2242;box-shadow:inset 0 1px #fff,0 10px 30px #9273c829}.button-primary:hover{box-shadow:inset 0 1px #fff,0 14px 38px #9273c849}.button-primary span{color:#634294}.button-quiet{color:#5c536b}.button-quiet span{color:#8064bd}.hero-caption{color:#92899d}.hero-caption i{background:#9578cf;box-shadow:0 0 10px #9c79df}.hero-side-note{color:#92899e}.scene-ring{border-color:#705a9220}.ring-b{border-color:#9277bf30}.scene-coordinate{color:#887e9b}.scroll-cue{color:#877d92}.scroll-cue span{background:linear-gradient(#9e83d4,transparent)}
.orbit-card{background:linear-gradient(140deg,#ffffffdc,#f6f2fcdb 65%);border-color:#ffffffeb;box-shadow:inset 0 1px #fff,0 12px 28px #47345b21}.orbit-card small{color:#8a8096}.orbit-card b{color:#312940}.orbit-card>i{color:#8063b7}.cross-a{color:#9478cd}.cross-b{color:#789d9a}
.studio{background:linear-gradient(130deg,#fbfaf7,#f2eff8);color:#211e2b}.studio h2{color:#242033}.studio h2 em{color:#8063b6}.studio .section-head{color:#81798c}.studio .section-no{color:#8063b6}.studio .section-rule{background:#493b5d20}.studio-copy p{color:#686275}.inline-link{color:#372e46;border-color:#9b80ca}.inline-link span{color:#8063b6}.studio-chip{color:#5c5566}.studio-note{color:#968da0}.studio-stamp{color:#c4bbcf}
.projects{background:radial-gradient(ellipse at 70% 5%,#e6ddf3c9 0%,transparent 37%),linear-gradient(180deg,#f6f4f8,#f6f5f1 78%,#f9f8f5)}.projects .section-head{color:#81798c}.projects .section-no{color:#8063b6}.projects .section-rule{background:#493b5d20}.projects .section-index{color:#9a91a3}.projects-heading h2{color:#282337}.projects-heading h2 em{color:#8063b6}.projects-heading>p,.category-head>p{color:#766e82}
.project-card{background:linear-gradient(145deg,#fff,#f9f7fc 80%);border-color:#ffffff;box-shadow:0 16px 45px #48375b13}.project-card:hover{border-color:#c8b5e4;box-shadow:0 22px 52px #48375b1e}.project-info h3,.small-info h3{color:#2b2537}.project-info>p,.small-info>p{color:#70697c}.project-topline{color:#81798c}.project-status{color:#665e70}.project-platform{color:#827a8d}.project-link{color:#382c4a;border-color:#a489cd}.project-link span{color:#7653ae}.project-bottom{border-color:#e8e1f0}.title-spark{color:#9478c8}.project-symbol{color:#9478c8}
.category-head{border-top-color:#66547724}.category-head h3{color:#292438}.category-head h3 em{color:#8063b6}.category-filters{margin-bottom:20px}.filter-chip{border-color:#85749e38;background:#ffffff99;color:#6e657a;box-shadow:inset 0 1px #fff}.filter-chip:hover,.filter-chip.active{color:#443357;border-color:#9b80c7;background:linear-gradient(135deg,#ffffff,#eee6f8);box-shadow:0 5px 15px #72559218,inset 0 1px #fff}.filter-chip span{color:#8063b6}
.category-card{background:linear-gradient(150deg,#ffffff,#fbf9fd 70%,#f7f5fa);border-color:#ffffff;box-shadow:0 12px 33px #47355d0c}.category-card:before{opacity:.075}.category-card:hover{box-shadow:0 17px 38px #47355d16,0 0 25px color-mix(in srgb,var(--accent) 11%,transparent)}.category-count{color:#9a91a4}.category-title h4{color:#302a3c}.category-desc{color:#777083}.product-list{border-top-color:#65547718}.catalog-product{border-bottom-color:#65547717}.catalog-product b{color:#40384d}.catalog-product p{color:#827b8c}.catalog-status{color:#7253aa}.portfolio-foot{border-top-color:#65547720;color:#61586e}.portfolio-foot p em{color:#887e96}.foot-counter{color:#948ba0}
.approach{background:radial-gradient(ellipse at 80% 40%,#e6dff3 0%,transparent 34%),linear-gradient(135deg,#f1eef7,#fbfaf7)}.approach .section-head{color:#82798e}.approach .section-no{color:#8063b6}.approach .section-rule{background:#493b5d20}.approach .section-index{color:#9a91a3}.approach h2{color:#292438}.approach h2 em{color:#8063b6}.approach-intro>p{color:#746c7f}.approach-steps{border-top-color:#66547724}.step{border-bottom-color:#66547724}.step-no{color:#8063b6}.step h3{color:#342c42}.step p{color:#7d7588}.step-arrow{color:#8063b6}.approach-orb{box-shadow:inset -8px -10px 16px #090c3040,0 0 27px #8771c54d,inset 4px 3px 7px #ffffff}
.contact{background:radial-gradient(ellipse at 75% 45%,#d9c9f3 0%,#eee8f7 32%,#faf8f3 76%)}.contact:before{background-image:linear-gradient(#7657a109 1px,transparent 1px),linear-gradient(90deg,#7657a109 1px,transparent 1px)}.contact-flare{background:radial-gradient(circle,#a588df5c,transparent 68%)}.contact-inner>.micro-label{color:#795daf}.contact h2{color:#2c2539}.contact h2 em{color:#7653ae}.contact-inner>p{color:#6e657a}.contact-link{color:#463458;border-color:#8e6dc3}.contact-signoff{border-top-color:#6a537a2b;color:#81758f}.contact-signoff i{background:#8063b6}.contact-symbol{opacity:.72;box-shadow:inset -19px -20px 28px #29244875,inset 11px 8px 17px #ffffffb8,0 15px 65px #6d50a746}
footer{background:#f7f6f1;border-top-color:#6f59871d}.footer-brand{color:#30283d}.footer-brand .brand small{color:#91889e}footer>.footer-center,footer>.copyright,.back-top{color:#81788d}.back-top:hover{color:#7653ae}
@media(max-width:1100px){nav{background:#faf9f6f5;border-bottom-color:#7c649d25}nav a{color:#62596f;border-bottom-color:#6b53731b}.nav-cta{color:#392c4e!important}.menu-toggle{border-color:#8166a43b;background:#ffffffb8}.menu-toggle i{background:#443650}.project-actions .project-link{font-size:8px}}
.catalog-status.live{color:#4b8a42}.catalog-status.progress{color:#9d641c}.catalog-status.concept{color:#7558a5}
.brand-name{font:600 15px/1 var(--display);letter-spacing:.2px;color:#292438}.brand-name small{font:600 8px/1 var(--mono);letter-spacing:2px;text-transform:uppercase;color:#8063b6;margin-top:4px}.footer-brand .brand-name{font-size:13px}

/* HappyHabit brand lift: warm gold, lavender and fresh green, with readable type */
:root{--hh-gold:#FAC775;--hh-lavender:#CECBF6;--hh-green:#97C459;--hh-ink:#332915}
body{font-size:16px;background:#fffdf8;color:#332915}
.ambient-one{background:#CECBF6;opacity:.28;filter:blur(125px)}.ambient-two{background:#FAC775;opacity:.22;filter:blur(130px)}
.topbar{background:#fffdf8e8;border-bottom-color:#eadfca;box-shadow:0 8px 30px #49370e12}.topbar.scrolled{background:#fffdf8f5;border-color:#eadfca}
.brand{font-size:16px}.brand-name{font-size:18px}.brand-name small{font-size:10px;color:#6f5a99}.brand-g{background:linear-gradient(145deg,#CECBF6,#FAC775 68%,#97C459);color:#3d2800;box-shadow:inset 1px 1px 3px #fff,0 8px 24px #b6924638}
nav{gap:clamp(20px,2.5vw,38px)}nav a{font-size:14px;color:#574a31}nav a:hover{color:#7252a0}.nav-cta{color:#3d2800!important;border-color:#d5ba7c;background:linear-gradient(135deg,#fff,#fff5d9);box-shadow:inset 0 1px #fff,0 8px 24px #c59c4526}.nav-cta span{color:#7956a8}
.hero{background:radial-gradient(ellipse at 72% 44%,#CECBF67a,transparent 37%),radial-gradient(ellipse at 64% 74%,#FAC77552,transparent 43%),linear-gradient(115deg,#fffdf8,#fff9e9 57%,#faf8ff)}
.hero-grid{background-image:linear-gradient(#826b4512 1px,transparent 1px),linear-gradient(90deg,#826b4512 1px,transparent 1px);opacity:.5}.hero:before{background:radial-gradient(circle,#FAC77566,transparent 68%)}
.eyebrow,.hero-caption,.hero-side-note,.scroll-cue,.section-head,.micro-label,.studio-chip,.studio-note,.project-topline,.project-platform,.project-status,.project-art-index,.art-caption-small,.small-link,.category-title>span,.category-count,.catalog-status,.foot-counter,.contact-signoff,footer>.footer-center,footer>.copyright,.back-top{font-size:11px;letter-spacing:.9px}
.eyebrow{color:#715e3b}.eyebrow-location,.hero-caption,.hero-side-note,.scroll-cue{color:#766b58}.signal{background:#97C459;box-shadow:0 0 14px #97C459a6}
.hero h1{color:#362c1d;text-shadow:0 2px 0 #fff}.gradient-text{background:linear-gradient(100deg,#8a62b4 0%,#b77b35 43%,#6f963d 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 5px 18px #d8ad4d54)}
.hero-lede{font-size:18px;line-height:1.8;color:#5e5549;max-width:510px}.button-primary{background:linear-gradient(135deg,#ffe7a3,#FAC775 55%,#f4ad45);color:#3d2800;font-size:15px;border-radius:999px;padding:17px 22px;box-shadow:inset 0 1px #fff,0 12px 35px #c58a2b50}.button-primary:hover{box-shadow:inset 0 1px #fff,0 16px 48px #c58a2b70}.button-quiet{font-size:15px;color:#55476a}.button-quiet span{color:#7956a8}
.gradient-text{animation:hhShimmer 8s ease-in-out infinite alternate;background-size:180% 100%}.glass-orb{background:radial-gradient(circle at 30% 22%,#fff8d8,#FAC775 26%,#CECBF6 57%,#785ca8 82%);box-shadow:inset -12px -15px 28px #72542b55,inset 8px 7px 18px #ffffffd1,0 18px 75px #ad813b54,0 0 75px #CECBF68c}.orb-letter{color:#fff;text-shadow:0 3px 16px #684f8d80}.orb-label{color:#513b19}.scene-ring{border-color:#997bb344}.ring-b{border-color:#9a753f55}.scene-halo{background:#FAC775}.orbit-card{background:linear-gradient(145deg,#fffef8f2,#ffffffdc 60%,#f6f0ffed);border-color:#fff;box-shadow:inset 0 1px #fff,0 16px 40px #60481e25,0 0 28px #CECBF652}.orbit-card small{color:#817454;font-size:10px}.orbit-card b{color:#342919;font-size:15px}.orbit-card>i,.cross-a{color:#7956a8}.cross-b{color:#87a94b}
.studio{background:linear-gradient(130deg,#fffdf8,#fbf7ff 62%,#fff9e9);color:#332915}.studio h2,.projects-heading h2,.category-head h3,.approach h2{color:#332915}.studio h2 em,.projects-heading h2 em,.category-head h3 em,.approach h2 em{color:#7956a8}.studio .section-head,.studio .section-no,.projects .section-head,.projects .section-no,.approach .section-head,.approach .section-no{color:#76579f}.studio-copy p,.projects-heading>p,.category-head>p,.approach-intro>p{font-size:17px;line-height:1.8;color:#615846}.inline-link{font-size:15px;color:#49355e;border-color:#b7a2d2}.studio-chip,.studio-note,.section-index{color:#776b57}
.projects{background:radial-gradient(ellipse at 75% 5%,#CECBF66e,transparent 39%),radial-gradient(ellipse at 12% 76%,#FAC77538,transparent 38%),linear-gradient(180deg,#fffaf0,#fffdf9 58%,#faf8ff)}.projects-heading>p,.category-head>p{font-size:17px}.project-card{background:linear-gradient(145deg,#fff,#fffaf0 70%,#faf7ff);border-color:#fff;box-shadow:0 18px 50px #60481e1c,0 3px 15px #c2a4e01a}.project-card:hover{border-color:#ddc878;box-shadow:0 24px 64px #60481e2d,0 0 34px #CECBF659}.project-info h3,.small-info h3{font-size:27px;color:#332915}.project-info>p,.small-info>p{font-size:16px;line-height:1.75;color:#5d5549}.project-topline,.project-platform,.project-status{color:#77694f}.project-link{font-size:13px;color:#49355e;border-color:#b39acb}.project-bottom{border-color:#eadfc9}.title-spark{color:#ae7c2b}.project-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#fff1c7,#fff,#e9e5ff);box-shadow:0 6px 20px #bc8c3940}.project-symbol img{display:block;width:33px;height:33px;border-radius:9px;object-fit:cover}
.happy-art{background:radial-gradient(ellipse at 50% 38%,#fff8db,#FAC775 35%,#CECBF6 78%,#b5a3dc)!important}.happy-aura{background:radial-gradient(circle,#fff8d99c,#FAC77570 38%,#CECBF680 68%,transparent 76%)}.habit-device{box-shadow:0 24px 70px #65451e52,0 0 45px #fff8d8b0,inset 0 0 0 1px #ffffffad}.notification-float{border-color:#fff;background:#fffef2ed;box-shadow:0 12px 28px #72562640,0 0 24px #FAC7755c}.notification-float small{font-size:9px;color:#75613a}.notification-float b{font-size:13px;color:#3d2800}.art-float{font-size:10px;background:#fffdf0e8;color:#514123;border-color:#ffffff;box-shadow:0 10px 24px #795c2e24}.habit-icon img{height:26px;width:26px;object-fit:cover;border-radius:7px;display:block}.habit-icon{background:#fff4d8;border-color:#e9c779}.category-card{background:linear-gradient(150deg,#fff,#fffdf7 66%,#faf7ff);border-color:#fff;box-shadow:0 14px 38px #60481e15,0 3px 12px #bca5d31c}.category-card:hover{box-shadow:0 22px 48px #60481e26,0 0 30px color-mix(in srgb,var(--accent) 22%,transparent)}.category-count{color:#786e5a}.category-title h4{color:#342a1a}.category-desc{font-size:15px;line-height:1.75;color:#5f574b;min-height:unset}.catalog-product b{font-size:15px;color:#40341f}.catalog-product p{font-size:13px;line-height:1.65;color:#6e6559}.catalog-status{font-size:10px;color:#76549f}.product-list{border-top-color:#7f69331f}.catalog-product{border-bottom-color:#7f69331f}.portfolio-foot{color:#524832;border-color:#7f69332a}.portfolio-foot p{font-size:15px}.portfolio-foot p em{color:#735a91}.foot-counter{color:#766d5c}
.approach{background:radial-gradient(ellipse at 80% 42%,#CECBF68c,transparent 35%),radial-gradient(ellipse at 18% 80%,#FAC77545,transparent 35%),linear-gradient(135deg,#f4f0ff,#fffaf0)}.approach-steps{border-color:#846a3930}.step{border-color:#846a3930}.step-no,.step-arrow{color:#7956a8}.step h3{font-size:19px;color:#342a1a}.step p{font-size:15px;line-height:1.75;color:#625947}.approach-orb{background:radial-gradient(circle at 33% 23%,#fff9df,#FAC775 35%,#CECBF6 72%,#8f73bb);box-shadow:inset -8px -10px 16px #5e472d4d,0 0 38px #b396de80,inset 4px 3px 9px #fff}.approach-orb i{border-color:#9a70c980}
.contact{background:radial-gradient(ellipse at 73% 45%,#CECBF6 0%,#f3e5bf 35%,#fffaf0 78%);color:#332915}.contact:before{background-image:linear-gradient(#79633c12 1px,transparent 1px),linear-gradient(90deg,#79633c12 1px,transparent 1px)}.contact-flare{background:radial-gradient(circle,#FAC775b8,#CECBF680 42%,transparent 70%);filter:blur(18px)}.contact-inner>.micro-label,.contact h2 em{color:#76549f}.contact h2{color:#332915}.contact-inner>p{font-size:17px;line-height:1.8;color:#5f5546}.contact-link{font-size:19px;color:#3d2800;border-color:#a789c3}.contact-link span{color:#7956a8}.contact-signoff{border-color:#80653730;color:#72664f}.contact-signoff i{background:#97C459}.contact-symbol{background:radial-gradient(circle at 32% 25%,#fff9dc,#FAC775 31%,#CECBF6 67%,#7759a4 91%);box-shadow:inset -19px -20px 28px #553d684f,inset 11px 8px 17px #ffffffd1,0 15px 65px #9c744b55;color:#fff;text-shadow:0 3px 20px #70518c}.contact-symbol span{color:#fff2bd}
footer{background:#fffaf0;border-top-color:#80653730}.footer-brand{color:#332915}.footer-brand .brand small{color:#76549f}footer>.footer-center,footer>.copyright,.back-top{font-size:10px;color:#746953}.back-top:hover{color:#7956a8}.filter-chip{font-size:14px;background:#fffef8;color:#5d5039;border-color:#bca9d1}.filter-chip:hover,.filter-chip.active{color:#3d2800;border-color:#c9a84d;background:linear-gradient(135deg,#fff7df,#f1edff);box-shadow:0 7px 18px #aa84352a,inset 0 1px #fff}.filter-chip span{color:#7956a8}
.menu-toggle{border-color:#8a72aa55;background:#fffefa}.menu-toggle i{background:#49355e}.nav-cta{border-radius:999px}.project-actions .project-link{font-size:13px}
@keyframes hhShimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:1100px){.hero-lede{font-size:17px}.project-info>p,.small-info>p{font-size:15px}.category-desc{font-size:14px}.catalog-product p{font-size:12px}}
@media(max-width:1100px){.hero{background:radial-gradient(ellipse at 65% 33%,#CECBF67a,transparent 43%),linear-gradient(145deg,#fffdf8,#fff6dd)}.hero-lede{font-size:16px}.studio-copy p,.projects-heading>p,.approach-intro>p,.contact-inner>p{font-size:16px}.project-info>p,.small-info>p{font-size:15px}.category-desc{font-size:14px}.catalog-product b{font-size:14px}.catalog-product p{font-size:12px}.step h3{font-size:17px}.step p{font-size:14px}.notification-float{padding:9px 11px}.notification-float b{font-size:11px}.project-actions .project-link{font-size:12px}.contact-signoff{font-size:9px}}
@media(prefers-reduced-motion:reduce){.gradient-text{animation:none}}

/* 2030 studio interface: luminous engineering details over the warm brand palette */
:root{--future-violet:#7654c8;--future-deep:#28213d;--future-gold:#e3b84f;--future-line:#8f77bd48}
html{scroll-padding-top:90px}
.hero{isolation:isolate}.hero-grid{background-size:56px 56px;opacity:.72;mask-image:radial-gradient(ellipse at 62% 45%,#000 3%,#0008 50%,transparent 85%);animation:gridDrift 32s linear infinite}
.hero:after{content:'SYSTEM ONLINE  ·  GAN-SAA / 2030';position:absolute;top:112px;right:7%;z-index:1;color:#6f5a98;font:600 10px var(--mono);letter-spacing:1.5px;padding:10px 14px;border:1px solid #9279bb52;border-radius:999px;background:#ffffff96;box-shadow:0 0 26px #CECBF655,inset 0 1px #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-content{max-width:740px}.hero h1{letter-spacing:-.055em}.eyebrow{letter-spacing:1.6px}.eyebrow:after{content:'✦';color:#a180ce;font-size:12px;margin-left:3px;text-shadow:0 0 12px #b79df8}
.scene-halo{filter:blur(4px);opacity:.34}.scene-ring{border-style:dashed;box-shadow:0 0 32px #CECBF63c,inset 0 0 20px #FAC77530;animation:ringFloat 34s linear infinite}.ring-b{animation-direction:reverse;animation-duration:25s}.glass-orb{position:relative;outline:1px solid #ffffff9c;outline-offset:7px;animation:orbBob 5s ease-in-out infinite,orbPulse 5s ease-in-out infinite}.glass-orb:before{content:'';position:absolute;inset:-19px;border:1px solid #896cc478;border-radius:50%;transform:rotateX(68deg) rotate(-20deg);box-shadow:0 0 24px #CECBF655;animation:orbitSpin 16s linear infinite}.glass-orb:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#fff3c4;top:8%;right:20%;box-shadow:0 0 10px 4px #FAC775,0 0 24px 10px #FAC77577;animation:beacon 2.7s ease-in-out infinite}.orb-sheen{animation:sheenPass 6s ease-in-out infinite}.scene-coordinate{font-size:10px;letter-spacing:1.8px;color:#675589}
.orbit-card{border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);outline:1px solid #CECBF630;outline-offset:3px}.orbit-card:after{content:'';position:absolute;left:18px;right:18px;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#FAC775,#CECBF6,transparent);opacity:.8;filter:blur(1px)}.orbit-card small{letter-spacing:1.3px}.orbit-card>i{font-size:19px}.orbit-habit{animation:cardBob 5s ease-in-out infinite,cardGlow 6s ease-in-out infinite}.orbit-jar{animation:cardBob 6s ease-in-out infinite -1.7s}.orbit-cook{animation:cardBob 5.5s ease-in-out infinite -2.3s}
.button-primary{position:relative;overflow:hidden;isolation:isolate}.button-primary:before{content:'';position:absolute;z-index:-1;inset:0;transform:translateX(-120%) skewX(-20deg);width:70%;background:linear-gradient(90deg,transparent,#fff9d8cc,transparent);animation:buttonSweep 4.8s ease-in-out infinite}.button-primary{outline:1px solid #ffffffcc;outline-offset:3px}
.section-head{position:relative}.section-no{font-size:12px!important}.section-rule{background:linear-gradient(90deg,#7956a8,#FAC775,transparent)!important;height:1px}.section-label{letter-spacing:1.8px!important}
.project-card,.category-card{position:relative;isolation:isolate;overflow:hidden;border-radius:21px}.project-card:before,.category-card:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#fff,#CECBF6,#FAC77588,transparent 68%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.project-card:after{content:'G-LAB / PRODUCT NODE';position:absolute;right:26px;top:21px;color:#8b7ba3;font:9px var(--mono);letter-spacing:1.2px;opacity:.62;pointer-events:none}.category-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.category-card:hover{transform:translateY(-7px) perspective(900px) rotateX(1deg);border-color:#ad93d8}.category-card:after{content:'';position:absolute;top:0;left:-110%;height:1px;width:90%;background:linear-gradient(90deg,transparent,#fff,#CECBF6,#FAC775,transparent);transition:left .8s ease}.category-card:hover:after{left:115%}.category-icon{width:42px;height:42px;font-size:20px;border-radius:13px;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #fff}.category-count{padding:7px 10px;border:1px solid #8f77bd3b;border-radius:999px;background:#fffaf3a8}
.project-art{isolation:isolate}.project-art:before{content:'LIVE INTERFACE / 01';position:absolute;z-index:4;top:19px;left:21px;padding:7px 10px;border:1px solid #ffffff9c;border-radius:999px;background:#fffdf2b8;color:#564979;font:9px var(--mono);letter-spacing:1px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.happy-art:before{content:'FAMILY OS / LIVE'}.happy-art{background-image:radial-gradient(circle at 50% 45%,#fff9df,#FAC775 27%,#CECBF6 70%,#a68bd1)!important}.happy-aura{animation:halo 7s ease-in-out infinite alternate}.habit-device{outline:1px solid #ffffffd1;outline-offset:5px}.device-island{box-shadow:0 0 14px #CECBF6}
.project-title-row h3{letter-spacing:-.045em}.project-symbol{outline:1px solid #d9c6f2;outline-offset:3px}.project-topline{letter-spacing:1.4px}.project-status i{animation:beacon 2s infinite}.catalog-product{position:relative}.catalog-status{padding:5px 7px;border:1px solid #8f77bd30;border-radius:999px;background:#f7f3fc;font-weight:600;white-space:nowrap}.catalog-status.live{background:#f1f8e8;border-color:#97C45970;color:#4d7028}.catalog-status.progress{background:#fff5dd;border-color:#e0bb6570;color:#856123}
.contact{isolation:isolate}.contact-symbol{outline:1px solid #ffffffb0;outline-offset:8px}.contact-symbol:after{content:'SIGNAL / OPEN';position:absolute;bottom:-30px;right:7px;color:#645184;font:10px var(--mono);letter-spacing:1.5px;white-space:nowrap}.contact-inner>.micro-label:before{content:'◉ ';color:#97C459;text-shadow:0 0 10px #97C459}
@keyframes gridDrift{from{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}
@keyframes orbitSpin{from{transform:rotateX(68deg) rotate(-20deg)}to{transform:rotateX(68deg) rotate(340deg)}}
@keyframes orbPulse{0%,100%{filter:saturate(1);box-shadow:inset -12px -15px 28px #72542b55,inset 8px 7px 18px #ffffffd1,0 18px 75px #ad813b54,0 0 65px #CECBF66c}50%{filter:saturate(1.25);box-shadow:inset -12px -15px 28px #72542b55,inset 8px 7px 18px #ffffffd1,0 18px 75px #ad813b65,0 0 95px #CECBF6b0}}
@keyframes beacon{0%,100%{opacity:.7;scale:.85}50%{opacity:1;scale:1.12}}
@keyframes sheenPass{0%,45%,100%{transform:translateX(-120%) rotate(18deg)}70%{transform:translateX(130%) rotate(18deg)}}
@keyframes buttonSweep{0%,60%,100%{transform:translateX(-130%) skewX(-20deg)}82%{transform:translateX(210%) skewX(-20deg)}}
@keyframes cardGlow{0%,100%{box-shadow:inset 0 1px #fff,0 16px 40px #60481e25,0 0 20px #CECBF630}50%{box-shadow:inset 0 1px #fff,0 16px 42px #60481e28,0 0 34px #CECBF670}}
@media(max-width:1100px){.hero:after{top:102px;right:5%;font-size:9px}.project-card:after{display:none}}
@media(max-width:1100px){.hero:after{top:94px;right:6%;font-size:8px;padding:8px 10px}.hero-grid{background-size:40px 40px}.glass-orb:before{inset:-12px}.project-art:before{top:12px;left:12px;font-size:8px}.category-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.hero-grid,.glass-orb,.glass-orb:before,.glass-orb:after,.orb-sheen,.orbit-habit,.orbit-jar,.orbit-cook,.button-primary:before,.happy-aura,.project-status i{animation:none!important}.category-card,.button-primary{transition:none!important}}

/* Keep the HappyHabit product preview crisp and in front of its decorative glow */
.happy-art{isolation:isolate;overflow:hidden;background-image:radial-gradient(circle at 50% 48%,#fff4cb 0%,#FAC775 30%,#CECBF6 72%,#a68bd1)!important}
.happy-art>.happy-aura{z-index:0;inset:12%;border-radius:50%;opacity:.42;pointer-events:none;background:radial-gradient(circle,#FAC77570 0%,#CECBF655 48%,transparent 74%);filter:blur(10px)}
.happy-art>.habit-device{position:relative;z-index:2;opacity:1;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(155deg,#fff 0%,#f4f8ea 58%,#e2edce 100%);box-shadow:inset 0 0 0 1px #ffffff,0 22px 55px #59492355,0 0 28px #fff8d866}
.happy-art>.notification-float,.happy-art>.art-float,.happy-art>.project-art-index{z-index:5}
.happy-art .habit-ui{opacity:1;filter:none}.happy-art .family-task,.happy-art .school-event{background-color:#ffffffee}
.happy-art:after{z-index:4;pointer-events:none}

/* HappyHabit artwork clarity: remove the oversized foreground oval and let the app lead */
.happy-art:after{content:none!important;display:none!important}
.happy-art>.happy-aura{display:none!important}
.happy-art{background:radial-gradient(ellipse at 50% 48%,#f6eaff 0%,#d9cef6 31%,#f6d58f 72%,#efc56b 100%)!important}
.happy-art>.habit-device{z-index:6!important;width:228px;height:350px;transform:rotate(-3deg);border-width:6px;background:linear-gradient(155deg,#fff 0%,#f6f9ef 55%,#e6efd7 100%);box-shadow:inset 0 0 0 1px #fff,0 22px 55px #45351e75,0 0 22px #fff8dcaa}
.happy-art .ui-title{color:#263027}.happy-art .family-task{background:#fff;border-color:#d5e4c6}.happy-art .school-event{background:linear-gradient(105deg,#f0edff,#faf7ff);border-color:#d4c8f2}
.happy-art>.notification-float,.happy-art>.art-float{z-index:8!important}
@media(max-width:1100px){.happy-art>.habit-device{width:196px;height:302px;transform:rotate(-3deg)}}

/* Subtle sci-fi HUD layer across the portfolio, kept behind product content */
.projects{position:relative;isolation:isolate}.projects:before{content:'GL / 2030';position:absolute;top:78px;right:7%;color:#785d9d;font:600 10px var(--mono);letter-spacing:2px;opacity:.55}.projects:after{content:'';position:absolute;right:4%;top:130px;width:190px;height:190px;border:1px solid #9279bb32;border-radius:50%;box-shadow:0 0 0 12px #CECBF612,0 0 0 30px #FAC77510,0 0 40px #CECBF63d;pointer-events:none;z-index:-1}
.project-card{outline:1px solid #8d72bb27;outline-offset:4px}.project-art{position:relative}.project-art:after{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 37%,#ffffff35 50%,transparent 63%),repeating-linear-gradient(0deg,transparent 0 37px,#ffffff22 38px,#ffffff22 39px,transparent 40px),repeating-linear-gradient(90deg,transparent 0 37px,#ffffff22 38px,#ffffff22 39px,transparent 40px);opacity:.48;mask-image:linear-gradient(140deg,#000 0%,#0008 56%,transparent 100%);animation:hudSweep 11s ease-in-out infinite}
.happy-art:after{content:'';position:absolute;z-index:2;inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 34px,#ffffff24 35px,#ffffff24 36px,transparent 37px),repeating-linear-gradient(90deg,transparent 0 34px,#ffffff24 35px,#ffffff24 36px,transparent 37px),linear-gradient(110deg,transparent 35%,#fff5 50%,transparent 64%);opacity:.32;mask-image:linear-gradient(135deg,#000 0%,#0008 58%,transparent 100%);animation:hudSweep 12s ease-in-out infinite}
.happy-art:before,.project-art:before{box-shadow:0 0 20px #CECBF655,0 0 0 3px #ffffff42;letter-spacing:1.35px}.project-art-index{font-weight:700;text-shadow:0 1px 8px #554277}.notification-float{outline:1px solid #fff9;outline-offset:3px}.habit-device{isolation:isolate}.habit-device:after{content:'HH / FAMILY';position:absolute;top:-17px;right:4px;padding:4px 7px;border:1px solid #b3a1ce;border-radius:999px;background:#fffaf1;color:#69518c;font:8px var(--mono);letter-spacing:1px;box-shadow:0 4px 14px #55427735}
.category-card{background-image:linear-gradient(130deg,#ffffff9c,#fffdf300 45%),repeating-linear-gradient(0deg,transparent 0 43px,#8469ae09 44px,#8469ae09 45px,transparent 46px)!important}.category-card:hover{outline:1px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:4px}.category-card .category-icon{position:relative}.category-card .category-icon:after{content:'';position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:16px;transform:rotate(45deg);opacity:.55}
.category-title>span{font-weight:600}.category-count{font-size:11px}.catalog-product{transition:transform .25s ease,border-color .25s}.category-card:hover .catalog-product{transform:translateX(2px)}.filter-chip{border-radius:999px;transition:all .25s ease}.filter-chip.active{box-shadow:0 0 0 3px #CECBF644,0 7px 18px #aa84352a,inset 0 1px #fff}
.section-head{position:relative}.section-no{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #977db950;border-radius:8px;background:#ffffff80;box-shadow:0 0 18px #CECBF63c}.section-index{font-size:10px!important}
@keyframes hudSweep{0%,35%{background-position:-130% 0,0 0,0 0}75%,100%{background-position:150% 0,0 0,0 0}}
@media(max-width:1100px){.projects:before{top:49px;right:6%;font-size:9px}.projects:after{right:-70px;top:100px;width:130px;height:130px}.project-art:after{opacity:.2}.happy-art:after{opacity:.18}.habit-device:after{top:-15px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.project-art:after,.happy-art:after{animation:none!important}}

/* Future-facing art direction without printing a year or fake system status */
.hero:after,.projects:before{content:none!important;display:none!important}
.hero{background:radial-gradient(ellipse at 73% 38%,#d5c6ff9c 0%,transparent 34%),radial-gradient(ellipse at 71% 70%,#ffe39f8a 0%,transparent 39%),linear-gradient(120deg,#fffdf8 4%,#f8f3ff 54%,#fff8e8 100%)}
.hero-scene{perspective:1100px;transform-style:preserve-3d;filter:drop-shadow(0 28px 36px #7554a01c)}
.hero-scene:before,.hero-scene:after{content:'';position:absolute;pointer-events:none;border-radius:50%;inset:10% 2%;border:1px solid transparent;background:linear-gradient(120deg,#ffffffcc,#CECBF6 35%,#FAC775 67%,#97C459 85%,#ffffffcc) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transform:rotateX(67deg) rotateZ(-24deg);opacity:.88;filter:drop-shadow(0 0 9px #9677d55c);animation:futureOrbit 18s linear infinite}
.hero-scene:after{inset:0 13%;transform:rotateX(69deg) rotateZ(48deg);opacity:.5;animation-duration:25s;animation-direction:reverse}
.glass-orb{transform-style:preserve-3d;outline:1px solid #ffffffd9;outline-offset:10px;box-shadow:inset -18px -22px 35px #5b407050,inset 9px 7px 18px #ffffffef,0 25px 70px #805db45c,0 0 50px #CECBF68c,0 0 115px #FAC77557}
.glass-orb:before{inset:-14%;border-color:#ffffffad;box-shadow:inset 0 0 28px #ffffff69,0 0 26px #CECBF68c}
.orb-sheen{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 22%,#ffffffa3 37%,#ffffff17 46%,transparent 57%);mix-blend-mode:screen;pointer-events:none}
.scene-halo{filter:blur(26px);opacity:.55}.halo-back{background:radial-gradient(circle,#b99af6a8,#CECBF654 36%,transparent 69%)}.halo-front{background:radial-gradient(circle,#ffe79a85,#FAC77535 38%,transparent 67%)}
.scene-ring{border-style:solid;border-color:#ffffffa0;box-shadow:0 0 24px #CECBF65c,inset 0 0 26px #ffffff70}.ring-a{border-width:1px 0 0 1px}.ring-b{border-width:0 1px 1px 0;border-color:#9c78cd80}
.orbit-card{-webkit-backdrop-filter:blur(22px) saturate(1.55);backdrop-filter:blur(22px) saturate(1.55);border:1px solid #ffffffef;box-shadow:inset 0 1px #fff,0 18px 40px #5140712b,0 0 36px #CECBF64f;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.orbit-card:hover{transform:translateY(-7px) scale(1.035);box-shadow:inset 0 1px #fff,0 23px 48px #5140713a,0 0 50px #CECBF6a1}.orbit-card:after{height:2px;filter:blur(2px);opacity:1}
.button-primary{box-shadow:inset 0 1px #fff,0 0 0 1px #fff,0 10px 32px #cc9a3b45,0 0 26px #FAC77555}.button-primary:hover{transform:translateY(-4px) scale(1.025);box-shadow:inset 0 1px #fff,0 0 0 1px #fff,0 16px 44px #cc9a3b61,0 0 36px #CECBF6a1}
.project-card,.category-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.project-card{background:linear-gradient(145deg,#ffffffef,#fffaf2e8 58%,#f8f3ffef)}.project-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px #634b822a,0 0 50px #CECBF66b}.project-art{background-blend-mode:screen,normal;box-shadow:inset 0 0 0 1px #ffffff88,inset 0 0 70px #fff8dc52}.project-art:after,.happy-art:after{background-image:linear-gradient(115deg,transparent 32%,#ffffff4f 49%,transparent 62%),repeating-linear-gradient(0deg,transparent 0 42px,#ffffff25 43px,#ffffff25 44px,transparent 45px),repeating-linear-gradient(90deg,transparent 0 42px,#ffffff25 43px,#ffffff25 44px,transparent 45px);opacity:.3;animation:hudSweep 14s ease-in-out infinite}.happy-art:after{content:''!important;display:block!important;inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;pointer-events:none;z-index:3;mask-image:linear-gradient(120deg,#0008,transparent 76%)}
.happy-art>.habit-device{z-index:6!important;filter:drop-shadow(0 18px 24px #46362035);transform:rotateY(-7deg) rotateZ(-3deg);box-shadow:inset 0 0 0 1px #ffffff,0 24px 62px #45351e75,0 0 30px #fff8dcaa}.happy-art .device-island{box-shadow:0 0 16px #CECBF6}.happy-art .ui-title em{color:#7150a5;text-shadow:0 0 12px #CECBF677}.happy-art .task-reward{color:#557d2b}.happy-art .task-reward i{filter:drop-shadow(0 0 5px #FAC775)}
.category-card{box-shadow:inset 0 1px #ffffff,0 16px 42px #594a731a,0 0 28px #CECBF628}.category-card:hover{transform:translateY(-9px) perspective(1000px) rotateX(2deg);box-shadow:inset 0 1px #fff,0 30px 60px #594a7330,0 0 44px color-mix(in srgb,var(--accent) 32%,transparent)}
.contact{background:radial-gradient(ellipse at 78% 36%,#d8c9ff 0%,#e9dbf2 24%,#f8e7bc 54%,#fffaf1 82%)}.contact-symbol{filter:drop-shadow(0 22px 24px #6d4e9670);box-shadow:inset -19px -20px 28px #553d6840,inset 11px 8px 17px #ffffffed,0 0 45px #CECBF6ad,0 20px 85px #9c744b70}
@keyframes futureOrbit{from{rotate:0deg}to{rotate:360deg}}
@media(max-width:1100px){.hero-scene:before{inset:13% 5%}.hero-scene:after{inset:2% 17%}.happy-art>.habit-device{transform:rotateZ(-3deg)}}
@media(prefers-reduced-motion:reduce){.hero-scene:before,.hero-scene:after{animation:none!important}}



/* Remove the empty portfolio ring; keep ambient light diffuse and content-led */
.projects:after{content:none!important;display:none!important}

/* HappyHabit story clip: a looping, lazy-loaded scene beside the live app preview */
.happy-story-frame{position:absolute;z-index:4;right:3.5%;bottom:13%;width:48%;margin:0;padding:7px;border:1px solid #ffffffed;border-radius:16px;background:linear-gradient(145deg,#ffffffed,#f7f1ffed 62%,#fff2d7ed);box-shadow:0 18px 48px #48355c45,0 0 28px #CECBF670,inset 0 1px #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:perspective(900px) rotateY(-5deg) rotateZ(1deg);transition:transform .4s ease,box-shadow .4s ease}
.happy-story-frame:hover{transform:perspective(900px) rotateY(0) rotateZ(0) translateY(-5px);box-shadow:0 24px 58px #48355c55,0 0 42px #CECBF6a0,inset 0 1px #fff}
.happy-story-gif{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#eee7f5}
.happy-story-frame figcaption{display:flex;align-items:center;gap:8px;padding:9px 5px 2px;color:#615074;font:600 9px var(--mono);letter-spacing:1px}.happy-story-frame figcaption i{width:7px;height:7px;border-radius:50%;background:#97C459;box-shadow:0 0 12px #97C459;animation:beacon 2s infinite}
.happy-art>.habit-device{translate:-125px 0}.happy-art>.notification-float{right:3%;top:9%}.happy-art>.float-right{display:none}
@media(max-width:1100px){.happy-story-frame{right:3%;width:49%;bottom:15%}.happy-art>.habit-device{translate:-102px 0}}
@media(max-width:1100px){.happy-story-frame{right:3%;width:51%;bottom:13%;padding:5px;border-radius:12px}.happy-story-gif{border-radius:8px}.happy-story-frame figcaption{font-size:7px;letter-spacing:.55px;padding:6px 3px 1px}.happy-art>.habit-device{translate:-82px 0}.happy-art>.notification-float{top:7%;right:2%}}
@media(prefers-reduced-motion:reduce){.happy-story-frame,.happy-story-frame:hover{transition:none;transform:none}.happy-story-frame figcaption i{animation:none}}

/* Keep the product phone and animated story clip side by side */
.happy-art>.habit-device{position:absolute!important;left:6%;top:50%;translate:0 -50%;transform:rotate(-3deg);z-index:6!important}
.happy-story-frame{right:3%;width:44%;bottom:13%;z-index:5}
.happy-art>.notification-float{right:3%;top:8%}
@media(max-width:1100px){.happy-art>.habit-device{left:5%;top:50%;translate:0 -50%;transform:rotate(-3deg)}.happy-story-frame{right:2.5%;width:46%;bottom:13%}}
@media(max-width:1100px){.happy-art>.habit-device{left:3%;top:50%;translate:0 -50%;width:150px;height:230px;transform:rotate(-2deg)}.happy-story-frame{right:2%;width:49%;bottom:15%;padding:4px}.happy-art>.notification-float{right:2%;top:6%;transform:scale(.8);transform-origin:top right}}

/* Raise the phone and center it inside the artwork; keep its gentle float motion */
.happy-art>.habit-device{top:47%;transform:translateY(-50%) rotate(-3deg)!important}
@media(max-width:1100px){.happy-art>.habit-device{top:47%;transform:translateY(-50%) rotate(-3deg)!important}}
@media(max-width:1100px){.happy-art>.habit-device{top:47%;transform:translateY(-50%) rotate(-2deg)!important}}
.hero h1 .gradient-text{text-shadow:none}
#studio{padding-bottom:56px}
#projects{padding-top:56px}
@media(max-width:1100px){.orbit-habit{left:-6%;top:0}.orbit-jar{left:auto;right:-6%;top:auto;bottom:0}.orbit-cook,.scene-coordinate{display:none}}
@media(max-width:1100px),(hover:none) and (pointer:coarse){.ambient{display:none}*,*::before,*::after{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
@media(max-width:1100px),(hover:none) and (pointer:coarse){.topbar,.topbar.scrolled{background:#fffdf8}}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.gradient-text{-webkit-text-fill-color:transparent;filter:none}
@media(pointer:coarse){.button-quiet,.back-top,.project-link,.inline-link,.contact-link{padding-block:12px;margin-block:-12px}}
@media(pointer:coarse) and (min-width:1101px){nav a:not(.nav-cta){padding-block:12px;margin-block:-12px}}
@media(min-width:1101px) and (max-height:1000px){.scroll-cue{display:none}}
@media(min-width:1101px) and (max-width:1400px){.orbit-habit{left:9%}}
@media(max-width:1100px){.happy-art>.habit-device{translate:none}.happy-story-frame{max-width:340px}}
@media(max-width:360px){.happy-art>.notification-float{display:none}.happy-story-frame{max-width:120px}}
@media(min-width:1101px) and (max-width:1300px){.happy-card .project-bottom{flex-wrap:wrap;row-gap:12px}}
.ambient{filter:none!important;width:760px;height:760px}
.ambient-one{background:radial-gradient(closest-side,#CECBF6,#CECBF600);left:-440px}
.ambient-two{background:radial-gradient(closest-side,#FAC775,#FAC77500);right:-430px}
.hero-grid,.gradient-text,.project-art:after,.happy-art:after{animation:none!important}
.glass-orb{animation:orbBob 5s ease-in-out infinite}
.orbit-habit{animation:cardBob 5s ease-in-out infinite}
.project-card,.category-card,.project-art:before,.hero:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.is-offscreen,.is-offscreen *,.is-offscreen *::before,.is-offscreen *::after{animation-play-state:paused!important}
@media(max-width:1100px){.hero-scene{margin-top:100px}.orbit-habit{left:-6%;top:-50px}.orbit-jar{left:auto;right:-6%;top:10px;bottom:auto}.orbit-cook{display:flex;left:-6%;right:auto;top:auto;bottom:0}.cross-a{display:none}}
.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:34px 0 6px}
.share-label{font:11px var(--mono);letter-spacing:1.4px;color:#72664f}
.share-buttons{display:flex;flex-wrap:wrap;gap:10px}
.share-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #a789c34d;background:#fffdf8;color:#3d2800;cursor:pointer;padding:0;box-shadow:0 6px 16px #5e48201a;transition:transform .2s,box-shadow .2s,border-color .2s}
.share-btn svg{width:20px;height:20px}
.share-btn:hover,.share-btn:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px #5e48202e;border-color:#a789c3}
.share-whatsapp{color:#25D366}.share-linkedin{color:#0A66C2}.share-facebook{color:#0866FF}.share-instagram{color:#E4405F}.share-copy{color:#7956a8}
.share-status{flex-basis:100%;min-height:16px;font:11px var(--mono);letter-spacing:.6px;color:#5f8a2f}