:root{color-scheme:light;--ink:#15252a;--muted:#5d6c6e;--line:#d6dedb;--cream:#f4f3eb;--light:#fbfbf7;--green:#95b8a5;--dark:#101d22}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--light);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6f9f87;outline-offset:4px}button{font:inherit}.wrap{width:min(100% - 40px,1170px);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:10px;z-index:10}.skip-link:focus{top:10px}.site-header{background:var(--light);border-bottom:1px solid var(--line)}.header-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:750;letter-spacing:.01em}.brand-mark{width:42px;height:42px;display:block;flex:none;object-fit:contain}.site-header nav{display:flex;gap:clamp(14px,3vw,37px);font-size:13px;font-weight:650}.site-header nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{padding-block:clamp(80px,13vw,172px) 38px;min-height:min(760px,90vh);display:flex;flex-direction:column;justify-content:center}.eyebrow,.kicker,.service-number,.project-meta,.contact-caption{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:#496357}.status-dot{width:8px;height:8px;border-radius:50%;background:#6caa86;box-shadow:0 0 0 4px #e5f1e7}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.07;letter-spacing:-.055em}h1{font-size:clamp(49px,8.9vw,112px);max-width:1050px;margin:28px 0 30px;font-weight:760}h1 em,.contact h2 em{font-style:normal;color:#638876}.hero-intro{font-size:clamp(18px,2.1vw,23px);line-height:1.5;max-width:670px;color:#49595c}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:15px 19px;font-size:14px;font-weight:700;border-radius:4px}.button-primary{background:var(--dark);color:#fff}.button-primary:hover{background:#29433f}.text-link{font-size:14px;font-weight:750}.hero-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:100px;color:#697776;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.section{padding-block:clamp(80px,11vw,144px);scroll-margin-top:30px}.section-work{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:60px}.kicker{color:#587867;margin-bottom:20px}.section-heading h2{font-size:clamp(38px,5.4vw,69px);max-width:720px;margin:0}.section-heading>p{max-width:275px;color:var(--muted);font-size:14px;margin:0 0 4px}.projects{display:grid;gap:clamp(75px,10vw,132px)}.project{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(35px,6vw,100px);align-items:center}.project-reverse .project-visual{order:2}.project-visual{aspect-ratio:1.28;position:relative;overflow:hidden;display:grid;place-items:center}.caseflow-visual{background:#dbe3dd}.fence-visual{background:#cbdacb}.visual-label{position:absolute;top:20px;left:20px;z-index:2;background:#fbfbf7;padding:7px 10px;color:#53655e;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:3px}.mock-screen{width:83%;height:72%;background:#fafbf7;border-radius:8px 8px 0 0;box-shadow:0 24px 70px #2b484c38;transform:translateY(13%)}.mock-bar{height:28px;background:#203436;display:flex;gap:5px;align-items:center;padding:0 12px}.mock-bar i{width:5px;height:5px;background:#93af9f;border-radius:50%}.mock-layout{height:100%;display:flex}.mock-sidebar{background:#e9efeb;width:20%;padding:24px 10px;display:grid;align-content:start;gap:13px}.mock-sidebar b{background:#bdcec5;border-radius:2px;height:7px;width:75%}.mock-sidebar b:first-child{background:#6e9881}.mock-content{flex:1;padding:20px;display:grid;align-content:start;gap:16px}.mock-content>span{height:10px;width:40%;border-radius:4px;background:#a4bbae}.mock-grid{display:flex;gap:9px}.mock-grid b{background:#e5ece7;height:58px;flex:1;border-radius:4px}.mock-lines{display:grid;gap:9px}.mock-lines i{height:7px;background:#e4eae5;border-radius:4px}.mock-lines i:nth-child(even){width:72%}.phone-mock{width:39%;min-width:145px;aspect-ratio:.51;background:#f8faf5;border:6px solid #203535;border-radius:25px;box-shadow:20px 25px 60px #2b484c38;transform:rotate(-7deg) translateY(10%);padding:11px}.phone-pill{height:7px;width:35%;background:#233b3b;border-radius:20px;margin:0 auto 19px}.phone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.phone-top span{height:11px;width:58%;background:#405d51;border-radius:3px}.phone-top b{height:15px;width:15px;border-radius:50%;background:#a9c6ae}.phone-card{background:#e1ebdf;padding:15px 10px;border-radius:8px;display:grid;gap:10px;margin-bottom:11px}.phone-card i{display:block;height:7px;background:#8da994;border-radius:3px}.phone-card i:nth-child(2){width:65%}.phone-card i:nth-child(3){height:35px;background:#c0d3bf}.phone-card.second{background:#eef2e9}.phone-tabs{display:flex;justify-content:space-around;margin-top:24px}.phone-tabs b{width:14px;height:14px;border-radius:4px;background:#bbcfba}.project-meta{display:flex;gap:22px;color:#5c7868;margin-bottom:25px}.project-meta span:first-child{color:#8a9a8f}.project-copy h3{font-size:clamp(43px,5.5vw,75px);margin:0 0 19px}.project-lede{font-size:clamp(18px,2vw,23px);font-weight:650;line-height:1.4;margin-bottom:18px}.project-copy>p:not(.project-lede){color:#52615f;max-width:470px}.tags{padding:0;margin:32px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.tags li{border:1px solid #b9c9bf;border-radius:30px;padding:5px 11px;color:#546d5d;font-size:11px;font-weight:650}.services{background:var(--light)}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.service-grid article{padding:30px 10% 0 0}.service-grid article+article{border-left:1px solid var(--line);padding-left:10%}.service-number{color:#67866e}.service-grid h3{font-size:clamp(27px,3vw,40px);margin:52px 0 17px}.service-grid p{color:#596868;max-width:450px}.contact{background:var(--dark);color:#f6f7f0}.contact-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.contact .kicker{color:#9abda7}.contact h2{font-size:clamp(45px,6.4vw,86px);margin-bottom:25px}.contact h2 em{color:#9abda7}.contact-inner>div>p:last-child{color:#c0cfca;max-width:450px}.contact-card{border-top:1px solid #5c746d;padding-top:20px}.contact-caption{color:#a8baa8;margin-bottom:29px}.contact-placeholder{font-size:17px;font-weight:650;margin:0 0 16px}.contact-note{font-size:12px;color:#a7b9b0;margin-top:30px}footer{background:var(--dark);color:#a1b3aa;border-top:1px solid #43554f;font-size:12px}.footer-row{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px}@media(max-width:760px){.wrap{width:min(100% - 32px,1170px)}.header-row{min-height:68px}.site-header nav{gap:14px;font-size:12px}.brand{font-size:13px}.hero{min-height:650px;padding-top:90px}.hero-foot{padding-top:80px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:25px}.project{display:flex;flex-direction:column;align-items:stretch;gap:28px}.project-reverse .project-visual{order:0}.project-visual{aspect-ratio:1.18}.project-copy h3{margin-bottom:12px}.project-meta{margin-bottom:14px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:28px 0 36px}.service-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.service-grid h3{margin:26px 0 15px}.contact-inner{grid-template-columns:1fr;gap:40px}.footer-row{flex-wrap:wrap;padding-block:23px;justify-content:flex-start}.footer-row>*{flex:1 1 45%}}@media(max-width:350px){.brand>span:last-child{display:none}.hero{min-height:620px}h1{font-size:47px}.hero-actions{gap:17px}.button{gap:20px}.site-header nav{gap:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.fence-gallery{min-width:0;display:grid;gap:12px}.fence-gallery a{display:block;min-width:0;color:var(--ink)}.fence-gallery img{display:block;width:100%;height:100%;object-fit:contain;background:#eeeae1}.fence-gallery-lead{aspect-ratio:1.6;overflow:hidden;border:1px solid var(--line);border-radius:8px}.fence-gallery-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fence-gallery-strip a{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--light)}.fence-gallery-strip img{aspect-ratio:1.6;height:auto;object-fit:contain}.fence-gallery-strip span{display:block;padding:8px 10px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.03em}.fence-gallery a:hover img{filter:brightness(.96)}
@media(max-width:760px){.fence-gallery-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.fence-gallery-strip a{flex:0 0 65%;scroll-snap-align:start}.fence-gallery-strip img{aspect-ratio:1.6}}


/* Project stories read first; galleries follow beneath on every screen. */
.project{display:flex;flex-direction:column;align-items:stretch;gap:28px}
.project-copy{max-width:820px}
.project .fence-gallery{width:100%;max-width:940px}
.project .fence-gallery-lead{aspect-ratio:1.6}
.project .fence-gallery-lead img{object-fit:contain}
@media(max-width:760px){.project{gap:22px}.project .fence-gallery{max-width:none}}