:root{--ink:#161b1d;--muted:#596369;--paper:#f5f7f6;--green:#00c878;--green-dark:#006d3d;--blue:#2346e8;--line:#d8dfdc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Work Sans',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer} .site-header{height:76px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f9fbfa;position:sticky;top:0;z-index:10}.brand img{width:74px;height:44px;object-fit:contain}.site-header nav{display:flex;gap:34px;font:700 11px 'Space Mono';text-transform:uppercase;letter-spacing:.08em}.site-header nav a:first-child{color:var(--blue)}.button{background:var(--green);border:0;padding:17px 23px;font:700 12px 'Space Mono';text-transform:uppercase;display:inline-flex;gap:18px;align-items:center;transition:.2s}.button:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.button-small{padding:13px 17px}.menu-button{display:none;border:0;background:none;font-size:24px}.section-grid{padding-left:clamp(20px,7vw,110px);padding-right:clamp(20px,7vw,110px)}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding-top:70px;padding-bottom:80px;background-image:linear-gradient(90deg,transparent 49.9%,#dfe8e4 50%,transparent 50.1%)}.eyebrow{font:700 11px 'Space Mono';letter-spacing:.12em;color:var(--green-dark);margin:0 0 25px}.eyebrow.blue{color:var(--blue)}h1,h2,h3{font-family:Montserrat;margin:0;line-height:1.02}h1{font-size:clamp(45px,6vw,88px);letter-spacing:-.06em;max-width:650px}h1 em,h2 span,h2 em{color:var(--green);font-style:normal}.lead{font-size:18px;line-height:1.55;color:var(--muted);max-width:510px;margin:30px 0}.hero-actions{display:flex;gap:25px;align-items:center}.text-link{font:700 12px 'Space Mono';text-transform:uppercase;color:var(--blue);border-bottom:1px solid var(--blue);padding-bottom:7px}.text-link span{font-size:18px;margin-left:8px}.hero-visual{position:relative}.hero-frame{height:520px;border:14px solid #c9f4e2;position:relative;overflow:hidden}.hero-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,109,61,.08),transparent 60%)}.hero-frame img{width:100%;height:100%;object-fit:cover}.hero-tag{position:absolute;bottom:28px;left:-34px;background:var(--ink);color:#fff;padding:20px 23px;display:flex;flex-direction:column;gap:6px}.hero-tag strong{font:800 27px Montserrat}.hero-tag span{font:700 9px 'Space Mono';color:var(--green)}.hero-stamp{position:absolute;right:-28px;top:25px;font:900 28px Montserrat;color:var(--green);line-height:.8;transform:rotate(90deg);text-align:center}.hero-stamp small{font:700 8px 'Space Mono';color:var(--ink)}.services{padding-top:135px;padding-bottom:140px;display:grid;grid-template-columns: .8fr 1.4fr;gap:9vw;background:#e9eeeb}.section-intro h2,.portfolio h2,.contact h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.06em}.section-intro>p:last-child,.contact>div>p:last-of-type{color:var(--muted);line-height:1.6;max-width:360px;margin-top:30px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-card{min-height:245px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.service-card.dark{background:var(--ink);color:#fff}.service-card.green{background:var(--green);color:var(--ink)}.service-card.light{background:#fff;border:1px solid var(--line)}.service-card.blue-card{background:var(--blue);color:#fff}.service-num{font:700 11px 'Space Mono';opacity:.65}.service-card h3{font-size:25px}.service-card p{font-size:14px;line-height:1.4;max-width:240px;opacity:.72}.service-card a{font:700 10px 'Space Mono';text-transform:uppercase}.portfolio{padding:135px 0 145px}.portfolio-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.portfolio-head>p{max-width:300px;color:var(--muted);line-height:1.5;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 clamp(20px,7vw,110px)}.gallery-item{border:0;padding:0;background:#ddd;position:relative;height:350px;overflow:hidden;text-align:left}.gallery-item.item-wide{grid-column:span 2;height:450px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-item:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.gallery-item span{position:absolute;z-index:1;bottom:24px;left:24px;color:#fff;font:700 13px Montserrat;text-transform:uppercase}.gallery-item b{color:var(--green);font:18px 'Space Mono';margin-left:10px}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:hover:after{background:linear-gradient(transparent,rgba(0,109,61,.85))}.manifesto{background:var(--blue);color:#fff;padding:120px clamp(20px,12vw,180px);display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:5vw}.manifesto-mark{font:900 150px Montserrat;letter-spacing:-.14em;color:#fff}.manifesto-mark span{color:var(--green)}.manifesto h2{font-size:clamp(42px,5vw,75px);letter-spacing:-.06em}.manifesto p:not(.eyebrow){max-width:550px;line-height:1.6;opacity:.82;margin:30px 0}.white{color:#fff;border-color:#fff}.quote{padding:130px 20px;text-align:center;background:var(--green);color:var(--ink)}.quote p{font:800 clamp(45px,7vw,100px) Montserrat;letter-spacing:-.07em;line-height:.95;margin:0}.quote p span{color:var(--blue)}.quote-line{height:1px;background:var(--ink);max-width:180px;margin:38px auto 18px}.quote small{font:700 10px 'Space Mono'}.contact{padding-top:135px;padding-bottom:140px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-data{display:flex;flex-direction:column;gap:10px;margin-top:45px;font:700 13px 'Space Mono';color:var(--blue)}form{display:flex;flex-direction:column;gap:21px}label{font:700 10px 'Space Mono';text-transform:uppercase;display:flex;flex-direction:column;gap:9px}input,textarea{border:0;border-bottom:2px solid var(--ink);background:#e9eeeb;padding:14px;font:15px 'Work Sans';outline:0;resize:vertical}input:focus,textarea:focus{border-color:var(--green)}form .button{align-self:flex-start}.form-note{font:11px 'Space Mono';color:var(--muted);margin:0}footer{background:var(--ink);color:#fff;padding:70px clamp(20px,7vw,110px) 25px;display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;gap:35px;position:relative}.footer-brand img{width:82px;height:45px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.footer-brand p{color:#b7c1bf;line-height:1.5;font-size:13px}.footer-label{font:700 10px 'Space Mono';color:var(--green);letter-spacing:.1em}.footer>div>a,.footer>div>span{display:block;color:#b7c1bf;font-size:13px;margin:12px 0}.footer-sign{font:900 44px Montserrat;text-align:right}.footer-sign span{color:var(--green)}.footer-sign small{display:block;font:700 9px 'Space Mono'}.copyright{grid-column:1/-1;border-top:1px solid #3b4545;margin-top:30px;padding-top:20px;color:#899491;font:10px 'Space Mono';display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:rgba(10,15,16,.8);z-index:20;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{background:var(--paper);max-width:850px;width:100%;display:grid;grid-template-columns:1fr 1fr;position:relative}.modal-card img{width:100%;height:480px;object-fit:cover}.modal-card>div{padding:55px 40px;align-self:center}.modal-card h2{font-size:36px;letter-spacing:-.05em}.modal-card p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:25px 0}.modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:35px;z-index:1}.modal-card .button{font-size:10px}
@media(max-width:800px){.site-header nav,.site-header .button-small{display:none}.site-header nav.mobile-open{display:flex;position:absolute;top:76px;left:0;right:0;z-index:9;padding:22px 20px;flex-direction:column;gap:20px;background:#f9fbfa;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(22,27,29,.08);font-size:11px}.site-header nav.mobile-open a{display:block}.menu-button{display:block}.hero,.services,.contact{grid-template-columns:1fr;gap:50px}.hero{padding-top:80px;background:none}.hero-visual{margin:0 20px}.hero-frame{height:410px}.hero-stamp{right:-18px}.services{padding-top:90px;padding-bottom:90px}.portfolio,.contact{padding-top:90px;padding-bottom:90px}.portfolio-head{display:block}.portfolio-head>p{margin-top:25px}.gallery{grid-template-columns:1fr 1fr}.gallery-item,.gallery-item.item-wide{height:260px}.gallery-item.item-wide{grid-column:span 2}.manifesto{padding:80px 25px;grid-template-columns:1fr;gap:25px}.manifesto-mark{font-size:100px}.quote{padding:90px 20px}footer{grid-template-columns:1fr 1fr}.footer-sign{text-align:left}.copyright{flex-direction:column;gap:8px}.modal-card{grid-template-columns:1fr}.modal-card img{height:250px}.modal-card>div{padding:28px}.modal-card h2{font-size:28px}}