/* Breakpoints: 768 tablet, 1024 laptop, 1440 desktop */
@media(min-width:768px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr 1fr}section{padding:90px 0}}
@media(min-width:1024px){
.burger{display:none}
.menu{position:static;transform:none;flex-direction:row;width:auto;max-width:none;padding:0;background:none;gap:26px;font-size:.92rem}
.nav>.btn{display:inline-block}
.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1023px){.hero{background-attachment:scroll}}
@media(min-width:1440px){.container{width:min(1280px,90%)}}
/* Phase 4: small phones (360–430px) */
@media(max-width:430px){
section{padding:56px 0}.logo{font-size:1.25rem}.hero{padding-top:96px}.hero .btns .btn{width:100%}
.card .img{height:180px}.gal button{height:60px}.page-hero{padding:112px 0 40px}.form{padding:16px}.actions .btn{flex:1 1 45%}}
@media(max-width:359px){.container{width:94%}.sec-title{font-size:1.5rem}}