@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--paper:#f2efe8;--ink:#25372d;--muted:#526157;--line:#c5c9bd;--gutter:clamp(22px,5vw,90px);scroll-behavior:smooth;scroll-padding-top:75px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,input,textarea,select{color:var(--ink)}img{display:block;width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #205dba;outline-offset:5px}[hidden]{display:none!important}.example-wrap{width:calc(100% - var(--gutter)*2);max-width:1680px;margin-inline:auto}.skip-example{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip-example:focus{top:10px}
.concept-ribbon{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#233a2d;color:#f2f6ef;padding:4px var(--gutter);font-size:11px;letter-spacing:.035em;min-height:46px}.concept-ribbon>a{display:inline-flex;align-items:center;gap:15px;min-height:40px;text-decoration:underline;text-underline-offset:4px}.concept-ribbon>span{font-size:10px}
.example-header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.example-brand{font-weight:750;font-size:38px;letter-spacing:-.07em;line-height:1}.example-header nav{display:flex;align-items:center;gap:34px;font-size:14px}.example-header nav>a{padding:12px 0;min-height:44px}.example-header nav>a:last-child{border:1px solid #687a6d;border-radius:99px;padding:10px 22px}.example-menu{display:none;min-height:44px;padding:8px 13px;border:1px solid #687a6d;border-radius:6px;background:transparent}
.example-hero{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:6%;padding-block:35px 70px;align-items:center}.example-eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.6;margin-bottom:23px}.example-hero h1{font-size:clamp(55px,6.4vw,100px);font-weight:500;line-height:1.03;letter-spacing:-.065em}.example-hero-copy>p:not(.example-eyebrow){margin-top:27px;font-size:18px;line-height:1.8;color:var(--muted)}.example-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;background:#2f4b38;color:#fff;border:1px solid #2f4b38;border-radius:4px;padding:13px 20px;font-size:14px;line-height:1.6;font-weight:550}.example-button:hover{background:#203c29}.example-button>span{font-size:21px;line-height:1}.example-hero .example-button{margin-top:28px}.example-hero figure{position:relative}.example-hero figure img{aspect-ratio:1.06;object-fit:cover;border-radius:95px 4px 4px 4px}.example-hero figcaption{font-size:10px;margin-top:10px;color:var(--muted)}.hero-side-note{position:absolute;bottom:24px;left:0;font-size:10px;letter-spacing:.12em;color:var(--muted)}
.example-section{padding-block:65px;border-top:1px solid var(--line)}.example-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;margin-bottom:35px}.example-section h2{font-size:clamp(35px,4vw,62px);font-weight:500;line-height:1.12;letter-spacing:-.055em}.example-section-heading h2{width:62%}.example-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.example-service-grid>article{padding-top:20px;border-top:1px solid #9ba69b;display:flex;flex-direction:column}.example-service-grid>article>span{font-size:12px;color:var(--muted)}.example-service-grid h3{font-size:25px;font-weight:550;line-height:1.3;letter-spacing:-.04em;margin:20px 0 14px}.example-service-grid p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:15px;max-width:340px}.example-service-grid a,.example-service-grid button{background:none;border:0;text-align:left;align-self:flex-start;padding:10px 0;min-height:44px;font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;margin-top:auto}.example-service-grid a>span,.example-service-grid button>span{margin-left:20px}.example-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:27px;max-width:900px}
.example-gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}.example-gallery-grid button{padding:0;background:transparent;border:0;text-align:left;min-width:0}.example-gallery-grid img{aspect-ratio:.85;object-fit:cover;transition:filter .3s}.example-gallery-grid button:nth-child(2) img{object-position:0% center}.example-gallery-grid button:nth-child(3) img{object-position:80% center}.example-gallery-grid button:hover img{filter:brightness(.9)}.example-gallery-grid button>span{display:flex;justify-content:space-between;gap:15px;min-height:48px;align-items:center;font-size:15px}.example-project{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.example-project img{aspect-ratio:1.1;object-fit:cover}.example-project figcaption{font-size:10px;color:var(--muted);margin-top:10px;letter-spacing:.06em}.example-project>div>p:not(.example-eyebrow){font-size:16px;line-height:1.9;color:var(--muted);margin-top:23px;max-width:460px}.example-project .example-button{margin-top:25px}
.example-contact{display:grid;grid-template-columns:1fr 1fr;gap:12%}.example-contact>div>p:not(.example-eyebrow){font-size:16px;line-height:1.9;color:var(--muted);margin-top:24px;max-width:460px}.example-real-cta{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:25px}.example-contact form{padding:25px;border:1px solid #a4b1a3;border-radius:7px;background:#e6e9df}.example-form-note{font-size:10px;letter-spacing:.1em;margin-bottom:22px;font-weight:650}label{display:block;font-size:13px;margin-top:17px}input,select,textarea{display:block;width:100%;font-size:14px;min-height:46px;padding:11px 12px;border:1px solid #71836f;background:#f6f6ef;border-radius:4px;margin-top:7px}input[readonly],textarea[readonly]{background:#edf0e6;color:#526157}textarea{resize:vertical;line-height:1.7}.example-contact .example-button{margin-top:23px;width:100%}.example-contact .example-button:disabled{background:#5b6d5b;color:#fff;border-color:#5b6d5b}.example-reset{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0;font-size:13px}#example-form-status{font-size:13px;line-height:1.8;margin-top:16px}#example-form-status:empty{display:none}
.example-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:35px}.example-footer .example-brand{font-size:30px}.example-footer>p{font-size:11px;color:var(--muted);max-width:440px}.example-footer>a{font-size:13px;min-height:44px;display:flex;align-items:center;gap:20px}.example-footer nav{display:flex;gap:25px;width:100%;border-top:1px solid var(--line);padding-top:18px;font-size:11px}.example-footer nav a{min-height:44px;display:flex;align-items:center}
dialog{position:fixed;inset:0;width:min(850px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:25px;border:1px solid #8c9b87;border-radius:10px;color:var(--ink);background:var(--paper);overflow:auto}dialog::backdrop{background:#0b130ee0}.example-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.example-dialog-header .example-eyebrow{margin:0}.example-dialog-header button{background:transparent;border:1px solid #687a6d;min-height:44px;padding:8px 13px;border-radius:5px;font-size:13px}.example-dialog-header button>span{margin-left:16px}dialog h2{font-size:clamp(28px,4vw,46px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:25px 0 20px}dialog>img{max-height:43dvh;object-fit:cover}dialog>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}dialog dl>div{display:grid;grid-template-columns:.6fr 1.4fr;gap:22px;border-bottom:1px solid var(--line);padding-block:17px;font-size:14px;line-height:1.7}dialog dt{font-weight:650}dialog dd{margin:0;color:var(--muted)}dialog .example-button{margin-top:15px}
@media(max-width:1000px){.example-header nav{gap:20px}.example-hero{gap:5%;grid-template-columns:.85fr 1.15fr}.example-hero h1{font-size:68px}.example-service-grid{gap:20px}.example-service-grid h3{font-size:22px}.example-contact{gap:6%}.example-contact form{padding:20px}.example-project{gap:5%}}
@media(max-width:760px){:root{scroll-padding-top:68px}.concept-ribbon{gap:10px;min-height:49px;padding-block:3px}.concept-ribbon>span{font-size:8px;max-width:110px}.concept-ribbon>a{font-size:10px;gap:9px;min-height:43px}.example-header{min-height:91px;position:relative;gap:15px}.example-brand{font-size:34px}.example-menu{display:inline-flex;gap:18px;font-size:13px;align-items:center}.example-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#f6f5ed;border:1px solid #8b9c87;border-radius:7px;padding:12px;box-shadow:0 20px 35px #203c2926;z-index:5;flex-direction:column;gap:3px;align-items:stretch;font-size:14px}.example-header nav.is-open{display:flex}.example-header nav>a{padding:10px 12px}.example-header nav>a:last-child{border-radius:4px;margin-top:5px}.example-hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-block:15px 45px}.example-hero h1{font-size:68px}.example-eyebrow{font-size:9px;margin-bottom:20px}.example-hero-copy>p:not(.example-eyebrow){font-size:16px;margin-top:22px}.example-hero .example-button{margin-top:23px;width:100%}.example-hero figure img{border-radius:60px 4px 4px 4px;aspect-ratio:1}.hero-side-note{display:none}.example-section{padding-block:38px}.example-section-heading{display:block;margin-bottom:24px}.example-section-heading h2{width:auto}.example-section h2{font-size:37px;line-height:1.13}.example-service-grid{grid-template-columns:1fr;gap:25px}.example-service-grid h3{font-size:24px;margin-block:14px 11px}.example-service-grid p{font-size:14px;margin-bottom:9px;max-width:none}.example-note{font-size:11px;margin-top:21px}.example-gallery-grid{grid-template-columns:1fr;gap:23px}.example-gallery-grid img{aspect-ratio:1.2}.example-gallery-grid button:nth-child(2) img{aspect-ratio:1.4}.example-gallery-grid button:nth-child(3) img{aspect-ratio:1.4}.example-project,.example-contact{grid-template-columns:1fr;gap:28px}.example-project>div{grid-row:1}.example-project>div>p:not(.example-eyebrow){font-size:15px}.example-project .example-button{width:100%;gap:18px}.example-contact>div>p:not(.example-eyebrow){font-size:15px}.example-contact form{padding:20px 17px}.example-real-cta{font-size:13px;gap:15px}.example-footer{padding-block:28px;gap:19px}.example-footer>p{order:3;width:100%}.example-footer nav{order:4;gap:20px}dialog{padding:17px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.example-dialog-header{gap:13px}.example-dialog-header .example-eyebrow{font-size:8px}.example-dialog-header button{font-size:12px}dialog h2{font-size:29px;margin-top:22px}dialog dl>div{grid-template-columns:1fr;gap:6px;font-size:13px;padding-block:15px}dialog .example-button{width:100%;font-size:12px;gap:15px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.concept-ribbon,.example-button{border:1px solid ButtonText}a:focus-visible,button:focus-visible{outline-color:Highlight}}