@media(max-width:1400px){
.site-nav{gap:14px;font-size:12px}
.site-header{gap:20px}
.newsletter h2{font-size:42px}
.newsletter p{font-size:21px}
.footer-grid{gap:25px}
}
@media(max-width:1050px){
.site-nav{gap:10px;flex-wrap:wrap;justify-content:center}
.site-header{padding:10px 24px}
.site-nav a{font-size:11px}
.newsletter .container{flex-direction:column;align-items:stretch}
.newsletter form{min-width:0}
.footer-grid{grid-template-columns:repeat(3,1fr)}
h2{font-size:34px}
}
@media(max-width:700px){
html{scroll-padding-top:65px}
.container{width:calc(100% - 32px)}
.site-header{height:65px;gap:12px;padding:0 16px;position:relative;z-index:10}
.wordmark{font-size:26px}
.menu-toggle{display:block;order:0}
.auth-button{font-size:11px}
.site-nav{display:none;position:absolute;top:65px;inset-inline:0;padding:18px;background:white;box-shadow:0 10px 20px #0002;grid-template-columns:repeat(3,1fr);gap:10px}
.site-nav.open{display:grid}
.site-nav a{padding:10px;font-size:14px}
.newsletter{padding:42px 0}
.newsletter h2{font-size:34px}
.newsletter p{font-size:18px}
.newsletter form{display:grid;grid-template-columns:1fr auto}
.newsletter input{width:100%;min-width:0}
.newsletter .container{gap:24px}
.newsletter .form-status{grid-column:1/-1}
.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.footer-grid>div:first-child{grid-column:1/-1}
.footer-grid p,.footer-grid a{font-size:14px}
}
@media(max-width:420px){
.newsletter form{grid-template-columns:1fr}
.newsletter .button{min-height:46px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important;animation:none!important}
}