.projects-page{background:radial-gradient(ellipse at 85% 8%,#12302c88,transparent 38%),#0b1019}.projects-page header{flex-wrap:wrap}.projects-page header strong{white-space:nowrap}.projects-page nav{gap:16px;font-size:14px}.projects-page nav [aria-current]{color:#e7edf5;text-decoration:underline;text-underline-offset:7px}.projects-page main{padding-top:54px}.projects-intro{display:flex;gap:32px;align-items:center;justify-content:space-between;margin-bottom:40px}.projects-intro h1{font-size:clamp(38px,6vw,66px);letter-spacing:-.04em}.projects-intro .lead{max-width:710px;margin-bottom:0}.projects-total{min-width:150px;padding:18px 0 18px 26px;border-left:1px solid #2e4b46}.projects-total strong{display:block;color:#86efac;font-size:50px;font-weight:600;line-height:1.1}.projects-total span{display:block;color:#9badc6;font-size:13px;margin-top:8px}.projects-controls{display:flex;gap:18px;align-items:end;margin-bottom:12px;padding:22px 0;border-top:1px solid #27374a}.projects-controls>div:first-child{flex:1}.projects-controls label{display:block;font-size:13px;color:#a8b8cd;margin-bottom:7px}.projects-controls input{width:100%;max-width:none}.projects-controls select{min-height:50px;background:#0c1521;color:#e7edf5;padding:12px 35px 12px 14px;border:1px solid #405771;border-radius:8px;font:inherit;max-width:100%}.projects-controls>p{color:#94a8bd;white-space:nowrap;font-size:13px;padding-bottom:12px;margin:0}.project-row{display:grid;grid-template-columns:52px minmax(0,1fr) 215px;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid #27374a}.project-row[hidden]{display:none}.project-mark{width:50px;height:50px;border-radius:12px;border:1px solid #33524b;background:#142a27;color:#9ff3bf;display:grid;place-items:center;font-size:16px;font-weight:700;letter-spacing:.05em;margin-top:3px}.project-category{font-size:11px;color:#79c49e;letter-spacing:.1em;text-transform:uppercase}.project-content h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;margin:6px 0 9px}.project-content>p{margin:0;font-size:15px;max-width:620px;color:#b3c1d4}.project-features{display:flex;flex-wrap:wrap;gap:7px 19px;margin:13px 0 0;padding:0;list-style:none;color:#96a9be;font-size:12px}.project-features li:before{content:'·';color:#86efac;margin-right:7px}.project-action{display:flex;align-items:flex-start;flex-direction:column;gap:9px;justify-self:end;margin-top:8px;max-width:215px}.project-open{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:10px 15px;border:1px solid #3a6554;border-radius:8px;color:#baf8d0;background:#142820;font-size:14px;font-weight:600;white-space:nowrap}.project-open:hover{background:#203d30;border-color:#86efac;text-decoration:none}.project-domain{display:block;color:#8699b1;font-size:11px;overflow-wrap:anywhere}.project-alternates{margin-top:12px;font-size:12px}.project-alternates a{color:#a9cdb8}.projects-contact{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#14211f;border:1px solid #2e4b40;border-radius:12px;padding:24px;margin:36px 0 0}.projects-contact h2{font-size:20px;margin:0 0 7px}.projects-contact p{font-size:14px;margin:0}.projects-page :focus-visible{outline:2px solid #a2f6bf;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:18px;z-index:3;background:#0b1019;padding:10px}.skip-link:focus{top:10px}#projects-empty{padding:30px 0;color:#b3c1d4}@media(max-width:760px){.projects-intro{align-items:flex-start}.projects-total{min-width:100px;padding-left:18px}.projects-total strong{font-size:40px}.projects-controls{flex-wrap:wrap}.projects-controls>div:first-child{flex-basis:100%}.projects-controls>div:nth-child(2){flex:1}.projects-controls select{width:100%}.projects-controls>p{padding-bottom:14px}.project-row{grid-template-columns:42px minmax(0,1fr);gap:15px}.project-mark{width:40px;height:40px;font-size:13px;border-radius:10px}.project-action{grid-column:2;justify-self:start;margin-top:0;max-width:100%}.project-domain{max-width:100%}.projects-contact{align-items:flex-start;flex-direction:column}.project-content h2{font-size:20px}}@media(max-width:420px){.projects-page main{padding-top:30px}.projects-intro{gap:14px}.projects-intro .lead{font-size:16px}.projects-total{display:none}.projects-controls>p{width:100%;padding:0}.project-row{padding:24px 0}.projects-page nav{font-size:13px;gap:12px}.projects-page header strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}