@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:820px){
 section{padding:var(--s4) 0}.wrap{padding:0 var(--s2)}
 .hero-grid,.feat,.concept,.detail,.split{grid-template-columns:1fr;gap:var(--s3)}.hero-art .detail{left:auto;right:-4%}
 .burger{display:block}.minty-m{display:block}
 #nav{position:fixed;inset:72px 0 0 0;background:var(--bg);flex-direction:column;padding:var(--s3);gap:var(--s2);font-size:1.6rem;font-family:var(--serif);transform:translateX(100%);transition:transform .4s var(--ease);visibility:hidden}
 #nav a{font-size:inherit}.nav-open #nav{transform:none;visibility:visible}
 .nav-open .burger span:first-child{transform:translateY(4.5px) rotate(45deg)}.nav-open .burger span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
 .sub{flex-direction:column;gap:var(--s1)}}
@media (max-width:520px){.grid,.grid.three,.foot-grid{grid-template-columns:1fr}.cta .btn{width:100%;text-align:center}}