.service-grid article{position:relative;overflow:hidden}
.service-grid article:after{content:"";position:absolute;right:-2rem;bottom:-3rem;width:8rem;height:8rem;border:1px solid rgba(120,144,135,.16);border-radius:50%}
.service-icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;color:#c7bca9;border:1px solid #49685f;border-radius:50%;transition:color .25s ease,border-color .25s ease,transform .25s ease}
.service-icon svg,.process-dot svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.service-grid article:nth-child(3n+1) .service-icon{color:#ef8a54;border-color:rgba(239,138,84,.7)}
.service-grid article:hover .service-icon{color:#ef8a54;border-color:#ef8a54;transform:translateY(-3px)}
.service-grid h3{margin-top:2rem}
.process-line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:clamp(4.5rem,8vw,7rem);padding-top:0}
.process-line:before{content:"";position:absolute;top:1.55rem;left:1.55rem;right:1.55rem;height:1px;background:linear-gradient(90deg,#ef8a54 0 18%,#789087 18% 100%)}
.process-line:after{content:"→";position:absolute;right:.25rem;top:.64rem;color:#ef8a54;font-size:1.25rem}
.process-step{position:relative;display:block;height:5.8rem;padding-right:1.2rem}
.process-line .process-dot{position:relative;z-index:1;grid-row:1/3;display:grid;width:3.1rem;height:3.1rem;place-items:center;padding:0;border:1px solid #789087;border-radius:50%;background:var(--green-deep);color:#c7bca9;font-size:inherit;letter-spacing:0;text-transform:none}
.process-line .process-dot:before{content:none}
.process-step:first-child .process-dot,.process-step:last-child .process-dot{border-color:#ef8a54;color:#ef8a54}
.process-step strong{position:absolute;top:.05rem;left:4.1rem;font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--beige-light);white-space:nowrap}
.process-step small{position:absolute;top:3.1rem;left:4.1rem;right:1rem;margin:0;font-size:.68rem;line-height:1.3;color:#9eaa9f}
@media(max-width:760px){.service-grid article{min-height:16rem}.process-line{grid-template-columns:1fr;gap:0;margin-top:4rem;padding-left:0}.process-line:before{top:1.55rem;bottom:1.55rem;left:1.55rem;right:auto;width:1px;height:auto;background:linear-gradient(180deg,#ef8a54 0 18%,#789087 18% 100%)}.process-line:after{content:"↓";left:.98rem;right:auto;top:auto;bottom:-1.2rem}.process-step{height:5.8rem;padding:0}.process-dot{grid-row:1/3}.process-step strong{top:.1rem;font-size:.78rem}.process-step small{top:3.05rem;font-size:.72rem}}

.principle-icon{display:grid;width:4.5rem;height:4.5rem;place-items:center;color:var(--green-deep);border:1px solid rgba(18,56,47,.42);border-radius:50%;transition:transform .25s ease,border-color .25s ease}
.principle-icon svg{width:2.35rem;height:2.35rem;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.principle-icon .icon-accent{stroke:var(--orange)}
.principles>div:hover .principle-icon{transform:translateY(-3px);border-color:var(--orange)}
.principles h3{margin-top:2rem}
@media(max-width:760px){.principle-icon{width:4rem;height:4rem}.principle-icon svg{width:2.1rem;height:2.1rem}}