:root{--bg:#e6e2d8;--bg-subtle:#ddd8ce;--ink:#1a1816;--ink-muted:#4a4540;--accent:#8b3a2f;--accent-hover:#6e2e25;--border:#c9c2b4;--max:68rem;--page-inline:clamp(1.75rem, 5vw, 3.5rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);background-color:var(--bg);flex-direction:column;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.55;display:flex}.skip{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:100;clip:auto;background:var(--ink);width:auto;height:auto;color:var(--bg);border-radius:2px;margin:0;padding:.5rem .75rem;text-decoration:none;position:fixed;top:.75rem;left:.75rem;overflow:visible}.wrap{width:min(calc(100% - 2 * var(--page-inline)), var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom, var(--bg-subtle), var(--bg));padding-block:2.25rem 1rem}.mark{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.8125rem;font-weight:600}main{flex:1}.hero{padding-block:3.5rem 2.75rem}.hero h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 1.35rem;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(2rem,5vw,2.65rem);font-weight:400;line-height:1.15}.lede{color:var(--ink-muted);max-width:62ch;margin:0}.portfolio{padding-block:1.5rem 3.5rem}.portfolio h2{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 1.5rem;font-size:.75rem;font-weight:600}.company-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=52rem){.company-list{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem}}.company-list>li{min-width:0;display:flex}a.company-card{border:1px solid var(--border);color:inherit;background:#f0ebe3;border-radius:3px;flex-direction:column;flex:1;margin:0;padding:1.5rem 1.6rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px #1a18160a}a.company-card:hover{border-color:var(--ink-muted);box-shadow:0 2px 8px #1a18160f}a.company-card:focus{outline:none}a.company-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.company-card h3{color:var(--ink);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}a.company-card:hover h3{color:var(--accent)}.company-domain{letter-spacing:.04em;color:var(--accent);margin:0 0 .65rem;font-size:.8125rem;font-weight:500}.company-card p:last-child{color:var(--ink-muted);margin:0;font-size:.9375rem;line-height:1.5}.contact{padding-block:2.5rem 4.75rem}.contact h2{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 1rem;font-size:.75rem;font-weight:600}.contact p{color:var(--ink-muted);margin:0 0 .5rem;font-size:.9375rem}.contact a{color:var(--accent);text-underline-offset:.15em}.contact a:hover{color:var(--accent-hover)}.site-footer{border-top:1px solid var(--border);margin-top:auto;padding-block:2.25rem 2.75rem}.site-footer p{color:var(--ink-muted);margin:0;font-size:.8125rem}.site-footer .footer-dba{opacity:.92;margin-top:.45rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
