/* The Hardware Offices: forest green, warm ivory, and aged brass. */
:root{--cream:#f5f0e6;--paper:#fffaf0;--ink:#182f28;--muted:#62655b;--line:#d9d0bd;--green:#182f28;--clay:#81602e;--sage:#eae6da;--brass:#b89962;--ivory:#f3e8d1}
::selection{background:#ddc9a3;color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:var(--brass)}
.site-header{background:var(--green);color:var(--ivory);border-bottom:1px solid var(--brass)}
.header-inner{min-height:116px;gap:28px}
.brand-logo{display:block;width:232px;height:auto;max-width:100%}
.header-inner nav>a:not(.button):hover,.header-inner nav>a[aria-current=page]{color:#e0c38d}
.site-header .button{background:var(--ivory);color:var(--green);border-color:var(--brass)}
.site-header .button:hover{background:#e6d4b1}
.button{border-color:var(--brass)}
.button:hover{background:#29483c}
.button-light:hover{background:#e6d4b1;color:var(--green)}
.button-outline:hover{color:var(--paper)}
.hero h1 em,.service-hero h1 em{color:var(--clay)}
.hero-caption{border-bottom-color:var(--brass)}
.intro-band,.service-facts{border-color:var(--line)}
.character,.inquiry,.service-cta{border-top:1px solid var(--brass);border-bottom:1px solid var(--brass)}
.character .eyebrow,.inquiry .eyebrow{color:#dfc48f}
.character-points p,.inquiry-copy>p:not(.eyebrow),.service-cta p{color:#e3ddce}
.line-icon svg{stroke:#d9bb82}
.inquiry-signoff,.inquiry-signoff p{color:#dfc48f}
.inquiry input,.inquiry select,.inquiry textarea{border-color:#8b947e}
.footer .brand-logo{width:218px}
.history-section{background:var(--sage)}
@media(max-width:1100px){.header-inner nav{gap:20px}.brand-logo{width:218px}}
@media(max-width:800px){html{scroll-padding-top:115px}.header-inner{min-height:105px}.brand-logo{width:205px}.header-inner nav{top:105px;background:var(--green);color:var(--ivory);border-bottom-color:var(--brass)}.menu-toggle{color:var(--ivory)}}
@media(max-width:560px){.header-inner{gap:12px}.brand-logo{width:202px}.footer .brand-logo{width:218px}.header-inner nav{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.service-page .site-header .header-inner nav>a[aria-current=page]{color:#e0c38d}

.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pricing-card{display:flex;flex-direction:column;padding:32px 26px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--brass)}.pricing-card h3{font-size:29px;line-height:1.17;margin-top:16px}.pricing-card .pricing-amount{font:34px/1.4 var(--serif);color:var(--green);margin-block:23px 17px;white-space:nowrap}.pricing-amount span{font:12px var(--sans);color:var(--muted)}.pricing-card>p:not(.eyebrow):not(.pricing-amount){font-size:13px;line-height:1.85}.pricing-card .detail-list{font-size:12px}.pricing-card .text-link{font-size:12px;margin-top:auto;align-self:flex-start}.pricing-note{font-size:12px;line-height:1.85;max-width:1000px;margin-top:24px}.office-pricing+.spaces,.office-pricing+.service-details{padding-top:20px}@media(max-width:1100px){.pricing-grid{gap:15px}.pricing-card{padding:25px 19px}.pricing-card h3{font-size:25px}.pricing-card .pricing-amount{font-size:28px}.header-inner nav{gap:16px}}@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:28px}.pricing-card h3{font-size:29px}.pricing-card .pricing-amount{font-size:34px}.pricing-card .detail-list{margin-bottom:25px}}