@media(max-width:1280px){body.clavef5c-body{--shell:min(1180px,calc(100vw - 3rem))}}
@media(max-width:1024px){.clavef5c-service{grid-column:span 12} .clavef5c-quote,.clavef5c-article{grid-column:span 6} .clavef5c-team{grid-column:span 6} .clavef5c-stat{grid-column:span 6} .clavef5c-visualgrid{grid-template-columns:1fr 1fr} .clavef5c-visual:nth-child(2){transform:none} .clavef5c-stage{margin-left:0} .clavef5c-nav{width:auto}}
@media(max-width:768px){body.clavef5c-body{--shell:calc(100vw - 1.5rem)} .clavef5c-nav{inset:.65rem .75rem auto;transform:none;flex-direction:row;width:auto} .clavef5c-menu{display:inline-flex} .clavef5c-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(--radius);flex-direction:column;align-items:stretch} body.clavef5c-body.menu-open .clavef5c-navlinks{display:flex} .clavef5c-hero-copy,.clavef5c-hero-media{grid-column:span 12} .clavef5c-hero{padding-top:6rem} .clavef5c-footgrid{grid-template-columns:1fr}}
@media(max-width:640px){.clavef5c-quote,.clavef5c-article,.clavef5c-team,.clavef5c-stat{grid-column:span 12} .clavef5c-visualgrid{grid-template-columns:1fr} .clavef5c-visual{min-height:12rem} .clavef5c-actions{display:grid}}
@media(max-width:375px){.clavef5c-stage h1{font-size:clamp(1.6rem,9vw,2.4rem)} .clavef5c-panel{padding:.86rem} .clavef5c-cookie{left:.5rem;right:.5rem;bottom:.5rem}}
@media(max-width:1024px){.clavef5c-article-card{grid-column:span 6} .clavef5c-featured{grid-column:span 12;grid-template-columns:1fr}}
@media(max-width:640px){.clavef5c-article-card{grid-column:span 12} .clavef5c-compare{grid-template-columns:1fr}}