.services-container{width:min(1240px,100% - 40px);margin-inline:auto}.services-portfolio{padding:82px 0 68px}.portfolio-heading{display:grid;gap:28px;margin-bottom:42px}.portfolio-heading span,.selection-banner__eyebrow,.services-contact>div>div:first-child>span{display:block;margin-bottom:22px;color:#08aa60;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.portfolio-heading h2{max-width:720px;margin:0;font-size:clamp(2.8rem,4.4vw,4.25rem);font-weight:500;line-height:.98;letter-spacing:-.06em}.portfolio-heading p{max-width:440px;margin:0;align-self:end;color:#687e79;font-size:.88rem;line-height:1.75}.services-grid{display:grid;gap:20px}.services-filters{display:flex;gap:8px;margin:-12px 0 28px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.services-filters button{display:inline-flex;flex:0 0 auto;gap:8px;align-items:center;min-height:42px;padding:9px 16px;border:1px solid #cfe0d7;border-radius:999px;color:#45665e;background:#fff;cursor:pointer;font-size:.76rem;font-weight:700}.services-filters button:hover,.services-filters button.is-active{border-color:#075e50;color:#fff;background:#075e50}.services-filters button:focus-visible{outline:3px solid #08aa60;outline-offset:-4px}.services-filters span{opacity:.7}.service-item[hidden]{display:none}.service-item{overflow:hidden;border:1px solid #d6e3dc;border-radius:26px;background:#fff;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .4s ease}.service-item__link{display:flex;min-height:410px;flex-direction:column;padding:22px}.service-item__link:focus-visible{outline:3px solid #08aa60;outline-offset:-4px}.service-item__visual{position:relative;display:grid;min-height:155px;margin-bottom:24px;place-items:center;overflow:hidden;border-radius:18px;background:#f1f6f3}.service-item__visual:after{position:absolute;top:-72px;right:-72px;width:140px;height:140px;border-radius:50%;background:#f3f8cf;content:"";transform:scale(0);transform-origin:top right;transition:transform .55s cubic-bezier(.22,1,.36,1)}.service-item__visual>span{position:absolute;z-index:1;top:14px;left:14px;color:#79928b;font-size:.58rem}.service-item__visual img,.service-item__visual svg{position:relative;z-index:1;width:78px;height:78px;object-fit:contain;color:#082f2a}.service-item__content{display:flex;flex:1;flex-direction:column}.service-item__content>small{margin-bottom:9px;color:#08aa60;font-size:.57rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.service-item h3{margin:0 0 11px;font-size:1.36rem;font-weight:500;line-height:1.15;letter-spacing:-.04em}.service-item p{margin-bottom:22px;color:#687e79;font-size:.76rem;line-height:1.65}.service-item__action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #d6e3dc;color:#08aa60;font-size:.66rem;font-weight:700}.service-item .button-arrow{width:32px;height:32px;background:#f0f6f2;transition:transform .35s ease}.service-item:hover,.service-item:focus-within{border-color:#9dcbb5;box-shadow:0 18px 44px #0143371a;transform:translateY(-4px)}.service-item:hover .service-item__visual:after,.service-item:focus-within .service-item__visual:after{transform:scale(1)}.service-item:hover .button-arrow,.service-item:focus-within .button-arrow{transform:rotate(45deg)}.selection-banner,.services-contact{margin:0 14px 62px;border-radius:34px;color:#fff}.selection-banner{padding:48px 0;background:linear-gradient(120deg,#034a43,#08756a)}.selection-banner>div{display:grid;gap:30px}.selection-banner__eyebrow,.services-contact>div>div:first-child>span{color:#dfff2f}.selection-banner h2{margin:0;font-size:clamp(2.4rem,3.5vw,3.4rem);font-weight:500;line-height:1;letter-spacing:-.055em}.selection-banner .button,.services-contact .button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:6px 6px 6px 19px;justify-self:start;background:#dfff2f;color:#073f36;font-size:.75rem}.selection-banner .button-arrow,.services-contact .button-arrow{display:inline-grid;width:34px;height:34px;margin:0;padding:0;place-items:center;align-self:center;background:#fff;color:#073f36;line-height:0}.selection-banner .button-arrow svg,.services-contact .button-arrow svg{display:block;margin:auto;stroke:currentColor}.services-contact{padding:52px 0;background:#034b44}.services-contact>div{display:grid;gap:34px}.services-contact h2{max-width:560px;margin:0;font-size:clamp(2.85rem,4.1vw,3.65rem);font-weight:500;line-height:1.04;letter-spacing:-.055em}.services-contact p{max-width:390px;margin:0 0 18px;color:#c6dbd5;font-size:.86rem;line-height:1.75}@media(min-width:700px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.portfolio-heading{grid-template-columns:1.25fr .75fr;align-items:end;column-gap:80px}.services-grid{grid-template-columns:repeat(3,1fr)}.selection-banner>div{grid-template-columns:1fr auto;align-items:end}.selection-banner .button{justify-self:end}.services-contact>div{width:min(1090px,100% - 96px);grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);align-items:end;column-gap:clamp(72px,8vw,108px)}}@media(prefers-reduced-motion:reduce){.service-item,.service-item__visual:after,.service-item .button-arrow{transition:none}.service-item:hover,.service-item:focus-within,.service-item:hover .button-arrow,.service-item:focus-within .button-arrow{transform:none}}
