:root{--bg: #f0f7f6;--bg-soft: #e3efec;--surface: #ffffff;--surface-strong: #dff1ed;--text: #102224;--text-soft: #36585c;--primary: #1089a9;--primary-strong: #0b6f88;--accent: #ee9f44;--border: rgba(16, 34, 36, .12);--shadow: 0 16px 40px rgba(23, 69, 72, .16)}:root[data-theme=dark]{--bg: #101d22;--bg-soft: #162a31;--surface: #173039;--surface-strong: #1d3d46;--text: #ddf0ef;--text-soft: #9ec3c1;--primary: #46c0da;--primary-strong: #2b9ab2;--accent: #f4b15d;--border: rgba(221, 240, 239, .13);--shadow: 0 14px 34px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,Helvetica Neue,sans-serif;background:radial-gradient(circle at 12% 8%,var(--bg-soft),transparent 40%),var(--bg);color:var(--text)}a{color:inherit}.public-layout,.private-layout{min-height:100vh}.public-layout__content{margin:0 auto;max-width:1120px;padding:max(.8rem,env(safe-area-inset-top)) 1rem calc(2.5rem + env(safe-area-inset-bottom))}.landing{position:relative;isolation:isolate}.space-bg{position:absolute;inset:-5% -3% auto -3%;height:380px;overflow:hidden;pointer-events:none;z-index:-1}.space-bg__stars,.space-bg__nebula{position:absolute;top:0;right:0;bottom:0;left:0}.space-bg__stars{background-image:radial-gradient(1.6px 1.6px at 4% 12%,rgba(255,255,255,.88) 98%,transparent),radial-gradient(1.2px 1.2px at 12% 34%,rgba(255,255,255,.74) 98%,transparent),radial-gradient(1.8px 1.8px at 21% 8%,rgba(255,255,255,.86) 98%,transparent),radial-gradient(1.4px 1.4px at 33% 27%,rgba(255,255,255,.7) 98%,transparent),radial-gradient(1.1px 1.1px at 44% 10%,rgba(255,255,255,.62) 98%,transparent),radial-gradient(1.7px 1.7px at 51% 39%,rgba(255,255,255,.82) 98%,transparent),radial-gradient(1.3px 1.3px at 63% 16%,rgba(255,255,255,.76) 98%,transparent),radial-gradient(1.9px 1.9px at 72% 29%,rgba(255,255,255,.84) 98%,transparent),radial-gradient(1.2px 1.2px at 81% 11%,rgba(255,255,255,.68) 98%,transparent),radial-gradient(1.5px 1.5px at 93% 35%,rgba(255,255,255,.8) 98%,transparent),radial-gradient(1.2px 1.2px at 9% 68%,rgba(255,255,255,.74) 98%,transparent),radial-gradient(1.8px 1.8px at 24% 58%,rgba(255,255,255,.84) 98%,transparent),radial-gradient(1.4px 1.4px at 38% 72%,rgba(255,255,255,.76) 98%,transparent),radial-gradient(1.2px 1.2px at 46% 56%,rgba(255,255,255,.7) 98%,transparent),radial-gradient(1.7px 1.7px at 57% 66%,rgba(255,255,255,.86) 98%,transparent),radial-gradient(1.1px 1.1px at 69% 79%,rgba(255,255,255,.62) 98%,transparent),radial-gradient(1.9px 1.9px at 77% 59%,rgba(255,255,255,.88) 98%,transparent),radial-gradient(1.2px 1.2px at 86% 73%,rgba(255,255,255,.72) 98%,transparent),radial-gradient(1.5px 1.5px at 95% 62%,rgba(255,255,255,.8) 98%,transparent);opacity:.62;animation:drift 26s linear infinite}.space-bg__nebula{background:radial-gradient(circle at 28% 42%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 44%),radial-gradient(circle at 72% 24%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 38%);filter:blur(12px);animation:pulse 8s ease-in-out infinite}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-20px,12px,0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:1.25rem;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.hero__content{padding:2rem}.hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-strong);font-weight:800}.hero h1{margin:.5rem 0;font-size:clamp(1.7rem,4vw,2.9rem);font-family:Segoe UI,Trebuchet MS,Helvetica Neue,sans-serif}.hero p{color:var(--text-soft);line-height:1.52}.hero__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.hero__actions button,.project-detail button,.inline-back{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:.58rem .9rem;border-radius:999px;cursor:pointer;transition:transform .18s ease,background-color .2s ease}.hero__actions button:hover,.project-detail button:hover,.inline-back:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 20%,var(--surface-strong))}.hero-earth{min-height:320px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 26%,transparent),transparent 56%);display:grid;place-items:center}.hero-earth--2d{padding:.8rem}.earth-orbits{width:min(100%,420px);aspect-ratio:1 / 1;position:relative}.earth-core{position:absolute;top:25%;right:25%;bottom:25%;left:25%;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.36),transparent 42%),linear-gradient(150deg,#64c8dd,#0f748e 72%);box-shadow:inset -14px -16px 28px #06303f52,0 16px 38px #05222f4d;animation:earthSpin 20s linear infinite}.earth-core__continents{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.earth-core__continents:before,.earth-core__continents:after{content:"";position:absolute;background:#94d68c8c;border-radius:48% 52% 46% 54%}.earth-core__continents:before{width:52%;height:34%;top:30%;left:14%;transform:rotate(12deg)}.earth-core__continents:after{width:38%;height:26%;top:52%;right:10%;transform:rotate(-18deg)}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;border-radius:50%;border:1px solid color-mix(in srgb,var(--primary) 34%,transparent)}.orbit--inner{top:12%;right:12%;bottom:12%;left:12%;animation:orbitSpin 14s linear infinite}.orbit--outer{top:2%;right:2%;bottom:2%;left:2%;animation:orbitSpinReverse 20s linear infinite}.orbit li{position:absolute;top:50%;left:50%;transform:rotate(calc(360deg / var(--count) * var(--index))) translate(calc(50% - 10px)) rotate(calc(-360deg / var(--count) * var(--index)));transform-origin:center}.orbit--outer li{transform:rotate(calc(360deg / var(--count) * var(--index))) translate(calc(56% - 6px)) rotate(calc(-360deg / var(--count) * var(--index)))}.orbit li span{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);color:var(--text);font-size:.72rem;font-weight:700;box-shadow:0 6px 16px #0003}@keyframes earthSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.portfolio-grid-wrap{margin-top:1.2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;align-items:start}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;align-self:start}.project-card--expanded{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 20px 44px #15566438}.project-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-card__body{padding:.85rem}.project-card__body h3{margin:0;font-size:1.05rem}.project-card__body p{margin:.5rem 0 .8rem;color:var(--text-soft);min-height:2.5em}.project-card__body ul{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0;list-style:none}.project-card__body li{padding:.2rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 18%,transparent);font-size:.76rem}.project-card__details{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease}.project-card__details.is-open{max-height:160px;opacity:1;margin-top:.8rem}.project-card__details p{min-height:auto;margin:0 0 .35rem}.project-card__details strong{font-size:.78rem;color:color-mix(in srgb,var(--primary) 62%,var(--text))}.projects-page__header--card,.project-detail__title-card{border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:.85rem .95rem;margin-bottom:.9rem}.projects-page__header-row,.project-detail__title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.projects-page__header h1{margin:0}.projects-page__header p{margin:.45rem 0 0;color:var(--text-soft)}.project-detail{display:grid;gap:1rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}.project-detail h1{margin:0}.project-detail p{margin:.45rem 0 0;color:var(--text-soft)}.project-detail__video video,.project-detail__video img{display:block;width:100%;border-radius:18px;border:1px solid var(--border)}.project-detail__screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.project-detail__screens img{width:100%;border-radius:14px;border:1px solid var(--border)}.private-layout{padding:1rem}.private-layout__shell{display:grid;grid-template-columns:220px 1fr;gap:1rem}@media (max-width: 880px){.hero{grid-template-columns:1fr}.hero-earth{min-height:240px}.private-layout__shell{grid-template-columns:1fr}}