@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-primary:#08080a;--color-bg-secondary:#0d0d10;--color-bg-tertiary:#121216;--color-bg-card:#10101473;--color-bg-hover:#1c1c24a6;--glass-bg:#1012188c;--glass-bg-elevated:#161a24ad;--glass-border:#ffffff1f;--glass-border-hover:#ffffff47;--glass-border-glow:#ffffff59;--glass-blur:blur(16px);--glass-blur-sm:blur(8px);--glass-shadow:0 16px 40px -10px #000000a6, inset 0 1px 0 0 #ffffff1f;--glass-shadow-glow:0 0 24px #ffffff1f;--grad-primary:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--grad-sandia:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--grad-cyan:linear-gradient(135deg, #00f0ff 0%, #38bdf8 100%);--color-accent:#f8fafc;--color-accent-dim:#cbd5e1;--color-accent-glow:#ffffff26;--color-accent-border:#fff3;--color-sandia:#fbbf24;--color-sandia-hover:#f59e0b;--color-sandia-glow:#fbbf2459;--color-sandia-bg:#fbbf241f;--color-sandia-border:#fbbf247a;--color-sandia-text:#fef08a;--color-purple:#b026ff;--color-purple-glow:#b026ff40;--color-emerald:#00ff9d;--color-emerald-glow:#00ff9d40;--color-cyan:#00f0ff;--color-cyan-glow:#00f0ff40;--color-amber:#ffb703;--color-amber-glow:#ffb70340;--color-pink:#ff4d6d;--color-brand:#fff;--color-brand-dim:#e2e8f0;--color-brand-muted:#ffffff17;--color-brand-border:#fff3;--color-brand-text:#08080a;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-accent:#fff;--color-text-inverse:#08080a;--color-border:#ffffff14;--color-border-hover:#fff3;--color-border-accent:#ffffff59;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#38bdf8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3.25rem;--text-5xl:4rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--header-height:68px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:26px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 10px 36px #0009;--shadow-xl:0 20px 54px #000000bf;--shadow-accent:0 0 28px #60a5fa40;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1);--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);-webkit-text-size-adjust:100%;width:100%;max-width:100%;overflow-x:clip}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;position:relative;overflow-x:clip}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit}::selection{background-color:var(--color-accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-accent{color:var(--color-text-accent)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 20px 4px var(--color-accent-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.img-loading{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-hover) 50%, var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-16) 0}.container{width:100%;max-width:var(--container-xl);padding-inline:var(--space-6);margin-inline:auto}.container--narrow{max-width:var(--container-lg)}.container--wide{max-width:var(--container-2xl)}.section{padding-block:var(--space-24);background-color:#0000;position:relative}.section--lg{padding-block:var(--space-32)}.section--sm{padding-block:var(--space-16)}.section--alt,.section--dark{background-color:#0000}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.site-wrapper{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;position:relative;overflow-x:clip}main{flex:1;width:100%;max-width:100%;overflow-x:clip}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.01em;transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn--primary{color:#08080a;font-weight:var(--weight-semibold);background-color:#fff;border-color:#fff}.btn--primary:hover{background-color:#f1f5f9;border-color:#f1f5f9;transform:translateY(-1px);box-shadow:0 0 20px #ffffff59}.btn--primary:active{transform:translateY(0)}.btn--brand,.btn--solid-white{font-weight:var(--weight-bold);box-shadow:0 4px 18px #ffffff38;color:#08080a!important;background:#fff!important;border:1px solid #fff!important}.btn--brand:hover,.btn--solid-white:hover{transform:translateY(-2px);box-shadow:0 6px 28px #fff6;color:#000!important;background:#f8fafc!important;border-color:#fff!important}.btn--brand:active,.btn--solid-white:active{transform:translateY(0)}.btn--secondary{-webkit-backdrop-filter:blur(12px);color:var(--color-text-primary);background-color:#ffffff0d;border:1px solid #ffffff24}.btn--secondary:hover{color:#fff;background-color:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 18px #00000059}.btn--outline{color:var(--color-accent);border-color:var(--color-border-accent);background-color:#0000}.btn--outline:hover{background-color:var(--color-accent-glow);transform:translateY(-1px)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md)}.btn--disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.03em;white-space:nowrap;line-height:1.4;display:inline-flex}.badge--published{color:#3ecf8e;background-color:#3ecf8e1f;border:1px solid #3ecf8e40}.badge--in-progress{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b40}.badge--archived{color:var(--color-text-tertiary);border:1px solid var(--color-border);background-color:#ffffff0d}.badge--concept{color:var(--color-accent);border:1px solid var(--color-accent-border);background-color:#4f8ef71a}.badge--paused{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.tech-tag{padding:2px var(--space-3);background-color:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);border:1px solid var(--color-border);transition:all var(--transition-fast);line-height:1.5;display:inline-block}.tech-tag:hover,.tech-tag--primary{background-color:var(--color-accent-glow);color:var(--color-accent);border-color:var(--color-accent-border)}.project-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card--flagship{border-color:var(--color-accent-border);background:linear-gradient(135deg, var(--color-bg-card) 0%, #4f8ef70a 100%)}.project-card--flagship:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg), var(--shadow-accent)}.project-card__image{aspect-ratio:16/9;background-color:var(--color-bg-tertiary);position:relative;overflow:hidden}.project-card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-card__image img{transform:scale(1.04)}.project-card__image-placeholder{background:linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-hover) 100%);width:100%;height:100%;color:var(--color-text-tertiary);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.project-card__body{padding:var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.project-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.project-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.project-card__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.project-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.project-card__tech{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.project-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}.section-heading{margin-bottom:var(--space-12)}.section-heading__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-3);display:inline-block}.section-heading__title{font-size:clamp(var(--text-2xl), 4vw, var(--text-3xl));font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.03em}.section-heading__description{margin-top:var(--space-4);font-size:var(--text-md);color:var(--color-text-secondary);max-width:54ch;line-height:var(--leading-relaxed)}.section-heading--centered{text-align:center}.section-heading--centered .section-heading__description{margin-inline:auto}.skill-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-5);transition:all var(--transition-base);flex-direction:column;display:flex}.skill-card:hover{border-color:var(--color-border-accent);background:linear-gradient(135deg, var(--color-bg-card) 0%, #4f8ef708 100%);transform:translateY(-2px)}.skill-card__icon{background-color:var(--color-accent-glow);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.skill-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.skill-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.skill-card__tech{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.link-arrow{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);transition:gap var(--transition-fast);text-decoration:none;display:inline-flex}.link-arrow:hover{gap:var(--space-2)}.pending-indicator{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;display:inline-flex}.metric-card{text-align:center;padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.metric-card__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:-.03em;line-height:1}.metric-card__label{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.spocky-official-logo{color:#f1f3f9;width:auto;transition:opacity var(--transition-fast), transform var(--transition-fast);display:block}.spocky-official-logo:hover{opacity:.9}.site-header__logo-svg{height:22px!important}.site-footer__logo-svg{height:24px!important}.mobile-menu__logo-svg{height:20px;height:22px!important}.hero__brand-logo{height:20px}.project-mockup__inline-nav{padding:0 var(--space-2);pointer-events:none;z-index:10;justify-content:space-between;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.project-mockup__nav-btn{pointer-events:auto;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);width:32px;height:32px;color:var(--color-text-primary);transition:all var(--transition-fast);cursor:pointer;background:#0d0f14bf;border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.project-mockup__nav-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.project-mockup__counter-badge{border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--color-text-secondary);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.badge--flagship{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#60a5fa33 0%,#a855f733 100%);border:1px solid #60a5fa73;font-weight:600;box-shadow:0 0 14px #60a5fa33}.site-header{z-index:var(--z-sticky);height:var(--header-height);transition:background-color var(--transition-base), border-bottom-color var(--transition-base), backdrop-filter var(--transition-base);background-color:#0000;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site-header--scrolled{-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--color-border);background-color:#0d0f14eb}.site-header__inner{align-items:center;gap:var(--space-8);height:100%;display:flex}.site-header__logo{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:flex}.site-header__logo-mark{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:-.05em}.site-header__logo-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.site-header__nav{flex:1}.site-header__nav ul{align-items:center;gap:var(--space-1);display:flex}.site-header__nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);white-space:nowrap;display:block}.site-header__nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.site-header__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.site-header__mobile-toggle{border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-text-primary);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-fast);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;flex-shrink:0;justify-content:center;align-items:center;display:none}.site-header__mobile-toggle:hover,.site-header__mobile-toggle:focus-visible{color:#fff;background:#ffffff29;border-color:#ffffff4d;transform:scale(1.04)}@media (width<=960px){.site-header__nav,.site-header__actions{display:none}.site-header__mobile-toggle{margin-left:auto;display:flex}}@keyframes slideInRight{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) + 5);background-color:#000000a6;animation:.2s forwards fadeIn;position:fixed;inset:0}.mobile-menu{background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border);width:min(320px,85vw);z-index:calc(var(--z-sticky) + 10);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #0009}.mobile-menu__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-menu__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.mobile-menu__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobile-menu__close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.mobile-menu__list{padding:var(--space-4) 0;flex:1;overflow-y:auto}.mobile-menu__link{padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);transition:color var(--transition-fast), background-color var(--transition-fast);display:block}.mobile-menu__link:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.mobile-menu__footer{padding:var(--space-6);border-top:1px solid var(--color-border)}.hero{min-height:100svh;padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:var(--space-6);background-color:#0000;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#ffffff0a 0%,#ffffff03 40%,#0000 70%);width:520px;height:520px;position:absolute;top:5%;right:-5%}.hero>.container{z-index:1;gap:var(--space-6);flex-direction:column;width:100%;display:flex;position:relative}.hero__editorial-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__brand-identity{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;display:inline-flex}.hero__brand-mark{font-weight:var(--weight-bold);color:var(--color-brand);letter-spacing:.1em;font-size:var(--text-sm)}.hero__header-divider{color:var(--color-text-tertiary);opacity:.5}.hero__brand-role{color:var(--color-text-tertiary);font-size:11px}.hero__location-stamp{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.08em;align-items:center;font-size:11px;display:inline-flex}.hero__grid{gap:var(--space-12);grid-template-columns:1.15fr .95fr;align-items:center;display:grid}.hero__narrative{gap:var(--space-5);flex-direction:column;display:flex}.hero__author-badge{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand);background-color:var(--color-brand-muted);border:1px solid var(--color-brand-border);padding:4px var(--space-3);border-radius:var(--radius-full);letter-spacing:.02em;width:fit-content;display:inline-flex}.hero__author-badge-dot{background-color:var(--color-brand);border-radius:50%;width:6px;height:6px;animation:2.5s infinite pulse-glow}.hero__heading{font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:var(--weight-bold);letter-spacing:-.035em;color:#f8fafc;text-wrap:balance;margin:0;line-height:1.16;display:block}.hero__heading-main{color:#f8fafc}.hero__heading-accent{color:#fff;text-shadow:0 0 28px #ffffff59;-webkit-text-fill-color:initial;background:0 0;font-weight:800}.hero__description{font-size:clamp(var(--text-base), 1.2vw, var(--text-md));color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:52ch;margin:0}.hero__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.hero__btn-projects{box-shadow:0 4px 20px #fff3}.hero__btn-whatsapp{align-items:center;gap:var(--space-2);border-color:#ffffff26;display:inline-flex}.hero__btn-whatsapp:hover{color:#25d366;background-color:#25d36614;border-color:#25d366;box-shadow:0 0 20px #25d36633}.hero__whatsapp-icon{color:#25d366}.hero__channels{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4) var(--space-5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-xl);background:#12141c73;border:1px solid #ffffff1a;flex-direction:column;display:flex;box-shadow:0 8px 24px #00000059}.hero__channels-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.hero__channels-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto;flex-wrap:nowrap!important}.hero__channels-row::-webkit-scrollbar{display:none}.hero__social-pill{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-primary);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);transition:all var(--transition-base);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #00000040}.hero__social-pill:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.hero__social-pill--whatsapp{color:#25d366;border-color:#25d36659}.hero__social-pill--whatsapp:hover{color:#fff;background:#25d36626;border-color:#25d366;box-shadow:0 0 20px #25d36659}.hero__social-pill--fiverr{color:#1dbf73;border-color:#1dbf7359}.hero__social-pill--fiverr:hover{color:#fff;background:#1dbf7326;border-color:#1dbf73;box-shadow:0 0 20px #1dbf7359}.hero__social-pill--linkedin{color:#38bdf8;border-color:#0a66c266}.hero__social-pill--linkedin:hover{color:#fff;background:#0a66c233;border-color:#38bdf8;box-shadow:0 0 20px #38bdf859}.hero__social-pill--tiktok{border-color:#f472b659}.hero__social-pill--tiktok:hover{background:#f472b626;border-color:#f472b699;box-shadow:0 0 20px #f472b64d}.hero__social-highlight{color:var(--color-cyan);font-weight:var(--weight-bold)}.hero__metrics-grid{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);grid-template-columns:repeat(3,1fr);display:grid}.hero__metric-cell{padding:var(--space-2) var(--space-3);border-right:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative}.hero__metric-cell:last-child{border-right:none}.hero__metric-cell--featured{background:#00ff9d0f;border:1px solid #00ff9d73;position:relative;overflow:hidden;box-shadow:0 0 28px #00ff9d2e,inset 0 1px #00ff9d4d}.hero__metric-cell--featured .hero__metric-highlight-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#00ff9d40 0%,#0000 70%);width:90px;height:90px;position:absolute;top:0;right:0}.hero__metric-number-wrap{align-items:center;gap:8px;display:flex}.hero__metric-cell--featured .hero__metric-number{text-shadow:0 0 24px #00ff9d80;-webkit-text-fill-color:initial;background:0 0;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:800;color:#00ff9d!important}.hero__metric-badge{font-size:9px;font-weight:var(--weight-bold);border-radius:var(--radius-full);color:#00ff9d;letter-spacing:.06em;background:#00ff9d2e;border:1px solid #00ff9d8c;padding:2px 7px}.hero__metric-number{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:var(--weight-bold);font-family:var(--font-sans);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1}.hero__metric-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-top:6px;line-height:1.25}.hero__metric-caption{color:var(--color-text-secondary);margin-top:3px;font-size:11px;line-height:1.35}.hero__showcase{justify-content:center;align-items:center;width:100%;display:flex}.hero-spocky-stage{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-2xl);width:100%;max-width:520px;padding:var(--space-7);text-align:center;align-items:center;gap:var(--space-4);transition:all var(--transition-base);background:#10121a94;border:1px solid #ffffff1f;flex-direction:column;display:flex;position:relative;box-shadow:0 24px 60px #000000a6,inset 0 1px #ffffff24}.hero-spocky-stage:hover{border-color:#ffffff47;transform:translateY(-2px);box-shadow:0 28px 70px #000000bf,0 0 40px #00f0ff14}.hero-spocky-stage__glow{filter:blur(35px);pointer-events:none;background:radial-gradient(circle,#00f0ff0d 0%,#ff4d6d05 40%,#0000 70%);width:180px;height:180px;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.hero-spocky-stage__emblem-wrap{z-index:1;padding:var(--space-1) var(--space-3) 0 var(--space-3);margin-bottom:var(--space-1);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative}.hero-spocky-stage:hover .hero-spocky-stage__emblem-wrap{transform:scale(1.02)}.hero-spocky-stage__logo{color:#fff;filter:drop-shadow(0 2px 8px #00000080)drop-shadow(0 0 8px #ffffff24);width:auto;max-width:min(340px,90%);max-height:84px;height:clamp(52px,8vw,82px)!important}.hero-spocky-stage__brand-info{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.hero-spocky-stage__tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-cyan);font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase}.hero-spocky-stage__owner-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:#fff;line-height:var(--leading-tight);margin:0}.hero-spocky-stage__tagline{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);max-width:42ch;margin:0}.hero-spocky-stage__team-flow{width:100%;padding:var(--space-2) var(--space-2);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.hero-spocky-stage__team-badge{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-bold);color:#38bdf8;letter-spacing:.1em;align-items:center;gap:6px;display:inline-flex}.hero-spocky-stage__team-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow;box-shadow:0 0 8px #38bdf8}.hero-spocky-stage__team-text{color:var(--color-text-secondary);max-width:44ch;margin:0;font-size:12px;line-height:1.5}.hero-spocky-stage__team-text strong{color:#fff}.hero-spocky-stage__stack-section{flex-direction:column;gap:8px;width:100%;display:flex}.hero-spocky-stage__stack-title{color:var(--color-text-tertiary);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}.hero-spocky-stage__stack-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-spocky-stage__chip{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-primary);font-family:var(--font-mono);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff24;padding:4px 12px}.hero-spocky-stage__chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.hero-spocky-stage__chip--flutter{color:#38bdf8;background:#00f0ff14;border-color:#00f0ff66}.hero-spocky-stage__chip--react{color:#61dafb;background:#61dafb14;border-color:#61dafb66}.hero-spocky-stage__chip--python{color:#facc15;background:#ffd43b14;border-color:#ffd43b66}.hero-spocky-stage__chip--docker{color:#38bdf8;background:#2496ed14;border-color:#2496ed66}.hero-spocky-stage__chip--postgres{color:#93c5fd;background:#3367911f;border-color:#33679180}.hero-spocky-stage__chip--dotnet{color:#c084fc;background:#b026ff14;border-color:#b026ff66}.hero-spocky-stage__chip--ts{color:#60a5fa;background:#3178c61a;border-color:#3178c680}.hero-spocky-stage__chip--ux{color:#fde047;background:#fbbf241a;border-color:#fbbf2473}.hero-spocky-stage__footer{width:100%;padding-top:var(--space-4);padding-bottom:var(--space-2);padding-left:var(--space-4);padding-right:var(--space-4);margin-top:var(--space-1);color:var(--color-text-tertiary);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;font-size:11px;display:flex}.hero-spocky-stage__location{letter-spacing:.04em}.hero-spocky-stage__link{color:#fff;font-weight:var(--weight-medium);transition:color var(--transition-fast);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.hero-spocky-stage__link:hover{color:#00f0ff}.hero__footer-bar{padding-top:var(--space-4);border-top:1px solid var(--color-border);font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-tertiary);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:11px;display:flex}.hero__footer-disciplines{align-items:center;gap:var(--space-2);display:inline-flex}.hero__footer-slash{opacity:.4}.hero__scroll-control{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);padding:4px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.hero__scroll-control:hover{color:var(--color-brand);border-color:var(--color-brand-border);background-color:var(--color-brand-muted)}.hero__scroll-icon{animation:2s ease-in-out infinite float}.hero__footer-location{align-items:center;gap:var(--space-2);display:inline-flex}@media (width<=1024px){.hero__grid{gap:var(--space-8);grid-template-columns:1fr}.hero__showcase{justify-content:flex-start}.hero-specimen{max-width:100%}}@media (width<=768px){.hero{min-height:auto;padding-top:calc(var(--header-height) + var(--space-5));padding-bottom:var(--space-8)}.hero__editorial-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.hero__heading{font-size:clamp(1.85rem,6.5vw,2.4rem)}.hero__metrics-grid{gap:var(--space-3);grid-template-columns:1fr}.hero__metric-cell{border-right:none;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.hero__metric-cell:last-child{border-bottom:none;padding-bottom:0}.hero__footer-bar{align-items:flex-start;gap:var(--space-3);flex-direction:column}.hero__scroll-control{justify-content:center;width:100%}}@media (width<=520px){.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{justify-content:center;width:100%}.hero-specimen__spec-grid{gap:var(--space-3);grid-template-columns:1fr}.hero-specimen__spec-item:first-child{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:var(--space-2)}}.projects-filter{margin-bottom:var(--space-10);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);background:#12141c99;border:1px solid #ffffff24;align-items:center;gap:8px;max-width:100%;padding:6px 8px;display:inline-flex;box-shadow:0 8px 32px #00000073}.projects-filter__btn{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#cbd5e1;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background-color:#0000;border:1px solid #0000;padding:8px 22px}.projects-filter__btn:hover{color:#fff;background-color:#ffffff17}@media (width<=640px){.projects-filter{box-sizing:border-box;gap:4px;width:100%;padding:4px 6px;display:flex}.projects-filter__btn{text-align:center;flex:1 1 0;min-width:0;padding:8px 4px;font-size:13px}}.projects-filter__btn--active{font-weight:var(--weight-bold);transform:translateY(-1px);box-shadow:0 4px 16px #ffffff59;color:#08080a!important;background:#fff!important;border-color:#fff!important}.projects-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.project-editorial-card--flagship{grid-column:1/-1}@media (width<=900px){.projects-grid{gap:var(--space-6);grid-template-columns:1fr}.project-editorial-card--flagship{grid-column:auto}}.case-study{gap:var(--space-12);grid-template-columns:1fr 340px;align-items:start;display:grid}.case-study__block{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.case-study__block:last-child{border-bottom:none}.case-study__block-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.case-study__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.case-study__list{gap:var(--space-2);padding-left:var(--space-4);flex-direction:column;display:flex}.case-study__list li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);position:relative}.case-study__list li:before{content:"—";left:calc(-1 * var(--space-4));color:var(--color-accent);position:absolute}.case-study__features{gap:var(--space-5);margin-top:var(--space-3);flex-direction:column;display:flex}.case-study__feature{gap:var(--space-4);align-items:flex-start;display:flex}.case-study__feature-icon{background-color:var(--color-accent-glow);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.case-study__feature-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.case-study__feature-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.case-study__metrics{gap:var(--space-4);flex-wrap:wrap;display:flex}.case-study__aside{gap:var(--space-5);top:calc(var(--header-height) + var(--space-6));flex-direction:column;display:flex;position:sticky}.case-study__image-placeholder{aspect-ratio:4/3;background-color:var(--color-bg-hover);border:1px dashed var(--color-border-hover);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;flex-direction:column;display:flex}.case-study__image-placeholder--sm{aspect-ratio:16/9}.case-study__sidebar-block{gap:var(--space-3);flex-direction:column;display:flex}.case-study__sidebar-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.case-study__tech{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=900px){.case-study{grid-template-columns:1fr}.case-study__aside{order:-1;position:static}}.design-grid{gap:var(--space-10);flex-direction:column;display:flex}.design-card{gap:var(--space-10);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);transition:border-color var(--transition-base);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.design-card:hover{border-color:var(--color-border-hover)}.design-card__visuals{position:relative}.design-card__image-placeholder{background-color:var(--color-bg-hover);border-right:1px dashed var(--color-border-hover);justify-content:center;align-items:center;gap:var(--space-2);height:100%;min-height:280px;font-size:var(--text-sm);color:var(--color-text-tertiary);padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.design-card__body{padding:var(--space-8);gap:var(--space-5);flex-direction:column;display:flex}.design-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.design-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.design-card__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.design-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.design-card__problem{background-color:var(--color-bg-hover);border-left:3px solid var(--color-accent-border);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0}.design-card__problem-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);display:block}.design-card__problem p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.design-card__objectives{gap:var(--space-2);padding-left:var(--space-4);flex-direction:column;display:flex}.design-card__objectives li{font-size:var(--text-sm);color:var(--color-text-secondary);position:relative}.design-card__objectives li:before{content:"✓";left:calc(-1 * var(--space-4));color:var(--color-success);font-size:var(--text-xs);position:absolute}.design-card__tools{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.design-card__actions{padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media (width<=900px){.design-card{grid-template-columns:1fr}.design-card__image-placeholder{border-right:none;border-bottom:1px dashed var(--color-border-hover);min-height:200px}}.other-projects-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.other-project-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-2);transition:border-color var(--transition-base);flex-direction:column;display:flex}.other-project-card:hover{border-color:var(--color-border-hover)}.other-project-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.other-project-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.other-project-card__subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.other-project-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.other-project-card__tech{gap:var(--space-1);padding-top:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.about-grid{gap:var(--space-16);grid-template-columns:1fr 340px;align-items:start;display:grid}.about__paragraphs{gap:var(--space-5);margin-top:var(--space-8);flex-direction:column;display:flex}.about__paragraph{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.about__highlights{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);top:calc(var(--header-height) + var(--space-6));position:sticky}.about__highlights-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5)}.about__highlights-list{gap:var(--space-3);flex-direction:column;display:flex}.about__highlight-item{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug);display:flex}.about__highlight-icon{color:var(--color-success);flex-shrink:0;margin-top:1px}.about__note{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;line-height:var(--leading-relaxed)}@media (width<=900px){.about-grid{gap:var(--space-8);grid-template-columns:1fr}.about__highlights{position:static}}.contact__notice{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);color:#f59e0b;margin-bottom:var(--space-8);background-color:#f59e0b14;border:1px solid #f59e0b33;display:flex}.contact-links{gap:var(--space-3);margin-bottom:var(--space-10);flex-direction:column;display:flex}.contact-link{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;display:flex}.contact-link:hover{border-color:var(--color-border-accent);background-color:var(--color-accent-glow);transform:translateY(-2px)}.contact-link--disabled{opacity:.45;cursor:not-allowed}.contact-link__icon{background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-link:hover .contact-link__icon{background-color:var(--color-accent-glow);border-color:var(--color-accent-border);color:var(--color-accent)}.contact-link__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-1);display:block}.contact-link__value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);display:block}.contact__cv{text-align:center;margin-bottom:var(--space-6)}.contact__cv-pending{padding:var(--space-4);background-color:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.contact__note{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.site-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding-block:var(--space-16) var(--space-10)}.site-footer__grid{gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr;display:grid}.site-footer__logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:inline-flex}.site-footer__tagline{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed);max-width:36ch}.site-footer__col-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-5)}.site-footer__nav-list{gap:var(--space-3);flex-direction:column;display:flex}.site-footer__nav-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.site-footer__nav-link:hover{color:var(--color-text-primary)}.site-footer__social-list{gap:var(--space-3);flex-direction:column;display:flex}.site-footer__social-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);display:inline-flex}.site-footer__social-link:hover{color:var(--color-accent)}.site-footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.site-footer__copy,.site-footer__credits{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (width<=768px){.site-footer__grid{gap:var(--space-8);grid-template-columns:1fr}.site-footer__bottom{text-align:center;flex-direction:column}}.case-study-page{padding-top:var(--header-height)}.case-study-page__breadcrumb{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.case-study-page__hero{padding:var(--space-16) 0;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.case-study-page__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.case-study-page__category{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.case-study-page__title{font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl));font-weight:var(--weight-bold);letter-spacing:-.04em;margin-bottom:var(--space-3)}.case-study-page__subtitle{font-size:var(--text-md);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.case-study-page__description{font-size:var(--text-md);color:var(--color-text-secondary);max-width:60ch;line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.case-study-page__tech{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.case-study-page__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.case-study-page__cover{background-color:var(--color-bg-tertiary);padding:var(--space-10) 0}.case-study-page__cover-img{object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;max-height:480px}.case-study-page__cover-placeholder{background-color:var(--color-bg-hover);border:1px dashed var(--color-border-hover);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-2);height:320px;color:var(--color-text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.case-study-page__body{padding-block:var(--space-16)}.case-study-page__section{margin-bottom:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.case-study-page__section:last-child{border-bottom:none}.case-study-page__section-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-5)}.case-study-page__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.case-study-page__metrics{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.case-study-page__screenshots{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.case-study-page__screenshot-placeholder{aspect-ratio:9/16;background-color:var(--color-bg-hover);border:1px dashed var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;justify-content:center;align-items:center;display:flex}.case-study-page__nav{padding-block:var(--space-10);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.case-study-page__nav-inner{justify-content:space-between;align-items:center;display:flex}.case-study-page__nav-link{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;display:flex}.case-study-page__nav-link:hover{background-color:var(--color-bg-hover)}.case-study-page__nav-dir{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;display:block}.case-study-page__nav-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-top:var(--space-1);display:block}.case-study-page__nav-link--prev{text-align:left}.case-study-page__nav-link--next{text-align:right}.not-found{min-height:80vh;padding-top:var(--header-height);align-items:center;display:flex}.not-found__inner{text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.not-found__code{font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:-.05em;line-height:1}.not-found__title{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.not-found__description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:40ch}.skip-link{top:var(--space-4);left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-5);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);position:fixed}.skip-link:not(:focus){clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}.specialties-editorial-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.area-card{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-2xl);padding:var(--space-6);gap:var(--space-4);transition:all var(--transition-base);background:#1212166b;border:1px solid #ffffff14;flex-direction:column;display:flex;position:relative;box-shadow:0 16px 40px #00000080}.area-card:hover{border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 20px 48px #000000a6,0 0 28px #ffffff14}.area-card__header{padding-bottom:var(--space-3);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;display:flex}.area-card__meta{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);display:inline-flex}.area-card__type{color:var(--color-text-tertiary);letter-spacing:.06em;font-size:11px}.area-card__icon-badge{border-radius:var(--radius-lg);color:#fff;background:#ffffff0d;border:1px solid #ffffff29;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 16px #ffffff14}.area-card__titles{gap:var(--space-1);flex-direction:column;display:flex}.area-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1.25}.area-card__headline{font-size:var(--text-xs);color:#f8fafc;line-height:1.35;font-weight:var(--weight-semibold)}.area-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.area-card__evidence-flow{align-items:flex-start;gap:var(--space-3);margin:var(--space-1) 0;background:0 0;border:none;padding:0;display:flex}.area-card__evidence-icon{color:#00ff9d;flex-shrink:0;margin-top:2px}.area-card__evidence-content{flex-direction:column;gap:2px;display:flex}.area-card__evidence-top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.area-card__evidence-label{text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.05em;font-size:10px;font-weight:var(--weight-semibold)}.area-card__evidence-metric{color:#00ff9d;font-size:12px;font-weight:var(--weight-bold)}.area-card__evidence-desc{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.35}.area-card__capabilities{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.area-card__section-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:var(--weight-semibold);margin:0}.area-card__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.area-card__item{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.35;display:flex}.area-card__check{color:#fff;flex-shrink:0;margin-top:2px}.area-card__footer{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #ffffff12;flex-direction:column;display:flex}.area-card__tech-wrap{gap:var(--space-2);flex-wrap:wrap;display:flex}.area-card__tech-tag{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);background-color:#ffffff09;border:1px solid #ffffff17;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.area-card__tech-tag--featured{font-weight:var(--weight-bold);transform:translateY(-1px);color:#fff!important;background:#fbbf2424!important;border:1px solid #fbbf2480!important;box-shadow:0 0 18px #fbbf2440!important}.area-card__tech-tag--featured .area-card__tech-name{font-weight:var(--weight-bold);color:#fde047!important}.area-card__tech-tag--featured .area-card__tech-role{font-weight:var(--weight-medium);color:#fef08acc!important}@media (width<=1024px){.specialties-editorial-grid{gap:var(--space-6);grid-template-columns:1fr}}.project-editorial-card{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-2xl);padding:var(--space-6);gap:var(--space-4);transition:all var(--transition-base);box-sizing:border-box;background:#1212166b;border:1px solid #ffffff14;flex-direction:column;min-width:0;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.project-editorial-card:hover{border-color:#ffffff3d;transform:translateY(-3px);box-shadow:0 20px 48px #000000a6,0 0 28px #ffffff14}.project-editorial-card--flagship{background:#16161c85;border:1px solid #ffffff29;box-shadow:0 20px 50px #000000a6,0 0 32px #00ff9d14}.project-editorial-card--flagship:hover{border-color:#ffffff52;box-shadow:0 24px 60px #000000b8,0 0 40px #00ff9d24}.project-editorial-card__header{gap:var(--space-2);flex-direction:column;min-width:0;max-width:100%;display:flex}.project-editorial-card__meta-line{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.project-editorial-card__cat{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-tertiary);font-size:10px}.project-editorial-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.project-editorial-card__subtitle{font-size:var(--text-xs);color:var(--color-text-secondary);margin:4px 0 0}.project-editorial-card__metrics-bar{gap:var(--space-6);padding:var(--space-2) 0 var(--space-4) 0;background:0 0;border:none;border-bottom:1px solid #ffffff14;border-radius:0;flex-wrap:wrap;display:flex}.project-editorial-card__metric-item{flex-direction:column;display:flex}.project-editorial-card__metric-val{font-size:var(--text-md);font-weight:var(--weight-bold);font-family:var(--font-sans);color:#fff;letter-spacing:-.01em;line-height:1.15}.project-editorial-card__metric-lbl{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.project-editorial-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.project-editorial-card__contribution{margin-top:var(--space-1);background:0 0;border:none;padding:0}.project-editorial-card__contrib-label{font-size:11px;font-weight:var(--weight-bold);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;display:block}.project-editorial-card__contrib-text{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.project-editorial-card__highlights-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.project-editorial-card__highlight-item{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.35;display:flex}.project-editorial-card__highlight-icon{color:var(--color-brand);flex-shrink:0;margin-top:2px}.project-editorial-card__tech{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.project-editorial-card__tech .tech-tag{font-size:11px}.project-editorial-card__actions{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.project-editorial-card__notice{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-mono)}.services-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.service-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);transition:all var(--transition-base);flex-direction:column;display:flex}.service-card:hover{box-shadow:var(--shadow-md);border-color:#60a5fa66;transform:translateY(-2px)}.service-card__top{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.service-card__number{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-brand)}.service-card__status-dot{background-color:var(--color-brand);opacity:.6;border-radius:50%;width:5px;height:5px}.service-card__title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3}.service-card__description{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.service-card__deliverables{padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto}.service-card__deliverables-title{font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.service-card__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.service-card__item{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:11px;display:flex}.service-card__bullet{background-color:var(--color-brand);border-radius:50%;flex-shrink:0;width:3px;height:3px}.services-complementary{margin-top:var(--space-10);padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-3);background-color:#0d0f1499;flex-direction:column;display:flex}.services-complementary__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.services-complementary__note{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.services-complementary__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.services-complementary__tag{padding:4px var(--space-3);background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}.services-cta-banner{margin-top:var(--space-8);padding:var(--space-6) var(--space-8);border:1px solid var(--color-brand-border);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:var(--space-6);background:linear-gradient(135deg,#161a23e6 0%,#0d0f14f2 100%);flex-wrap:wrap;display:flex}.services-cta-banner__content{flex:1;min-width:260px}.services-cta-banner__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.services-cta-banner__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.contact-whatsapp-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);max-width:580px;padding:var(--space-8);box-shadow:var(--shadow-lg);gap:var(--space-5);transition:all var(--transition-base);flex-direction:column;margin:0 auto;display:flex}.contact-whatsapp-card:hover{box-shadow:var(--shadow-xl), 0 0 32px #25d36614;border-color:#25d36659}.contact-whatsapp-card__header{align-items:center;gap:var(--space-4);display:flex}.contact-whatsapp-card__icon-wrap{border-radius:var(--radius-lg);color:#25d366;background-color:#25d3661a;border:1px solid #25d36640;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.contact-whatsapp-card__pill{font-family:var(--font-mono);color:#25d366;font-size:10px;font-weight:var(--weight-bold);letter-spacing:.06em;margin-bottom:2px;display:inline-block}.contact-whatsapp-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.contact-whatsapp-card__phone{font-family:var(--font-mono);font-size:var(--text-md);color:var(--color-brand);font-weight:var(--weight-semibold);margin:2px 0 0}.contact-whatsapp-card__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.contact-whatsapp-card__meta{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#0d0f1499;flex-direction:column;display:flex}.contact-whatsapp-card__meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono);display:flex}.contact-whatsapp-card__btn{justify-content:center;gap:var(--space-2);width:100%}.about__location-badge,.about__education-badge{align-items:center;gap:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-mono);margin-bottom:var(--space-2);width:fit-content;display:inline-flex}.about__location-badge{color:var(--color-accent);background-color:#60a5fa14;border:1px solid #60a5fa40}.about__education-badge{border:1px solid var(--color-accent-border);color:var(--color-accent);background-color:#4f8ef714}.about__honesty-box{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);border-left:2px solid var(--color-brand);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-3);background-color:#0d0f14b3;display:flex}.about__honesty-text strong{color:var(--color-text-primary)}.hero-specimen__canvas--mobile{aspect-ratio:auto;min-height:310px;padding:var(--space-5) var(--space-4);background:radial-gradient(circle at 50% 30%,#4f8ef71f 0%,#0b0d12fa 75%);border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-device{flex-direction:column;align-items:center;width:100%;max-width:220px;display:flex;position:relative}.hero-device__frame{background:linear-gradient(#181b24 0%,#0d0f14 100%);border:2px solid #ffffff29;border-radius:28px;width:100%;padding:8px 8px 12px;position:relative;box-shadow:0 16px 36px #0009,0 0 24px #4f8ef726}.hero-device__speaker{background-color:#ffffff40;border-radius:2px;width:38px;height:4px;margin:2px auto 8px}.hero-device__screen{aspect-ratio:9/18;background-color:#000;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-device__img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);display:block}.hero-device:hover .hero-device__img{transform:scale(1.02)}.hero-device__zoom-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background-color:#0d0f14e0;border:1px solid #ffffff38;align-items:center;gap:5px;padding:4px 10px;display:inline-flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 12px #0006}.hero-device__zoom-btn:hover{background-color:var(--color-brand);color:#0d0f14;border-color:var(--color-brand);transform:translateY(-1px)}.hero-device__pill{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);z-index:2;white-space:nowrap;background-color:#13161df0;border:1px solid #60a5fa66;padding:6px 12px;display:flex;position:absolute;bottom:-14px;right:-24px;box-shadow:0 8px 24px #00000080}.hero-device__pill-indicator{background-color:var(--color-brand);width:8px;height:8px;box-shadow:0 0 8px var(--color-brand);border-radius:50%;flex-shrink:0}.hero-device__pill-title{font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-primary);font-family:var(--font-sans);display:block}.hero-device__pill-sub{color:var(--color-text-secondary);font-size:10px;font-family:var(--font-mono);display:block}.hero-specimen__screens-nav{align-items:center;gap:var(--space-2);margin-top:var(--space-4);z-index:1;flex-wrap:wrap;justify-content:center;display:flex}.hero-specimen__screen-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff0a;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.hero-specimen__screen-btn:hover{color:var(--color-text-primary);border-color:#ffffff40}.hero-specimen__screen-btn--active{border-color:var(--color-accent);color:#fff;background-color:#60a5fa26}.hero-specimen__screen-btn-num{font-weight:var(--weight-bold);opacity:.8}.project-visual-showcase{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-block:var(--space-2);transition:border-color var(--transition-base);background-color:#0b0d13;overflow:hidden}.project-editorial-card:hover .project-visual-showcase{border-color:#ffffff29}.project-mockup-mobile{gap:var(--space-5);padding:var(--space-5);background:radial-gradient(circle at 20%,#4f8ef714 0%,#0000 60%);grid-template-columns:190px 1fr;align-items:center;display:grid}.project-mockup-mobile__frame{background:linear-gradient(#1a1d26 0%,#0d0f14 100%);border:2px solid #ffffff29;border-radius:24px;width:100%;max-width:180px;margin-inline:auto;padding:6px 6px 10px;box-shadow:0 12px 28px #00000080}.project-mockup-mobile__notch{background-color:#ffffff40;border-radius:2px;width:32px;height:3px;margin:2px auto 6px}.project-mockup-mobile__screen{aspect-ratio:9/18;background-color:#000;border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-mockup-mobile__img{object-fit:cover;width:100%;height:100%;display:block}.project-mockup__zoom-overlay{color:#fff;font-family:var(--font-mono);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);background-color:#0d0f14b3;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;inset:0}.project-mockup-mobile__screen:hover .project-mockup__zoom-overlay{opacity:1}.project-mockup-mobile__details{gap:var(--space-3);flex-direction:column;display:flex}.project-mockup-mobile__tag{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.06em;margin-bottom:var(--space-1);align-items:center;gap:5px;font-size:10px;display:inline-flex}.project-mockup-mobile__screen-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:1.25}.project-mockup-mobile__screen-caption{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.project-mockup-mobile__nav{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.project-mockup__tab{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff0a;align-items:center;gap:5px;padding:4px 9px;font-size:11px;display:inline-flex}.project-mockup__tab:hover{color:var(--color-text-primary);border-color:#ffffff38}.project-mockup__tab--active{border-color:var(--color-accent);color:var(--color-accent);background-color:#4f8ef71f}.project-mockup__tab-idx{font-weight:var(--weight-bold);opacity:.8}.project-mockup-desktop__window{flex-direction:column;display:flex}.project-mockup-desktop__titlebar{border-bottom:1px solid var(--color-border);background-color:#12151d;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.project-mockup-desktop__traffic-lights{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot--red{background-color:#ff5f56}.dot--yellow{background-color:#ffbd2e}.dot--green{background-color:#27c93f}.project-mockup-desktop__url-bar{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-secondary);background-color:#0006;border:1px solid #ffffff14;align-items:center;gap:6px;padding:3px 12px;font-size:10px;display:inline-flex}.project-mockup-desktop__expand-btn{font-family:var(--font-mono);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;font-size:10px;display:inline-flex}.project-mockup-desktop__expand-btn:hover{color:var(--color-brand)}.project-mockup-desktop__screen{aspect-ratio:16/9;cursor:pointer;background-color:#07090e;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-mockup-desktop__img{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-base);background-color:#07090e;display:block}.project-mockup-desktop__screen:hover .project-mockup-desktop__img{transform:scale(1.015)}.project-mockup-desktop__hover-hint{color:#fff;font-family:var(--font-mono);opacity:0;transition:opacity var(--transition-fast);background-color:#0d0f148c;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}.project-mockup-desktop__screen:hover .project-mockup-desktop__hover-hint{opacity:1}.project-mockup-desktop__footer{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background-color:#0f1219;flex-direction:column;display:flex}.project-mockup-desktop__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-primary);font-family:var(--font-mono);margin-bottom:2px;display:block}.project-mockup-desktop__caption{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.project-mockup-desktop__tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.image-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;padding:var(--space-4);background-color:#05070ae0;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-modal-container{border-radius:var(--radius-xl);background-color:#0d0f15;border:1px solid #ffffff29;flex-direction:column;width:100%;max-width:1040px;max-height:94vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c,0 0 40px #4f8ef71a}.image-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:#13161d99;justify-content:space-between;align-items:center;display:flex}.image-modal-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.image-modal-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-accent);border-radius:var(--radius-sm);background-color:#60a5fa1f;border:1px solid #60a5fa4d;padding:2px 6px;font-size:10px}.image-modal-counter{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:11px}.image-modal-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.image-modal-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.image-modal-close:hover{color:var(--color-text-primary);background-color:#ffffff14;border-color:#ffffff40}.image-modal-stage{padding:var(--space-4);background-color:#06080b;flex:1;justify-content:center;align-items:center;min-height:280px;max-height:calc(88vh - 140px);display:flex;position:relative;overflow:hidden}.image-modal-img-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.image-modal-img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:calc(85vh - 160px);box-shadow:0 8px 32px #0009}.image-modal-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:3;background-color:#13161dbf;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-modal-nav:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-50%)scale(1.05)}.image-modal-nav--prev{left:var(--space-4)}.image-modal-nav--next{right:var(--space-4)}.image-modal-caption{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background-color:#13161db3}.image-modal-caption p{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.case-study__block-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.case-study__block-badge{font-family:var(--font-mono);color:var(--color-accent);border-radius:var(--radius-sm);background-color:#60a5fa1f;border:1px solid #60a5fa4d;padding:3px 8px;font-size:11px}.case-study-gallery-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.case-study-gallery-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background-color:#0d0f1499;flex-direction:column;display:flex;overflow:hidden}.case-study-gallery-item:hover{box-shadow:var(--shadow-lg);border-color:#ffffff38;transform:translateY(-3px)}.case-study-gallery-item__frame{aspect-ratio:9/14;background-color:#07090e;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.case-study-gallery-item__img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);display:block}.case-study-gallery-item:hover .case-study-gallery-item__img{transform:scale(1.02)}.case-study-gallery-item__overlay{color:#fff;font-family:var(--font-mono);opacity:0;transition:opacity var(--transition-fast);background-color:#0d0f1499;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;inset:0}.case-study-gallery-item:hover .case-study-gallery-item__overlay{opacity:1}.case-study-gallery-item__meta{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);flex-direction:column;gap:3px;display:flex}.case-study-gallery-item__title{font-size:var(--text-xs);color:var(--color-text-primary);font-family:var(--font-sans);font-weight:var(--weight-semibold)}.case-study-gallery-item__caption{color:var(--color-text-tertiary);font-size:11px;line-height:var(--leading-normal);margin:0}.design-evolution-showcase{margin-block:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);background-color:#0c0e14;flex-direction:column;display:flex}.design-evolution-showcase__header{justify-content:space-between;align-items:center;display:flex}.design-evolution-showcase__tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-brand);align-items:center;gap:6px;font-size:10px;display:inline-flex}.design-evolution-showcase__grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.design-evolution-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);background-color:#13161db3;flex-direction:column;display:flex}.design-evolution-panel--baseline{border-color:#4f8ef740}.design-evolution-panel--future{background:radial-gradient(circle at 100% 0,#60a5fa0f 0%,#13161db3 70%);border-color:#60a5fa59}.design-evolution-panel__header{flex-direction:column;gap:2px;display:flex}.design-evolution-panel__badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-accent);font-size:9px}.design-evolution-panel__badge--accent{color:var(--color-brand)}.design-evolution-panel__title{font-size:var(--text-sm);color:var(--color-text-primary)}.design-evolution-panel__img-frame{aspect-ratio:16/10;border-radius:var(--radius-sm);cursor:pointer;background-color:#000;position:relative;overflow:hidden}.design-evolution-panel__img{object-fit:cover;width:100%;height:100%;display:block}.design-evolution-panel__hover{color:#fff;font-family:var(--font-mono);opacity:0;transition:opacity var(--transition-fast);background-color:#0d0f1499;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;inset:0}.design-evolution-panel__img-frame:hover .design-evolution-panel__hover{opacity:1}.design-evolution-panel__blueprint{aspect-ratio:16/10;border-radius:var(--radius-sm);padding:var(--space-3);background-color:#07090e;border:1px dashed #60a5fa59;flex-direction:column;justify-content:space-between;display:flex}.blueprint-header{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.06em;align-items:center;gap:6px;font-size:9px;display:flex}.blueprint-tokens{flex-direction:column;gap:4px;display:flex}.blueprint-token-row{font-family:var(--font-mono);color:var(--color-text-tertiary);align-items:center;gap:6px;font-size:10px;display:flex}.blueprint-token-row code{color:var(--color-text-secondary)}.token-swatch{border:1px solid #fff3;border-radius:2px;width:10px;height:10px;display:inline-block}.blueprint-wireframe-lines{flex-direction:column;gap:3px;display:flex}.wire-bar{background-color:#ffffff14;border-radius:1px;height:3px}.wire-bar--full{width:100%}.wire-bar--half{width:50%}.wire-bar--three-q{width:75%}.blueprint-notice{font-family:var(--font-mono);color:var(--color-brand);text-align:right;font-size:9px}.design-evolution-panel__caption{color:var(--color-text-tertiary);font-size:11px;line-height:var(--leading-normal)}.hero__channels{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.hero__channels-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase}.hero__channels-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.hero__channel-tag{border-radius:var(--radius-full);font-size:var(--text-xs);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.hero__channel-tag--active{color:var(--color-text-primary);background:#ffffff0f;border:1px solid #ffffff29}.hero__channel-tag--active:hover{background:#ffffff24;border-color:#ffffff4d;transform:translateY(-1px)}.hero__channel-dot{background-color:var(--color-accent);border-radius:50%;width:6px;height:6px}.hero__channel-tag--pending{color:var(--color-text-tertiary);cursor:default;background:#ffffff05;border:1px dashed #ffffff14}.hero-specimen--profile{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.hero-specimen__profile-summary{margin-bottom:var(--space-6)}.hero-specimen__profile-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:4px}.hero-specimen__profile-role{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-accent);margin-bottom:var(--space-3)}.hero-specimen__profile-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.hero-capabilities-matrix{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);flex-direction:column;display:flex}.hero-capability-row{align-items:flex-start;gap:var(--space-3);display:flex}.hero-capability-icon{border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.hero-capability-info{flex-direction:column;gap:2px;display:flex}.hero-capability-info strong{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--weight-medium)}.hero-capability-info span{font-size:var(--text-xs);color:var(--color-text-tertiary)}.design-editorial-showcase{gap:var(--space-16);margin-top:var(--space-10);flex-direction:column;display:flex}.design-study-block{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base);background:#1212166b;border:1px solid #ffffff14;box-shadow:0 16px 40px #00000080}.design-study-block:hover{border-color:#ffffff3d;box-shadow:0 20px 48px #000000a6,0 0 28px #ffffff14}.design-study-block__header{margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6)}.design-study-block__meta-tags{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.design-study-block__category{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);letter-spacing:.05em}.design-study-block__title{font-size:clamp(var(--text-xl), 2.5vw, var(--text-3xl));font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;margin:0 0 var(--space-2)}.design-study-block__subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin:0}.design-study-block__visual-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=1024px){.design-study-block__visual-grid{grid-template-columns:1.25fr 1fr;align-items:start}}.design-study-viewer{width:100%}.design-study-block__editorial{gap:var(--space-6);flex-direction:column;display:flex}.design-study-block__section-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:var(--space-2);display:block}.design-study-block__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.design-study-block__decisions-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;display:flex}.design-study-block__decision-item{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);display:flex}.design-study-block__check-icon{color:var(--color-accent);flex-shrink:0;margin-top:3px}.design-study-block__tools{gap:var(--space-2);flex-wrap:wrap;display:flex}.hero__narrative,.hero__showcase,.area-card,.design-study-block,.about-editorial-layout,.contact-whatsapp-card,.other-project-card{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.hero__narrative.scroll-revealed,.hero__showcase.scroll-revealed,.area-card.scroll-revealed,.design-study-block.scroll-revealed,.about-editorial-layout.scroll-revealed,.contact-whatsapp-card.scroll-revealed,.other-project-card.scroll-revealed{opacity:1;transform:translateY(0)}.tech-circuit-canvas{pointer-events:none;z-index:0;opacity:.85;width:100%;height:100%;position:fixed;inset:0}.site-header__nav-link{border-radius:var(--radius-full);transition:all var(--transition-fast);padding:6px 14px;position:relative}.site-header__nav-link--active{-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);background:#ffffff14;border:1px solid #ffffff24;box-shadow:0 0 16px #60a5fa26;color:#fff!important}.site-header__nav-indicator{background:var(--color-accent);border-radius:var(--radius-full);width:14px;height:2px;box-shadow:0 0 8px var(--color-accent);display:block;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.hero-specimen__products-row{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffff06;flex-direction:column;gap:6px;display:flex}.hero-specimen__products-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:var(--weight-medium)}.hero-specimen__links-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-specimen__quick-link{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#60a5fa1a;border:1px solid #60a5fa40;padding:3px 8px;text-decoration:none}.hero-specimen__quick-link:hover{color:#fff;background:#60a5fa38;transform:translateY(-1px)}.hero-specimen__quick-sep{color:var(--color-text-tertiary);opacity:.4}.project-mockup-carousel-controls{margin-top:var(--space-3);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);background:#0c0e14bf;border:1px solid #ffffff29;align-items:center;gap:8px;padding:6px 12px;display:inline-flex;box-shadow:0 4px 16px #00000073}.project-mockup-indicator-dot{border-radius:var(--radius-full);cursor:pointer;background:#fff6;border:1px solid #ffffff40;outline:none;width:10px;height:10px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.project-mockup-indicator-dot:hover{background:#fff;border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px #fff6}.project-mockup-indicator-dot--active{border-radius:var(--radius-full);width:28px;height:10px;box-shadow:0 0 16px #ff4d6da6,0 2px 6px #0000004d;background:#ff4d6d!important;border:1px solid #fff9!important}.project-mockup-desktop__system-title{color:var(--color-text-secondary);font-size:11px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.project-mockup-desktop__system-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-mockup-desktop__actions-hint{color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:inline-flex}.about-editorial-single{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-8);background:#10121a8c;border:1px solid #ffffff1a;flex-direction:column;display:flex;box-shadow:0 20px 50px #00000073}.about-editorial-layout{gap:var(--space-10);grid-template-columns:1.25fr .85fr;align-items:start;display:grid}@media (width<=1024px){.about-editorial-layout{gap:var(--space-8);grid-template-columns:1fr}}.about__narrative-col{gap:var(--space-6);flex-direction:column;display:flex}.about__meta-bar{gap:var(--space-2);flex-direction:column;display:flex}.about__meta-chip{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);width:fit-content;padding:6px 12px;display:inline-flex}.about__meta-icon{color:var(--color-accent);flex-shrink:0}.about__body-copy{gap:var(--space-4);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);flex-direction:column;display:flex}.about__body-copy strong{color:var(--color-text-primary)}.about__competencies-section{gap:var(--space-4);padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;display:flex}.about__subheading{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.about__subheading-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.about__competencies-list{gap:var(--space-3);flex-direction:column;display:flex}.about__competency-row{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);display:flex}.about__competency-marker{color:var(--color-accent);flex-shrink:0;margin-top:2px}.about__competency-text strong{color:var(--color-text-primary)}.about__philosophy-box{padding:var(--space-5);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background:#60a5fa0a}.about__philosophy-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.about__philosophy-icon{color:var(--color-accent)}.about__philosophy-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.about__philosophy-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.about__honesty-flow{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffff05;display:flex}.about__honesty-icon{color:var(--color-emerald);flex-shrink:0;margin-top:3px}.about__honesty-title{font-size:var(--text-xs);color:var(--color-text-primary);margin-bottom:3px;display:block}.about__honesty-text{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.unified-channel-panel{background:var(--glass-bg-elevated);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-7);box-shadow:var(--glass-shadow);gap:var(--space-6);top:calc(var(--header-height) + 24px);flex-direction:column;display:flex;position:sticky}.unified-channel-panel__priority{gap:var(--space-3);flex-direction:column;display:flex}.unified-channel-panel__pill{font-size:10px;font-weight:var(--weight-bold);color:var(--color-emerald);letter-spacing:.06em}.unified-channel-panel__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.unified-channel-panel__number{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-emerald);letter-spacing:-.01em;margin:0}.unified-channel-panel__caption{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.unified-channel-panel__meta-row{gap:var(--space-2);margin:var(--space-2) 0;flex-direction:column;display:flex}.unified-channel-panel__meta-item{font-size:var(--text-xs);color:var(--color-text-tertiary);align-items:center;gap:8px;display:flex}.unified-channel-panel__whatsapp-btn{justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);font-size:var(--text-sm);color:#fff;background:#25d366;border-color:#25d366;box-shadow:0 4px 18px #25d3664d}.unified-channel-panel__whatsapp-btn:hover{background:#20ba59;border-color:#20ba59;box-shadow:0 6px 24px #25d36673}.unified-channel-panel__divider{background:var(--color-border);width:100%;height:1px}.unified-channel-panel__social-section{gap:var(--space-4);flex-direction:column;display:flex}.channel-spotlight-item--tiktok{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(135deg,#f472b614 0%,#38bdf80f 100%);border:1px solid #f472b640;flex-direction:column;display:flex}.channel-spotlight-item__icon-wrap--tiktok{border-radius:var(--radius-md);color:#fff;background:#0006;border:1px solid #ffffff26;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.channel-spotlight-item__info{flex-direction:column;gap:2px;display:flex}.channel-spotlight-item__label{color:var(--color-text-tertiary);font-size:11px}.channel-spotlight-item__handle{font-size:var(--text-md);color:var(--color-text-primary);font-weight:var(--weight-bold)}.channel-spotlight-item__desc{font-size:var(--text-xs);color:var(--color-text-secondary)}.channel-spotlight-item__link{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent);align-items:center;gap:6px;width:fit-content;margin-top:4px;text-decoration:none;display:inline-flex}.channel-spotlight-item__link:hover{color:#fff}.channel-secondary-list{gap:var(--space-2);flex-direction:column;display:flex}.channel-secondary-row{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#ffffff05;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.channel-secondary-row:hover{background:#ffffff0f;border-color:#fff3;transform:translate(3px)}.channel-secondary-row__lead{align-items:center;gap:var(--space-3);display:flex}.channel-secondary-row__icon{color:var(--color-text-secondary);flex-shrink:0}.channel-secondary-row__name{font-size:var(--text-sm);color:var(--color-text-primary);display:block}.channel-secondary-row__caption{color:var(--color-text-tertiary);font-size:11px;display:block}.channel-secondary-row__arrow{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.channel-secondary-row:hover .channel-secondary-row__arrow{color:var(--color-accent);transform:translate(2px,-2px)}.contact-whatsapp-card__channels-row{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;display:flex}.contact-whatsapp-card__channel-pill{border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);transition:all var(--transition-base);background:#ffffff0a;align-items:center;gap:6px;padding:6px 14px;text-decoration:none;display:inline-flex}.contact-whatsapp-card__channel-pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.case-study-pillars-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.case-study-pillars-grid{grid-template-columns:1fr}}.contact-hub-card{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-8);margin-top:var(--space-6);background:#10121aa6;border:1px solid #ffffff1f;flex-direction:column;display:flex;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff1f}.contact-hub-card__primary{gap:var(--space-4);box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;display:flex;position:relative}.contact-hub-card__primary-header{align-items:center;gap:var(--space-4);display:flex}.contact-hub-card__icon-wrap{border-radius:var(--radius-lg);color:#fff;background:#25d366;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 24px #25d36666}.contact-hub-card__title-box{flex-direction:column;gap:2px;display:flex}.contact-hub-card__badge{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-bold);color:#25d366;letter-spacing:.1em;text-transform:uppercase}.contact-hub-card__name{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#fff;line-height:var(--leading-tight);margin:0}.contact-hub-card__phone{font-family:var(--font-mono);font-size:var(--text-base);color:#86efac;font-weight:var(--weight-semibold);margin:0}.contact-hub-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.contact-hub-card__meta{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.contact-hub-card__meta-item{align-items:center;gap:6px;display:inline-flex}.contact-hub-card__btn-main{font-size:var(--text-base);font-weight:var(--weight-bold);border-radius:var(--radius-full);transition:all var(--transition-base);margin-top:var(--space-2);box-sizing:border-box;justify-content:center;align-self:flex-start;align-items:center;gap:10px;max-width:100%;padding:14px 28px;text-decoration:none;display:inline-flex;box-shadow:0 6px 24px #25d36673;color:#fff!important;background:#25d366!important}@media (width<=640px){.contact-hub-card__btn-main{width:100%;font-size:var(--text-sm);align-self:stretch;padding:12px 16px}}.contact-hub-card__btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 30px #25d36699;color:#fff!important;background:#20ba59!important}.contact-hub-card__divider{background:#ffffff14;width:100%;height:1px}.contact-hub-card__networks{gap:var(--space-4);flex-direction:column;display:flex}.contact-hub-card__networks-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.contact-hub-card__grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=860px){.contact-hub-card__grid{grid-template-columns:1fr}}.contact-network-row{padding:var(--space-4);border-radius:var(--radius-xl);transition:all var(--transition-base);background:#ffffff0a;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.contact-network-row:hover{background:#ffffff17;border-color:#ffffff47;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.contact-network-row__lead{align-items:center;gap:var(--space-3);display:flex}.contact-network-row__icon-pill{border-radius:var(--radius-md);color:#fff;background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.contact-network-row__icon-pill--tiktok{color:#f472b6;background:#f472b626}.contact-network-row__label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);display:block}.contact-network-row__sub{color:var(--color-text-tertiary);margin-top:2px;font-size:11px;display:block}.contact-network-row__arrow{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.contact-network-row:hover .contact-network-row__arrow{color:var(--color-cyan);transform:translate(2px,-2px)}.other-projects-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=960px){.other-projects-grid{grid-template-columns:1fr}}.other-project-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:all var(--transition-base);background:#10121a8c;border:1px solid #ffffff1a;flex-direction:column;display:flex;box-shadow:0 12px 32px #0006}.other-project-card:hover{border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 18px 45px #0000008c,0 0 24px #ffffff0f}.other-project-card__top{justify-content:space-between;align-items:center;display:flex}.other-project-card__icon-badge{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-cyan);background:#ffffff0f;border:1px solid #ffffff1f;justify-content:center;align-items:center;display:flex}.other-project-card__header{flex-direction:column;gap:4px;display:flex}.other-project-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.other-project-card__subtitle{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.other-project-card__description{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-normal);flex:1;margin:0}.other-project-card__tech{flex-wrap:wrap;gap:6px;display:flex}.case-study-page__metrics--single-row{display:grid;gap:var(--space-3)!important;grid-template-columns:repeat(3,1fr)!important}@media (width<=720px){.case-study-page__metrics--single-row{grid-template-columns:1fr!important}}.metric-card--compact{padding:var(--space-4)!important;border-radius:var(--radius-lg)!important}.metric-card--compact .metric-card__value{margin-bottom:2px!important;font-size:clamp(1.4rem,2vw,1.85rem)!important}.metric-card--compact .metric-card__label{font-size:var(--text-xs)!important}.metric-card--compact .metric-card__caption{margin-top:4px!important;font-size:11px!important}.case-study-highlights-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=720px){.case-study-highlights-grid{grid-template-columns:1fr}}.case-study-highlight-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);transition:all var(--transition-base);background:#12141c8c;border:1px solid #ffffff1a;display:flex}.case-study-highlight-card:hover{background:#12141cbf;border-color:#fbbf2466;transform:translateY(-2px);box-shadow:0 8px 24px #fbbf241f}.case-study-highlight-card__bullet{background:var(--color-sandia);width:8px;height:8px;box-shadow:0 0 10px var(--color-sandia-glow);border-radius:50%;flex-shrink:0;margin-top:6px}.case-study-highlight-card__text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-normal);font-weight:var(--weight-medium);margin:0}.tech-tag--sandia{color:#fef08a!important;font-weight:var(--weight-semibold)!important;background:#fbbf241f!important;border:1px solid #fbbf247a!important;box-shadow:0 0 14px #fbbf2433!important}.tech-tag--sandia:hover{color:#fff!important;background:#fbbf2438!important;border-color:#fbbf24bf!important;box-shadow:0 0 20px #fbbf2459!important}.project-mockup-desktop__screen--tall{aspect-ratio:auto!important;height:480px!important;max-height:520px!important}.project-mockup-desktop__img--tall{object-fit:cover!important;object-position:top center!important;width:100%!important;height:100%!important}.case-study-device-showcase-grid{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;display:grid}.case-study-device-card{gap:var(--space-3);cursor:pointer;transition:transform var(--transition-base);flex-direction:column;display:flex}.case-study-device-card:hover{transform:translateY(-4px)}.case-study-device-frame{width:100%;max-width:270px;transition:all var(--transition-base);background:#12141c;border:4px solid #ffffff29;border-radius:36px;margin:0 auto;padding:10px 8px 14px;position:relative;box-shadow:0 20px 48px #000000a6,0 0 0 1px #000c,inset 0 1px 1px #ffffff40}.case-study-device-card:hover .case-study-device-frame{border-color:#fbbf2480;box-shadow:0 24px 56px #000c,0 0 28px #fbbf242e}.case-study-device-notch{background:#fff3;border-radius:4px;width:64px;height:5px;margin:0 auto 8px}.case-study-device-screen{aspect-ratio:9/18.5;background-color:#000;border-radius:26px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.case-study-device-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--transition-base);display:block}.case-study-device-card:hover .case-study-device-img{transform:scale(1.03)}.case-study-device-zoom-overlay{-webkit-backdrop-filter:blur(4px);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.04em;opacity:0;transition:opacity var(--transition-fast);background:#0a0c12a6;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.case-study-device-card:hover .case-study-device-zoom-overlay{opacity:1}.case-study-device-meta{text-align:left;padding:0 var(--space-2);flex-direction:column;gap:5px;display:flex}.case-study-device-badge{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-bold);color:#fbbf24;letter-spacing:.08em;text-transform:uppercase}.case-study-device-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;line-height:var(--leading-snug)}.case-study-device-caption{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.45}@media (width<=640px){.case-study-device-showcase-grid{grid-template-columns:1fr;max-width:300px;margin-left:auto;margin-right:auto}}.area-card__mobile-toggle{width:100%;margin-top:var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:10px 14px;display:none}.area-card__mobile-toggle:hover,.area-card__mobile-toggle:focus-visible{background:#ffffff17;border-color:#ffffff38}.area-card__toggle-icon{color:var(--color-cyan);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.area-card__toggle-icon--open{transform:rotate(180deg)}.area-card__expandable{flex-direction:column;width:100%;display:flex}@media (width<=768px){.area-card__mobile-toggle{display:flex}.area-card__expandable{display:none}.area-card__expandable--expanded{margin-top:var(--space-3);flex-direction:column;animation:.25s ease-out forwards areaCardFadeIn;display:flex}}@keyframes areaCardFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.project-editorial-card__mobile-toggle{width:100%;margin-top:var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:11px 16px;display:none}.project-editorial-card__mobile-toggle:hover,.project-editorial-card__mobile-toggle:focus-visible{background:#ffffff17;border-color:#ffffff38}.project-editorial-card__toggle-icon{color:var(--color-cyan);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.project-editorial-card__toggle-icon--open{transform:rotate(180deg)}.project-editorial-card__expandable{flex-direction:column;width:100%;display:flex}@media (width<=768px){.project-editorial-card__mobile-toggle{display:flex}.project-editorial-card__expandable{display:none}.project-editorial-card__expandable--expanded{margin-top:var(--space-3);flex-direction:column;animation:.25s ease-out forwards projectCardFadeIn;display:flex}}@keyframes projectCardFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.case-study-page__hero-grid{align-items:center;gap:var(--space-10);grid-template-columns:1.25fr .75fr;display:grid}.case-study-page__hero-content{flex-direction:column;display:flex}.case-study-page__hero-emblem-wrap{padding:var(--space-4);justify-content:center;align-items:center;display:flex}.case-study-page__emblem-img{z-index:1;object-fit:contain;border-radius:var(--radius-2xl);filter:drop-shadow(0 18px 38px #0000008c);width:100%;max-width:340px;height:auto;transition:transform var(--transition-base);position:relative}.case-study-page__emblem-img:hover{transform:scale(1.04)}@media (width<=900px){.case-study-page__hero-grid{gap:var(--space-8);grid-template-columns:1fr}.case-study-page__hero-emblem-wrap{margin-bottom:var(--space-2);padding:var(--space-2);order:-1}.case-study-page__emblem-img{max-width:250px}}html{width:100%;max-width:100%;overflow-x:hidden}body{width:100%;max-width:100%;margin:0;padding:0;position:relative;overflow-x:hidden}#root,.site-wrapper{width:100%;max-width:100%;position:relative;overflow-x:hidden}*,:before,:after{box-sizing:border-box}@media (width<=768px){.hero__actions{flex-direction:column!important;width:100%!important}.hero__actions .btn{justify-content:center!important;width:100%!important}.hero-spocky-stage{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:22px 16px!important}.hero-spocky-stage__owner-title{font-size:var(--text-sm)!important;word-break:break-word!important}.hero-spocky-stage__team-text{word-break:break-word!important}}@media (width<=640px){.container{padding-inline:16px!important}.hero__cta-group{flex-direction:column;width:100%}.hero__cta-group .btn{justify-content:center;width:100%}.hero-spocky-stage{padding:var(--space-5) var(--space-4)!important}.hero-spocky-stage__logo{height:clamp(44px,10vw,62px)!important}.project-editorial-card{overflow:hidden;max-width:100%!important;padding:16px!important}.project-editorial-card__title{font-size:var(--text-lg);word-break:break-word}.project-mockup-desktop__actions-hint span{display:none}.badge{white-space:normal;word-break:break-word;text-align:right;line-height:1.25}.site-footer__bottom{text-align:center!important;flex-direction:column!important;gap:8px!important}.site-footer__copy{word-break:break-word}}@media (width<=1024px){.container{padding-inline:var(--space-5)}.section{padding-block:var(--space-20)}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--header-height:56px}.container{padding-inline:var(--space-4)}.section{padding-block:var(--space-16)}.section--lg{padding-block:var(--space-20)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.skill-card{padding:var(--space-6)}.project-card__body{padding:var(--space-5)}.project-card__footer{padding:var(--space-3) var(--space-5)}.section-heading__title{font-size:var(--text-2xl)}.project-mockup-mobile{gap:var(--space-4);padding:var(--space-4);grid-template-columns:1fr}.project-mockup-mobile__frame{max-width:170px}.hero-device{max-width:180px}.hero-device__pill{margin-top:var(--space-3);white-space:normal;position:static}.design-evolution-showcase__grid,.case-study-gallery-grid{grid-template-columns:1fr}.image-modal-nav{width:36px;height:36px}.image-modal-nav--prev{left:4px}.image-modal-nav--next{right:4px}.hero{height:auto!important;min-height:auto!important;padding-top:calc(var(--header-height) + 16px)!important;width:100%!important;max-width:100%!important;padding-bottom:32px!important;overflow:hidden!important}.hero:after{display:none!important}.hero>.container{box-sizing:border-box!important;gap:20px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-inline:16px!important}.hero__grid{flex-direction:column!important;gap:24px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.hero__narrative{box-sizing:border-box!important;gap:16px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.hero__heading{letter-spacing:-.03em!important;word-break:break-word!important;overflow-wrap:break-word!important;max-width:100%!important;font-size:clamp(1.65rem,6.8vw,2.25rem)!important;line-height:1.18!important}.hero__description{font-size:var(--text-sm)!important;word-break:break-word!important;max-width:100%!important;line-height:1.55!important}.hero__actions{box-sizing:border-box!important;flex-direction:column!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:4px!important;display:flex!important}.hero__actions .btn,.hero__actions a{box-sizing:border-box!important;text-align:center!important;width:100%!important;max-width:100%!important;font-size:var(--text-sm)!important;justify-content:center!important;padding:12px 16px!important}.hero__channels{box-sizing:border-box!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:4px!important;padding:14px 12px!important}.hero__channels-label{word-break:break-word!important;font-size:11px!important;line-height:1.3!important}.hero__channels-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;display:grid!important;overflow:visible!important}.hero__social-pill{box-sizing:border-box!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:8px 10px!important;font-size:11px!important}.hero__metrics-grid{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:4px!important;padding:14px!important;display:flex!important}.hero__metric-cell{box-sizing:border-box!important;border-right:none!important;border-bottom:1px solid var(--color-border)!important;padding-bottom:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-inline:0!important}.hero__metric-cell:last-child{border-bottom:none!important;padding-bottom:0!important}.hero__metric-number{font-size:1.6rem!important}.hero__metric-title,.hero__metric-caption{word-break:break-word!important;min-width:0!important}.hero__showcase{box-sizing:border-box!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.hero-spocky-stage{box-sizing:border-box!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 auto!important;padding:22px 14px!important}.hero-spocky-stage__logo{width:auto!important;max-width:220px!important;height:48px!important;max-height:52px!important}.hero-spocky-stage__brand-info{gap:6px!important;width:100%!important;max-width:100%!important}.hero-spocky-stage__tag{letter-spacing:.12em!important;word-break:break-word!important;font-size:10px!important}.hero-spocky-stage__owner-title{word-break:break-word!important;font-size:14px!important;line-height:1.35!important}.hero-spocky-stage__tagline{word-break:break-word!important;max-width:100%!important;font-size:11px!important;line-height:1.5!important}.hero-spocky-stage__team-flow{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:10px 0!important}.hero-spocky-stage__team-text{word-break:break-word!important;max-width:100%!important;font-size:11px!important;line-height:1.5!important}.hero-spocky-stage__stack-section{box-sizing:border-box!important;gap:6px!important;width:100%!important;max-width:100%!important}.hero-spocky-stage__stack-row{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;width:100%!important;display:flex!important}.hero-spocky-stage__chip{box-sizing:border-box!important;max-width:100%!important;padding:4px 8px!important;font-size:10px!important}.hero-spocky-stage__footer{box-sizing:border-box!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important;width:100%!important;max-width:100%!important;font-size:11px!important;display:flex!important}.hero__footer-bar{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important;padding-top:16px!important;display:flex!important}.hero__footer-disciplines{flex-wrap:wrap!important;justify-content:center!important;gap:4px 8px!important;width:100%!important;font-size:10px!important;line-height:1.4!important;display:flex!important}.hero__scroll-control{justify-content:center!important;width:100%!important;font-size:11px!important}.hero__footer-location{text-align:center!important;justify-content:center!important;width:100%!important;font-size:10px!important}}@media (width<=480px){.container,.hero>.container{padding-inline:12px!important}.hero-spocky-stage{padding:18px 10px!important}.hero__channels-row{gap:6px!important}.hero__social-pill{padding:6px!important;font-size:10.5px!important}}@media (width>=1280px){.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card:hover,.skill-card:hover,.btn:hover{transform:none}}