/* Homepage spacing */
:root{--edge:max(50px,calc((100vw - 1320px)/2 + 50px))}
body .sec,body .tsec{padding:80px 0}
body .sec h2+p,body .tsec .tsub{margin:0 0 36px}
body .grid4,body .grid5{margin-top:30px;gap:24px}
body .hero{min-height:600px}
body .hero .txt{padding:90px 60px 90px var(--edge)}
body .hero h1{margin-bottom:20px}
body .hero p{margin:0 0 30px;max-width:520px}
body .bn{min-height:460px}
body .bn:not(.overlay) .bt{padding:80px 60px 80px var(--edge)}
body .bn:not(.overlay) .bt p{max-width:480px;margin:0 0 28px}
body .bn.overlay .bt{padding:120px 15%}
body .bn.overlay .bt p{margin:0 0 28px}
body .feat{padding:60px 0}
body .ftr{padding:80px 0 34px}
@media(max-width:900px){
:root{--edge:20px}
body .sec,body .tsec{padding:50px 0}
body .hero{min-height:0}
body .hero .txt{padding:50px 20px}
body .bn{min-height:0}
body .bn:not(.overlay) .bt{padding:44px 20px}
body .bn.overlay .bt{padding:70px 20px}
body .feat{padding:44px 0}
body .ftr{padding:56px 0 28px}
}