@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url("n1-care/assets/fonts/space-grotesk-latin.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("n1-care/assets/fonts/dm-sans-latin.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url("n1-care/assets/fonts/jetbrains-mono-latin.woff2") format("woff2")}

:root{--ink:#111417;--muted:#49535c;--line:#b5c1cf;--blue:#0066ff;--paper:#fff;--pad:40px;--max:1480px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}
a{color:inherit}
img{display:block;max-width:100%}
header,main,footer{width:min(100%,var(--max));margin:auto;border-inline:1px solid var(--line)}
header{height:62px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--pad);border-block:1px solid var(--line)}
header span,.eyebrow,.project-meta>span{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.wordmark{font-family:"Space Grotesk",sans-serif;font-weight:700;text-decoration:none}
.hero{padding:88px var(--pad) 72px;border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 24px;color:#0047b8}
h1,h2,p{margin:0}
h1{max-width:18ch;font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,6vw,82px);font-weight:700;line-height:.94;letter-spacing:-.04em}
h1 em{color:var(--blue);font-style:normal}
.intro{max-width:64ch;margin-top:32px;font-size:18px;color:var(--muted)}
.projects article{padding:72px var(--pad);border-bottom:1px solid var(--line)}
.preview{display:block;overflow:hidden;border:1px solid var(--line);background:#e4e8ed}
.preview img{width:100%;aspect-ratio:16/9;object-fit:contain;object-position:top center;transition:transform 240ms ease-out}
.preview:hover img{transform:scale(1.01)}
.project-meta{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:32px;align-items:start;padding-top:20px}
.project-meta>span{padding-top:8px;color:#a66600}
h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(28px,3vw,42px);line-height:1}
h2 a{text-decoration:none}
.project-meta p{max-width:58ch;margin-top:10px;color:var(--muted)}
.open{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--blue);color:#0047b8;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.open:focus-visible,.wordmark:focus-visible,h2 a:focus-visible,.preview:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
footer{display:flex;justify-content:space-between;padding:32px var(--pad);font-size:14px}

@media(max-width:700px){:root{--pad:20px}header span{display:none}.hero{padding-block:64px 56px}.intro{font-size:16px}.projects article{padding-block:48px}.project-meta{grid-template-columns:1fr;gap:14px}.project-meta>span{padding:0}.open{width:max-content}footer{display:grid;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview img{transition:none}}