:root{color-scheme:dark;--bg: #05070f;--bg-elevated: rgba(9, 14, 28, .72);--surface: rgba(14, 20, 36, .68);--surface-strong: rgba(17, 24, 39, .92);--surface-soft: rgba(255, 255, 255, .04);--text: #f8fafc;--text-soft: rgba(226, 232, 240, .8);--text-muted: rgba(148, 163, 184, .88);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--brand: #7c3aed;--brand-2: #22d3ee;--brand-3: #60a5fa;--brand-4: #c084fc;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .18);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .34);--shadow-glass: 0 22px 54px rgba(0, 0, 0, .28);--glow-brand: 0 0 0 1px rgba(124, 58, 237, .22), 0 0 40px rgba(124, 58, 237, .18);--glow-cyan: 0 0 0 1px rgba(34, 211, 238, .16), 0 0 36px rgba(34, 211, 238, .14);--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-2xl: 40px;--radius-pill: 999px;--shell-max: 1380px;--shell-inner: 1240px;--shell-pad-x: .75rem;--shell-pad-x-md: 1rem;--shell-pad-x-lg: 1.5rem;--section-gap-sm: 2.4rem;--section-gap-md: 3.4rem;--section-gap-lg: 4.6rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ease-premium: cubic-bezier(.22, 1, .36, 1);--transition-fast: .18s var(--ease-premium);--transition-base: .28s var(--ease-premium);--transition-slow: .42s var(--ease-premium)}*,*:before,*:after{box-sizing:border-box}html{font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}img,picture,video,canvas,svg{display:block;max-width:100%}img,video{height:auto}a{color:inherit;text-decoration:none}#root{min-height:100vh}::selection{background:#7dd3fc3d;color:#fff}:focus-visible{outline:none;box-shadow:0 0 0 1px #7dd3fc47,0 0 0 4px #22d3ee24;border-radius:12px}.app-shell{position:relative;min-height:100vh;overflow:clip}.app-shell__bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at top,rgba(99,102,241,.26),transparent 28%),radial-gradient(circle at 18% 78%,rgba(34,211,238,.16),transparent 30%),radial-gradient(circle at 82% 20%,rgba(192,132,252,.16),transparent 28%),linear-gradient(180deg,#040611,#09101d 42%,#05070f)}.app-shell__noise{position:fixed;inset:0;z-index:-2;opacity:.08;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 95%);mask-image:radial-gradient(circle at center,black 35%,transparent 95%)}.app-shell__main{width:min(100% - (var(--shell-pad-x) * 2),var(--shell-max));margin:0 auto;padding:calc(.9rem + var(--safe-top)) 0 calc(4rem + var(--safe-bottom))}.projects-section,.info-grid,.cta-panel,.site-footer{scroll-margin-top:calc(5.5rem + var(--safe-top))}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.85rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:700;letter-spacing:-.01em;transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),opacity var(--transition-base);will-change:transform;-webkit-tap-highlight-color:transparent}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.985)}.button--primary{color:#fff;background:linear-gradient(135deg,#7c3aedf2,#22d3eee6);box-shadow:0 16px 34px #1018284d,0 0 0 1px #ffffff14}.button--primary:hover{box-shadow:0 22px 44px #1018285c,0 0 0 1px #ffffff1f,0 0 32px #7c3aed3d}.button--secondary,.button--ghost{border-color:var(--line);background:#ffffff0a;color:var(--text)}.button--secondary:hover,.button--ghost:hover{border-color:#7dd3fc33;background:#ffffff12;box-shadow:var(--glow-cyan)}.button--sm{min-height:40px;padding:.68rem .95rem;font-size:.92rem}.button--disabled{border-color:#ffffff0f;background:#ffffff06;color:#e2e8f06b;cursor:not-allowed;pointer-events:none}.hero__content,.hero-spotlight,.highlight-card,.project-card,.info-panel,.cta-panel,.modal-card,.topbar{position:relative;isolation:isolate}.hero__content,.hero-spotlight,.highlight-card,.project-card,.info-panel,.cta-panel{border:1px solid var(--line);background:linear-gradient(180deg,#0c1120d1,#080c18b8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.hero__content:after,.project-card:after,.info-panel:after,.cta-panel:after,.highlight-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,#ffffff1f,#ffffff05 28%,#22d3ee14 68%,#7c3aed1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.topbar:after,.site-footer--sticky:after,.bottom-nav:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff24,#ffffff08 30%,#22d3ee14 65%,#7c3aed1a);-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:.92}.topbar{position:sticky;top:0;z-index:70;width:min(100% - (var(--shell-pad-x) * 2),var(--shell-max));margin:0 auto 1rem;padding:max(.85rem,env(safe-area-inset-top)) 0 .8rem;pointer-events:none;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar:after{display:none}.topbar__inner{position:relative;width:100%;margin:0 auto;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,#0d121ee0,#090c16c2);box-shadow:0 12px 40px #00000047,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);pointer-events:auto;overflow:hidden}.topbar__inner:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff24,#ffffff08 30%,#22d3ee14 65%,#7c3aed1a);-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:.92}.topbar.is-scrolled .topbar__inner{background:linear-gradient(180deg,#0a0e18f0,#080b14d6);box-shadow:0 18px 48px #00000057,0 0 0 1px #7c5cff14,inset 0 1px #ffffff0f}.brand-mark{min-width:0;display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark__orb{position:relative;width:2.5rem;height:2.5rem;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 30% 30%,rgba(114,231,255,.3),transparent 50%),linear-gradient(135deg,#7c5cff42,#3fe0ff24);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px #210c5447,inset 0 1px #ffffff14}.brand-mark__dot{width:.72rem;height:.72rem;border-radius:999px;background:linear-gradient(135deg,#72e7ff,#8b7cff);box-shadow:0 0 0 6px #72e7ff14,0 0 28px #72e7ff5c}.brand-mark__copy{min-width:0;display:flex;flex-direction:column;gap:.14rem}.brand-mark__eyebrow{font-size:.69rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#cdd6ff94}.brand-mark__name{font-size:.98rem;line-height:1.05;font-weight:700;letter-spacing:-.02em;color:#f7f9fff5}.topbar__nav{display:none}.topbar__nav-link{position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem}.topbar__social{width:2.5rem;height:2.5rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#ecf1ffd6;text-decoration:none;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff06);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0000002e;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s cubic-bezier(.2,.8,.2,1),background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.topbar__social:hover{transform:translateY(-2px);color:#fffffffa;border-color:#72e7ff2e;background:linear-gradient(180deg,#7c5cff21,#72e7ff14);box-shadow:0 14px 28px #11122247,0 0 0 1px #72e7ff0f}.topbar__social:active{transform:scale(.985)}.hero{display:grid;gap:1rem;padding:1rem 0 1.25rem}.hero__content{padding:1.15rem;border-radius:var(--radius-xl);overflow:hidden}.hero__content:before{content:"";position:absolute;inset:-20% auto auto -15%;width:240px;height:240px;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 68%);pointer-events:none}.hero__badge{display:inline-flex;align-items:center;gap:.55rem;min-height:38px;width:fit-content;margin-bottom:1rem;padding:.55rem .9rem;border:1px solid rgba(125,211,252,.18);border-radius:var(--radius-pill);background:#38bdf814;color:#d8f3ff;font-size:.82rem;font-weight:700}.hero__copy{display:grid;gap:.9rem}.hero__eyebrow,.section-heading__eyebrow{margin:0;color:#bfeaff;font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:12ch;margin:0;font-size:clamp(2.65rem,8vw,6rem);line-height:.94;letter-spacing:-.055em}.hero h1 span{display:block;color:#c9d7ff}.hero__lead{max-width:64ch;margin:0;color:var(--text-soft);font-size:clamp(1rem,2.2vw,1.14rem);line-height:1.75}.hero__meta{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1.2rem}.hero__meta-item{padding:.95rem 1rem;border:1px solid var(--line);border-radius:22px;background:#ffffff09}.hero__meta-label{display:block;margin-bottom:.45rem;color:var(--text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero__meta-item strong{display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;letter-spacing:-.02em}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.proof-strip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.15rem}.proof-chip,.tag-chip,.stack-pill{display:inline-flex;align-items:center;min-height:36px;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);background:#ffffff0a;color:#e2edf9;font-size:.84rem;font-weight:700}.proof-chip{max-width:100%;white-space:normal;line-height:1.35}.hero-spotlight{display:grid;gap:.9rem;padding:1rem;border-radius:var(--radius-xl)}.hero-spotlight__frame{position:relative;min-height:460px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#0f172aeb,#020617f2)}.hero-spotlight__glow{position:absolute;inset:auto auto -30% 50%;width:260px;height:260px;transform:translate(-50%);background:radial-gradient(circle,rgba(124,58,237,.38),transparent 65%);filter:blur(28px);pointer-events:none}.hero-spotlight__frame video{width:100%;height:100%;object-fit:cover}.hero-spotlight__card{display:grid;gap:.4rem;padding:.15rem .1rem 0}.hero-spotlight__card p{margin:0;color:var(--text-muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-spotlight__card strong{font-size:1.2rem;letter-spacing:-.03em}.hero-spotlight__card span{color:var(--text-soft);line-height:1.6}.highlights{display:grid;gap:.9rem;margin-top:1rem}.highlight-card{padding:1.15rem;border-radius:26px}.highlight-card span{display:inline-flex;margin-bottom:.8rem;color:#99eaff;font-size:.85rem;font-weight:800;letter-spacing:.12em}.highlight-card strong{display:block;margin-bottom:.65rem;font-size:1.05rem;letter-spacing:-.02em}.highlight-card p{margin:0;color:var(--text-soft);line-height:1.72}.projects-section{padding:3.2rem 0 1rem}.section-heading{display:grid;gap:.9rem;margin-bottom:1.1rem}.section-heading h2{max-width:12ch;margin:0;font-size:clamp(2rem,6vw,3.6rem);line-height:.98;letter-spacing:-.05em}.section-heading__text{max-width:60ch;margin:0;color:var(--text-soft);line-height:1.72}.projects-grid{display:grid;gap:1rem;align-items:stretch}.projects-grid>*{min-width:0}.project-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:100%;border-radius:30px;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.project-card:hover{transform:translateY(-4px);border-color:#7dd3fc29;box-shadow:var(--shadow-lg)}.project-card__media{position:relative;display:grid;place-items:center;aspect-ratio:10 / 16;min-height:300px;overflow:hidden;background:radial-gradient(circle at top,rgba(34,211,238,.08),transparent 40%),linear-gradient(180deg,#0f172ae6,#020617)}.project-card__media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),radial-gradient(circle at 50% 0%,rgba(124,58,237,.12),transparent 45%);pointer-events:none;z-index:1}.project-card__media video,.project-card__media img,.project-card__media picture,.project-card__media picture img{width:100%;height:100%}.project-card__media video{object-fit:cover;object-position:center top}.project-card__media img,.project-card__media picture img{object-fit:contain;object-position:center top;background:linear-gradient(180deg,#080c18d9,#080c18)}.project-card__media-button{width:100%;padding:0;border:0;cursor:pointer;text-align:left;background:transparent}.project-card__overlay{position:absolute;inset:auto 0 0;z-index:1;height:45%;background:linear-gradient(180deg,transparent,rgba(4,7,15,.82));pointer-events:none}.project-card__play{position:absolute;left:1rem;bottom:1rem;z-index:2;display:inline-flex;align-items:center;gap:.5rem;min-height:40px;max-width:calc(100% - 2rem);padding:.65rem .9rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#070c199e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font-size:.84rem;font-weight:700;box-shadow:0 12px 32px #00000042;transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.project-card:hover .project-card__play{transform:translateY(-2px);background:#070c19c7;box-shadow:0 16px 34px #0000004d,0 0 0 1px #7dd3fc24}.project-card__body{display:grid;gap:.85rem;padding:1rem;min-width:0}.project-card__topline{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.project-card__topline strong{font-size:1.16rem;letter-spacing:-.03em}.project-card__topline span{color:var(--text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;flex:0 0 auto}.project-card__body p{margin:0;color:var(--text-soft);line-height:1.68}.project-card__tags{display:flex;flex-wrap:wrap;gap:.55rem}.project-card__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.15rem}.info-grid{display:grid;gap:1rem;padding:2.6rem 0 1rem}.info-panel{padding:1.2rem;border-radius:30px}.info-panel h3{margin:.35rem 0 .95rem;font-size:1.45rem;letter-spacing:-.03em}.feature-list{display:grid;gap:.8rem;padding:0;margin:0;list-style:none}.feature-list li{position:relative;padding-left:1.15rem;color:var(--text-soft);line-height:1.7}.feature-list li:before{content:"";position:absolute;top:.6rem;left:0;width:.5rem;height:.5rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#7dd3fc 30%,#22d3ee);box-shadow:0 0 18px #22d3ee59}.stack-cloud{display:flex;flex-wrap:wrap;gap:.65rem}.stack-pill{background:#ffffff0e}.cta-panel{display:grid;gap:1rem;margin-top:2.3rem;padding:1.25rem;border-radius:32px}.cta-panel__copy h2{max-width:14ch;margin:.3rem 0 .8rem;font-size:clamp(1.9rem,5.2vw,3.2rem);line-height:.98;letter-spacing:-.045em}.cta-panel__copy p:last-child{max-width:60ch;margin:0;color:var(--text-soft);line-height:1.72}.cta-panel__actions{display:flex;flex-wrap:wrap;gap:.75rem}.site-footer{position:relative;width:min(100% - (var(--shell-pad-x) * 2),var(--shell-max));margin:0 auto;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));color:var(--text-muted);font-size:.92rem;opacity:1}.site-footer--sticky{position:sticky;bottom:calc(.75rem + var(--safe-bottom));z-index:15;margin-top:clamp(2.5rem,5vw,5rem);background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-footer--sticky:after{display:none}.site-footer__inner{position:relative;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:.9rem;padding:1rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0d121ee0,#090c16c2);box-shadow:0 16px 40px #0000003d,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);overflow:hidden}.site-footer__inner:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff24,#ffffff08 30%,#22d3ee14 65%,#7c3aed1a);-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:.92}.site-footer__left{min-width:0;display:flex;align-items:center;gap:.8rem}.site-footer__brand-orb{position:relative;width:2.5rem;height:2.5rem;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 30% 30%,rgba(114,231,255,.3),transparent 50%),linear-gradient(135deg,#7c5cff42,#3fe0ff24);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px #210c5447,inset 0 1px #ffffff14}.site-footer__brand-dot{width:.72rem;height:.72rem;border-radius:999px;background:linear-gradient(135deg,#72e7ff,#8b7cff);box-shadow:0 0 0 6px #72e7ff14,0 0 28px #72e7ff5c}.site-footer__brand-copy{min-width:0;display:flex;flex-direction:column;gap:.14rem}.site-footer__eyebrow{font-size:.69rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#cdd6ff94}.site-footer__brand-name{font-size:.98rem;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:#f7f9fff5}.site-footer__center{display:flex;align-items:center;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.site-footer__center::-webkit-scrollbar{display:none}.site-footer__center a{position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;min-height:42px;padding:0 .9rem;border-radius:999px;color:#e1e8ffc7;text-decoration:none;white-space:nowrap;font-size:.92rem;font-weight:500;border:1px solid rgba(255,255,255,.06);background:#ffffff08;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s cubic-bezier(.2,.8,.2,1),background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.site-footer__center a:before,.site-footer__action:before,.topbar__nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff14,#ffffff04 40%,#22d3ee0a 72%,#7c3aed0d);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.site-footer__center a:hover:before,.site-footer__action:hover:before,.topbar__nav-link:hover:before{opacity:1}.site-footer__center a:hover{transform:translateY(-2px);color:#f8fafffa;border-color:#7c5cff38;background:linear-gradient(180deg,#ffffff12,#ffffff0a);box-shadow:0 10px 24px #1210243d}.site-footer__center a:active{transform:scale(.985)}.site-footer__right{display:grid;grid-template-columns:1fr;gap:.75rem}.site-footer__socials{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.site-footer__social,.site-footer__action{text-decoration:none}.site-footer__social{width:2.5rem;height:2.5rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#ecf1ffd6;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff06);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0000002e;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s cubic-bezier(.2,.8,.2,1),background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.site-footer__social:hover{transform:translateY(-2px);color:#fffffffa;border-color:#72e7ff2e;background:linear-gradient(180deg,#7c5cff21,#72e7ff14);box-shadow:0 14px 28px #11122247,0 0 0 1px #72e7ff0f}.site-footer__social:active{transform:scale(.985)}.site-footer__action{position:relative;overflow:hidden;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:0 1rem;border-radius:999px;color:#f8fafffa;font-size:.92rem;font-weight:600;border:1px solid rgba(124,92,255,.18);background:linear-gradient(135deg,#7c5cff3d,#72e7ff24);box-shadow:0 16px 30px #0f102647,inset 0 1px #ffffff14;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1),border-color .16s cubic-bezier(.2,.8,.2,1),filter .16s cubic-bezier(.2,.8,.2,1)}.site-footer__action:hover{transform:translateY(-2px);border-color:#72e7ff38;box-shadow:0 20px 38px #0f102657,0 0 0 1px #72e7ff0f;filter:brightness(1.04)}.site-footer__action:active{transform:scale(.985)}.bottom-nav{position:fixed;left:max(.85rem,calc(var(--safe-left) + .4rem));right:max(.85rem,calc(var(--safe-right) + .4rem));bottom:calc(.8rem + env(safe-area-inset-bottom));z-index:80;display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;padding:.65rem;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0d121eeb,#090c16d1);box-shadow:0 18px 44px #00000057,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.bottom-nav__item{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;padding:.45rem .35rem;border-radius:16px;text-decoration:none;color:#e8eeffd6;background:#ffffff08;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1),border-color .16s cubic-bezier(.2,.8,.2,1)}.bottom-nav__item span{font-size:.72rem;line-height:1;font-weight:600}.bottom-nav__item:hover{transform:translateY(-2px);color:#fffffffa;background:linear-gradient(180deg,#7c5cff1f,#72e7ff14)}.bottom-nav__item:active{transform:scale(.985)}.modal-shell{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:calc(.75rem + var(--safe-top)) max(.75rem,calc(var(--safe-right) + .25rem)) calc(.75rem + var(--safe-bottom)) max(.75rem,calc(var(--safe-left) + .25rem))}.modal-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(34,211,238,.08),transparent 24%),#020617b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-card{position:relative;z-index:1;width:min(100%,var(--shell-inner));max-height:min(92vh,1000px);overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:linear-gradient(180deg,#0b111ff5,#060a13f0);box-shadow:0 28px 80px #0000006b;transform-origin:center}.modal-card__header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0e1ac7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.modal-card__header h3{margin:.25rem 0 0;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:-.04em}.modal-close,.modal-nav,.modal-thumb{border:0;padding:0;background:transparent}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#fff;cursor:pointer;transition:transform var(--transition-base),background var(--transition-base)}.modal-close:hover{transform:translateY(-1px);background:#ffffff14}.modal-card__layout{display:grid;gap:1rem;padding:1rem}.modal-video{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,#0f172aeb,#020617f2)}.modal-video video{width:100%;aspect-ratio:9 / 16;object-fit:cover}.modal-content{display:grid;gap:1rem;min-width:0}.modal-content__lead{margin:0;color:var(--text-soft);line-height:1.76}.modal-shot-viewer{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at top,rgba(34,211,238,.05),transparent 42%),#ffffff08}.modal-shot-viewer img{width:100%;aspect-ratio:10 / 16;object-fit:contain;object-position:center top;background:linear-gradient(180deg,#080c18d9,#080c18)}.modal-thumb img,.modal-shot-viewer img{backface-visibility:hidden}.modal-nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#070c19a3;color:#fff;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-nav--left{left:.75rem}.modal-nav--right{right:.75rem}.modal-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.modal-thumb{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08;cursor:pointer;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.modal-thumb img{width:100%;aspect-ratio:10 / 16;object-fit:cover;object-position:center top}.modal-thumb:hover{transform:translateY(-2px)}.modal-thumb.is-active{border-color:#7dd3fc4d;box-shadow:0 0 0 1px #7dd3fc2e}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem}.project-card__media>video,.project-card__media>img{width:100%;height:100%;object-position:center top}.project-card__media>video{object-fit:cover}.project-card__media>img{object-fit:contain;background:linear-gradient(180deg,#0f172aeb,#020617f5)}@media(max-width:767px),(hover:none)and (pointer:coarse){.project-card__media{aspect-ratio:9 / 16}}@media(min-width:768px){.app-shell__main{width:min(100% - (var(--shell-pad-x-md) * 2),var(--shell-max));padding-top:calc(1.2rem + var(--safe-top))}.topbar{width:min(100% - (var(--shell-pad-x-md) * 2),var(--shell-max));padding-top:max(.95rem,env(safe-area-inset-top))}.topbar__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;padding:.95rem 1.15rem}.topbar__nav{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;overflow:visible}.topbar__nav-link{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:0 .9rem;border-radius:999px;color:#e1e8ffc7;font-size:.92rem;font-weight:500;white-space:nowrap;border:1px solid rgba(255,255,255,.06);background:#ffffff08;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s cubic-bezier(.2,.8,.2,1),background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.topbar__nav-link svg{flex:0 0 auto;opacity:.92}.topbar__nav-link:hover{color:#f8fafffa;background:#ffffff0e;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0b,0 10px 22px #00000024,0 0 0 1px #7dd3fc14}.hero__content,.hero-spotlight,.highlight-card,.project-card__body,.info-panel,.cta-panel{padding:1.4rem}.hero__meta{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-chip{max-width:calc(50% - .4rem)}.highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card__media{aspect-ratio:4 / 5;min-height:360px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{width:min(100% - (var(--shell-pad-x-md) * 2),var(--shell-max));padding-inline:0}.site-footer__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.15rem}.site-footer__center{justify-content:center;overflow:visible}.site-footer__right{grid-template-columns:auto auto;align-items:center;gap:.85rem}.bottom-nav{display:none}}@media(min-width:1024px){.app-shell__main{width:min(100% - (var(--shell-pad-x-lg) * 2),var(--shell-max))}.topbar{width:min(100% - (var(--shell-pad-x-lg) * 2),var(--shell-max));padding-top:max(1rem,env(safe-area-inset-top))}.topbar__inner{min-height:70px;padding-inline:1.2rem}.brand-mark__name{font-size:1.02rem}.hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:stretch}.hero__content{padding:1.6rem}.hero-spotlight{padding:1.2rem}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.project-card__media{aspect-ratio:3 / 4;min-height:420px}.cta-panel{grid-template-columns:minmax(0,1.2fr) auto;align-items:center;justify-content:space-between}.modal-card__layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.modal-card__header,.modal-card__layout{padding:1.2rem}.modal-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}.site-footer{width:min(100% - (var(--shell-pad-x-lg) * 2),var(--shell-max))}.site-footer__inner{padding-inline:1.2rem}.site-footer__brand-name{font-size:1.02rem}.site-footer__center{justify-content:center}}@media(max-width:1023px){.topbar{top:0}.site-footer--sticky{display:none}.app-shell__main{padding-bottom:calc(6.2rem + var(--safe-bottom))}}@media(max-width:767px){.hero h1,.section-heading h2,.cta-panel__copy h2{text-wrap:balance}.project-card__topline{align-items:flex-start}.project-card__topline strong,.project-card__body p{min-width:0}.site-footer__center{justify-content:flex-start}.site-footer__right{gap:.55rem}}@media(max-width:767.98px){.site-footer{padding-bottom:calc(6.4rem + env(safe-area-inset-bottom))}.site-footer__action{width:100%}}@media(prefers-reduced-motion:no-preference){.button,.project-card,.topbar__nav a,.proof-chip,.tag-chip,.stack-pill{transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}.project-card__media video,.project-card__media img,.hero-spotlight__frame video,.modal-thumb img{transition:transform var(--transition-slow),filter var(--transition-base)}.project-card:hover .project-card__media video,.project-card:hover .project-card__media img,.hero-spotlight:hover .hero-spotlight__frame video{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.topbar__social:hover,.site-footer__center a:hover,.site-footer__social:hover,.site-footer__action:hover,.bottom-nav__item:hover,.topbar__nav-link:hover,.topbar__social:active,.site-footer__center a:active,.site-footer__social:active,.site-footer__action:active,.bottom-nav__item:active,.topbar__nav-link:active{transform:none}}