@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/familjen-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/familjen-grotesk-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --ground:#F1F2EF; --text:#141716; --muted:#5B625F; --rule:#D6D9D4;
  --mark:#B5602A; --accent:#8F4A1F; --accent-hover:#6E3815; --patina:#2E6B63;
  --panel:#141716; --panel-mark:#D98552; --panel-line:#2A302D; --panel-via:#3A413D;
  --soft:#5B625F;
  --sans:"Familjen Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root{
    --ground:#141716; --text:#EEF0EE; --muted:#9AA19D; --rule:#2A302D;
    --mark:#D98552; --accent:#D98552; --accent-hover:#E9A47A; --patina:#5FA79C;
    --panel:#1B1F1D; --panel-mark:#D98552; --panel-line:#2C322F; --panel-via:#3A413D;
    --soft:#9AA19D;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--sans);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--accent-hover)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

.page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,38%)}
.content{display:flex;flex-direction:column;padding:clamp(28px,5vw,64px) clamp(16px,6vw,88px);gap:48px}
.site-header{display:flex}
.logo-link{display:inline-flex;border-radius:4px}
.logo{height:52px;width:auto;display:block}
.cw-mark{fill:var(--mark)} .cw-word{fill:var(--text)} .cw-soft{fill:var(--soft)}

.intro{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:40rem}
.eyebrow,.label{font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
h1{font-weight:600;font-size:clamp(2.4rem,1.4rem + 4vw,4.25rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 24px;text-wrap:balance}
.lede{font-size:clamp(1.125rem,1rem + .4vw,1.3rem);line-height:1.5;color:var(--text);margin:0 0 28px;max-width:34rem}
.status{display:flex;align-items:center;gap:10px;margin:0;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--patina);flex:none}
.contact{margin-top:48px;padding-top:24px;border-top:1px solid var(--rule);max-width:34rem}
.contact .label{margin-bottom:8px}
.email{font-family:var(--mono);font-weight:500;font-size:1.0625rem;overflow-wrap:anywhere}
.back{font-weight:600}

.site-footer{font-size:.875rem;color:var(--muted)}
.site-footer p{margin:0}

.art{position:relative;background:var(--panel);overflow:hidden;display:flex;align-items:center;justify-content:center}
.traces{position:absolute;inset:0;width:100%;height:100%}
.t-lines{stroke:var(--panel-line)} .t-vias{fill:var(--panel-via)} .t-holes{fill:var(--panel)}
.art-mark{position:relative;width:min(56%,300px);height:auto;fill:var(--panel-mark)}

@media (max-width:860px){
  .page{grid-template-columns:1fr;grid-template-rows:auto 200px}
  .content{gap:40px}
  .logo{height:44px}
  .art-mark{width:120px}
}
@media (prefers-reduced-motion:no-preference){
  .intro>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
  .intro>*:nth-child(2){animation-delay:.05s}
  .intro>*:nth-child(3){animation-delay:.1s}
  .intro>*:nth-child(4){animation-delay:.15s}
  .intro>*:nth-child(5){animation-delay:.2s}
  @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media print{.art{display:none}.page{display:block}}