:root{color-scheme:dark;color:#ececf5;--muted:#a2a2b5;--accent:#b7a2ef;background:#101018;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 90% 0,#252036 0,#0000 40%);margin:0}a{color:inherit;text-decoration:none}a:hover{color:#d0bfff}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p,h1,h2,h3{margin:0}.page{max-width:1120px;margin:auto;padding:0 32px}.skip{background:#101018;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}header{border-bottom:1px solid #2a2837;justify-content:space-between;align-items:center;padding:30px 0;display:flex}.brand{align-items:center;gap:12px;font-weight:650;display:flex}.brand span{color:var(--accent);font-family:monospace;font-size:24px}nav{color:var(--muted);gap:20px;font-size:13px;display:flex}nav [aria-current=page]{color:#fff;text-underline-offset:8px;text-decoration:underline}.hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:72px;padding:76px 0 88px;display:grid}.eyebrow{letter-spacing:.15em;color:var(--accent);margin-bottom:16px;font-family:monospace;font-size:11px}h1{letter-spacing:-.055em;font-size:clamp(2.5rem,5.3vw,4.6rem);font-weight:650;line-height:1.06}h1 span{color:var(--accent)}.intro{color:var(--muted);max-width:470px;margin-top:26px;font-size:17px;line-height:1.8}.actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;font-size:13px;display:flex}.button{color:#171120;background:#b7a2ef;border-radius:10px;align-items:center;gap:10px;padding:13px 17px;font-weight:650;display:flex}.button:hover{color:#171120;background:#d0bfff}.hero aside{border:1px solid #3b3448;border-radius:24px;align-self:stretch;max-height:410px;position:relative;overflow:hidden}.hero img{object-fit:cover;object-position:center 25%;filter:saturate(.8);width:100%;height:100%;display:block}.hero aside div{background:linear-gradient(#0000,#101018);flex-direction:column;gap:6px;padding:48px 24px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero aside span{color:#d1c9e4;font-size:12px}.hero aside strong{font-size:18px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}h2{letter-spacing:-.025em;font-size:28px}.section-heading a{color:var(--muted);font-size:13px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project{background:#181720;border:1px solid #32303e;border-radius:18px;flex-direction:column;padding:28px;transition:border-color .15s;display:flex}.project:hover{color:inherit;border-color:#8a75b6}.project-top{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.project-icon{color:#c7b3f2;background:#2b243c;border-radius:10px;place-content:center;width:36px;height:36px;font:18px monospace;display:grid}.arrow{margin-left:auto;font-size:20px}h3{letter-spacing:-.02em;margin:24px 0 12px;font-size:21px;line-height:1.35}.project p{color:var(--muted);max-width:390px;font-size:14px;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px;display:flex}.tags span{color:#c3b7d9;border:1px solid #383342;border-radius:5px;padding:4px 7px;font:10px monospace}.products{border-block:1px solid #302c3c;grid-template-columns:1fr 1.2fr;gap:45px;margin:72px 0;padding:36px 0;display:grid}.product-links{gap:0;display:grid}.product-links a{border-bottom:1px solid #292633;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.product-links a:first-child{padding-top:0}.product-links a:last-child{border-bottom:0;padding-bottom:0}.product-links strong{font-size:17px;display:block}.product-links small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.elsewhere h2{margin-bottom:24px;font-size:20px}.elsewhere>div{gap:64px;display:flex}.elsewhere a{gap:8px;display:grid}.elsewhere strong{font-size:16px;font-weight:500}.elsewhere span{color:var(--muted);font-size:12px}footer{color:var(--muted);border-top:1px solid #302c3c;justify-content:space-between;gap:20px;margin-top:64px;padding:28px 0;font-size:12px;display:flex}@media (width<=700px){.page{padding:0 20px}.hero{grid-template-columns:1fr;gap:32px;padding:48px 0}.hero aside{height:260px}.hero img{object-position:center 28%}.projects{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading a{white-space:nowrap;padding-top:30px}h2{font-size:23px}.products{grid-template-columns:1fr;gap:28px;margin:44px 0}.elsewhere>div{flex-wrap:wrap;gap:30px}.project{padding:24px}.intro{font-size:16px}footer{margin-top:44px}.actions{gap:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
