:root{--display:"Saira Stencil One",Impact,sans-serif;--body:"Manrope",system-ui,sans-serif;--display-weight:400;--display-track:.01em;--radius:4px;
--paper:#EEEADB;--ink:#1D2118;--brand:#3B4A2F;--brand-ink:#fff;--accent:#C8A24A;--accent-ink:#1D2118;--accent-text:#7D6421;--stone:#E3DECB;--line:#CFC8AE;
--head-bg:#1D2118;--head-ink:#EEEADB}
html[data-theme="navy"]{--brand:#1F2A44;--accent:#C8A24A}
html[data-theme="red"]{--brand:#3B4A2F;--accent:#B22234;--accent-ink:#fff;--accent-text:#B22234}
html[data-theme="sky"]{--brand:#2D4B6B;--accent:#9DB7D1;--accent-ink:#1D2118;--accent-text:#2D4B6B}
h1,h2,h3{text-transform:uppercase;line-height:.98}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.site-header .logo .mark{background:var(--brand);border-radius:4px;font-family:var(--display)}
.hero-ob{padding:2.5rem 0 3.5rem;background:var(--paper);background-image:radial-gradient(rgba(59,74,47,.08) 1px,transparent 1px);background-size:14px 14px}
.ob-grid{display:grid;gap:2.5rem;align-items:center}
.ob-kicker{display:inline-block;background:var(--brand);color:#EEEADB;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:.35rem .8rem;margin-bottom:1rem}
.hero-ob h1{font-size:clamp(3rem,12vw,4.8rem);color:var(--brand);max-width:10ch}
.ob-visual{position:relative;padding-bottom:2rem}
.ob-visual .photo{aspect-ratio:4/3;border-radius:4px;filter:saturate(.85)}
.ob-visual .photo .tag{top:.75rem;bottom:auto}
.ob-tag{position:absolute;right:.5rem;bottom:0;background:linear-gradient(145deg,#E8E8E4,#B9BCB5);color:#1D2118;border-radius:14px 14px 14px 14px;padding:1rem 1.2rem 1rem 2.4rem;display:grid;gap:.1rem;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;font-weight:700;letter-spacing:.06em;box-shadow:0 8px 20px rgba(0,0,0,.25);transform:rotate(-4deg)}
.ob-tag b{font-family:var(--display);font-weight:400;font-size:1.2rem;letter-spacing:.04em}
.ob-hole{position:absolute;left:.8rem;top:50%;width:.8rem;height:.8rem;border-radius:50%;background:var(--paper);box-shadow:inset 0 1px 2px rgba(0,0,0,.4);transform:translateY(-50%)}
.sec-services .svc-grid{gap:1.25rem}
.svc{background:#fff;border-radius:4px;overflow:hidden;border:2px solid var(--brand)}
.svc .photo{aspect-ratio:4/3;border-radius:0}
.svc-body{padding:1rem 1.1rem 1.2rem}
.svc h3{font-size:1.7rem;color:var(--brand)}
.sec-olive{background:var(--brand);color:#EEEADB}
.sec-olive h2{color:#fff}
.sec-olive .quotes li{border:1px solid rgba(238,234,219,.35);padding:1.2rem 1.3rem}
.sec-olive .quotes blockquote{font-weight:700;font-size:1.1rem}
.sec-olive .quotes cite{color:var(--accent)}
.sec-steps .steps li{border-top:0;background:#fff;padding:1.3rem;border-left:6px solid var(--accent)}
.sec-steps .steps li::before{font-family:var(--display);color:var(--brand)}
.cta-band{background:var(--ink)}
@media (min-width:800px){.hero-ob{padding:4.5rem 0}.ob-grid{grid-template-columns:1fr 1.05fr;gap:4rem}.sec-services .svc-grid{grid-template-columns:repeat(3,1fr)}}