html{scroll-padding-top:110px}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink,#d34598);outline-offset:4px}
.social{flex-wrap:wrap}
@media(max-width:1024px){.grid,.website-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.grid,.website-showcase{grid-template-columns:1fr}.cta-box h2{font-size:clamp(2.2rem,10vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}