:root{--bg:#070b12;--bg-soft:#0d1420;--panel:#111a28;--panel-strong:#172436;--text:#f7fbff;--muted:#a7b4c5;--line:#ffffff1a;--accent:#32d3a0;--accent-strong:#7cd7ff;--shadow:0 14px 38px #0000003d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 10%, #32d3a024, transparent 30%), radial-gradient(circle at 80% 0%, #7cd7ff1f, transparent 26%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.skipLink{z-index:100;background:var(--accent);color:#06110d;border-radius:0 0 8px 8px;padding:8px 16px;font-size:.88rem;font-weight:800;transition:top .15s;position:absolute;top:-100%;left:16px}.skipLink:focus{top:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:min(1120px,100% - 40px);margin:0 auto}.navbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b12c7;position:sticky;top:0}.navContent{justify-content:space-between;align-items:center;min-height:64px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.brandMark{border-radius:8px;width:34px;height:34px}.navLinks{color:var(--muted);gap:24px;font-size:.95rem;font-weight:600;display:flex}.navLinks a:hover{color:var(--text)}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:28px;font-size:.84rem;font-weight:600;display:flex}.breadcrumb a{color:var(--accent)}.breadcrumb a:hover{color:var(--accent-strong)}.breadcrumb span[aria-current=page]{color:var(--muted)}.hero{align-items:center;min-height:520px;padding:72px 0 76px;display:flex}.heroContent{max-width:780px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:.78rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:1.12}h1{max-width:760px;font-size:clamp(2.6rem,5vw,4.65rem)}h2{color:var(--text);font-size:clamp(1.8rem,3vw,3rem)}h3{font-size:1.12rem}.heroText{max-width:620px;color:var(--muted);margin:22px 0 0;font-size:clamp(1rem,1.4vw,1.12rem)}.heroActions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.92rem;font-weight:800;transition:opacity .15s;display:inline-flex}.button:hover{opacity:.85}.primaryButton{background:var(--accent);color:#06110d}.secondaryButton{color:var(--text);background:#ffffff14;border-color:#ffffff38}.section{border-top:1px solid var(--line);padding:72px 0}.sectionGrid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:64px;display:grid}.sectionCopy{color:var(--muted);font-size:1rem}.sectionCopy p{margin:0 0 18px}.sectionCopy p:last-child{margin-bottom:0}.projectsSection{background:linear-gradient(#ffffff08,#0000)}.sectionHeader{max-width:720px;margin-bottom:30px}.projectsGrid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px;display:grid}.projectCard{border:1px solid var(--line);background:linear-gradient(180deg, #172436eb, var(--panel));min-height:236px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:space-between;gap:22px;padding:22px;display:flex}.projectCard p{color:var(--muted);margin:12px 0 0;font-size:.94rem;line-height:1.55}.projectMeta{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800;line-height:1.2}.projectLinks{flex-wrap:wrap;gap:16px;display:flex}.projectLinks a,.projectCard a{width:fit-content;color:var(--accent-strong);font-size:.92rem;font-weight:800}.projectLinks a:hover,.projectCard a:hover{color:var(--accent)}.detailHero{padding-top:56px}.detailGrid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:46px;display:grid}.detailHero h1{font-size:clamp(2.3rem,4.5vw,4.1rem)}.detailPanel{border:1px solid var(--line);background:#111a28b8;border-radius:8px;padding:24px}.detailPanel dl{gap:20px;margin:0;display:grid}.detailPanel dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:800}.detailPanel dd{color:var(--text);margin:0;font-weight:700}.detailPanel a{color:var(--accent-strong);overflow-wrap:anywhere}.keywordList{flex-wrap:wrap;gap:6px;margin:0;display:flex}.keywordTag{color:var(--accent);background:#32d3a014;border:1px solid #32d3a04d;border-radius:100px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-block}.contentBlock{max-width:760px}.contentBlock p:not(.eyebrow){color:var(--muted);font-size:1rem}.footer{border-top:1px solid var(--line);color:var(--muted);padding:30px 0}.footerContent{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer p{margin:0}.footerTop{color:var(--accent);white-space:nowrap;font-size:.88rem;font-weight:700}.footerTop:hover{color:var(--accent-strong)}@media (max-width:920px){.projectsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionGrid,.detailGrid{grid-template-columns:1fr;gap:28px}}@media (max-width:640px){.container{width:min(100% - 28px,1120px)}.navContent{min-height:64px}.navLinks{gap:14px;font-size:.88rem}.hero{min-height:auto;padding:58px 0 64px}h1{font-size:clamp(2.15rem,10vw,3.25rem)}.heroActions,.button{width:100%}.section{padding:54px 0}.projectsGrid{grid-template-columns:1fr}.projectCard{min-height:230px}.footerContent{flex-direction:column;align-items:flex-start;gap:12px}}
