@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg:#05070b;--bg-deep:#020407;--bg-top:#091019;--bg-radial-a:#9fe5ff14;--bg-radial-b:#a6b9ff1a;--bg-radial-c:#d7c6a514;--surface:#0a0d12c7;--text-strong:#f4f7fb;--text-soft:#d7dde7;--text-muted:#97a3b4;--accent:#9fe5ff;--accent-soft:#9fe5ffbd;--line:#ffffff14;--shadow:0 24px 90px #00000040;--font-sans:"Instrument Sans", sans-serif;--font-mono:"Share Tech Mono", monospace;--cursor-x:50vw;--cursor-y:50vh;--pointer-x:0;--pointer-y:0;color:var(--text-soft);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg:#edf3fa;--bg-deep:#dbe8f4;--bg-top:#f8fbff;--bg-radial-a:#8fdbff3d;--bg-radial-b:#9db2ff2e;--bg-radial-c:#d7c6a529;--surface:#ffffffc2;--text-strong:#101a24;--text-soft:#23303c;--text-muted:#5d6c7d;--accent:#2b9fd7;--accent-soft:#2b9fd7b8;--line:#101a241a;--shadow:0 24px 80px #5c769429}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#9fe5ff6b #ffffff0f}body{background:radial-gradient(circle at 50% 0%, var(--bg-radial-a), transparent 34%), radial-gradient(circle at 86% 30%, var(--bg-radial-b), transparent 25%), radial-gradient(circle at 18% 76%, var(--bg-radial-c), transparent 24%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg) 36%, var(--bg-deep) 100%);min-width:320px;margin:0}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{background:radial-gradient(circle 18rem at var(--cursor-x) var(--cursor-y), color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%);mix-blend-mode:screen}body:after{opacity:.08;background-image:linear-gradient(120deg, transparent 0%, color-mix(in srgb, var(--text-strong) 4%, transparent) 48%, transparent 58%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:auto,180px 180px}:root[data-theme=light] body:before{mix-blend-mode:multiply;opacity:.82}:root[data-theme=light] body:after{opacity:.05}body{cursor:default}a,button,select{cursor:pointer}input,textarea{cursor:text}#root{isolation:isolate;min-height:100vh}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #9fe5ffb3}img,svg{max-width:100%;display:block}::selection{color:var(--text-strong);background:#9fe5ff38}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh;position:relative;overflow:clip}.app-shell:after{content:"";transform:translate3d(calc(var(--pointer-x,0) * 28px), calc(var(--pointer-y,0) * -22px), 0) scale(1.02);filter:blur(32px);pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 18%,#98ecff14,#0000 24%),radial-gradient(circle at 82% 24%,#a6b9ff14,#0000 26%),radial-gradient(circle at 50% 72%,#d7c6a50d,#0000 30%);position:fixed;inset:-12% -8%}.app-shell:before{content:"";opacity:.18;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:90px 90px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000061,#0000 80%);mask-image:linear-gradient(#00000061,#0000 80%)}.intro-overlay{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle,#98ecff1a,#0000 22%),linear-gradient(#03060afa,#020407fa);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.intro-overlay:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff0f;border-radius:2rem;position:absolute;inset:8%;-webkit-mask-image:radial-gradient(circle,#000 44%,#0000 92%);mask-image:radial-gradient(circle,#000 44%,#0000 92%)}.intro-overlay-copy{text-align:center;justify-items:center;gap:.95rem;display:grid;position:relative}.intro-overlay-label,.intro-overlay-note{font-family:var(--font-mono);text-transform:uppercase;margin:0}.intro-overlay-label{color:var(--accent-soft);letter-spacing:.36em;font-size:.82rem}.intro-wordmark{color:var(--text-strong);font-family:var(--font-mono);letter-spacing:-.08em;text-transform:uppercase;text-shadow:0 0 32px #98ecff29,0 0 80px #98ecff14;margin:0;font-size:clamp(3.2rem,11vw,7rem);font-weight:500;line-height:.92}.intro-letter{transform-origin:50%;will-change:transform, filter, opacity;display:inline-block}.intro-letter-space{width:.44em}.intro-overlay-rule{transform-origin:50%;background:linear-gradient(90deg,#0000,#9fe5ffc7,#0000);width:min(28rem,48vw);height:1px;box-shadow:0 0 24px #9fe5ff33}.intro-overlay-note{color:var(--text-muted);letter-spacing:.3em;font-size:.76rem}.site-header,main,.site-footer{z-index:1;position:relative}.site-header{z-index:30;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080b1294;border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;gap:1.25rem;width:min(1180px,100% - 24px);padding:.9rem 1.1rem;display:flex;position:fixed;top:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 50px #0003}.header-progress{transform-origin:0;opacity:.82;background:linear-gradient(90deg,#0000,#9fe5ffe6,#0000);border-radius:999px;height:1px;position:absolute;bottom:.2rem;left:1rem;right:1rem}.magnetic-item{--magnetic-x:0px;--magnetic-y:0px;transform:translate3d(var(--magnetic-x), var(--magnetic-y), 0);transition:transform .22s}.brand-mark,.intro-overlay-label,.hero-kicker,.section-label,.service-number,.principle-number,.project-meta,.testimonial-meta span,.trust-strip span,.project-modal-label,.project-modal-meta,.project-stat span,.project-gallery-thumb span,.project-tags li,.hero-points,.metric-item span{font-family:var(--font-mono)}.brand-mark{color:var(--text-strong);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;text-decoration:none}.site-nav{align-items:center;gap:1.2rem;display:flex}.header-actions{align-items:center;gap:.7rem;display:flex}.theme-switch{color:inherit;background:0 0;border:0;padding:0}.theme-switch-track{background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:6.6rem;min-height:2.94rem;padding:.22rem;display:inline-grid;position:relative;overflow:hidden}.theme-switch-label{z-index:1;min-height:2.4rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;place-items:center;font-size:.6rem;transition:color .22s;display:grid;position:relative}.theme-switch-thumb{background:linear-gradient(135deg,#ebf9ff,#9fe5ff);border-radius:999px;width:calc(50% - .22rem);height:calc(100% - .44rem);transition:transform .26s,background .26s,box-shadow .26s;position:absolute;top:.22rem;box-shadow:0 12px 26px #9fe5ff2e}.theme-switch-thumb-dark{transform:translate(0)}.theme-switch-thumb-light{transform:translate(calc(100% + .22rem))}.theme-switch-dark .theme-switch-label-dark,.theme-switch-light .theme-switch-label-light{color:#081117}.locale-switch{background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.22rem;padding:.22rem;display:inline-flex}.locale-switch-button{min-width:3rem;min-height:2.5rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding:0 .7rem;font-size:.72rem;transition:color .22s,background-color .22s,box-shadow .22s,transform .22s}.locale-switch-button:hover,.locale-switch-button:focus-visible{color:var(--text-strong)}.locale-switch-button.is-active{color:#081117;background:linear-gradient(135deg,#ebf9ff,#9fe5ff);box-shadow:0 12px 26px #9fe5ff2e}.site-nav a,.header-cta{color:var(--text-muted);font-size:.94rem;text-decoration:none;transition:color .22s,border-color .22s,background-color .22s,transform .22s;position:relative}.site-nav a:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#9fe5ffdb,#0000);height:1px;transition:transform .26s,opacity .26s;position:absolute;bottom:-.22rem;left:0;right:0;transform:scaleX(.24)}.site-nav a:hover,.site-nav a:focus-visible,.header-cta:hover,.header-cta:focus-visible{color:var(--text-strong)}.site-nav a:hover:after,.site-nav a:focus-visible:after{opacity:1;transform:scaleX(1)}.header-cta{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:.78rem 1rem;overflow:hidden}.header-cta:hover,.header-cta:focus-visible{transform:translate3d(var(--magnetic-x), var(--magnetic-y), 0) translateY(-1px);background:#ffffff14;border-color:#fff3}.hero-section{justify-content:center;align-items:center;min-height:100svh;padding:clamp(5.5rem,8vw,8rem) 0 4rem;display:flex;position:relative}.hero-atmosphere{pointer-events:none;position:absolute;inset:0}.hero-orb,.hero-ring,.hero-grid{position:absolute}.hero-orb{filter:blur(24px);transform:translate3d(calc(var(--pointer-x,0) * 16px), calc(var(--pointer-y,0) * -18px), 0);border-radius:999px}.hero-orb-a{background:radial-gradient(circle at 30% 30%,#98ecff5c,#0000 68%),radial-gradient(circle at 60% 60%,#ffffff1a,#0000 74%);width:clamp(14rem,30vw,26rem);height:clamp(14rem,30vw,26rem);top:16%;left:18%}.hero-orb-b{background:radial-gradient(circle at 40% 40%,#b0c0ff47,#0000 64%),radial-gradient(circle at 60%,#d7c6a524,#0000 70%);width:clamp(12rem,24vw,22rem);height:clamp(12rem,24vw,22rem);bottom:12%;right:12%}.hero-orb-c{background:radial-gradient(circle,#ffffff14,#0000 45%),radial-gradient(circle,#98ecff1f,#0000 68%);width:clamp(10rem,18vw,16rem);height:clamp(10rem,18vw,16rem);top:44%;left:48%}.hero-ring{border:1px solid #ffffff14;border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-ring-a{width:min(82vw,64rem);height:min(82vw,64rem)}.hero-ring-b{border-color:#ffffff0d;width:min(58vw,42rem);height:min(58vw,42rem)}.hero-grid{opacity:.65;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff0d;border-radius:2rem;inset:16% 10%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 84%);mask-image:radial-gradient(circle,#000 30%,#0000 84%)}.hero-particle{opacity:.6;background:#f0f7ffb8;border-radius:999px;width:.46rem;height:.46rem;position:absolute;box-shadow:0 0 22px #98ecff6b}.hero-particle-a{animation:9s ease-in-out infinite drift;top:24%;right:24%}.hero-particle-b{opacity:.42;animation:11s ease-in-out -2.6s infinite drift;top:66%;left:22%}.hero-particle-c{opacity:.46;width:.32rem;height:.32rem;animation:13s ease-in-out -1.8s infinite drift;top:36%;left:14%}.hero-content{text-align:center;place-items:center;width:min(1050px,100% - 32px);display:grid;position:relative}.hero-kicker{color:var(--accent-soft);letter-spacing:.34em;text-transform:uppercase;margin:0 0 1rem;font-size:.82rem}.hero-title{color:var(--text-strong);font-family:var(--font-mono);letter-spacing:-.08em;text-transform:uppercase;transform-style:preserve-3d;will-change:transform;text-shadow:0 0 28px #98ecff1a,0 0 70px #98ecff14;margin:0;font-size:clamp(4.4rem,15vw,10.5rem);font-weight:500;line-height:.92;position:relative}.hero-title-tail{display:inline}.hero-title:after{content:attr(data-text);color:#98ecff3d;filter:blur(16px);transform:translate3d(calc(var(--pointer-x,0) * -16px), calc(var(--pointer-y,0) * 16px), 0) scale(1.02);z-index:-1;position:absolute;inset:0}.hero-subtitle{width:min(42rem,100%);color:var(--text-muted);margin:1.4rem auto 0;font-size:clamp(1.02rem,2.2vw,1.28rem)}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:0 1.4rem;font-size:.96rem;font-weight:500;text-decoration:none;transition:transform .24s,border-color .24s,background-color .24s,color .24s,box-shadow .24s;display:inline-flex;position:relative;overflow:hidden}.button:hover,.button:focus-visible{transform:translate3d(var(--magnetic-x), var(--magnetic-y), 0) translateY(-2px)}.button:before,.header-cta:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:42%;transition:transform .56s;position:absolute;inset:-120% auto -120% -20%;transform:rotate(18deg)translate(-180%)}.button:hover:before,.button:focus-visible:before,.header-cta:hover:before,.header-cta:focus-visible:before{transform:rotate(18deg)translate(420%)}.button-primary{color:#061016;background:linear-gradient(135deg,#ebf9ff,#9fe5ff);box-shadow:0 14px 40px #9fe5ff2e}.button-primary:hover,.button-primary:focus-visible{box-shadow:0 18px 46px #9fe5ff3d}.button-secondary{color:var(--text-strong);background:#ffffff0a;border-color:#ffffff1f}.button-secondary:hover,.button-secondary:focus-visible{background:#ffffff14;border-color:#ffffff3d}.hero-points{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.9rem 1.4rem;margin:1.9rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.hero-points li{padding-left:1rem;position:relative}.hero-points li:before{content:"";background:#98ecffc7;border-radius:999px;width:.45rem;height:.45rem;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 18px #98ecff7a}.section{padding:clamp(5rem,9vw,8rem) 0;scroll-margin-top:7rem;position:relative}.reveal-section{content-visibility:auto;contain-intrinsic-size:1px 980px}.section-shell{width:min(1160px,100% - 32px);margin:0 auto}.section-depth-layer{transform-origin:top;will-change:transform, opacity;gap:0;display:grid}.section-heading{gap:1rem;display:grid}.section-heading h2{letter-spacing:-.06em;width:min(46rem,100%);color:var(--text-strong);text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,4.2rem);font-weight:600;line-height:.98}.section-heading-compact{gap:.9rem}.section-label{color:var(--accent-soft);letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:.76rem}.intro-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:3rem;display:grid}.intro-copy{color:var(--text-muted);gap:1.4rem;font-size:1.02rem;display:grid}.metric-strip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.6rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:3rem;display:grid;overflow:hidden}.metric-item{background:linear-gradient(#ffffff09,#ffffff05);min-height:13rem;padding:1.6rem}.metric-item span{color:var(--accent-soft);letter-spacing:.24em;text-transform:uppercase;margin-bottom:1rem;font-size:.78rem;display:inline-block}.metric-item p{color:var(--text-soft);margin:0;font-size:1.02rem;line-height:1.7}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2.4rem;display:grid}.service-item{border-top:1px solid #ffffff1f;padding:1.7rem 0 0}.service-number{color:var(--accent-soft);letter-spacing:.3em;margin-bottom:1rem;font-size:.8rem;display:inline-block}.service-item h3,.project-card h3,.principle-item h3{color:var(--text-strong);margin:0;font-size:1.45rem;font-weight:600;line-height:1.08}.service-item p,.project-card p,.principle-item p,.portfolio-note,.cta-copy,.cta-note,.site-footer p{color:var(--text-muted)}.service-item p{margin:.9rem 0 0}.portfolio-header{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:end;gap:1.8rem;display:grid}.portfolio-note{margin:0;line-height:1.7}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;margin-top:2.4rem;display:grid}.project-card{--tilt-x:0deg;--tilt-y:0deg;--spotlight-x:50%;--spotlight-y:50%;border:1px solid var(--card-border);min-height:29rem;transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;cursor:pointer;background:linear-gradient(#ffffff0d,#ffffff05),linear-gradient(145deg,#060a0fd9,#080d13f0);border-radius:1.7rem;gap:1.6rem;padding:1.35rem;transition:transform .3s,border-color .26s,box-shadow .26s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000038}.project-card-featured{grid-column:span 2;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:end}.project-card-active{opacity:.22}.project-card:before{content:"";background:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), var(--card-glow), transparent 32%);opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:-1px}.project-card:hover,.project-card:focus-within{box-shadow:0 28px 80px #0000004d}.project-card:focus-visible{outline-offset:4px;outline:2px solid #9fe5ff75}.project-card:hover:before,.project-card:focus-within:before{opacity:1}.project-copy,.project-visual{z-index:1;position:relative}.project-copy{gap:.9rem;display:grid}.project-card-featured .project-copy{max-width:30rem}.project-meta{color:var(--accent-soft);letter-spacing:.24em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:.72rem;display:flex}.project-status-badge{border:1px solid color-mix(in srgb, var(--card-accent) 30%, #ffffff24);background:linear-gradient(180deg, #ffffff0f, #ffffff05), color-mix(in srgb, var(--card-accent) 12%, #080c12d1);width:fit-content;box-shadow:0 14px 34px color-mix(in srgb, var(--card-accent) 16%, transparent);color:color-mix(in srgb, var(--card-accent) 74%, white);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.42rem .72rem;font-size:.66rem;display:inline-flex}.project-status-badge-modal{margin-top:-.35rem;margin-bottom:.15rem}.project-card p{margin:0;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.65rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.project-tags li{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:.48rem .72rem;font-size:.7rem}.project-visual{background:linear-gradient(180deg, #ffffff0f, #ffffff05), linear-gradient(135deg, var(--card-surface), #080c10f2);border:1px solid #ffffff14;border-radius:1.3rem;min-height:15rem;padding:.9rem;overflow:hidden}.project-card-featured .project-visual{min-height:21rem}.project-modal{z-index:70;place-items:center;padding:.8rem;display:grid;position:fixed;inset:0}.project-modal-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020509c7;border:0;position:absolute;inset:0}.project-modal-panel{background:radial-gradient(circle at top,#98ecff14,#0000 36%),linear-gradient(#0b1018fa,#070a0ffa);border:1px solid #ffffff1a;border-radius:2.2rem;width:min(1440px,100vw - 24px);height:min(94vh,64rem);max-height:calc(100vh - 24px);position:relative;overflow:hidden;box-shadow:0 40px 120px #00000073}.project-modal-close{z-index:2;min-height:2.8rem;color:var(--text-strong);font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:0 1rem;position:absolute;top:1rem;right:1rem}.project-modal-layout{grid-template-columns:minmax(0,1.18fr) minmax(24rem,.82fr);height:100%;min-height:0;display:grid}.project-modal-media{background:radial-gradient(circle,#98ecff0f,#0000 46%),#ffffff05;border-right:1px solid #ffffff14;justify-content:center;align-items:center;min-height:0;padding:1.1rem;display:flex;overflow:hidden}.project-modal-media-shell{grid-template-rows:minmax(0,1fr) auto;gap:1rem;width:100%;height:100%;min-height:0;display:grid}.project-modal-stage{background:linear-gradient(#ffffff0f,#ffffff05),#05090ecc;border-radius:1.35rem;min-height:0;padding:.25rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.project-modal-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:28%;animation:7.6s ease-in-out infinite modalSheen;position:absolute;inset:-20% auto -20% -12%;transform:rotate(12deg)}.project-modal-image{object-fit:contain;filter:brightness(.92)contrast(1.04)saturate(.82);border-radius:1.25rem;width:100%;height:100%;min-height:0;display:block}.project-modal-generated{border:0;border-radius:1.25rem;width:100%;height:100%;min-height:0}.project-modal-copy{align-content:start;gap:1.15rem;min-height:0;padding:4.5rem 2rem 2rem;display:grid;overflow:auto}.project-modal-meta{color:var(--accent-soft);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.76rem;display:flex}.project-modal-copy h3{color:var(--text-strong);letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.95}.project-modal-summary{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.85}.project-modal-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.project-modal-actions{flex-wrap:wrap;gap:.8rem;display:flex}.project-stat{background:#ffffff08;border:1px solid #ffffff14;border-radius:1.1rem;gap:.42rem;padding:.95rem .9rem;display:grid}.project-stat strong{color:var(--text-strong);font-size:1rem;font-weight:600}.project-stat span{color:var(--accent-soft);letter-spacing:.22em;text-transform:uppercase;font-size:.7rem}.project-modal-block{border-top:1px solid #ffffff14;gap:.8rem;padding-top:1rem;display:grid}.project-modal-label{color:var(--accent-soft);font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;font-size:.76rem}.project-modal-list{color:var(--text-soft);gap:.7rem;margin:0;padding-left:1.1rem;display:grid}.project-modal-paragraph{color:var(--text-muted);margin:0;line-height:1.8}.project-tags-modal{margin-top:0}.project-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.project-gallery-thumb{color:var(--text-soft);font:inherit;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;gap:.6rem;padding:.55rem;transition:transform .22s,border-color .22s,background-color .22s;display:grid}.project-gallery-thumb:hover,.project-gallery-thumb:focus-visible,.project-gallery-thumb.is-active{background:#9fe5ff14;border-color:#9fe5ff47;transform:translateY(-2px)}.project-gallery-thumb img{aspect-ratio:1.1/.9;object-fit:cover;filter:brightness(.82)contrast(1.03)saturate(.84);border-radius:.72rem;width:100%}.project-gallery-thumb span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:.66rem}.project-visual-image{background:linear-gradient(#ffffff0a,#ffffff03),linear-gradient(135deg,#0e181ffa,#070b10fa);padding:0}.project-screenshot{object-fit:cover;filter:brightness(.82)contrast(1.06)saturate(.78);width:100%;height:100%;transition:transform .42s,filter .32s;display:block}.project-card:hover .project-screenshot,.project-card:focus-within .project-screenshot{filter:brightness(.88)contrast(1.08)saturate(.82);transform:scale(1.04)}.preview-toolbar{gap:.35rem;margin-bottom:.9rem;display:flex}.preview-toolbar span{background:#ffffff61;border-radius:999px;width:.6rem;height:.6rem}.preview-frame{gap:.9rem;height:calc(100% - 1.5rem);display:grid}.preview-band{background:linear-gradient(90deg,#ffffffc2,#ffffff14);border-radius:999px;width:46%;height:.85rem}.preview-layout{grid-template-columns:minmax(0,1.35fr) minmax(7rem,.8fr);gap:.8rem;height:100%;display:grid}.preview-main,.preview-side{gap:.8rem;display:grid}.preview-panel{background:#ffffff14;border-radius:1rem;position:relative;overflow:hidden}.preview-panel:after{content:"";background:linear-gradient(135deg,#ffffff2e,#0000 44%),linear-gradient(#0000,#ffffff0f);position:absolute;inset:0}.preview-panel-xl{min-height:7rem}.preview-panel-lg{min-height:4.8rem}.preview-panel-line{min-height:2.4rem}.preview-panel-card{min-height:5.5rem}.preview-panel-card-soft{opacity:.72}.project-visual-commerce .preview-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.project-visual-commerce .preview-band{width:32%}.project-visual-commerce .preview-panel-xl{min-height:5.3rem}.project-visual-commerce .preview-panel-lg{min-height:7rem}.project-visual-portfolio .preview-layout{grid-template-columns:minmax(0,1fr)}.project-visual-portfolio .preview-side,.project-visual-launch .preview-main{grid-template-columns:repeat(2,minmax(0,1fr))}.project-visual-launch .preview-panel-xl{grid-column:span 2}.principle-list{gap:1.4rem;margin-top:2.5rem;display:grid}.testimonials-section{padding-top:clamp(3rem,7vw,5rem)}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.4rem;display:grid}.testimonial-item{background:linear-gradient(#ffffff0a,#ffffff05),#070a0fad;border:1px solid #ffffff14;border-radius:1.5rem;align-content:space-between;gap:1.6rem;min-height:16rem;padding:1.5rem;display:grid;box-shadow:0 18px 50px #00000029}.testimonial-quote{color:var(--text-soft);margin:0;font-size:1.03rem;line-height:1.9}.testimonial-meta{gap:.35rem;display:grid}.testimonial-meta strong{color:var(--text-strong);font-size:.98rem;font-weight:600}.testimonial-meta span{color:var(--accent-soft);letter-spacing:.24em;text-transform:uppercase;font-size:.68rem}.trust-strip{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;padding-top:1.25rem;display:flex}.trust-strip span{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:.62rem .82rem;font-size:.68rem}.principle-item{border-top:1px solid #ffffff1a;grid-template-columns:7rem minmax(0,1fr);gap:1.2rem;padding-top:1.4rem;display:grid}.principle-number{color:var(--accent-soft);letter-spacing:.32em;text-transform:uppercase;font-size:.82rem}.principle-item p{margin:.9rem 0 0;line-height:1.75}.section-cta{padding-bottom:clamp(4rem,8vw,7rem)}.cta-panel{background:radial-gradient(circle at top,#98ecff1f,#0000 56%),linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff17;border-radius:2rem;padding:clamp(2rem,6vw,4rem);position:relative;box-shadow:0 24px 70px #0000002e}.contact-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:2rem;display:grid}.contact-copy{gap:.95rem;display:grid}.cta-panel h2{letter-spacing:-.05em;width:min(34rem,100%);color:var(--text-strong);margin:.8rem 0 0;font-size:clamp(2.2rem,5vw,4rem);line-height:.96}.cta-copy{width:min(34rem,100%);margin:1.1rem 0 0;font-size:1.04rem;line-height:1.8}.cta-note{margin:1.1rem 0 0;font-size:.94rem}.contact-direct{background:#ffffff08;border:1px solid #ffffff17;border-radius:1.2rem;gap:.5rem;margin-top:.75rem;padding:1.2rem 1.25rem;display:grid}.contact-direct-label{color:var(--accent-soft);font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;font-size:.72rem}.contact-direct a{color:var(--text-strong);font-size:1.1rem;text-decoration:none}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.6rem;display:grid}.field span{color:var(--text-soft);font-size:.86rem}.field-full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;color:var(--text-strong);font:inherit;background:#060a0fad;border:1px solid #ffffff1a;border-radius:1rem;padding:.98rem 1rem;transition:border-color .22s,background-color .22s,box-shadow .22s}.field textarea{resize:vertical;min-height:10rem}.field input::placeholder,.field textarea::placeholder{color:#97a3b4b8}.field input:focus,.field select:focus,.field textarea:focus{background:#080e14d1;border-color:#9fe5ff80;outline:none;box-shadow:0 0 0 4px #9fe5ff14}.field input:disabled,.field select:disabled,.field textarea:disabled,.contact-actions button:disabled{opacity:.7}.contact-actions{flex-wrap:wrap;grid-column:1/-1;gap:.85rem;margin-top:.2rem;display:flex}.form-feedback{color:var(--accent-soft);opacity:0;grid-column:1/-1;margin:0;font-size:.92rem;line-height:1.7;transition:opacity .22s,transform .22s;transform:translateY(8px)}.form-feedback.is-visible{opacity:1;transform:translateY(0)}.site-footer{width:min(1160px,100% - 32px);margin:0 auto;padding:0 0 2rem}.site-footer p{border-top:1px solid #ffffff14;margin:0;padding-top:1.2rem;font-size:.9rem}:root[data-theme=light] .app-shell:after{opacity:.9;background:radial-gradient(circle at 20% 18%,#2b9fd71f,#0000 24%),radial-gradient(circle at 82% 24%,#a6b9ff1f,#0000 26%),radial-gradient(circle at 50% 72%,#d7c6a51a,#0000 30%)}:root[data-theme=light] .app-shell:before{opacity:.28;background-image:linear-gradient(#101a240b 1px,#0000 1px),linear-gradient(90deg,#101a240b 1px,#0000 1px)}:root[data-theme=light] .intro-overlay{background:radial-gradient(circle,#2b9fd724,#0000 22%),linear-gradient(#f4f9fffa,#e6eff8fa)}:root[data-theme=light] .intro-overlay:before{background:linear-gradient(#101a2409 1px,#0000 1px),linear-gradient(90deg,#101a2409 1px,#0000 1px);border-color:#101a2414}:root[data-theme=light] .intro-wordmark{text-shadow:0 0 26px #2b9fd71f,0 0 56px #2b9fd714}:root[data-theme=light] .site-header{background:#fafdffb8;border-color:#101a2414;box-shadow:0 20px 60px #8098b024}:root[data-theme=light] .header-progress{background:linear-gradient(90deg,#0000,#2b9fd7c2,#0000)}:root[data-theme=light] .theme-switch-track,:root[data-theme=light] .locale-switch{background:#ffffff9e;border-color:#101a2414}:root[data-theme=light] .theme-switch-thumb,:root[data-theme=light] .locale-switch-button.is-active{background:linear-gradient(135deg,#1c2b39,#395a76);box-shadow:0 12px 24px #395a762e}:root[data-theme=light] .theme-switch-dark .theme-switch-label-dark,:root[data-theme=light] .theme-switch-light .theme-switch-label-light,:root[data-theme=light] .locale-switch-button.is-active{color:#f4f8fc}:root[data-theme=light] .site-nav a:after{background:linear-gradient(90deg,#0000,#2b9fd7c2,#0000)}:root[data-theme=light] .header-cta,:root[data-theme=light] .button-secondary,:root[data-theme=light] .contact-direct,:root[data-theme=light] .field input,:root[data-theme=light] .field select,:root[data-theme=light] .field textarea,:root[data-theme=light] .testimonial-item,:root[data-theme=light] .project-stat,:root[data-theme=light] .project-gallery-thumb,:root[data-theme=light] .trust-strip span{background:#ffffffa3;border-color:#101a2414;box-shadow:0 16px 40px #8098b014}:root[data-theme=light] .field input,:root[data-theme=light] .field select,:root[data-theme=light] .field textarea{box-shadow:none}:root[data-theme=light] .header-cta:hover,:root[data-theme=light] .button-secondary:hover,:root[data-theme=light] .button-secondary:focus-visible{background:#ffffffe0}:root[data-theme=light] .button-primary{color:#f4f8fc;background:linear-gradient(135deg,#162634,#3f6684);box-shadow:0 16px 34px #395a762e}:root[data-theme=light] .hero-grid{background:linear-gradient(#101a2408 1px,#0000 1px),linear-gradient(90deg,#101a2408 1px,#0000 1px);border-color:#101a240f}:root[data-theme=light] .hero-ring{border-color:#101a2414}:root[data-theme=light] .hero-ring-b{border-color:#101a240d}:root[data-theme=light] .hero-title{text-shadow:0 0 22px #2b9fd714,0 0 44px #2b9fd70d}:root[data-theme=light] .hero-title:after{color:#2b9fd724}:root[data-theme=light] .metric-strip,:root[data-theme=light] .cta-panel,:root[data-theme=light] .project-modal-panel{background:radial-gradient(circle at top,#2b9fd714,#0000 36%),linear-gradient(#ffffffd1,#f2f7fceb);border-color:#101a2414;box-shadow:0 26px 80px #8098b024}:root[data-theme=light] .metric-item,:root[data-theme=light] .project-card,:root[data-theme=light] .project-visual,:root[data-theme=light] .project-modal-stage{background:linear-gradient(#ffffffdb,#f3f8fce6),linear-gradient(145deg,#f6faffdb,#ecf4faeb);border-color:#101a2414;box-shadow:0 22px 60px #8098b01f}:root[data-theme=light] .project-card:before{background:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), color-mix(in srgb, var(--card-accent) 24%, transparent), transparent 38%)}:root[data-theme=light] .project-modal-media{background:radial-gradient(circle,#2b9fd714,#0000 46%),#fff6;border-right-color:#101a2414}:root[data-theme=light] .project-modal-block,:root[data-theme=light] .principle-item,:root[data-theme=light] .site-footer p{border-top-color:#101a2414}:root[data-theme=light] .project-modal-backdrop{background:#e9f1f8b8}:root[data-theme=light] .project-modal-close{background:#ffffffd6;border-color:#101a2414}:root[data-theme=light] .project-tags li{background:#ffffffad;border-color:#101a2414}:root[data-theme=light] .project-status-badge{border-color:color-mix(in srgb, var(--card-accent) 24%, #101a241a);background:linear-gradient(180deg, #ffffffe6, #f3f8fceb), color-mix(in srgb, var(--card-accent) 8%, #ffffffe6);box-shadow:0 14px 30px color-mix(in srgb, var(--card-accent) 12%, #8098b014);color:color-mix(in srgb, var(--card-accent) 76%, #163040)}@keyframes drift{0%,to{transform:translate(0,0)}50%{transform:translate(.8rem,-1.15rem)}}@keyframes modalSheen{0%,to{opacity:0;transform:rotate(12deg)translate(-180%)}18%,62%{opacity:0}34%{opacity:1;transform:rotate(12deg)translate(280%)}}@media (width<=960px){.site-header{gap:.8rem;width:min(100%,100% - 16px);padding:.8rem .95rem}.site-nav{gap:.8rem}.intro-layout,.portfolio-header,.project-grid,.service-grid,.metric-strip,.testimonial-grid,.contact-layout,.principle-item{grid-template-columns:1fr}.project-card-featured{grid-column:auto;grid-template-columns:1fr}.project-modal-layout{grid-template-columns:1fr}.project-modal-media{border-bottom:1px solid #ffffff14;border-right:0;min-height:18rem}.project-modal-stats,.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.site-header{padding:.72rem .85rem;top:12px}.header-actions{gap:.45rem}.site-nav{display:none}.header-cta{padding-inline:.92rem}.locale-switch-button{min-width:2.55rem;min-height:2.3rem;padding-inline:.55rem}.theme-switch-track{width:5.6rem;min-height:2.7rem}.theme-switch-label{min-height:2.2rem;font-size:.54rem}.hero-section{padding-top:6.4rem}.hero-title{letter-spacing:-.06em;text-wrap:balance;max-width:5.8ch;font-size:clamp(2.85rem,15.5vw,4.9rem);line-height:.9}.hero-title-tail{display:block}.hero-title:after{display:none}.hero-subtitle{font-size:1rem}.hero-points{justify-content:flex-start}.metric-item,.project-card{min-height:auto}.project-card,.cta-panel{border-radius:1.5rem}.project-modal{padding:.8rem}.project-modal-panel{border-radius:1.5rem;width:calc(100vw - 16px);height:calc(100vh - 16px)}.project-modal-copy{padding:4.2rem 1.2rem 1.2rem}.project-modal-stats,.project-gallery{grid-template-columns:1fr}}@media (width<=520px){.section-shell,.hero-content,.site-footer{width:min(100%,100% - 20px)}.hero-actions .button,.contact-actions .button,.hero-actions{width:100%}.header-actions{margin-left:auto}.hero-points{justify-content:center;gap:.8rem}.project-meta{flex-direction:column;align-items:flex-start}.contact-form{grid-template-columns:1fr}}
