:root{--bg:#0a0d12;--bg-elevated:#11161fe0;--bg-strong:#111722;--surface:#ffffff0a;--surface-strong:#ffffff12;--border:#ffffff17;--border-strong:#97c5ff38;--text:#eef3f8;--muted:#95a2b4;--soft:#cfd8e4;--accent:#9ec6ff;--accent-strong:#d9e9ff;--shadow:0 32px 80px #00000073;--max-width:1180px;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--font-sans:Inter, "Segoe UI", sans-serif;--font-display:"Space Grotesk", Inter, "Segoe UI", sans-serif;color:var(--text);font:16px/1.6 var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#7095cc2e,#0000 32%),radial-gradient(circle at 85% 10%,#b6d5ff1f,#0000 26%),linear-gradient(#090c11 0%,#0d1218 45%,#0a0d12 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.page-shell{width:min(var(--max-width), calc(100% - 32px));margin:0 auto;padding:28px 0 48px;position:relative;overflow:hidden}.ambient{filter:blur(90px);opacity:.28;pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:absolute;inset:auto}.ambient--left{background:#86ade233;top:5rem;left:-10rem}.ambient--right{background:#647fa62e;top:24rem;right:-10rem}.topbar{z-index:10;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d12b8;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;padding:16px 20px;display:flex;position:sticky;top:18px;box-shadow:0 18px 48px #0000002e}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand__mark{border:1px solid var(--border-strong);width:40px;height:40px;font:700 .88rem/1 var(--font-display);letter-spacing:.12em;background:linear-gradient(135deg,#9ec6ff3d,#ffffff0a);border-radius:50%;place-items:center;display:grid}.brand__text{letter-spacing:.02em;font-weight:600}.topbar__nav{color:var(--muted);align-items:center;gap:22px;font-size:.95rem;display:inline-flex}.topbar__nav a{transition:color .18s}.topbar__nav a:hover,.topbar__nav a:focus-visible{color:var(--text)}main{gap:28px;display:grid}.hero-section,.content-section,.footer{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff0a,#ffffff05),#0a0d12cc;position:relative}.hero-section{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:stretch;gap:36px;padding:56px;display:grid}.hero-copy,.hero-visual,.content-section,.footer{animation:.7s both rise}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:.8rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg,#9ec6ffe6,#0000);width:36px;height:1px}h1,h2,h3,strong{color:var(--text)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0}h1{max-width:12ch;font-size:clamp(3rem,6vw,5.4rem);line-height:.95}h2{max-width:16ch;font-size:clamp(2rem,3vw,3rem);line-height:1}h3{font-size:1.3rem;line-height:1.1}p{color:var(--muted);margin:0}.hero-copy{flex-direction:column;justify-content:center;display:flex}.hero-copy__lede{max-width:62ch;color:var(--soft);margin-top:22px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button--primary{color:#071019;background:linear-gradient(135deg,#9ec6fff5,#dbebffeb)}.button--secondary{border-color:var(--border);background:#ffffff05}.button--tertiary{color:var(--accent-strong);background:#9ec6ff14;border-color:#97c5ff33}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px;display:grid}.hero-metrics div,.surface-card,.project-card,.expertise-card,.contact-link{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md)}.hero-metrics div{padding:18px}.hero-metrics strong,.contact-link strong{margin-bottom:6px;font-size:1rem;display:block}.hero-metrics span{color:var(--muted);font-size:.92rem}.hero-visual{isolation:isolate;min-height:520px;position:relative}.hero-visual__frame{border:1px solid var(--border-strong);background:linear-gradient(#9ec6ff14,#0000),linear-gradient(160deg,#ffffff14,#ffffff05);border-radius:28px;position:absolute;inset:0;overflow:hidden}.hero-visual__frame img{object-fit:cover;object-position:center top;filter:saturate(.92)contrast(1.02)brightness(.84);width:100%;height:100%}.hero-visual__overlay{background:linear-gradient(#070a0e0d 0%,#070a0e33 42%,#070a0eb8 100%),radial-gradient(circle at 50% 20%,#9ec6ff24,#0000 42%);position:absolute;inset:0}.hero-visual__identity{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b0f94;border:1px solid #ffffff14;border-radius:20px;padding:20px 22px;position:absolute;bottom:24px;left:24px;right:24px}.hero-visual__identity span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.hero-visual__identity strong{margin-bottom:8px;font-size:1.32rem;display:block}.hero-visual__identity p{max-width:32ch;color:var(--soft);font-size:.94rem}.hero-visual__panel{z-index:1;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b0fd1;border-radius:18px;width:min(250px,100% - 48px);max-width:250px;padding:16px 18px;position:absolute}.hero-visual__panel span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.hero-visual__panel strong{font-size:.98rem;line-height:1.45}.hero-visual__panel--top{top:clamp(18px,4vw,24px);left:clamp(16px,4vw,24px)}.hero-visual__panel--bottom{bottom:clamp(136px,27%,168px);right:clamp(16px,4vw,24px)}.content-section{border-radius:var(--radius-lg);padding:44px}.content-section--contact{background:radial-gradient(circle at 100% 0,#9ec6ff24,#0000 28%),linear-gradient(#ffffff0a,#ffffff05),#0a0d12cc}.section-intro{gap:14px;max-width:760px;display:grid}.section-intro p{font-size:1rem}.about-grid,.projects-grid,.expertise-grid,.contact-panel{gap:18px;margin-top:28px;display:grid}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.surface-card,.project-card,.expertise-card,.contact-link{padding:24px;transition:transform .2s,border-color .2s,background-color .2s}.surface-card:hover,.project-card:hover,.expertise-card:hover,.contact-link:hover,.surface-card:focus-within,.project-card:focus-within,.expertise-card:focus-within,.contact-link:focus-visible{border-color:var(--border-strong);background:var(--surface-strong);transform:translateY(-3px)}.surface-card h3,.expertise-card h3{margin-bottom:12px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{flex-direction:column;gap:18px;min-height:100%;display:flex}.project-card__header{gap:10px;display:grid}.project-card__category{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:600}.project-card__highlights,.expertise-card ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.project-card__highlights li,.expertise-card li{color:var(--soft);background:#ffffff0d;border-radius:999px;padding:8px 12px;font-size:.92rem}.project-card__actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.project-card__link{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:.92rem;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex}.project-card__link:hover,.project-card__link:focus-visible{transform:translateY(-1px)}.project-card__link--primary{color:#071019;background:linear-gradient(135deg,#9ec6fff5,#dbebffeb)}.project-card__link--secondary{border-color:var(--border);color:var(--soft);background:#ffffff05}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-link span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.contact-link{flex-direction:column;min-height:100%;display:flex}.contact-link small{color:var(--muted);margin-top:10px;font-size:.86rem;display:block}.footer{border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:20px 24px;display:flex}.footer p,.footer span{font-size:.92rem}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.hero-section,.projects-grid,.about-grid,.contact-panel{grid-template-columns:1fr}.hero-visual{min-height:420px}.hero-visual__panel--bottom{bottom:148px}.hero-metrics,.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page-shell{width:min(var(--max-width), calc(100% - 20px));padding-top:16px}.topbar{border-radius:24px;flex-direction:column;align-items:flex-start;position:static}.topbar__nav{flex-wrap:wrap;gap:14px}.hero-section,.content-section{padding:24px}.hero-section{gap:26px}.hero-metrics,.expertise-grid,.contact-panel{grid-template-columns:1fr}.hero-visual{min-height:340px}.hero-visual__panel{width:100%;max-width:none;margin-top:20px;position:static}.hero-visual__panel--bottom{display:none}.hero-visual__frame{height:100%;position:relative}.footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}