:root{--bg:#F7F5F0;--surface:#FFFFFF;--text:#14201C;--primary:#0E4034;--primary-deep:#0B2A22;--secondary:#2B3238;--accent:#C9821F;--accent-text:#8F5A0F;--dark-bg:#0B1C18;--dark-bg-2:#122923;--dark-text:#EDEAE2;--hairline:rgba(20,32,28,0.12);--hairline-dark:rgba(237,234,226,0.18);--font-display:'Archivo','Helvetica Neue',Arial,sans-serif;--font-body:'Lora','Iowan Old Style',Georgia,serif;--fs-body:17px;--fs-body-lg:18px;--lh-body:1.72;--measure:64ch;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:76px;--sp-11:88px;--sp-12:128px;--container:1200px;--container-narrow:820px;--gutter:clamp(20px,5vw,48px);--radius-sm:4px;--radius:6px;--radius-lg:10px;--shadow-card:0 1px 2px rgba(20,32,28,0.05);--shadow-hover:0 12px 28px rgba(20,32,28,0.10);--ease:cubic-bezier(0.22,0.61,0.36,1);--t-fast:160ms;--t:220ms;--t-slow:460ms;--header-h:68px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
@media(min-width:768px){body{font-size:var(--fs-body-lg)}}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--primary);margin:0 0 var(--sp-5);font-weight:700;line-height:1.1;letter-spacing:-0.02em}
h1{font-size:clamp(2.6rem,6.4vw,5.1rem);line-height:1.02;letter-spacing:-0.03em;max-width:20ch}
h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
h3{font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:600;letter-spacing:-0.01em}
h4{font-size:1.05rem;font-weight:600;letter-spacing:0}
p{margin:0 0 1.1em;max-width:var(--measure)}
p:last-child{margin-bottom:0}
.lead{font-size:clamp(1.06rem,1.5vw,1.22rem);font-weight:500;line-height:1.65;max-width:58ch}
strong,b{font-weight:600}
small{font-size:0.86rem}
a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--t-fast) linear,text-underline-offset var(--t-fast) var(--ease),text-decoration-color var(--t-fast) linear}
a:hover{color:var(--accent-text);text-underline-offset:4px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
ul,ol{padding-left:1.2em;max-width:var(--measure)}
li{margin-bottom:0.5em}
hr{border:0;border-top:1px solid var(--hairline);margin:var(--sp-9) 0}
blockquote{margin:0}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--sp-10)}
@media(min-width:900px){.section{padding-block:var(--sp-12)}}
.section__head{margin-bottom:var(--sp-10)}
@media(min-width:900px){.section__head{margin-bottom:var(--sp-11)}}
.section__head p{max-width:56ch}
.measure{max-width:var(--measure)}
.measure-narrow{max-width:52ch}
.center{text-align:center;margin-inline:auto}
.stack>*+*{margin-top:var(--sp-5)}
.stack-lg>*+*{margin-top:var(--sp-8)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.grid{display:grid;gap:var(--sp-6)}
@media(min-width:700px){.grid--2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:700px){.grid--3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid--3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.grid--split{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:13px 26px;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:0.01em;line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--t-fast) linear,color var(--t-fast) linear,border-color var(--t-fast) linear,transform var(--t) var(--ease)}
.btn--primary{background:var(--primary);color:var(--bg);border-color:var(--primary)}
.btn--primary:hover{background:var(--accent);border-color:var(--accent);color:var(--dark-bg)}
.btn--ghost{background:transparent;color:var(--primary);border-color:var(--primary)}
.btn--ghost:hover{background:var(--primary);color:var(--bg)}
.btn--on-dark{background:var(--bg);color:var(--primary);border-color:var(--bg)}
.btn--on-dark:hover{background:var(--accent);border-color:var(--accent);color:var(--dark-bg)}
.btn--ghost-dark{background:transparent;color:var(--dark-text);border-color:var(--hairline-dark)}
.btn--ghost-dark:hover{border-color:var(--accent);color:var(--accent)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-4);align-items:center}
.link-arrow{font-family:var(--font-display);font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:2px}
.link-arrow:hover{border-bottom-color:var(--accent)}
.kicker{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:var(--secondary);margin:0 0 var(--sp-4);max-width:none}
.kicker::before{content:"";flex:0 0 auto;width:6px;height:6px;background:var(--accent);transform:translateY(-1px)}
.brass-ledger-rule{display:flex;align-items:center;width:100%;margin:0 0 var(--sp-4);height:3px;overflow:hidden}
.brass-ledger-rule::before{content:"";flex:0 0 auto;width:48px;height:3px;background:var(--accent);transition:width 400ms var(--ease)}
.brass-ledger-rule::after{content:"";flex:1 1 auto;height:1px;background:var(--hairline)}
.index-numeral{display:block;font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-0.03em;color:var(--accent);margin:0 0 var(--sp-5)}
@media(min-width:768px){.index-numeral{font-size:40px}}
.index-inline{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-0.03em;color:var(--primary)}
.card{background:var(--surface);border-radius:var(--radius);padding:clamp(24px,3vw,34px);box-shadow:var(--shadow-card)}
.card p{max-width:46ch;font-weight:500}
.service-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);padding:clamp(24px,3vw,34px);padding-bottom:calc(clamp(24px,3vw,34px) + 6px);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--t) ease-out,box-shadow var(--t) ease-out}
.service-card::after{content:"";position:absolute;left:clamp(24px,3vw,34px);bottom:0;width:28px;height:3px;background:var(--accent);transition:width var(--t) ease-out}
.service-card:hover,.service-card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.service-card:hover::after,.service-card:focus-within::after{width:48px}
.service-card h3{margin-bottom:var(--sp-3)}
.service-card p{max-width:44ch;font-weight:500;margin-bottom:0}
.hairline{height:1px;background:var(--hairline);border:0;width:100%}
.pull-quote{font-family:var(--font-body);font-style:italic;font-weight:400;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.5;color:var(--primary);max-width:34ch;margin:0}
.pull-quote cite{display:block;margin-top:var(--sp-5);font-style:normal;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--secondary)}
.eyebrow-num{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,2.6rem);color:var(--accent);letter-spacing:-0.03em;line-height:1}
.media{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--secondary)}
.media--4x3{aspect-ratio:4/3}
.media--square{aspect-ratio:1/1}
.media img{width:100%;height:100%;object-fit:cover}
.media--brass-edge::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}
.img-treated{filter:saturate(0.92) contrast(1.03) brightness(1.03) sepia(0.10) hue-rotate(-6deg)}
.media--dark{background:var(--dark-bg)}
.media--dark .img-treated,.section--inverted .img-treated{filter:grayscale(1) contrast(1.06) brightness(1.02) sepia(0.28) hue-rotate(120deg) saturate(1.5)}
.media--dark::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(11,28,24,0.55);pointer-events:none}
.media--dark>*:not(img){position:relative;z-index:2}
input,textarea,select,button{font:inherit;color:inherit}
.field{display:block;margin-bottom:var(--sp-6)}
.field label,.label{display:block;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--secondary);margin-bottom:var(--sp-2)}
.input,input[type=text],input[type=email],input[type=tel],textarea,select{width:100%;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:13px 14px;min-height:48px;font-family:var(--font-body);font-size:16px;transition:border-color 140ms linear,box-shadow 140ms linear}
textarea{min-height:150px;resize:vertical}
.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(201,130,31,0.55)}
.section--inverted{background:var(--dark-bg);background-image:linear-gradient(180deg,var(--dark-bg) 0%,var(--dark-bg-2) 100%);color:var(--dark-text)}
.section--inverted h1,.section--inverted h2,.section--inverted h3,.section--inverted h4{color:var(--dark-text)}
.section--inverted .kicker{color:var(--accent)}
.section--inverted a{color:var(--accent)}
.section--inverted a:hover{color:var(--dark-text)}
.section--inverted .brass-ledger-rule::after{background:var(--hairline-dark)}
.section--inverted .hairline{background:var(--hairline-dark)}
.section--inverted .pull-quote{color:var(--dark-text)}
.section--inverted .pull-quote cite{color:var(--accent)}
.card--dark,.service-card.card--dark{background:var(--secondary);color:var(--dark-text);box-shadow:none}
.card--dark h3,.card--dark h4,.service-card.card--dark h3{color:var(--dark-text)}
.card--dark p,.service-card.card--dark p{color:var(--dark-text)}
.card--dark .index-numeral,.service-card.card--dark .index-numeral{color:var(--accent)}
.card--outline,.service-card.card--outline{background:transparent;border:1px solid var(--hairline);box-shadow:none}
.text-accent{color:var(--accent-text)}
.text-muted{color:var(--secondary)}
.bg-surface{background:var(--surface)}
.bg-paper{background:var(--bg)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease);transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;transform:none}
.reveal--d1{--reveal-delay:90ms}
.reveal--d2{--reveal-delay:180ms}
.reveal--d3{--reveal-delay:270ms}
.reveal--d4{--reveal-delay:360ms}
.reveal--d5{--reveal-delay:450ms}
.brass-ledger-rule.reveal{opacity:1;transform:none}
.brass-ledger-rule.reveal::before{width:0}
.brass-ledger-rule.reveal.is-visible::before{width:48px}
.hero-media img{animation:heroScale 1400ms var(--ease) both}
@keyframes heroScale{from{transform:scale(1.06)}to{transform:scale(1)}}
.site-header{position:sticky;top:0;z-index:100;background:rgba(247,245,240,0.94);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--hairline)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);min-height:var(--header-h)}
.lockup{display:inline-flex;align-items:center;gap:12px;text-decoration:none;padding:6px 0;color:var(--primary)}
.lockup svg{flex:0 0 auto;width:28px;height:28px;display:block}
.wordmark{font-family:var(--font-display);font-size:20px;line-height:1;letter-spacing:-0.02em;color:var(--primary);white-space:nowrap}
.wordmark b{font-weight:700}
.wordmark span{font-weight:500}
.wordmark i{font-style:normal;color:var(--accent)}
.nav-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.nav-toggle-label{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;cursor:pointer;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface)}
.nav-toggle-label .bars,.nav-toggle-label .bars::before,.nav-toggle-label .bars::after{display:block;width:20px;height:2px;background:var(--primary);transition:transform var(--t) var(--ease),opacity var(--t) linear}
.nav-toggle-label .bars{position:relative}
.nav-toggle-label .bars::before,.nav-toggle-label .bars::after{content:"";position:absolute;left:0}
.nav-toggle-label .bars::before{top:-6px}
.nav-toggle-label .bars::after{top:6px}
.nav-toggle:checked+.nav-toggle-label .bars{background:transparent}
.nav-toggle:checked+.nav-toggle-label .bars::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle:checked+.nav-toggle-label .bars::after{transform:translateY(-6px) rotate(-45deg)}
.nav-toggle:focus-visible+.nav-toggle-label{outline:2px solid var(--accent);outline-offset:3px}
.nav-list{list-style:none;margin:0;padding:0;max-width:none}
.nav-list li{margin:0}
.nav-list a{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:0.005em;color:var(--secondary);text-decoration:none}
.nav-list a:hover{color:var(--accent-text)}
@media(max-width:1099px){.site-nav{position:fixed;left:0;right:0;top:var(--header-h);max-height:calc(100dvh - var(--header-h));overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);border-bottom:1px solid var(--hairline);box-shadow:0 18px 40px rgba(20,32,28,0.12);padding:var(--sp-3) var(--gutter) var(--sp-7);display:none}
.nav-toggle:checked~.site-nav{display:block}
.nav-list{display:flex;flex-direction:column}
.nav-list li+li{border-top:1px solid var(--hairline)}
.nav-list a{display:flex;align-items:center;min-height:52px;font-size:16px}
.nav-cta{margin-top:var(--sp-6);width:100%}}
@media(min-width:1100px){.nav-toggle-label{display:none}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,30px)}.nav-list{display:flex;align-items:center;gap:clamp(16px,2vw,28px)}.nav-list a{position:relative;padding:6px 0}.nav-list a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--t-fast) var(--ease)}.nav-list a:hover::after,.nav-list a[aria-current="true"]::after{transform:scaleX(1)}.nav-cta{min-height:44px;padding:11px 22px}}
.site-footer{background:var(--dark-bg);color:var(--dark-text);padding-block:var(--sp-10) var(--sp-7);margin-top:0}
@media(min-width:900px){.site-footer{padding-block:var(--sp-11) var(--sp-8)}}
.site-footer .wordmark{color:var(--bg)}
.site-footer a{color:var(--dark-text);text-decoration:none}
.site-footer a:hover{color:var(--accent)}
.footer-grid{display:grid;gap:var(--sp-9)}
@media(min-width:820px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:var(--sp-8)}}
.footer-col h2,.footer-col h3,.footer-heading{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--sp-5)}
.footer-list{list-style:none;margin:0;padding:0;max-width:none}
.footer-list li{margin:0}
.footer-list a{display:inline-flex;align-items:center;min-height:36px;font-family:var(--font-display);font-size:14px;font-weight:500}
.footer-col p{color:var(--dark-text);max-width:38ch;font-size:16px;opacity:0.9}
.footer-bottom{margin-top:var(--sp-9);padding-top:var(--sp-6);border-top:1px solid var(--hairline-dark);display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);align-items:center;justify-content:space-between}
.legal-name{font-family:var(--font-display);font-weight:500;font-size:11px;letter-spacing:0.10em;text-transform:uppercase;color:var(--dark-text);opacity:0.75;margin:0;max-width:none}
.footer-legal{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);list-style:none;margin:0;padding:0;max-width:none}
.footer-legal a{font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:0.10em;text-transform:uppercase;opacity:0.8}
.footer-legal a:hover{opacity:1}
.attribution{font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:0.10em;text-transform:uppercase;margin:0;max-width:none;opacity:0.8}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}html{scroll-behavior:auto}.reveal{transform:none;transition:opacity 200ms linear}.reveal.is-visible{transform:none}.brass-ledger-rule.reveal::before,.brass-ledger-rule.reveal.is-visible::before{width:48px;transition:none}.service-card:hover{transform:none}.hero-media img{animation:none}}
/* fix: footer link color was overriding the on-dark button label */
footer .btn--on-dark, .btn--on-dark { background: var(--surface); color: var(--primary); }
footer .btn--on-dark:hover, .btn--on-dark:hover { background: var(--accent); color: var(--primary); }
/* brand motion signature */
:root{--mo-dur:620ms;--mo-ease:cubic-bezier(0.22, 0.61, 0.36, 1);--mo-dist:26px;--mo-stagger:90ms}
@media (prefers-reduced-motion: no-preference){
.reveal{transition-duration:var(--mo-dur);transition-timing-function:var(--mo-ease);transform:translateY(var(--mo-dist))}
.reveal.is-visible{transform:none}
.stagger > .reveal:nth-child(2),.stagger .reveal:nth-child(2){transition-delay:var(--mo-stagger)}
.stagger > .reveal:nth-child(3),.stagger .reveal:nth-child(3){transition-delay:calc(var(--mo-stagger) * 2)}
.stagger > .reveal:nth-child(4),.stagger .reveal:nth-child(4){transition-delay:calc(var(--mo-stagger) * 3)}
.stagger > .reveal:nth-child(5),.stagger .reveal:nth-child(5){transition-delay:calc(var(--mo-stagger) * 4)}
}
/* end brand motion */
/* fix: inputs inside the light form card inherited the dark section
   cream text — force readable field text and placeholders */
#contact input,#contact select,#contact textarea{color:var(--text,#20241f)}
#contact input::placeholder,#contact textarea::placeholder{color:rgba(32,36,31,0.45)}
#contact select:invalid{color:rgba(32,36,31,0.6)}