:root{--paper:#f4f2eb;--ink:#1e2b1b;--muted:#59644e;--line:#c9cebf;--accent:#405b2d}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font:15px/1.75 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}:focus-visible{outline:3px solid #738954;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:10px;left:10px;background:var(--ink);color:white;padding:12px 20px;z-index:100;transform:translateY(-200%)}.skip:focus{transform:none}.header{display:flex;align-items:center;gap:40px;min-height:110px;border-bottom:1px solid var(--line)}.brand{font-size:42px;font-weight:700;letter-spacing:-3px;display:flex;align-items:center;gap:20px;white-space:nowrap}.brand span{font-size:11px;letter-spacing:.12em;font-weight:400}.back{margin-left:auto;font-size:12px}.header-contact{font-size:12px}.hero{padding-block:80px 65px}.eyebrow,.tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.8;color:var(--muted)}.hero h1{font:400 clamp(50px,6vw,86px)/1.05 Georgia,serif;letter-spacing:-.045em;margin-top:28px}.hero h1 em,h2 em{font-weight:400;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:45px}.hero-bottom p{color:var(--muted);font-size:14px}.hero-bottom>a{font-size:12px;line-height:1.9;text-decoration:underline;text-underline-offset:5px}.hero-symbol{font-size:75px;color:#c26c4f;line-height:1}.catalog-toolbar{border-block:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:25px;align-items:center}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{padding:10px 18px;border:1px solid #b1bba6;border-radius:30px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer;min-height:44px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#filter-status{font-size:11px;color:var(--muted);white-space:nowrap}.section{padding-block:85px}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:55px;margin-bottom:45px}.section-top>.eyebrow{padding-top:10px}h2{font:400 52px/1.12 Georgia,serif;letter-spacing:-.04em}.section-top p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:610px;margin-top:22px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project-card,.system-case{min-width:0}.project-image{display:block;aspect-ratio:1.6;border:1px solid var(--line);overflow:hidden;border-radius:4px}.project-image img{transition:transform .4s}.project-image:hover img{transform:scale(1.025)}.project-card>.tag,.system-case>.tag{display:block;margin-top:20px}h3{font:400 29px/1.2 Georgia,serif;letter-spacing:-.025em;margin-top:12px}.project-card p,.system-case p{font-size:14px;color:var(--muted);line-height:1.85;margin-top:14px}.project-link{display:inline-block;margin-top:20px;font-size:13px;font-weight:500;border-bottom:1px solid #7a896c;padding-bottom:4px}.woodrus-card{margin-top:60px;display:grid;grid-template-columns:1.15fr 1fr;background:#ece5d7;border:1px solid #d7ccb8;border-radius:5px;overflow:hidden}.woodrus-image{display:block;min-height:460px}.woodrus-copy{padding:40px}.woodrus-copy h3{font-size:45px;margin-top:20px}.woodrus-copy p{font-size:14px;line-height:1.85;margin-top:20px;color:#655b49}.woodrus-copy .small{font-size:12px}.source-link{display:block;font-size:11px;margin-top:16px;text-decoration:underline;text-underline-offset:4px;color:#655b49}.site-list{margin-top:50px}.site-list article{display:grid;grid-template-columns:45px 1fr 130px;gap:30px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}.site-list article:first-child{border-top:1px solid var(--line)}.site-index{font:italic 20px Georgia,serif;color:var(--muted)}.site-list h3{font-size:26px;margin-top:7px}.site-list p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:10px;max-width:780px}.site-list article>a{font-size:12px;text-align:right}.systems-band{background:#e4e8db;border-block:1px solid #c7cebb}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.system-case .small{font-size:12px}.system-graphic{background:#f7f7f1;border:1px solid #aab69c;border-radius:10px;overflow:hidden;min-height:260px;padding:25px;box-shadow:0 15px 35px #203b1b0c}.app-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:19px;letter-spacing:-.06em;font-weight:700;padding-bottom:20px;border-bottom:1px solid #ccd3c2}.app-bar span{font-size:9px;font-weight:400;letter-spacing:.05em}.pipeline{display:flex;align-items:center;gap:12px;margin:30px 0}.pipeline>span{flex:1;font-size:10px;background:#e5e9df;border:1px solid #c6ceba;border-radius:6px;padding:13px 10px;min-width:0}.pipeline i{display:block;height:5px;background:#aebb9e;border-radius:3px;margin-top:13px;width:75%}.pipeline i:last-child{width:50%;margin-top:6px}.pipeline>b{font-weight:400;color:var(--muted)}.app-bottom{font-size:10px;letter-spacing:.05em;color:var(--muted)}.erp-graphic{background:#f0e9dd;border-color:#c6b99e}.erp-graphic .app-bar{border-color:#d1c6b0}.estimate-lines{display:grid;margin-top:16px}.estimate-lines span{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;border-bottom:1px solid #d1c6b0}.estimate-lines b{font-size:10px;font-weight:400;color:#675c48}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.client-card{border:1px solid #d3c5bc;background:#ece2dc;padding:35px;position:relative;overflow:hidden;min-width:0}.concept-mark{display:block;font:italic 72px Georgia,serif;margin-bottom:25px;color:#8c6862}.client-card .tag{font-size:9px;color:#624e48}.client-card h3{font-size:39px}.client-card p{font-size:14px;line-height:1.85;margin-top:20px;max-width:430px}.variant-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.variant-links a{border:1px solid #aa958c;border-radius:30px;padding:10px 15px;font-size:11px;min-height:44px;display:flex;align-items:center}.estate{background:#e4e7d8;border-color:#c0c9ad}.estate .concept-mark{color:#687553}.estate .tag{color:#4f5d3e}.estate .variant-links a{border-color:#99a483}.lab-band{background:#eeece5;border-block:1px solid var(--line)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.demo-card{min-width:0}.demo-card>a{display:block}.demo-image{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:3px;background:#d6b4ad}.demo-image img{object-position:center 65%;transition:transform .4s}.demo-card:hover img{transform:scale(1.025)}.demo-name{position:absolute;top:20px;left:25px;font:italic 52px Georgia,serif;color:#472f34;letter-spacing:-3px}.coffee-name{font:900 44px Arial,sans-serif;color:#f8e4c7;letter-spacing:-3px}.terra-name{font:400 29px Arial,sans-serif;color:#fff9e9;letter-spacing:8px}.shift-name{font:italic 900 43px Arial,sans-serif;color:#a6f84f;letter-spacing:-3px}.demo-card .tag{display:block;margin-top:18px}.demo-card h3{display:flex;justify-content:space-between;margin-top:8px}.demo-card h3 span{font:400 26px Arial,sans-serif}.demo-card p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:12px;max-width:450px}.portfolio-contact{padding-block:85px;display:flex;justify-content:space-between;align-items:center;gap:50px}.portfolio-contact h2{margin-top:20px}.portfolio-contact p{font-size:14px;color:var(--muted);margin-top:20px}.contact-links{display:grid;gap:15px;flex:none}.contact-links a{font-size:17px}.footer{border-top:1px solid var(--line);padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:var(--muted)}.footer .brand{font-size:30px}.footer .brand span{font-size:9px}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.header{gap:25px}.header .brand{font-size:35px;gap:12px}.brand span{font-size:9px}.section-top{grid-template-columns:.8fr 2fr;gap:30px}h2{font-size:44px}.woodrus-copy{padding:30px}.woodrus-copy h3{font-size:38px}.woodrus-image{min-height:480px}.site-list article{grid-template-columns:30px 1fr 110px;gap:20px}.system-grid{gap:25px}.system-graphic{padding:20px}.pipeline{gap:8px}.pipeline>span{padding-inline:7px}.app-bar span{font-size:8px}.client-card{padding:28px}.client-card h3{font-size:35px}.catalog-toolbar{flex-wrap:wrap}.portfolio-contact{gap:35px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;min-height:0;padding-block:22px;gap:15px 20px}.header .brand{font-size:33px;gap:12px;flex-basis:100%}.brand span{font-size:9px}.back{margin:0;font-size:11px}.header-contact{margin-left:auto;font-size:11px}.hero{padding-block:50px 40px}.hero .eyebrow{font-size:8px}.hero h1{font-size:clamp(39px,8.8vw,56px);margin-top:23px}.hero-bottom{margin-top:30px;gap:25px;flex-wrap:wrap}.hero-bottom p{font-size:13px}.hero-bottom p br{display:none}.hero-symbol{font-size:50px}.hero-bottom>a{font-size:11px}.hero-bottom p{flex-basis:100%;max-width:340px}.hero-bottom>a{margin-left:auto}.catalog-toolbar{padding-block:17px;gap:15px}.filters{gap:8px}.filters button{padding:8px 13px;font-size:11px;min-height:44px}.section{padding-block:55px}.section-top{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-top>.eyebrow{padding:0}h2{font-size:39px}.section-top p:not(.eyebrow){font-size:14px;margin-top:20px}.featured-grid,.demo-grid,.system-grid,.client-grid{grid-template-columns:1fr;gap:34px}.project-card>.tag{font-size:9px}h3{font-size:27px}.project-card p{font-size:14px}.woodrus-card{grid-template-columns:1fr;margin-top:40px}.woodrus-image{min-height:0;height:270px}.woodrus-copy{padding:26px}.woodrus-copy h3{font-size:39px}.site-list{margin-top:35px}.site-list article{grid-template-columns:25px 1fr;gap:10px 18px;padding-block:23px}.site-list article>a{grid-column:2;text-align:left;margin-top:5px}.site-list .tag{font-size:8px}.site-list h3{font-size:24px}.site-list p{font-size:13px}.site-index{align-self:start;padding-top:4px}.system-case>.tag{font-size:9px}.system-graphic{min-height:230px}.app-bar span{font-size:8px}.pipeline{gap:10px}.pipeline>span{padding:13px 9px}.client-card{padding:26px}.client-card .tag{font-size:8px}.client-card h3{font-size:35px}.concept-mark{font-size:64px;margin-bottom:20px}.variant-links{gap:10px}.variant-links a{font-size:11px;padding:9px 13px}.demo-image{aspect-ratio:1.2}.demo-name{font-size:47px}.coffee-name{font-size:40px}.terra-name{font-size:27px}.shift-name{font-size:38px}.demo-card .tag{font-size:9px}.portfolio-contact{flex-direction:column;align-items:flex-start;padding-block:55px;gap:30px}.contact-links a{font-size:18px}.footer{flex-wrap:wrap;gap:18px;font-size:10px}.footer .brand{flex-basis:100%}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:38px}.header-contact{font-size:10px}.filters button{padding:8px 11px;font-size:10px}.pipeline{gap:7px}.pipeline>span{padding-inline:6px}.client-card{padding:22px}.variant-links a{padding-inline:10px}.portfolio-contact h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-image:hover img,.demo-card:hover img{transform:none}}
.terra-name{background:#2d3d2c;color:#fff9e9;padding:9px 13px;font-size:25px;letter-spacing:5px}a:focus-visible,button:focus-visible{outline-color:#405b2d}
.demo-name{background:#f7f0e8;color:#472f34;padding:5px 13px}.coffee-name{background:#352c23;color:#f8e4c7;padding:8px 13px}.terra-name{background:#2d3d2c;color:#fff9e9;padding:9px 13px}.shift-name{background:#0b1120;color:#a6f84f;padding:8px 13px}

.family-preview{aspect-ratio:1.6;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:7px;background:#dce0d1;border:1px solid var(--line);padding:8px;border-radius:5px}.family-preview a{display:block;min-height:0;overflow:hidden;border:1px solid #bcc5ae;border-radius:2px}.family-preview a:first-child{grid-row:1/3}.family-preview img{height:100%;object-fit:cover;object-position:top left}.family-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px}.family-links a{font-size:12px;border-bottom:1px solid #7a896c;padding-bottom:4px;min-height:35px;display:inline-flex;align-items:center}
