:root{--paper:#f7f2e9;--ink:#252b2a;--green:#234b42;--copper:#a4472c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button{touch-action:manipulation}:is(a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline:3px solid var(--copper);outline-offset:5px}header{border-bottom:1px solid #dcd8ce;justify-content:space-between;align-items:center;gap:30px;padding:27px 6%;display:flex}.brand{letter-spacing:1px;align-items:center;gap:12px;font-size:22px;font-weight:850;line-height:1.1;display:flex}.brand-sub{letter-spacing:4px;margin-top:7px;font-size:10px;display:block}.brandmark{background:var(--green);color:var(--paper);border-radius:4px;justify-content:center;align-items:center;width:43px;height:48px;font-size:27px;display:flex;transform:skewY(-6deg)}.brandmark span{font-size:10px}nav{gap:30px;font-size:14px;display:flex}nav a:hover,nav a[aria-current]{color:var(--copper)}.button{background:var(--green);color:var(--paper);cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:27px;padding:16px 25px;font-size:14px;font-weight:650;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#316456;transform:translateY(-2px)}.nav-cta{padding:12px 23px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:690px;padding:64px 6% 55px;display:grid}.eyebrow{letter-spacing:2.3px;text-transform:uppercase;font-size:10px;font-weight:750}.eyebrow i{background:var(--copper);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-2px;font-weight:700;line-height:1.06}h1{margin:24px 0;font-size:clamp(55px,6.5vw,100px)}em{color:var(--copper);font-family:Georgia,serif;font-weight:400}.hero p{color:#5c625b;font-size:18px}.actions{flex-wrap:wrap;align-items:center;gap:23px;margin:30px 0;display:flex}.text-link{border-bottom:1px solid #989d91;padding:6px 0;font-size:12px}.hero-note{color:#6b7068;align-items:center;gap:14px;margin-top:40px;font-size:11px;line-height:1.5;display:flex}.hero-note>span{color:var(--copper);font-size:36px}.hero-art{background:#e9e3d6;border-radius:120px 8px 8px;min-height:530px;margin:0;position:relative;overflow:hidden}.hero-art img{object-fit:cover;width:100%;height:500px}.hero-art figcaption{letter-spacing:2px;justify-content:space-between;padding:15px 27px;font-size:8px;display:flex}.art-label{letter-spacing:2px;font-size:9px;line-height:1.5;position:absolute;top:34px;right:28px}.ribbon{background:var(--green);color:var(--paper);letter-spacing:2px;justify-content:space-around;align-items:center;gap:20px;padding:22px 5%;font-size:11px;display:flex}.ribbon span{color:#e6b65c;font-size:23px}.split{grid-template-columns:1fr 1fr;gap:80px;padding:100px 8%;display:grid}h2{margin:20px 0 26px;font-size:clamp(36px,4vw,58px)}p{color:#5b625b;max-width:65ch}.service-list>a{border-bottom:1px solid #cccfc3;align-items:center;gap:24px;padding:26px 0;transition:padding .2s;display:flex}.service-list>a:hover{padding-left:10px}.service-list small{color:var(--copper);font-size:11px}.service-list h3{letter-spacing:-.5px;margin:0 0 9px;font-size:23px}.service-list p{margin:0;font-size:13px}.service-list>a>span{color:var(--copper);margin-left:auto;font-size:30px}.process{background:#eeeadf;padding:80px 8%}.steps{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px;display:grid}.steps small{color:var(--copper)}.steps h3{letter-spacing:-.6px;margin-top:22px;font-size:25px}.steps p{font-size:15px}.cta{background:var(--green);color:var(--paper);text-align:center;padding:75px 8%}.cta em{color:#e6b65c}.cta h2{font-size:clamp(48px,6vw,80px)}.cream{background:var(--paper);color:var(--green)}footer{flex-wrap:wrap;align-items:center;gap:25px;padding:50px 6%;display:flex}footer .brand{font-size:16px}footer p,footer small{margin:0;font-size:11px}footer div{gap:20px;margin-left:auto;font-size:12px;display:flex}.page-intro{max-width:1100px;padding:75px 8% 40px}.page-intro h1{font-size:clamp(45px,6vw,78px)}.content{padding:20px 8% 90px}.content>.service-list{margin-bottom:60px}.contact-layout{grid-template-columns:1fr 1.4fr;gap:90px;padding:20px 8% 90px;display:grid}.contact-layout h2{font-size:38px}.contact-layout h3{letter-spacing:-.5px;font-size:23px}hr{border:0;border-top:1px solid #d3d6ca;margin:35px 0}form{background:#fffaf2;border:1px solid #deded2;border-radius:8px;padding:35px}label{margin-bottom:22px;font-size:13px;font-weight:600;display:block}input,textarea,select{width:100%;color:var(--ink);background:0 0;border:1px solid #aaae9e;border-radius:3px;margin-top:7px;padding:12px;font-size:15px;display:block}textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.upload{border:1px dashed #8a9887;padding:20px}.upload span,.upload small{font-size:12px;font-weight:400;display:block}.upload input{border:0;padding:0;font-size:12px}.fine{font-size:12px}.fine a{text-decoration:underline}.honey{position:absolute;left:-10000px}.article{max-width:830px;margin:auto;padding:30px 30px 90px}.article p{font-size:19px;line-height:1.9}.article h2{font-size:32px}.article img{max-width:100%}.showcase,.blog-card{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.showcase img,.blog-card img{background:#e9e3d6;border-radius:8px;width:100%}.blog-card h2{font-size:38px}.blog-card:hover h2{color:var(--copper)}details{border-bottom:1px solid #d1d4c8;padding:22px 0}summary{cursor:pointer;font-size:20px;font-weight:600}details p{margin-top:20px}.skip{z-index:99;background:#fff;padding:15px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}@media (max-width:900px){header{flex-wrap:wrap;gap:20px;padding:20px 5%}nav{order:3;justify-content:space-between;gap:15px;width:100%}.hero{grid-template-columns:1fr;gap:30px;padding:45px 6%}.hero-art{min-height:400px}.hero-art img{height:400px}.hero h1{font-size:76px}.split,.contact-layout{grid-template-columns:1fr;gap:30px;padding:55px 6%}.steps{gap:25px}.ribbon{flex-wrap:wrap;font-size:9px}.showcase,.blog-card{grid-template-columns:1fr}.page-intro{padding:50px 6% 20px}}@media (max-width:550px){.steps{grid-template-columns:1fr}.hero h1{font-size:65px}.hero-art img{height:350px}.hero-art{min-height:390px}.form-grid{grid-template-columns:1fr;gap:0}form{padding:22px}.nav-cta{padding:10px 15px}footer div{margin-left:0}.brand{font-size:18px}.ribbon span:nth-of-type(2),.desktop{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.portfolio-gallery{grid-column:1/-1}.filters{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.filters button[aria-pressed=false]{color:#234b42;background:#e5e3d8}.project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.project-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}.project-grid h2{font-size:30px}@media (prefers-reduced-motion:no-preference){.hero-copy,.page-intro{animation:.6s ease-out arrive}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}.brand-logo{object-fit:cover;mix-blend-mode:multiply;width:150px;height:100px;display:block}header{padding-top:10px;padding-bottom:10px}@media (max-width:550px){.brand-logo{width:120px;height:80px}}.hero-art img{object-position:center;object-fit:cover}.showcase>img{aspect-ratio:4/5;object-fit:cover}
