:root{
  --bg:#f6f1e7;--ink:#2f2a22;--muted:#6b6255;--link:#7a4b17;
  --sky-top:#cfdde3;--sky-low:#f3e7cf;--sun:#f2c879;--cloud:#ffffff;
  --far:#b9b48f;--trees:#7d8462;--band1:#c9a75f;--band2:#a98454;
  --wheat-a:#e2c27a;--wheat-b:#cfa556;--rows:#9b7a3f;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#1b1a17;--ink:#ece4d4;--muted:#b3a993;--link:#e9c27f;
    --sky-top:#18222b;--sky-low:#3a3a37;--sun:#d9c48e;--cloud:#4a5058;
    --far:#4b4a3b;--trees:#2f3428;--band1:#6d5a35;--band2:#574531;
    --wheat-a:#7d6a3e;--wheat-b:#5f4f2e;--rows:#3f3420;
  }
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}
main{min-height:100vh;display:flex;flex-direction:column}
.scene{margin:0;height:62vh;min-height:260px;max-height:640px;overflow:hidden}
.scene svg{display:block;width:100%;height:100%}
.sky-top{stop-color:var(--sky-top)}
.sky-low{stop-color:var(--sky-low)}
.wheat-a{stop-color:var(--wheat-a)}
.wheat-b{stop-color:var(--wheat-b)}
.sun{fill:var(--sun)}
.cloud{fill:var(--cloud);opacity:.75}
.far{fill:var(--far)}
.trees{fill:var(--trees)}
.band-1{fill:var(--band1)}
.band-2{fill:var(--band2)}
.rows path{stroke:var(--rows);stroke-width:2;fill:none;opacity:.35}
.card{flex:1;padding:2.25rem 1rem 3rem;text-align:center}
h1{margin:0 0 1.25rem;font-size:clamp(1.9rem,6vw,3rem);font-weight:650;letter-spacing:.01em}
.contact{margin:0 0 .35rem;color:var(--muted);font-size:1.05rem}
.mail{margin:0;font-size:1.15rem;min-height:1.75rem}
a{color:var(--link);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover,a:focus-visible{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:2px}