:root{--ink:#263b33;--paper:#f7f4ed;--line:#d5d5c9;--muted:#62675f;--gold:#ac854b;--soft:#eeece3;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}h2{font-size:clamp(36px,4.1vw,56px);letter-spacing:-.035em}h3{font-size:29px;letter-spacing:-.02em}p+p{margin-top:18px}button,input,select,textarea{font:inherit}a,button,input,textarea,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a57833;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-inline:40px}.section{padding-block:95px}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{max-width:1400px;margin:auto;min-height:100px;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:25px/1.2 var(--serif);white-space:nowrap}.brand small{display:block;font:9px/2.2 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav>a:not(.button){text-decoration:none}.site-header [aria-current]{border-bottom:1px solid var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 23px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:3px;text-decoration:none;font:600 14px/1.5 var(--sans);cursor:pointer}.button:hover{background:#3e5549}.button:disabled{opacity:.65;cursor:wait}.button.small{min-height:44px;padding:10px 17px;gap:18px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#74542b;margin-bottom:22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:85px;padding-bottom:95px}.hero h1{font-size:clamp(48px,5.25vw,74px);letter-spacing:-.05em;line-height:1.05;margin-bottom:28px}.hero h1 em{font-weight:400;color:#6e765d}.hero .lead{font-size:21px;line-height:1.5;margin-bottom:18px;max-width:29ch}.hero-copy>p:not(.eyebrow):not(.lead){max-width:49ch}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px}.hero .hero-note{font-size:12px;color:var(--muted);margin-top:23px}.hero-project{background:#fffdf8;border:1px solid var(--line);box-shadow:0 22px 50px #263b3310;transform:rotate(1.5deg);margin:12px 4px}.browser-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-size:11px;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line)}.browser-bar span:first-child{font-size:7px;color:#bfb9aa;letter-spacing:3px}.hero-project>img{width:100%;height:330px;object-fit:cover;object-position:center}.project-note{padding:26px 27px;display:flex;flex-direction:column;align-items:flex-start}.project-note>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.project-note strong{font:27px/1.3 var(--serif);margin:7px 0 13px}.project-note a{font-size:12px}.services{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-heading>p{max-width:35ch;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.service-grid article{border-top:1px solid var(--gold);padding-top:25px;display:flex;flex-direction:column}.number{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:26px}.service-grid h3{max-width:18ch;margin-bottom:20px;min-height:66px}.service-grid p{color:var(--muted);font-size:15px}.service-grid ul{list-style:none;padding:0;margin:22px 0 28px;font-size:14px}.service-grid li{padding:7px 0;border-bottom:1px solid var(--line)}.service-grid a{margin-top:auto;font-size:14px;font-weight:600}.work{background:var(--soft)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px}.project{min-width:0}.project-image{display:block;position:relative;overflow:hidden;background:#d7d6cb}.project-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}.project-image:hover img{transform:scale(1.025)}.project-image>span{position:absolute;right:14px;bottom:14px;background:var(--paper);width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.project-copy{padding-top:23px}.project-copy .eyebrow{font-size:10px;margin-bottom:10px}.project-copy h3{font-size:30px;margin-bottom:13px}.project-copy h3 a{text-decoration:none}.project-copy h3 a:hover{text-decoration:underline}.project-copy>p:not(.eyebrow){font-size:15px;max-width:54ch;color:var(--muted)}.domain{display:block;margin-top:13px;font-size:12px;color:var(--muted)}.media-note{font-size:12px;color:var(--muted);margin-top:38px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach h2{margin-bottom:28px}.approach p{color:var(--muted);font-size:15px}.approach .text-link{display:inline-block;margin-top:24px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:25px 0;border-top:1px solid var(--line)}.steps li>span{font-size:12px;color:#74542b}.steps h3{font-size:25px;margin-bottom:12px}.contact{background:var(--ink);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.contact .eyebrow{color:#dbc092}.contact h2{font-size:clamp(48px,5vw,67px);margin-bottom:25px}.contact-grid>div>p:not(.eyebrow){max-width:33ch;color:#d8dfd5}.contact-grid>div>a{display:block;width:fit-content;font-size:17px}.contact-email{margin-top:30px;margin-bottom:9px}.contact-person{font-size:13px;margin-top:30px!important}.contact form{background:var(--paper);color:var(--ink);padding:32px;border-radius:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact label{display:block;font-size:13px;font-weight:600;margin:15px 0 7px}.contact form>label:first-child{margin-top:0}.contact label span{font-weight:400;color:var(--muted)}.contact input,.contact select,.contact textarea{width:100%;max-width:100%;background:#fffdf8;border:1px solid #b5b9ac;border-radius:2px;padding:12px;color:var(--ink);font-size:16px;min-height:48px}.contact textarea{resize:vertical}.field-help{font-size:12px;color:var(--muted);margin-top:6px}.privacy{font-size:12px;color:var(--muted);margin:17px 0}.contact form .button{width:100%}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#form-status:empty{display:none}#form-status{font-size:14px;margin-top:18px}#form-status.error{color:#8b2323}#form-status.success{padding:12px;border:1px solid #52754e;background:#e5eddf}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:17px;cursor:pointer}.faq details p{font-size:15px;color:var(--muted);margin-top:18px}.footer{border-top:1px solid var(--line);padding-block:32px;display:flex;align-items:start;gap:40px;font-size:12px}.footer-brand{font:23px var(--serif);text-decoration:none}.footer>p{color:var(--muted)}.footer nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:56px}.hero-project>img{height:290px}.hero-project{transform:none}.actions{gap:18px}.contact-grid,.faq,.approach{gap:45px}.site-header nav{gap:20px}.service-grid{gap:24px}.hero .lead{font-size:19px}}
@media(max-width:780px){.wrap{padding-inline:24px}.site-header{padding:18px 24px;flex-wrap:wrap;gap:17px}.site-header nav{width:100%;justify-content:space-between;gap:15px}.brand{font-size:24px}.site-header .button{min-height:40px;padding:8px 12px}.hero{grid-template-columns:1fr;padding-block:48px 60px;gap:38px}.hero h1{font-size:clamp(46px,8vw,64px)}.hero-copy>p{max-width:55ch!important}.hero-project{margin:0;max-width:540px;width:100%}.hero-project>img{height:280px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px;max-width:55ch}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid h3{min-height:0;max-width:none}.service-grid p{max-width:60ch}.service-grid ul{margin:15px 0 20px}.number{margin-bottom:17px}.contact-grid,.faq,.approach{grid-template-columns:1fr;gap:35px}.contact-grid>div>p:not(.eyebrow){max-width:48ch}.footer{flex-wrap:wrap;gap:20px 30px}.footer nav{margin-left:0;width:100%;gap:16px 24px}.project-copy h3{font-size:27px}.project-note{padding:20px}.eyebrow{margin-bottom:17px}}
@media(max-width:650px){.project-grid{grid-template-columns:1fr;gap:35px}.form-row{grid-template-columns:1fr;gap:0}.contact form{padding:23px}.hero-project>img{height:auto;aspect-ratio:16/10}.hero .lead{font-size:20px}.hero h1{font-size:clamp(43px,10vw,60px)}.actions{align-items:flex-start;flex-direction:column}.service-grid h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:380px){.site-header nav{font-size:12px;gap:10px}.site-header .button{font-size:12px;padding:9px 10px;gap:8px}.brand{font-size:22px}.brand small{font-size:8px}.contact-email{font-size:15px!important}}