:root{--paper:#f5f4ee;--paper-deep:#ebece4;--ink:#173c30;--ink-deep:#102c24;--sage:#94b097;--muted:#64736b;--rule:#cbd4c9;--white:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}
html{scroll-padding-top:100px}
body{margin:0;color:var(--ink-deep);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #81ad8a;outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-60px;background:var(--ink);color:white;padding:12px 16px;z-index:20}.skip-link:focus{top:12px}
.announcement{height:31px;background:var(--ink-deep);color:#dce7dc;display:flex;align-items:center;justify-content:center;gap:13px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.announcement__dot{width:6px;height:6px;background:#adc5aa;transform:rotate(45deg)}.announcement__end{opacity:.55}
.site-header{height:95px;max-width:1500px;margin:auto;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}
.brand{width:300px;height:82px;display:flex;align-items:center}.brand img{width:100%;height:auto}
.site-nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:700}.site-nav>a{transition:color .2s}.site-nav>a:hover{color:#59856a}.site-nav__contact{padding:13px 19px;border:1px solid var(--ink)!important;display:flex;gap:18px;align-items:center}.site-nav__contact:hover{background:var(--ink);color:white!important}
.hero{max-width:1500px;margin:auto;min-height:692px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);padding:0 clamp(24px,5vw,76px);border-bottom:1px solid var(--rule)}
.hero__copy{padding:84px 56px 40px 0;display:flex;flex-direction:column;align-items:flex-start}
.eyebrow{display:flex;align-items:center;gap:11px;color:#466755;font-size:10px;font-weight:800;letter-spacing:.2em}.eyebrow__line{width:26px;height:1px;background:#72977c}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,5.65vw,88px);letter-spacing:-.065em;line-height:1.04;font-weight:400;max-width:690px;margin:43px 0 26px}.hero h1 em,.approach h2 em,.contact h2 em{color:#6a9775;font-weight:400}
.hero__lede{font-size:18px;line-height:1.68;max-width:550px;color:#53645a;margin:0}
.hero__actions{display:flex;align-items:center;gap:30px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 22px;min-height:58px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button--primary{background:var(--ink);color:#fff;min-width:244px}.button--primary:hover{background:#285745}.text-link{display:flex;gap:16px;align-items:center;border-bottom:1px solid #7d9983;padding:12px 0;font-size:13px;font-weight:700}.text-link:hover{color:#588260}
.hero__footnote{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:64px;color:#7a897f;font-size:10px;letter-spacing:.14em;font-weight:700}.hero__footnote-rule{width:29px;height:1px;background:#9eaea3}
.hero__visual{position:relative;min-height:692px;background:#e2e8dd;overflow:hidden;display:grid;place-items:center;border-left:1px solid var(--rule)}.hero__visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,#f6f7f1 0,transparent 42%),linear-gradient(135deg,#e7eee3 0%,#d8e3d7 100%)}.hero__visual:after{content:"";position:absolute;width:660px;height:660px;border:1px solid #bdcfc0;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}
.visual-corner{position:absolute;z-index:4;color:#68816e;font-size:10px;font-weight:800;letter-spacing:.17em}.visual-corner--one{left:29px;top:27px}.visual-corner--two{right:27px;top:27px}
.showcase-window{position:relative;z-index:2;width:min(76%,500px);aspect-ratio:1.16;background:#f8f8f2;border:1px solid #aebfaf;box-shadow:26px 30px 0 #b7cbbb,0 40px 60px #264e3530;transform:rotate(-3deg)}.showcase-window__chrome{height:36px;background:#e9eee7;border-bottom:1px solid #ccd9cc;display:flex;align-items:center;gap:6px;padding:0 13px}.showcase-window__chrome span{width:6px;height:6px;border-radius:50%;background:#9cb8a1}.showcase-window__chrome strong{margin-left:auto;font-size:7px;letter-spacing:.13em;color:#6c8571}.showcase-window__body{padding:18px 22px}.showcase-window__nav{display:flex;align-items:center;justify-content:space-between}.showcase-window__nav>i{width:49px;height:15px;background:var(--ink);clip-path:polygon(0 20%,100% 20%,87% 100%,13% 100%)}.showcase-window__nav div{display:flex;gap:8px}.showcase-window__nav b{width:26px;height:3px;background:#b9cbb8}.showcase-window__hero{margin-top:22px;padding:28px;background:#d7e3d4;min-height:210px}.showcase-window__hero small{display:block;color:#68846d;font-size:7px;letter-spacing:.16em;font-weight:800}.showcase-window__title{margin:22px 0 17px;display:grid;gap:5px}.showcase-window__title span{display:block;height:13px;background:var(--ink);width:82%}.showcase-window__title span:nth-child(2){width:67%}.showcase-window__title span:nth-child(3){width:45%}.showcase-window__line{height:4px;background:#9eb6a0;width:65%;margin-top:7px}.showcase-window__line--short{width:47%}.showcase-window__button{width:86px;height:22px;background:var(--ink);margin-top:20px}.showcase-window__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.showcase-window__tiles>div{height:64px;background:#e9eee7;padding:10px}.showcase-window__tiles span{display:block;font-size:7px;color:#8ca18d}.showcase-window__tiles b{display:block;width:65%;height:5px;background:#557660;margin-top:9px}.showcase-window__tiles i{display:block;width:78%;height:3px;background:#adbead;margin-top:6px}
.showcase-stamp{z-index:3;position:absolute;right:5%;bottom:12%;width:105px;height:105px;border-radius:50%;background:#f9faf5;border:1px solid #bfd0bd;box-shadow:0 12px 30px #24493524;display:grid;place-items:center}.showcase-stamp img{width:79px;height:auto}.visual-caption{position:absolute;z-index:4;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;color:#68816e;font-size:9px;letter-spacing:.17em;font-weight:800}
.intro-band{background:#e8ede5;padding:33px clamp(24px,5vw,76px);text-align:center;border-bottom:1px solid var(--rule)}.intro-band p{max-width:1000px;margin:auto;font:normal clamp(20px,2vw,28px)/1.42 Georgia,'Times New Roman',serif;color:var(--ink)}.intro-band span{color:#7c9680}
.section{max-width:1500px;margin:auto;padding:120px clamp(24px,5vw,76px)}.section__heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section h2{font:normal clamp(44px,4vw,65px)/1.09 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:22px 0 0}.section__heading>p{max-width:390px;color:#697b6f;font-size:15px;line-height:1.7;margin:0 0 4px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{position:relative;min-height:460px;background:#e7ede4;border:1px solid #cad8c9;padding:30px 36px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.service-card--dark{background:#183b30;color:#f3f5ee;border-color:#183b30}.service-card__number,.service-card__bottom{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6c8a70}.service-card--dark .service-card__number,.service-card--dark .service-card__bottom{color:#a7c5a8}.service-card h3{font:normal clamp(32px,3vw,48px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 15px}.service-card p{font-size:15px;line-height:1.7;color:#607565;max-width:420px;margin:0 0 28px}.service-card--dark p{color:#cadaca}.service-card__glyph{position:absolute;right:30px;top:55px;opacity:.78}.service-card__glyph--web{width:180px;height:135px;border:2px solid #9bb6a0;transform:rotate(-8deg)}.service-card__glyph--web:before{content:"";position:absolute;left:0;right:0;top:23px;border-top:2px solid #9bb6a0}.service-card__glyph--web span{position:absolute;display:block;background:#a8c1aa}.service-card__glyph--web span:nth-child(1){width:80px;height:9px;top:50px;left:20px}.service-card__glyph--web span:nth-child(2){width:110px;height:5px;top:72px;left:20px}.service-card__glyph--web span:nth-child(3){width:55px;height:18px;top:92px;left:20px}.service-card__glyph--tools{width:180px;height:135px;border:2px solid #719b7b;transform:rotate(7deg)}.service-card__glyph--tools span{position:absolute;border:2px solid #719b7b;display:block}.service-card__glyph--tools span:nth-child(1){width:46px;height:46px;top:20px;left:23px}.service-card__glyph--tools span:nth-child(2){width:67px;height:21px;top:20px;right:21px}.service-card__glyph--tools span:nth-child(3){width:113px;height:22px;bottom:19px;right:21px}
.approach{border-top:1px solid var(--rule);display:grid;grid-template-columns:.93fr 1.07fr;gap:11%;padding-top:110px;padding-bottom:125px}.approach h2{margin:24px 0}.approach__intro>p{max-width:390px;color:#66776b;font-size:16px;line-height:1.72}.approach__steps{border-top:1px solid #b9cbb9}.approach__step{display:grid;grid-template-columns:65px 1fr;gap:12px;padding:26px 0;border-bottom:1px solid #b9cbb9}.approach__step>span{font-size:11px;font-weight:800;color:#72957a}.approach__step h3{font:normal 25px Georgia,'Times New Roman',serif;margin:0 0 10px}.approach__step p{max-width:430px;font-size:14px;line-height:1.6;color:#65776a;margin:0}
.contact{position:relative;background:#173c30;color:#f4f5ee;padding:105px clamp(24px,5vw,76px) 115px;overflow:hidden}.contact>*:not(.contact__mark){position:relative;z-index:2;max-width:1350px;margin-left:auto;margin-right:auto}.contact .eyebrow{color:#a6c9ab}.contact .eyebrow__line{background:#a6c9ab}.contact h2{font:normal clamp(58px,6vw,94px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin-top:31px;margin-bottom:21px}.contact>p{font-size:17px;color:#c6d8c9;line-height:1.65}.contact__actions{display:flex;align-items:center;gap:30px;margin-top:35px;flex-wrap:wrap}.button--light{background:#f2f5ed;color:#173c30;min-width:240px}.button--light:hover{background:#dfebdc}.contact__email{font-size:15px;border-bottom:1px solid #b6ccb9;padding-bottom:4px}.contact__email:hover{color:#a5cfaa}.contact__mark{position:absolute!important;width:370px;right:8%;bottom:-70px;opacity:.09;transform:rotate(-14deg)}.contact__mark img{filter:brightness(0) invert(1)}
.site-footer{background:#f5f4ee;max-width:1500px;padding:48px clamp(24px,5vw,76px) 55px;margin:auto;display:flex;justify-content:space-between;gap:25px}.site-footer__brand img{width:260px;height:auto}.site-footer__brand p{margin:3px 0 0;color:#7c8b7f;font-size:12px}.site-footer__right{display:flex;gap:30px;align-items:end;color:#637a68;font-size:12px}.site-footer__right a{border-bottom:1px solid transparent}.site-footer__right a:hover{border-color:currentColor}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero__copy{padding-right:30px}.hero h1{font-size:clamp(52px,5.5vw,70px)}.showcase-window{width:82%}.showcase-stamp{width:82px;height:82px}.showcase-stamp img{width:62px}}
@media(max-width:760px){html{scroll-padding-top:55px}.announcement{font-size:8px;padding:0 10px;text-align:center}.announcement__end{display:none}.site-header{height:75px}.brand{width:205px;height:auto}.site-nav{gap:0}.site-nav>a:not(.site-nav__contact){display:none}.site-nav__contact{font-size:11px;padding:11px 12px;gap:10px}.hero{display:block;padding:0}.hero__copy{padding:62px 24px 44px}.hero h1{font-size:clamp(51px,10vw,74px);margin:30px 0 22px;max-width:620px}.hero__lede{font-size:16px}.hero__actions{margin-top:30px}.hero__footnote{padding-top:55px}.hero__visual{min-height:490px;border-left:0;border-top:1px solid var(--rule)}.hero__visual:after{width:470px;height:470px}.showcase-window{max-width:420px;width:70%}.visual-caption{bottom:20px}.section{padding:85px 24px}.section__heading{display:block}.section__heading>p{margin-top:23px}.service-grid{grid-template-columns:1fr}.service-card{min-height:380px}.approach{display:block}.approach__steps{margin-top:45px}.contact{padding:85px 24px 95px}.contact__mark{right:-75px;bottom:-60px}.site-footer{padding:38px 24px 45px}}
@media(max-width:520px){.brand{width:clamp(165px,51vw,205px)}.site-nav__contact{font-size:10px;padding:10px}.hero__copy{padding-top:54px}.hero h1{font-size:51px}.hero__actions{align-items:stretch;gap:14px}.button--primary{width:100%}.text-link{margin-left:2px}.hero__visual{min-height:400px}.hero__visual:after{width:390px;height:390px}.showcase-window{width:74%;box-shadow:14px 18px 0 #b7cbbb,0 28px 45px #264e3528}.showcase-window__body{padding:10px 13px}.showcase-window__hero{min-height:160px;margin-top:13px;padding:17px}.showcase-window__title{margin:14px 0 11px}.showcase-window__title span{height:9px}.showcase-window__tiles>div{height:45px;padding:6px}.showcase-stamp{right:6%;bottom:9%;width:65px;height:65px}.showcase-stamp img{width:48px}.visual-corner{font-size:8px}.visual-caption{font-size:7px;bottom:12px;left:20px;right:20px}.intro-band{padding:27px 24px}.intro-band p{font-size:19px}.section h2{font-size:46px}.service-card{padding:25px 26px;min-height:390px}.service-card__glyph{transform:scale(.7)!important;transform-origin:top right;right:18px;top:42px}.service-card h3{font-size:36px}.contact h2{font-size:62px}.contact__actions{align-items:flex-start;flex-direction:column;gap:25px}.button--light{width:100%}.site-footer{display:block}.site-footer__right{margin-top:38px;display:flex;flex-wrap:wrap;gap:15px 25px;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.site-nav>a{transition:none}.button:hover{transform:none}}