:root{color-scheme:dark;--ink: #f4f7fb;--text: #d9e0ea;--muted: #9ba7b8;--canvas: #12161d;--surface: #171d26;--surface-soft: #1d2530;--line: #2a3341;--blue: #7aa7ff;--teal: #5fd3c6;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas);color:var(--text);letter-spacing:0}body{margin:0;min-height:100vh}a{color:inherit}.site-shell{min-height:100vh;background:radial-gradient(circle at top left,rgb(95 211 198 / 10%),transparent 28rem),linear-gradient(180deg,#151a22 0%,var(--canvas) 32rem)}.container{width:min(920px,calc(100% - 32px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:#12161ddb;backdrop-filter:blur(10px)}.nav{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none}.brand-mark{display:block;width:34px;height:34px;border-radius:7px;border:1px solid var(--line);background:var(--surface-soft);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.nav-links,.footer-links,.reference-links{display:flex;flex-wrap:wrap;gap:16px}.nav-links a,.footer-links a,.reference-links a{color:var(--muted);text-decoration:none}.nav-links a:hover,.footer-links a:hover,.reference-links a:hover{color:var(--teal)}.hero{border-bottom:1px solid var(--line);background:transparent}.hero-inner{display:grid;min-height:430px;align-items:center;padding-block:72px}.intro-copy{max-width:760px}.hero h1,.page-hero h1{margin:0;color:var(--ink);font-size:clamp(3.2rem,9vw,6.4rem);line-height:.98;letter-spacing:0}.hero p,.page-hero p{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:clamp(1.08rem,2vw,1.25rem);line-height:1.75}.section{padding-block:72px}.section+.section{border-top:1px solid var(--line)}.section-header{margin-bottom:28px}.eyebrow{margin:0 0 10px;color:var(--teal);font-size:.82rem;font-weight:750;text-transform:uppercase}.section-header h2,.reference-grid h2,.content h2{margin:0;color:var(--ink);font-size:clamp(1.9rem,4vw,3rem);line-height:1.12}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff06;transition:background .16s ease,border-color .16s ease}.project-card:hover{border-color:#5fd3c670;background:#ffffff0a}.project-card:hover h3 a{color:var(--teal)}.project-image{display:block;aspect-ratio:16 / 9;border-bottom:1px solid var(--line);background:var(--surface-soft)}.project-image img{width:100%;height:100%;object-fit:cover}.project-card-body{display:flex;min-height:260px;flex-direction:column;padding:24px}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.project-card h3{margin:0;color:var(--ink);font-size:clamp(1.45rem,3vw,2rem)}.project-card h3 a{color:inherit;text-decoration:none}.project-card p{max-width:650px;margin:0;color:var(--muted);line-height:1.72}.project-card-header span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:var(--surface);color:var(--muted);font-size:.85rem;white-space:nowrap}.project-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:24px}.project-links a{color:var(--blue);font-weight:650;text-decoration:none}.project-links a:hover{color:var(--teal)}.reference-section{background:#ffffff06}.reference-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}.reference-links{justify-content:flex-end}.reference-links a{color:var(--blue);font-weight:650}.page-hero{border-bottom:1px solid var(--line);background:#ffffff06;padding-block:72px}.content{max-width:780px;padding-block:56px 80px}.content h2{margin-top:40px;font-size:clamp(1.45rem,3vw,2rem)}.content h2:first-child{margin-top:0}.content p,.content li{color:var(--muted);line-height:1.75}.content a{color:var(--blue);font-weight:650}.site-footer{border-top:1px solid var(--line);background:#0c0f146b}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;color:var(--muted);font-size:.94rem}@media(max-width:720px){.nav,.footer-inner,.reference-grid{align-items:flex-start;flex-direction:column}.nav{padding-block:16px}.hero-inner{min-height:360px;padding-block:56px}.section{padding-block:56px}.project-grid{grid-template-columns:1fr}.project-card-body{min-height:0}.reference-grid{display:flex}.reference-links{justify-content:flex-start}}
