@media(max-width:1023px){body.unit-body{--section-y:clamp(40px,5vw,64px);--section-y-compact:clamp(28px,3vw,44px);--section-y-hero:clamp(48px,6vw,72px);--container-x:clamp(24px,3vw,40px)}}
@media(max-width:640px){body.unit-body{--section-y:clamp(28px,6vw,44px);--section-y-compact:24px;--section-y-hero:clamp(32px,7vw,52px);--container-x:20px;--grid-gap:16px}}
@media(max-width:1280px){body.unit-body{--shell:min(1180px,calc(100vw - 3rem))}}
@media(max-width:1023px){.unit-service{grid-column:span 12} .unit-quote,.unit-article{grid-column:span 6} .unit-team{grid-column:span 6} .unit-stat{grid-column:span 4} .unit-visualgrid{grid-template-columns:1fr 1fr} .unit-visual:nth-child(2){transform:none}}
@media(max-width:768px){body.unit-body{--shell:calc(100vw - 1.5rem)} .unit-nav{inset:.65rem .75rem auto;transform:none;flex-direction:row;width:auto;border-radius:var(--surface-radius)} .unit-menu{display:inline-flex} .unit-navlinks{display:none;position:absolute;inset:calc(100% + .5rem) 0 auto;background:var(--bg);padding:.7rem;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:var(--surface-radius);flex-direction:column;align-items:stretch} .unit-navlinks a{max-width:none;text-align:left} body.unit-body.menu-open .unit-navlinks{display:flex} .unit-hero-copy,.unit-hero-media{grid-column:span 12} .unit-hero{padding-top:6rem} .unit-footgrid{grid-template-columns:1fr}}
@media(max-width:640px){.unit-quote,.unit-article,.unit-team,.unit-stat{grid-column:span 12} .unit-visualgrid{grid-template-columns:1fr} .unit-visual{min-height:12rem} .unit-actions{display:grid} .unit-button{width:100%} .unit-stage table{display:block;overflow-x:auto}}
@media(max-width:375px){.unit-stage h1{font-size:clamp(1.6rem,9vw,2.4rem)} .unit-panel{padding:.86rem} .unit-cookie{left:.5rem;right:.5rem;bottom:.5rem}}
@media(max-width:1024px){.unit-article-card{grid-column:span 6} .unit-featured{grid-column:span 12;grid-template-columns:1fr}}
@media(max-width:640px){.unit-article-card{grid-column:span 12} .unit-compare{grid-template-columns:1fr}}
@media(max-width:1024px){.unit-grid-tri > .unit-tri{grid-column:span 6}}@media(max-width:640px){.unit-grid-tri > .unit-tri{grid-column:span 12} .unit-svc-rows > .unit-row{flex-direction:column;gap:.3rem} .unit-svc-stack > .unit-stack-item{padding-left:3.4rem} .unit-svc-stack > .unit-stack-item::before{font-size:1.9rem}}