:root{--ink:#073d31;--deep:#003d30;--green:#00d279;--paper:#f5f6f0;--muted:#64776e;--line:#d5ded6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4;letter-spacing:-1.2px}h1{font-size:clamp(42px,5.5vw,80px);font-weight:800;line-height:1.45}h2{font-size:clamp(30px,3.5vw,48px)}h3{font-size:23px}p{font-size:17px;color:var(--muted)}em{font-style:normal;color:#03995c}.wrap{max-width:1280px;width:calc(100% - 104px);margin-inline:auto}header{position:sticky;top:0;z-index:20;background:rgba(245,246,240,.97);border-bottom:1px solid var(--line)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:100px;height:70px;overflow:hidden;position:relative;border-radius:4px;background:var(--deep)}.brand img{position:absolute;width:130px;max-width:none;top:-29px;left:-15px}nav{display:flex;gap:30px;font-size:14px}nav a{padding:10px 0}nav a[aria-current]{color:#008c50;font-weight:700}nav a:hover{color:#008c50}.header-cta{font-size:14px;border:1px solid var(--ink);padding:9px 20px;border-radius:30px;display:flex;gap:22px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center;padding-block:76px 85px}.eyebrow{font-size:12px;font-weight:700;display:block;letter-spacing:.5px;margin-bottom:22px}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:7px}.hero-copy p{max-width:520px;margin-top:23px;line-height:2}.actions{display:flex;align-items:center;gap:30px;margin-top:33px}.button{border:0;background:var(--green);color:var(--deep);display:inline-flex;justify-content:space-between;align-items:center;gap:38px;padding:15px 26px;border-radius:8px;font-size:15px;font-weight:bold;transition:transform .2s,background .2s}.button:hover{background:#09e58a;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.textlink{font-size:14px;font-weight:bold}.textlink:hover{color:#008b53}.hero-note{margin-top:44px;font-size:12px;color:var(--muted)}.hero-art{position:relative;background:#e4ebdf;min-height:490px;padding:30px 25px 25px;overflow:hidden;border-radius:180px 12px 12px 12px;display:flex;flex-direction:column;justify-content:center}.art-index{direction:ltr;font:9px Arial;letter-spacing:2px;text-align:center;margin-bottom:25px}.logo-panel{width:78%;margin:auto;transform:rotate(-8deg);box-shadow:18px 22px 0 #c0d4c2;border:8px solid var(--deep);border-radius:5px;overflow:hidden}.logo-panel img{width:100%}.art-label{margin-top:35px;display:flex;align-items:center;justify-content:space-between;font-weight:bold;font-size:15px}.art-arrow{font:64px Arial;line-height:1}.vertical-label{position:absolute;font:8px Arial;letter-spacing:2px;writing-mode:vertical-rl;top:155px;left:17px}.service-strip{background:var(--green);padding:19px 0;font-size:17px;font-weight:bold}.service-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.service-strip b{font-size:23px}.section{padding-block:90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:44px}.section-head p{max-width:400px;line-height:2}.service-preview{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.service-preview>a{display:flex;align-items:center;gap:22px;padding:25px 0;border-top:1px solid var(--line)}.service-preview a h3{flex:1;font-size:21px}.service-preview a:hover h3{color:#019658}.num{font:12px Arial;color:#789084}.service-preview>a>span:last-child{font-size:24px}.more{display:inline-block;margin-top:30px}.work-bg{background:#e7ece3}.workgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project{padding:0;border:0;text-align:right;color:inherit;background:none}.project-img{height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.project-img.brand{width:100%;background:#003c30;position:static}.project-img.brand img{width:100%;height:100%;object-fit:cover;position:static;max-width:100%;transition:transform .5s}.project-img.poster{background:#d4decd;padding:25px}.project-img.poster img{height:100%;width:auto;box-shadow:0 14px 24px #163d2428;transform:rotate(5deg);transition:transform .5s}.project:hover img{transform:scale(1.03)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.project-caption small{font-size:11px;color:var(--muted)}.project-caption h3{font-size:20px;margin-top:6px}.project-caption>span{font-size:30px}.process{display:grid;grid-template-columns:1fr 1fr;gap:90px}.process>div>p{max-width:390px;margin-top:24px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.process li>span{font:12px Arial;color:#16865a;margin-top:10px}.process li h3{font-size:20px;margin-bottom:10px}.process li p{font-size:14px}.cta{background:var(--green);border-radius:10px;margin-bottom:90px;padding:55px 65px;position:relative}.cta h2{font-size:50px}.cta .button{position:absolute;left:65px;bottom:70px}.button.dark{background:var(--deep);color:white}footer{background:var(--deep);color:white;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;padding-bottom:55px}.footer-brand{direction:ltr;display:inline-block;font:bold 34px Arial;letter-spacing:-2px}.footer-brand span{color:var(--green)}footer p{color:#afc7ba;font-size:13px;margin-top:22px}footer h3{font-size:14px;margin-bottom:20px;letter-spacing:0}footer .footer-grid>div>a:not(.footer-brand){display:block;font-size:13px;color:#d2e2d9;margin-bottom:10px}footer .footer-grid>div>a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #376153;padding:20px 0;font-size:10px;color:#bdd2c6}.floating-wa{position:fixed;bottom:22px;left:24px;z-index:15;background:var(--green);color:var(--deep);padding:11px 22px;border-radius:40px;box-shadow:0 3px 16px #003c3022;font-size:13px;font-weight:bold;display:flex;gap:15px}.page-intro{padding-block:75px 60px}.page-intro h1{font-size:clamp(38px,5vw,66px)}.page-intro p{max-width:760px;margin-top:25px;line-height:2}.about-split{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center;padding-block:25px 20px}.about-split img{width:100%;border-radius:6px}.about-split p{margin-top:24px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principles article{padding-top:25px;border-top:1px solid var(--line)}.principles span{font-size:12px;color:#01864f}.principles h3{margin:20px 0 15px}.principles p{font-size:15px}.service-details>article{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:45px 0;scroll-margin-top:110px}.service-details .num{font-size:17px;margin-top:10px}.service-details article small{color:#008d52;font-size:12px}.service-details article h2{font-size:32px;margin:13px 0 20px}.service-details article p{max-width:760px}.service-details ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:25px 0}.service-details li{background:#e4ebe0;border-radius:4px;padding:8px 14px;font-size:13px}.faq{max-width:900px}.faq>h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:bold;font-size:17px}.faq details p{padding-top:15px;font-size:15px}.portfolio{padding-top:10px}.filters{display:flex;gap:12px;margin-bottom:35px}.filters button{border:1px solid var(--line);padding:9px 20px;background:transparent;border-radius:30px;color:var(--ink);font-size:13px}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.portfolio-note{font-size:12px;margin-top:30px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-block:20px 40px}.contact-layout h2{font-size:30px;margin-bottom:25px}.contact-line{position:relative;display:block;border-top:1px solid var(--line);padding:20px 0}.contact-line small{display:block;color:var(--muted);font-size:12px}.contact-line strong{font-size:19px;display:inline-block;margin-top:4px;letter-spacing:0}.contact-line>span{position:absolute;left:0;top:33px}.contact-layout aside>p{font-size:14px;margin-top:15px}form{background:white;border:1px solid var(--line);border-radius:8px;padding:35px}form .eyebrow{margin-bottom:12px}label{display:block;font-size:13px;font-weight:bold;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{display:block;width:100%;border:1px solid #cbd7ce;border-radius:4px;background:#fafbf8;color:var(--ink);padding:12px 14px;font-size:14px;margin-top:8px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #01b96a;outline-offset:1px}.form-hint{font-size:11px;margin-bottom:20px}form .button{width:100%;font-size:13px}#form-status{font-size:12px;margin-top:15px}dialog{border:0;background:#f1f4ed;padding:24px;border-radius:9px;width:min(850px,92vw);max-height:92vh;color:var(--ink)}dialog::backdrop{background:#002b25dd}dialog h2{font-size:18px;margin-bottom:20px;padding-left:30px}dialog img{max-height:75vh;width:100%;object-fit:contain}.dialog-close{position:absolute;left:15px;top:10px;border:0;background:none;font-size:30px;color:var(--ink)}.skip{position:fixed;top:-100px;right:10px;background:var(--green);padding:10px;z-index:100}.skip:focus{top:5px}:focus-visible{outline:3px solid #04ad70;outline-offset:4px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-block:100px}.hero-art{min-height:550px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{gap:18px}.header-cta{display:none}.hero{gap:30px}.hero-art{min-height:420px}.hero-copy h1{font-size:52px}.hero-copy p{font-size:15px}.process,.about-split,.contact-layout{gap:40px}.service-strip .wrap{font-size:13px;gap:12px}.cta h2{font-size:42px}.project-img{height:330px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header-inner{height:80px}.brand{width:82px;height:56px}.brand img{width:108px;top:-25px;left:-13px}.menu-toggle{display:flex;align-items:center;gap:13px;border:0;background:none;color:var(--ink);font-size:13px}nav{position:absolute;top:80px;left:0;right:0;display:none;background:var(--paper);padding:20px;box-shadow:0 14px 15px #003c3015}nav.open{display:flex;flex-direction:column;gap:8px}nav a{padding:8px 10px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:45px;gap:40px}.hero-copy h1{font-size:47px}.hero-copy p{font-size:15px;margin-top:20px}.eyebrow{font-size:10px;margin-bottom:17px}.actions{gap:25px;margin-top:25px}.hero-note{margin-top:25px}.hero-art{min-height:0;padding:20px 25px;border-radius:100px 8px 8px 8px}.logo-panel{width:65%;max-width:290px}.art-index{font-size:7px;margin-bottom:15px}.art-label{margin-top:20px;font-size:12px}.art-arrow{font-size:44px}.vertical-label{top:100px}.service-strip{padding:17px 0}.service-strip .wrap{display:block;line-height:2.4;font-size:12px;text-align:center}.service-strip b{font-size:14px;margin-inline:10px}.section{padding-block:55px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:23px;font-size:15px}.section-head>a{display:inline-block;margin-top:20px}.service-preview{grid-template-columns:1fr}.service-preview a h3{font-size:19px}.service-preview>a{padding:19px 0}.workgrid{grid-template-columns:1fr;gap:35px}.project-img{height:350px}.process{grid-template-columns:1fr;gap:30px}.process>div>p{font-size:15px}.cta{padding:33px 25px;margin-bottom:55px}.cta h2{font-size:36px}.cta .button{position:static;margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{font-size:8px}.page-intro{padding-block:45px 35px}.page-intro h1{font-size:38px}.page-intro p{font-size:15px}.about-split{grid-template-columns:1fr;gap:30px}.about-split img{max-height:370px;object-fit:cover}.principles{grid-template-columns:1fr;gap:30px}.service-details>article{grid-template-columns:38px 1fr;padding:32px 0}.service-details article h2{font-size:25px}.service-details article p{font-size:15px}.service-details ul{display:block}.service-details li{margin:8px 0}.filters{gap:7px}.filters button{font-size:11px;padding:8px 12px}.contact-layout{grid-template-columns:1fr;gap:32px}form{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:0}.floating-wa{bottom:15px;left:15px;padding:9px 18px}.faq summary{font-size:15px}.faq>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
