:root{--bg:#080a12;--bg2:#0b0e18;--surface:#111521;--surface2:#151a2a;--panel:#121725;--border:rgba(195,205,255,.105);--border-light:rgba(206,218,255,.20);--muted:#939bb3;--muted2:#656f8c;--text:#f0f2fc;--accent:#aa8dff;--blue:#59c9ff;--green:#66efba;--max:1640px;--ease:cubic-bezier(.22,1,.36,1);--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#6652b6;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#080a12}::-webkit-scrollbar-thumb{background:#252d45;border:2px solid #080a12;border-radius:20px}.shell{width:min(var(--max),calc(100% - 100px));margin-inline:auto}.skip-link{position:fixed;z-index:200;top:-80px;left:16px;background:#f0f1fd;color:#131523;border-radius:8px;padding:10px 14px}.skip-link:focus{top:16px}:focus-visible{outline:2px solid #b7a3ff;outline-offset:4px}#scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:linear-gradient(90deg,#865fff,#66e8ff);z-index:120;box-shadow:0 0 18px #a88bff}.site-noise{pointer-events:none;position:fixed;inset:0;z-index:75;opacity:.042;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.ambient-pointer{pointer-events:none;position:fixed;z-index:1;left:0;top:0;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(112,87,237,.06),transparent 60%);transform:translate3d(-900px,-900px,0);will-change:transform;mix-blend-mode:screen}main,header,footer{position:relative;z-index:2}
/* NAV */
.header{position:fixed;z-index:90;left:0;top:0;right:0;padding:15px 0;transition:padding .35s var(--ease),background .35s}.header.scrolled{padding:9px 0;background:rgba(8,10,18,.80);border-bottom:1px solid rgba(167,186,250,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-shell{height:62px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{width:31px;height:31px;position:relative;display:block;filter:drop-shadow(0 0 11px rgba(158,134,255,.35))}.brand-symbol i{position:absolute;border:2px solid #a895ff;border-radius:4px;transform:rotate(45deg);width:18px;height:18px;left:6px;top:6px}.brand-symbol i:nth-child(2){width:9px;height:9px;border-color:#60d8f4;top:10.5px;left:10.5px}.brand-symbol i:nth-child(3){width:4px;height:4px;background:#d4e7ff;border:0;top:13.5px;left:13.5px}.brand-name{font-weight:900;font-size:21px;letter-spacing:-.06em;line-height:1}.brand-period{color:var(--accent)}.brand-caption{font:600 8px/1 var(--font);letter-spacing:.19em;margin-left:6px;color:#7d86aa;transform:translateY(1px)}.desktop-nav{display:flex;align-items:center;gap:37px;margin-left:auto;margin-right:36px}.desktop-nav a{color:#9da7bf;font-size:12px;letter-spacing:.03em;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#f2f5ff}.nav-actions{display:flex;align-items:center;gap:13px}.lang-button{border:1px solid var(--border-light);border-radius:25px;padding:7px 12px;background:#111523b3;color:#cdd4ed;font-size:11px;letter-spacing:.08em;font-weight:700}.lang-button span{color:#8e96b3;font-size:10px}.nav-cta{display:flex;align-items:center;gap:13px;border:1px solid rgba(194,192,255,.28);border-radius:100px;background:linear-gradient(115deg,rgba(136,109,230,.18),rgba(89,146,213,.08));padding:12px 18px;color:#f5f5ff;font-size:12px;font-weight:650;transition:transform .25s,border-color .25s,background .25s}.nav-cta:hover{border-color:#a18eff;transform:translateY(-2px)}.cta-spark,.proof-dot,.green-dot{width:7px;height:7px;border-radius:50%;background:#73f7bc;box-shadow:0 0 18px rgba(100,247,190,.7);display:inline-block;flex-shrink:0}.nav-cta .cta-spark{width:5px;height:5px}.mobile-toggle,.mobile-menu{display:none}
/* SHARED */
.eyebrow{display:flex;align-items:center;gap:14px;color:#b3adff;font-size:11px;font-weight:750;letter-spacing:.205em;line-height:1.5}.eyebrow-line{width:30px;height:1px;flex-shrink:0;background:linear-gradient(90deg,#9b81ff,transparent)}.eyebrow-mini{color:#a89af8;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.section-pad{padding:148px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:60px}.section-heading h2,.expertise h2,.contact-section h2{font-size:clamp(45px,5.1vw,82px);line-height:1.05;letter-spacing:-.067em;font-weight:760;margin:27px 0 0}.section-heading h2 em,.expertise h2 em,.contact-section h2 em{font-style:normal;color:#a6a9c6}.section-intro{font-size:15px;line-height:1.85;color:var(--muted);max-width:370px;margin:0 0 5px}.h2-sup{font-size:.25em;vertical-align:top;margin-left:16px;letter-spacing:0;color:#9d8bf4;line-height:2.4}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translate3d(0,32px,0);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js .reveal.visible{opacity:1;transform:none}
/* HERO */
.hero{min-height:min(990px,105svh);position:relative;overflow:hidden;padding-top:120px;background:radial-gradient(ellipse 43% 68% at 85% 48%,rgba(66,44,157,.14),transparent 85%),radial-gradient(ellipse 32% 50% at 48% 90%,rgba(39,116,163,.075),transparent),#080a12;border-bottom:1px solid var(--border)}.hero::before{content:"";position:absolute;right:-15%;top:-50%;width:75vw;height:90vw;border-radius:50%;border:1px solid rgba(160,157,253,.04);box-shadow:0 0 180px rgba(110,77,232,.07),inset 0 0 200px rgba(50,82,185,.03);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(187,208,255,.025) 1px,transparent 1px),linear-gradient(rgba(187,208,255,.025) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 75%,transparent);pointer-events:none}.hero-beam{position:absolute;pointer-events:none;height:170vh;width:1px;top:-30%;transform:rotate(30deg);background:linear-gradient(transparent,rgba(145,131,253,.15),transparent)}.hero-beam-left{left:70%}.hero-beam-right{left:80%;transform:rotate(-14deg);opacity:.5}.hero-layout{min-height:680px;display:grid;grid-template-columns:52% 48%;align-items:center;position:relative}.hero-copy{position:relative;z-index:6;padding-top:15px}.hero-eyebrow{margin-bottom:35px}.hero-title{font-size:clamp(64px,6.1vw,112px);font-weight:790;line-height:.985;letter-spacing:-.084em;margin:0}.hero-title span{display:block;white-space:nowrap}.gradient-text{color:transparent;background:linear-gradient(105deg,#b89eff 3%,#8cb4ff 48%,#6cedf7 95%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 90px rgba(126,97,236,.09)}.hero-lead{max-width:560px;color:#a0aac3;line-height:1.85;font-size:16px;margin:34px 0 32px}.hero-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{border-radius:100px;min-height:54px;padding:0 24px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;white-space:nowrap;transition:transform .27s var(--ease),box-shadow .27s var(--ease),border-color .27s}.button:hover{transform:translateY(-3px)}.button-primary{color:#090a18;background:linear-gradient(106deg,#c7b6ff 0%,#8ab8ff 51%,#6fe8f2 100%);box-shadow:0 7px 32px rgba(119,107,240,.23),inset 0 1px 2px #fff9}.button-primary:hover{box-shadow:0 10px 50px rgba(119,107,240,.38)}.button-outline{background:rgba(14,17,30,.6);border-color:rgba(197,212,255,.19);color:#e7edff}.button-outline:hover{border-color:rgba(167,157,255,.65)}.button-arrow{font-size:18px;line-height:1}.hero-proof{font-size:11px;color:#7883a1;display:flex;align-items:center;gap:11px;margin-top:40px;letter-spacing:.03em}.hero-proof .proof-dot{width:6px;height:6px}.hero-visual{height:650px;min-width:0;position:relative;isolation:isolate;perspective:1200px}.hero-aura{position:absolute;pointer-events:none;border-radius:50%;filter:blur(34px)}.hero-aura-a{width:420px;height:420px;background:radial-gradient(circle,rgba(102,82,249,.21),transparent 69%);top:90px;left:calc(50% - 210px)}.hero-aura-b{width:320px;height:290px;background:radial-gradient(circle,rgba(16,173,231,.18),transparent 75%);top:240px;left:calc(50% - 80px)}#hero-canvas{position:absolute;width:125%;height:118%;left:-10%;top:-8%;display:block;z-index:2;filter:drop-shadow(0 0 46px rgba(74,93,252,.24))}.hero-center-mark{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen;opacity:.94}.center-icon{font-size:clamp(60px,8vw,118px);font-weight:900;letter-spacing:-.14em;font-style:italic;color:#ecf5ff;text-shadow:0 0 40px #6f78ffb0,0 0 80px #7191ff55}.center-icon span{font-size:.34em;vertical-align:top;color:#7ee2ff;letter-spacing:0}.visual-label{position:absolute;z-index:4;background:linear-gradient(130deg,rgba(24,28,53,.76),rgba(18,23,38,.52));border:1px solid rgba(183,171,255,.20);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 100px rgba(0,0,0,.25),inset 0 1px 0 rgba(226,236,255,.09);border-radius:12px;color:#bbc5e9}.label-top{width:225px;top:96px;right:0;transform:rotate(6deg);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.label-index,.label-tiny{font:600 9px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#8591b8}.label-strong{font:700 11px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.035em}.label-bars{display:flex;align-items:end;gap:5px;height:27px;margin-top:4px}.label-bars i{display:block;width:7px;height:var(--h,35%);border-radius:2px 2px 0 0;background:linear-gradient(#8ed7ff,#8665ed);opacity:.9}.label-bars i:nth-child(1){--h:40%}.label-bars i:nth-child(2){--h:85%}.label-bars i:nth-child(3){--h:55%}.label-bars i:nth-child(4){--h:100%}.label-bars i:nth-child(5){--h:62%}.label-bars i:nth-child(6){--h:80%}.label-bars i:nth-child(7){--h:42%}.label-bars i:nth-child(8){--h:70%}.label-bottom{bottom:118px;left:10px;transform:rotate(-6deg);display:flex;align-items:center;gap:11px;font:600 10px/1.4 ui-monospace,monospace;letter-spacing:.06em;padding:12px 16px}.label-bottom .label-tiny{padding-left:13px;border-left:1px solid #4c5168}.pulse-light{width:7px;height:7px;border-radius:50%;background:#6beacb;box-shadow:0 0 13px #67ffbb;animation:blink 2s infinite}.hero-visual-frame{position:absolute;left:11%;top:7%;width:82%;height:78%;border:1px solid rgba(131,153,255,.07);border-radius:50%;transform:rotate(-18deg);pointer-events:none}.visual-corner{position:absolute;color:#7c86a2;font-size:19px;z-index:4}.visual-corner-a{top:60px;left:48px}.visual-corner-b{right:30px;bottom:40px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px;margin-top:12px;position:relative}.hero-scroll-cue{display:flex;align-items:center;gap:16px;color:#7682a1;font-size:10px;font-weight:700;letter-spacing:.22em}.scroll-line{width:47px;height:1px;background:#787c9e;position:relative}.scroll-line::after{content:"";width:7px;height:7px;border:1px solid #ae9aff;border-radius:50%;position:absolute;top:-3px;left:0;animation:lineMove 3s ease-in-out infinite}.hero-index{display:flex;gap:21px;align-items:center;font:600 10px/1 ui-monospace,monospace;letter-spacing:.11em;color:#7381a0}.hero-index b{color:#b8bbd7}.index-divider{width:22px;height:1px;background:#424b6b}.entrance{animation:entrance .95s var(--ease) both}.hero-copy .entrance:nth-child(2){animation-delay:.08s}.hero-copy .entrance:nth-child(3){animation-delay:.2s}.hero-copy .entrance:nth-child(4){animation-delay:.32s}.hero-copy .entrance:nth-child(5){animation-delay:.44s}@keyframes entrance{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:.42}}@keyframes lineMove{0%,100%{left:0}50%{left:39px}}
/* CONTENT / FEATURE */
.proof-band{border-bottom:1px solid var(--border);background:#0b0e18}.proof-band-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.proof-band-item{display:flex;align-items:center;gap:14px;color:#a5aec5;font-size:13px;font-weight:650}.band-symbol{color:#7c72c8;font:700 10px/1 ui-monospace,monospace}.proof-band-separator{height:30px;width:1px;background:linear-gradient(transparent,#303955,transparent)}.featured-section{background:radial-gradient(ellipse 46% 26% at 85% 56%,rgba(69,70,160,.075),transparent),#0a0d17}.feature-layout{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--border-light);border-radius:23px;min-height:610px;background:linear-gradient(145deg,rgba(22,26,43,.88),rgba(10,13,23,.87));overflow:hidden;box-shadow:0 45px 90px rgba(0,0,0,.15)}.feature-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);padding:30px 0;background:linear-gradient(145deg,#141727,#0e121f)}.feature-aside-top{padding:0 27px 26px;display:flex;justify-content:space-between;gap:6px;color:#8e9ab9;font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.10em}.feature-list{display:flex;flex-direction:column;gap:4px}.feature-tab{display:flex;width:100%;align-items:center;text-align:left;gap:17px;border:0;background:transparent;color:#7e8aa8;padding:20px 28px;border-left:2px solid transparent;transition:background .25s,border-color .25s,color .25s}.feature-tab:hover{background:rgba(169,145,255,.05);color:#fff}.feature-tab[aria-selected=true]{background:linear-gradient(90deg,rgba(137,101,245,.13),transparent);border-color:#ac94ff;color:#f3f5ff}.feature-tab .tab-num{font:650 10px/1 ui-monospace,monospace;color:#6f7b96}.feature-tab[aria-selected=true] .tab-num{color:#bca8ff}.tab-copy{flex:1;min-width:0}.tab-title{font-size:13px;font-weight:760;display:block;line-height:1.3}.tab-type{font-size:10px;color:#68748d;display:block;margin-top:5px}.feature-tab[aria-selected=true] .tab-type{color:#9da7c7}.tab-arrow{font-size:16px;opacity:0;transform:translateX(-7px);transition:all .25s}.feature-tab:hover .tab-arrow,.feature-tab[aria-selected=true] .tab-arrow{opacity:1;transform:none}.feature-aside-bottom{margin-top:auto;border-top:1px solid var(--border);padding:25px 27px 0;display:flex;align-items:flex-start;gap:12px;color:#7e8aa3;font-size:11px;line-height:1.7}.small-orbit{width:19px;height:19px;border:1px solid #8e7ce3;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 4px #141828}.feature-main{min-width:0;display:flex;flex-direction:column;padding:18px 19px 26px;gap:26px}.feature-stage{min-height:380px;flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(188,193,255,.115);border-radius:16px;background:radial-gradient(ellipse 44% 80% at 50% 58%,rgba(102,80,211,.15),transparent 90%),linear-gradient(140deg,#121a30,#070912 68%)}.feature-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(146,169,236,.045) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(146,169,236,.045) 50%,transparent 50.1%);background-size:56px 56px;mask-image:radial-gradient(ellipse,black 5%,transparent 67%);pointer-events:none}.stage-glow{position:absolute;width:66%;height:70%;left:17%;top:26%;border-radius:50%;filter:blur(45px);background:radial-gradient(circle,rgba(118,95,243,.23),transparent 68%);pointer-events:none}.stage-topline,.stage-bottomline{z-index:2;position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#7d88a8;font:650 10px/1 ui-monospace,monospace;letter-spacing:.1em}.stage-topline .green-dot{width:5px;height:5px;margin-right:6px}.stage-browser-dots{display:flex;gap:5px}.stage-browser-dots i{background:#454a61;width:5px;height:5px;border-radius:50%}.stage-device{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex:1;margin:12px clamp(20px,4.5%,58px) 12px;min-height:280px;transform-style:preserve-3d;transform:perspective(1300px) rotateY(-5deg) rotateX(2.5deg);transition:transform .5s var(--ease);will-change:transform}.stage-device::after{content:"";position:absolute;inset:-3px;border-radius:10px;box-shadow:0 28px 70px #0009,0 0 44px rgba(129,100,255,.07);pointer-events:none}.stage-device img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;aspect-ratio:16/8.2;border:1px solid rgba(206,213,255,.19);border-radius:10px;background:#10131e}.zoom-button{color:#d9d7ff;background:#1a1c2c;border:1px solid var(--border-light);border-radius:9px;width:29px;height:29px;font-size:16px;transition:background .2s}.zoom-button:hover{background:#373151}.feature-details{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 14px 0}.feature-info{min-width:0}.feature-info h3{margin:7px 0 8px;font-size:clamp(26px,2.7vw,43px);letter-spacing:-.055em;line-height:1.12}.feature-info p{font-size:13px;color:#a0abc5;margin:0 0 16px;line-height:1.6;max-width:630px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font:650 10px/1 ui-monospace,monospace;letter-spacing:.025em;color:#9daace;padding:8px 10px;border:1px solid rgba(188,194,246,.14);border-radius:6px;background:#121625}.feature-open{border:1px solid rgba(193,187,255,.25);border-radius:100px;background:linear-gradient(125deg,#201c3e,#161b2b);color:#eaeafa;display:flex;align-items:center;gap:14px;flex-shrink:0;padding:13px 15px 13px 19px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s}.feature-open:hover{transform:translateY(-3px);border-color:#9c85ff}.feature-open span:last-child{display:grid;place-items:center;background:rgba(162,143,250,.17);width:28px;height:28px;border-radius:50%;font-size:17px}
/* ALL PROJECTS */
.all-projects{background:#080a12;padding-top:110px;border-top:1px solid var(--border)}.section-heading-line{border-bottom:1px solid var(--border);padding-bottom:40px;margin-bottom:28px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{color:#9fa9c4;border:1px solid #23283c;border-radius:100px;padding:10px 16px;font-size:11px;font-weight:700;background:#0e111e;transition:all .2s}.filter:hover{border-color:#675899;color:#fff}.filter[aria-pressed=true]{color:#101321;background:linear-gradient(115deg,#c3b3ff,#92cfff);border-color:transparent}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{border:1px solid rgba(197,202,254,.13);padding:0;border-radius:18px;background:#101521;text-align:left;overflow:hidden;display:flex;flex-direction:column;min-height:380px;color:#fff;transition:transform .5s var(--ease),border-color .35s,box-shadow .45s;position:relative;transform-style:preserve-3d;will-change:transform}.project-card:hover{border-color:rgba(173,158,255,.48);box-shadow:0 25px 50px #0005,0 0 50px rgba(95,80,196,.08)}.project-card:focus-visible{outline-offset:5px}.project-card .project-media{display:flex;position:relative;height:235px;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(155deg,#1b1f36,#0b0f1b)}.project-media::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 47%,rgba(9,11,20,.75));pointer-events:none}.project-media::after{content:"";position:absolute;inset:0;border:1px solid rgba(183,159,251,.08);pointer-events:none}.project-media img{width:95%;height:84%;object-fit:contain;filter:drop-shadow(0 10px 18px #0007);border-radius:7px;transform:perspective(800px) rotateY(-5deg) rotateX(3deg) scale(.94);transition:transform .65s var(--ease),filter .4s}.project-card:hover .project-media img{transform:perspective(800px) rotateY(0) rotateX(0) scale(1.02);filter:drop-shadow(0 18px 28px #0008)}.project-media[data-kind="snippets"] img{width:64%;max-width:370px;height:77%;object-fit:contain}.project-media[data-kind="mobile"] img{width:53%;height:93%}.project-media .media-index{position:absolute;left:22px;top:18px;z-index:3;color:#e1d6ff;font:700 10px/1 ui-monospace,monospace;letter-spacing:.13em}.project-card .project-card-bottom{position:relative;z-index:3;padding:23px 25px 25px;display:flex;flex-direction:column;gap:8px;flex:1}.project-card .project-subtitle{font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.1em;color:#a694ec;text-transform:uppercase}.project-card .project-title-row{display:flex;justify-content:space-between;align-items:start;gap:8px}.project-title{font-size:24px;letter-spacing:-.04em;line-height:1.2;font-weight:760}.project-card-arrow{font-size:24px;line-height:1;transition:transform .2s;color:#a6a9ca}.project-card:hover .project-card-arrow{transform:translate(4px,-4px);color:#b7a6ff}.project-card .project-summary{font-size:12px;line-height:1.65;color:#8c97b1;margin:0;max-width:390px}.project-card[hidden]{display:none}
/* EXPERTISE */
.expertise{background:radial-gradient(ellipse 40% 50% at 16% 60%,rgba(73,51,129,.12),transparent),#0e111d;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.expertise-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:5%}.expertise-lead{position:relative}.expertise-lead h2{margin-top:26px}.expertise-lead>p{max-width:440px;margin:26px 0 0;color:#a1aac1;line-height:1.9;font-size:15px}.expertise-decoration{position:relative;width:305px;height:305px;margin-top:35px;display:grid;place-items:center;opacity:.88}.exp-orbit{position:absolute;border:1px solid rgba(155,154,250,.27);border-radius:50%;width:260px;height:150px;transform:rotate(-35deg);box-shadow:inset 0 0 16px rgba(142,94,235,.07);animation:slowOrbit 18s linear infinite}.exp-orbit-b{transform:rotate(55deg);border-color:rgba(82,197,243,.3);animation:otherOrbit 24s linear infinite}.exp-core{font-size:104px;font-style:italic;font-weight:950;letter-spacing:-.15em;filter:drop-shadow(0 0 25px rgba(143,119,255,.33));color:#dcd4ff}.expertise-list{border-top:1px solid var(--border)}.expertise-row{display:grid;grid-template-columns:32px 1fr 26px;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding:29px 6px 29px 0;transition:padding .25s,background .25s}.expertise-row:hover{padding-left:9px;background:rgba(127,105,213,.045)}.exp-number{font:600 12px/1 ui-monospace,monospace;color:#8583cf}.expertise-row h3{font-size:19px;margin:0 0 7px;letter-spacing:-.03em}.expertise-row p{color:#8894ae;font-size:12px;margin:0;line-height:1.7}.exp-arrow{color:#666c91;font-size:21px;transition:transform .2s,color .2s}.expertise-row:hover .exp-arrow{transform:translate(3px,-3px);color:#c1afff}@keyframes slowOrbit{to{transform:rotate(325deg)}}@keyframes otherOrbit{to{transform:rotate(-305deg)}}
/* PROCESS */
.process{background:#090b14}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-card{border:1px solid var(--border);border-radius:15px;background:linear-gradient(155deg,#131827,#0c0f1a);padding:28px;min-height:245px}.process-card:nth-child(2){transition-delay:.07s}.process-card:nth-child(3){transition-delay:.14s}.process-card:nth-child(4){transition-delay:.21s}.process-card-top{display:flex;justify-content:space-between;color:#8b82dd;font:600 11px/1 ui-monospace,monospace;letter-spacing:.12em}.process-card-top span:last-child{font-size:25px;font-weight:400;color:#b2b1f9}.process-card h3{font-size:22px;letter-spacing:-.04em;margin:55px 0 9px}.process-card p{margin:0;font-size:12px;color:#95a0b9;line-height:1.7}
/* CONTACT */
.contact-section{position:relative;overflow:hidden;padding:156px 0 142px;background:radial-gradient(ellipse 50% 80% at 50% 70%,rgba(80,64,173,.14),transparent 75%),linear-gradient(180deg,#0d1020,#0a0c18);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.contact-section::before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(158,166,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(158,166,231,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 30%,black,transparent 76%)}.contact-aura{position:absolute;border-radius:50%;width:450px;height:450px;left:calc(50% - 225px);top:55px;background:#6b55d4;opacity:.07;filter:blur(85px)}.contact-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.contact-inner .eyebrow{justify-content:center}.contact-section h2{font-size:clamp(60px,7vw,118px);margin:35px 0 25px}.contact-section h2 em{background:linear-gradient(100deg,#b1a2ff,#8bc5ff);color:transparent;background-clip:text;-webkit-background-clip:text}.contact-inner>p:not(.contact-note){max-width:690px;font-size:16px;line-height:1.9;color:#9da8c2;margin:0}.contact-actions{display:flex;justify-content:center;gap:12px;margin:35px 0 23px;flex-wrap:wrap}.contact-note{font-size:11px;color:#74809e}.contact-outlined-word{position:absolute;font-size:clamp(220px,35vw,520px);font-weight:900;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px rgba(144,130,225,.042);left:50%;bottom:-280px;transform:translateX(-50%);pointer-events:none;white-space:nowrap}.footer{background:#090b13}.footer-inner{min-height:115px;display:flex;align-items:center;gap:32px}.footer-brand{font-size:24px;font-weight:900;letter-spacing:-.07em}.footer-brand span{color:#b09afe}.footer-note{font-size:11px;color:#7d87a2}.footer-links{display:flex;gap:22px;margin-left:auto;font-size:11px;color:#9ca6c2}.footer-links a:hover{color:#fff}.footer-year{color:#7d87a2;font:600 11px/1 ui-monospace,monospace;margin-left:16px}
/* PROJECT DIALOG */
dialog{color:var(--text);background:transparent;border:0;padding:0}dialog::backdrop{background:rgba(1,3,10,.87);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}.project-dialog{width:min(1200px,calc(100vw - 34px));max-width:none;max-height:min(92vh,1200px);border-radius:22px;overflow:hidden;box-shadow:0 40px 160px #000e;border:1px solid rgba(204,198,255,.22);background:linear-gradient(155deg,#171b2e,#0c0f19)}.project-dialog[open]{animation:dialogIn .35s var(--ease)}@keyframes dialogIn{from{transform:translateY(16px) scale(.97);opacity:0}to{transform:none;opacity:1}}.dialog-inner{height:100%;display:flex;flex-direction:column;max-height:92vh}.dialog-top{padding:18px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0}.icon-close,.lightbox-close{width:38px;height:38px;border:1px solid var(--border-light);border-radius:50%;background:#181b2d;color:#e2e4fa;font-size:24px;display:grid;place-items:center;line-height:1}.icon-close:hover,.lightbox-close:hover{background:#31284a}.dialog-scroll{padding:25px 42px 34px;overflow:auto}.dialog-heading h2{margin:10px 0;font-size:clamp(42px,6vw,72px);line-height:1.1;letter-spacing:-.065em}.dialog-heading p{color:#9da7c2;font-size:15px;max-width:760px;line-height:1.85;margin:0 0 29px}.dialog-media{border:1px solid var(--border);border-radius:13px;padding:15px;background:#0b0f1b}.dialog-main-image{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;max-height:460px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 50%,#161b31,#0a0e19 75%)}.dialog-main-image img{display:block;width:100%;max-height:450px;object-fit:contain;cursor:zoom-in}.dialog-image-zoom{position:absolute;right:13px;top:13px;z-index:2;background:#14182ddf;border:1px solid var(--border-light);color:#f3f3ff;border-radius:10px;width:39px;height:39px;font-size:18px}.dialog-gallery{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 3px}.gallery-thumb{background:#13172a;border:1px solid #2c3048;border-radius:8px;min-width:112px;height:72px;padding:4px;opacity:.58;transition:border-color .2s,opacity .2s}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.gallery-thumb[aria-pressed=true]{opacity:1;border-color:#b79eff}.gallery-thumb:hover{opacity:1}.dialog-two-col{display:grid;grid-template-columns:1fr 315px;gap:60px;margin-top:34px}.subheading{font-size:11px;font-weight:800;letter-spacing:.15em;color:#9995dc;margin:0 0 18px}.feature-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-points li{color:#b5bed5;font-size:13px;line-height:1.6;display:flex;gap:10px}.feature-points li::before{content:"↗";font-size:14px;color:#a498ff}.dialog-side{border-left:1px solid var(--border);padding-left:27px}.detail-row{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.detail-row span:first-child{font:750 10px/1 ui-monospace,monospace;letter-spacing:.12em;color:#717d9b}.detail-row span:last-child{font-size:12px;color:#e1e5fa}.live-link{display:inline-flex;align-items:center;gap:15px;margin-top:13px;border:1px solid rgba(152,135,239,.35);border-radius:100px;padding:11px 16px;font-size:12px;background:#221d3d}.live-link:hover{background:#37305b}.dialog-end{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 0;margin-top:38px;color:#72809c;font-size:10px}.next-project-button{background:transparent;color:#d0c5ff;border:0;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700}.next-project-button span:last-child{font-size:22px}.lightbox{width:100vw;max-width:100vw;height:100vh;max-height:100vh;overflow:hidden;background:rgba(3,5,12,.97);padding:65px;display:none;align-items:center;justify-content:center}.lightbox[open]{display:flex}.lightbox img{max-width:calc(100vw - 170px);max-height:calc(100vh - 170px);width:auto;height:auto;object-fit:contain;box-shadow:0 30px 130px #000b}.lightbox-close{position:fixed;right:23px;top:24px;z-index:20}.lightbox-arrow{position:fixed;top:50%;transform:translateY(-50%);background:#14172acc;border:1px solid var(--border-light);border-radius:50%;color:#fff;font-size:35px;width:44px;height:44px;line-height:1}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-caption{position:fixed;bottom:19px;left:0;right:0;text-align:center;color:#a4afca;font:650 11px/1 ui-monospace,monospace;letter-spacing:.09em}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);pointer-events:none;padding:13px 22px;border:1px solid #6b6db0;border-radius:100px;background:#211f38;color:#e8eaff;z-index:150;opacity:0;font-size:12px;transition:opacity .25s,transform .25s;box-shadow:0 15px 70px #0007}.toast.visible{opacity:1;transform:translate(-50%,0)}.no-js{position:fixed;bottom:0;left:0;right:0;background:#3c204a;color:#fff;padding:12px 20px;font-size:12px;z-index:150}
/* RESPONSIVE */
@media (min-width:2200px){:root{--max:2600px}.hero-title{font-size:clamp(122px,4.15vw,162px)}.hero-lead{font-size:21px;max-width:740px}.hero-visual{height:clamp(760px,26vw,1030px)}.hero-layout{min-height:clamp(900px,31vw,1190px)}.hero{min-height:clamp(1050px,36vw,1380px)}.hero-center-mark .center-icon{font-size:160px}.label-top{right:50px;top:150px;transform:scale(1.3) rotate(6deg)}.label-bottom{bottom:150px;left:45px;transform:scale(1.2) rotate(-6deg)}.section-heading h2,.expertise h2{font-size:110px}.section-intro{font-size:19px;max-width:490px}.feature-layout{grid-template-columns:420px minmax(0,1fr);min-height:845px}.feature-tab{padding:28px 34px}.feature-tab .tab-title{font-size:17px}.feature-tab .tab-type{font-size:12px}.feature-stage{min-height:605px}.stage-device img{max-height:535px}.project-card .project-media{height:335px}.project-card{min-height:510px}.project-card .project-card-bottom{padding:30px}.project-title{font-size:31px}.expertise-row{padding-block:35px}.expertise-row h3{font-size:25px}.expertise-row p{font-size:15px}}
@media (max-width:1400px){.shell{width:calc(100% - 82px)}.hero-title{font-size:clamp(64px,6.5vw,97px)}.hero-visual{height:580px}.label-top{right:-5px}.feature-layout{grid-template-columns:280px minmax(0,1fr)}.project-card .project-media{height:220px}}
@media (max-width:1120px){.shell{width:calc(100% - 62px)}.desktop-nav{gap:22px;margin-right:5px}.brand-caption{display:none}.hero-layout{grid-template-columns:53% 47%;min-height:650px}.hero-title{font-size:clamp(56px,6.8vw,80px)}.hero-visual{height:515px}.label-top{right:-23px;top:80px;transform:scale(.83) rotate(6deg)}.label-bottom{left:-50px;bottom:90px;transform:scale(.86) rotate(-6deg)}.center-icon{font-size:80px}.feature-layout{grid-template-columns:230px minmax(0,1fr)}.feature-tab{padding:16px}.feature-aside-top{padding-inline:16px}.feature-aside-bottom{padding-inline:17px}.project-grid{gap:14px}.project-card .project-media{height:180px}.project-card{min-height:345px}.project-card .project-card-bottom{padding:19px}.project-title{font-size:20px}.expertise-layout{gap:3%}}
@media (max-width:900px){.desktop-nav,.nav-cta{display:none}.nav-shell{height:56px}.header{padding:8px 0}.mobile-toggle{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-light);border-radius:12px;background:#171a29}.mobile-toggle span{height:2px;width:17px;border-radius:10px;background:#e9e9ff;transition:transform .25s}.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;background:#101523f5;backdrop-filter:blur(20px);padding:12px 35px 25px;border-bottom:1px solid var(--border-light)}.mobile-menu a{padding:13px 0;color:#d0d6e7;font-size:14px;border-bottom:1px solid var(--border)}.hero{padding-top:120px;min-height:auto}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:670px}.hero-title{font-size:clamp(62px,9vw,91px)}.hero-visual{height:460px;width:min(100%,680px);margin:15px auto -45px}.hero-center-mark{top:50%}.label-top{right:10px;top:58px}.label-bottom{left:20px;bottom:40px}.hero-bottom{padding-bottom:26px}.proof-band-inner{flex-wrap:wrap;padding-block:26px;justify-content:center;min-height:unset;gap:20px 30px}.feature-layout{grid-template-columns:1fr}.feature-sidebar{padding:18px 0 0;border-right:0;border-bottom:1px solid var(--border)}.feature-aside-top{padding-bottom:12px}.feature-list{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:0}.feature-tab{flex:0 0 auto;min-width:180px;scroll-snap-align:start;border-left:0;border-bottom:2px solid transparent;padding:14px 19px}.feature-tab[aria-selected=true]{border-bottom-color:#ae97ff}.feature-aside-bottom{display:none}.feature-stage{min-height:350px}.stage-device{min-height:240px}.section-pad{padding:100px 0}.section-heading{align-items:start;flex-direction:column;gap:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card .project-media{height:220px}.expertise-layout{grid-template-columns:1fr;gap:35px}.expertise-decoration{display:none}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.shell{width:calc(100% - 36px)}.header .shell{width:calc(100% - 28px)}.brand-name{font-size:19px}.hero{padding-top:110px}.hero-eyebrow{margin-bottom:23px;font-size:9px;letter-spacing:.15em}.hero-title{font-size:clamp(47px,11.6vw,74px);letter-spacing:-.082em}.hero-lead{font-size:14px;margin:26px 0 27px}.hero-buttons{gap:9px}.hero-buttons .button{padding:0 19px;min-height:51px;gap:13px;font-size:12px}.hero-proof{margin-top:28px;font-size:10px}.hero-visual{width:calc(100% + 32px);margin-left:-16px;height:390px;margin-top:10px;margin-bottom:-16px}.center-icon{font-size:77px}.label-top{top:39px;right:-8px;transform:scale(.64) rotate(6deg);transform-origin:top right}.label-bottom{bottom:38px;left:-14px;transform:scale(.71) rotate(-6deg);transform-origin:bottom left}.hero-bottom{padding:26px 0 21px}.hero-index{display:none}.hero-scroll-cue{font-size:9px}.proof-band-inner{display:grid;grid-template-columns:1fr 1fr;gap:17px 8px;justify-content:stretch}.proof-band-separator{display:none}.proof-band-item{font-size:11px;gap:9px}.section-pad{padding:86px 0}.section-heading{margin-bottom:34px}.section-heading h2,.expertise h2{font-size:clamp(44px,10.7vw,65px);margin-top:20px}.section-intro{font-size:13px}.feature-layout{border-radius:15px}.feature-main{padding:11px 11px 22px;gap:18px}.feature-stage{min-height:245px}.stage-topline,.stage-bottomline{font-size:8px;padding:12px}.stage-device{min-height:165px;margin:3px 12px;transform:none}.stage-device img{max-height:250px;aspect-ratio:auto}.feature-details{display:block;padding:0 5px}.feature-info h3{font-size:32px}.feature-info p{font-size:12px}.feature-open{margin-top:17px}.project-grid{grid-template-columns:1fr}.project-card{min-height:350px}.project-card .project-media{height:230px}.filter-tabs{gap:6px}.filter{font-size:10px;padding:9px 12px}.expertise-row{padding:24px 0;gap:11px;grid-template-columns:24px 1fr 15px}.expertise-row h3{font-size:17px}.expertise-row p{font-size:11px}.process-grid{grid-template-columns:1fr 1fr;gap:9px}.process-card{padding:18px;min-height:220px}.process-card h3{font-size:20px;margin-top:36px}.process-card p{font-size:11px}.contact-section{padding:99px 0 95px}.contact-section h2{font-size:clamp(52px,13vw,80px)}.contact-inner>p:not(.contact-note){font-size:13px}.contact-actions{gap:9px}.contact-actions .button{padding:0 18px;font-size:12px;min-height:52px}.footer-inner{min-height:150px;flex-wrap:wrap;align-content:center;gap:12px 24px}.footer-note{order:4;width:100%}.footer-links{gap:13px}.footer-year{margin-left:auto}.project-dialog{width:calc(100vw - 14px);max-height:97vh;border-radius:14px}.dialog-inner{max-height:97vh}.dialog-top{padding:12px 17px}.dialog-scroll{padding:18px 17px 26px}.dialog-heading h2{font-size:40px}.dialog-heading p{font-size:13px}.dialog-media{padding:8px}.dialog-two-col{grid-template-columns:1fr;gap:28px}.feature-points{grid-template-columns:1fr}.dialog-side{border:0;border-top:1px solid var(--border);padding:22px 0 0}.dialog-end{align-items:start;flex-direction:column}.lightbox{padding:35px}.lightbox img{max-width:calc(100vw - 62px);max-height:calc(100vh - 180px)}.lightbox-arrow{width:31px;height:31px;font-size:24px}.lightbox-prev{left:5px}.lightbox-next{right:5px}}
@media (max-width:390px){.hero-title{font-size:clamp(43px,11vw,50px)}.hero-visual{height:340px}.hero-buttons .button{font-size:11px;padding:0 14px;gap:8px}.hero-proof{line-height:1.4}.proof-band-item{font-size:10px}.process-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{transform:none}.ambient-pointer{display:none}}

/* Standalone CSS 3D fallback for browsers with blocked WebGL */
.hero-fallback{display:none;position:absolute;inset:0;z-index:2;perspective:1000px;pointer-events:none}.hero-visual.no-webgl .hero-fallback{display:block}.hero-fallback::before{content:"";position:absolute;width:480px;height:480px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(123,92,255,.28),rgba(42,105,204,.10) 43%,transparent 73%);filter:blur(32px)}.fallback-cube{--side:260px;position:absolute;left:50%;top:47%;width:var(--side);height:var(--side);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-25deg) rotateY(38deg);animation:fallbackSpin 24s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(120,89,255,.65))}.fallback-face{position:absolute;inset:0;border:1.5px solid rgba(183,190,255,.75);background:linear-gradient(120deg,rgba(75,97,255,.08),rgba(159,104,255,.25) 48%,rgba(65,204,255,.05));box-shadow:inset 0 0 55px rgba(107,72,255,.13),0 0 25px rgba(149,110,255,.18);backface-visibility:visible}.fallback-face::before{content:"";position:absolute;inset:7px;border:1px solid rgba(178,184,254,.14)}.face-front{transform:translateZ(130px)}.face-back{transform:rotateY(180deg) translateZ(130px)}.face-left{transform:rotateY(-90deg) translateZ(130px)}.face-right{transform:rotateY(90deg) translateZ(130px)}.face-top{transform:rotateX(90deg) translateZ(130px)}.face-bottom{transform:rotateX(-90deg) translateZ(130px)}.fallback-orbit{position:absolute;left:50%;top:47%;border:2px solid rgba(148,140,255,.54);width:560px;height:220px;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg);box-shadow:0 0 12px rgba(115,120,255,.38),inset 0 0 9px rgba(117,106,255,.23);animation:fallbackOrbit 20s linear infinite}.orbit-two{height:300px;width:475px;transform:translate(-50%,-50%) rotate(55deg);border-color:rgba(94,221,255,.48);animation:fallbackOrbit2 23s linear infinite}.orbit-three{height:175px;width:460px;transform:translate(-50%,-50%) rotate(18deg);border-color:rgba(148,114,255,.38);animation:fallbackOrbit3 19s linear infinite}.fallback-shard{position:absolute;z-index:2;width:15px;height:24px;background:linear-gradient(140deg,#c4b0ff,#6bbdff);box-shadow:0 0 28px rgba(139,126,255,.7);clip-path:polygon(50% 0,100% 40%,60% 100%,0 65%);animation:shardHover 4s ease-in-out infinite}.shard-one{top:19%;left:22%}.shard-two{bottom:19%;right:23%;animation-delay:-2s;width:22px;height:30px}.shard-three{top:30%;right:17%;animation-delay:-.9s;width:11px;height:16px}@keyframes fallbackSpin{0%,100%{transform:translate(-50%,-50%) rotateX(-23deg) rotateY(35deg)}50%{transform:translate(-50%,-49%) rotateX(-28deg) rotateY(75deg)}}@keyframes fallbackOrbit{to{transform:translate(-50%,-50%) rotate(332deg)}}@keyframes fallbackOrbit2{to{transform:translate(-50%,-50%) rotate(-305deg)}}@keyframes fallbackOrbit3{to{transform:translate(-50%,-50%) rotate(378deg)}}@keyframes shardHover{50%{transform:translateY(-12px) rotate(18deg)}}
@media(max-width:900px){.fallback-cube{--side:220px}.face-front{transform:translateZ(110px)}.face-back{transform:rotateY(180deg) translateZ(110px)}.face-left{transform:rotateY(-90deg) translateZ(110px)}.face-right{transform:rotateY(90deg) translateZ(110px)}.face-top{transform:rotateX(90deg) translateZ(110px)}.face-bottom{transform:rotateX(-90deg) translateZ(110px)}.fallback-orbit{width:440px;height:160px}.orbit-two{width:410px;height:240px}.orbit-three{width:390px;height:140px}}
@media(max-width:640px){.fallback-cube{--side:160px}.face-front{transform:translateZ(80px)}.face-back{transform:rotateY(180deg) translateZ(80px)}.face-left{transform:rotateY(-90deg) translateZ(80px)}.face-right{transform:rotateY(90deg) translateZ(80px)}.face-top{transform:rotateX(90deg) translateZ(80px)}.face-bottom{transform:rotateX(-90deg) translateZ(80px)}.fallback-orbit{width:350px;height:120px}.orbit-two{width:330px;height:190px}.orbit-three{width:310px;height:100px}}

/* V2 — image clarity, stronger reading contrast, truthful portfolio selection */
:root{--muted:#b0bad2;--muted2:#8995b4}
.section-intro{color:#b5bed6;font-size:clamp(15px,1.12vw,18px);line-height:1.75;max-width:520px}
.feature-info p,.project-card .project-summary{color:#b9c3de;font-size:clamp(13px,.9vw,15px);line-height:1.68}
.feature-tab .tab-type,.feature-aside-bottom,.stage-topline,.stage-bottomline{color:#a2aecc}
.feature-tab .tab-title{font-size:14px}
.project-card .project-subtitle{font-size:11px;color:#c3b4ff}
.project-card .project-title{letter-spacing:-.03em}
.project-media .media-index{background:rgba(8,11,25,.8);backdrop-filter:blur(8px);border:1px solid rgba(170,189,255,.21);padding:7px 10px;border-radius:6px;font-size:10px;box-shadow:0 4px 24px #0005}
/* Covers are crops of the real screenshots; modal/lightbox retain uncropped originals. */
.stage-device{transform:none;min-height:260px;margin:6px clamp(12px,2.3%,28px) 9px;}
.stage-device img{width:100%;height:auto;max-height:490px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#090b14;border-color:rgba(206,218,255,.27);image-rendering:auto;}
.project-card .project-media{height:255px}
.project-media::before{background:linear-gradient(180deg,rgba(7,11,25,.04) 44%,rgba(7,11,24,.52) 100%)}
.project-media img,.project-media[data-kind="snippets"] img,.project-media[data-kind="mobile"] img{display:block;width:100%;max-width:none;height:100%;border-radius:0;object-fit:cover;object-position:center;transform:scale(1.005);filter:none;transition:transform .6s var(--ease)}
.project-card:hover .project-media img{transform:scale(1.045);filter:none}
.gallery-thumb{min-width:128px;height:84px;opacity:.75}
.gallery-thumb[aria-pressed=true]{opacity:1}
.dialog-main-image{max-height:560px}
.dialog-main-image img{max-height:550px;image-rendering:auto}
.lightbox-zoom{position:fixed;top:23px;right:80px;z-index:22;display:inline-flex;align-items:center;justify-content:center;color:#ecedff;font-weight:650;font-size:12px;padding:10px 14px;background:#151a32;border:1px solid #6c709d;border-radius:9px;cursor:pointer}
.lightbox-zoom[aria-pressed=true]{background:#3d376e;border-color:#c6b2ff}
.lightbox.zoomed{display:block;overflow:auto;text-align:center;padding:105px 85px 95px;max-height:100vh}
.lightbox.zoomed img{max-width:none;max-height:none;display:block;width:auto;height:auto;margin:auto}
.more-work-note{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:32px;margin-top:38px;padding:36px 40px;background:linear-gradient(115deg,#151b32 0%,#0f1526 65%,#101325);border:1px solid rgba(169,159,255,.27);border-radius:20px;box-shadow:0 16px 60px rgba(14,14,34,.17)}
.more-work-note:after{content:"";position:absolute;inset:auto -10% -145px 40%;height:190px;background:radial-gradient(ellipse,rgba(99,115,255,.13),transparent 72%);pointer-events:none;z-index:-1}
.more-work-orbit{width:108px;height:108px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(181,159,255,.33);box-shadow:inset 0 0 30px rgba(139,122,240,.10),0 0 0 13px rgba(100,91,220,.045);font-weight:850;font-size:44px;letter-spacing:-.08em;color:#eef0ff}
.more-work-plus{font-size:.62em;color:#9edcff;vertical-align:top;padding-left:3px}
.more-work-copy h3{font-size:clamp(25px,2.8vw,37px);letter-spacing:-.045em;line-height:1.2;margin:10px 0}
.more-work-copy p{font-size:14px;line-height:1.75;color:#bfcbe2;margin:0;max-width:780px}
.more-work-link{white-space:nowrap;color:#c4b2ff;font-weight:750;font-size:12px;align-self:end;padding-bottom:5px;border-bottom:1px solid rgba(179,161,255,.40);transition:color .2s}
.more-work-link:hover{color:white}
@media (min-width:2200px){.stage-device img{max-height:665px}.project-card .project-media{height:380px}.feature-tab .tab-title{font-size:18px}.feature-info p,.project-card .project-summary{font-size:19px}.more-work-copy p{font-size:19px}.more-work-note{padding:58px}}
@media (max-width:1120px){.more-work-note{grid-template-columns:100px 1fr;gap:22px}.more-work-orbit{width:90px;height:90px;font-size:37px}.more-work-link{grid-column:2;justify-self:start}}
@media (max-width:700px){.stage-device{margin:3px 8px;min-height:145px}.stage-device img{max-height:260px}.project-card .project-media{height:220px}.section-intro{font-size:14px}.feature-info p,.project-card .project-summary{font-size:13px}.more-work-note{display:block;padding:26px 24px;margin-top:26px}.more-work-orbit{width:74px;height:74px;font-size:30px;margin-bottom:27px}.more-work-copy h3{font-size:27px}.more-work-copy p{font-size:13px}.more-work-link{display:inline-block;margin-top:18px}.lightbox-zoom{top:18px;right:69px;font-size:10px;padding:9px}.lightbox.zoomed{padding:100px 20px}}