@media(max-width:1023px){body.atlas-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.atlas-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.atlas-body{--shell:min(1180px,calc(100vw - 3rem))}}
@media(max-width:1023px){.atlas-service{grid-column:span 12} .atlas-quote,.atlas-article{grid-column:span 6} .atlas-team{grid-column:span 6} .atlas-stat{grid-column:span 4} .atlas-visualgrid{grid-template-columns:1fr 1fr} .atlas-visual:nth-child(2){transform:none}}
@media(max-width:768px){body.atlas-body{--shell:calc(100vw - 1.5rem)} .atlas-nav{inset:.65rem .75rem auto;transform:none;flex-direction:row;width:auto;border-radius:var(--surface-radius)} .atlas-menu{display:inline-flex} .atlas-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} .atlas-navlinks a{max-width:none;text-align:left} body.atlas-body.menu-open .atlas-navlinks{display:flex} .atlas-hero-copy,.atlas-hero-media{grid-column:span 12} .atlas-hero{padding-top:6rem} .atlas-footgrid{grid-template-columns:1fr}}
@media(max-width:640px){.atlas-quote,.atlas-article,.atlas-team,.atlas-stat{grid-column:span 12} .atlas-visualgrid{grid-template-columns:1fr} .atlas-visual{min-height:12rem} .atlas-actions{display:grid} .atlas-button{width:100%} .atlas-stage table{display:block;overflow-x:auto}}
@media(max-width:375px){.atlas-stage h1{font-size:clamp(1.6rem,9vw,2.4rem)} .atlas-panel{padding:.86rem} .atlas-cookie{left:.5rem;right:.5rem;bottom:.5rem}}
@media(max-width:1024px){.atlas-article-card{grid-column:span 6} .atlas-featured{grid-column:span 12;grid-template-columns:1fr}}
@media(max-width:640px){.atlas-article-card{grid-column:span 12} .atlas-compare{grid-template-columns:1fr}}
@media(max-width:1024px){.atlas-grid-tri > .atlas-tri{grid-column:span 6}}@media(max-width:640px){.atlas-grid-tri > .atlas-tri{grid-column:span 12} .atlas-svc-rows > .atlas-row{flex-direction:column;gap:.3rem} .atlas-svc-stack > .atlas-stack-item{padding-left:3.4rem} .atlas-svc-stack > .atlas-stack-item::before{font-size:1.9rem}}