/* Mobile spacing: fixed stacked gaps and a compact, consistent vertical rhythm. */
@media (max-width:750px){
 .nav{padding-top:16px;padding-bottom:16px}
 .hero-copy{padding:40px 7%}
 .page-head{padding:44px 7% 36px}
 .wrap{padding:40px 7%}
 .intro,.split{row-gap:22px;column-gap:0}
 h1{margin:18px 0 22px}
 h2{margin:12px 0 20px}
 .intro>div:first-child>h2:last-child,.split>div:first-child>h2:last-child{margin-bottom:0}
 .wrap>:last-child,.intro>div>:last-child,.split>div>:last-child,.card>:last-child,.page-head>div>:last-child{margin-bottom:0}
 .grid{margin-top:28px;gap:24px}
 .card{padding-top:18px}
 .actions{margin-top:20px;gap:10px}
 .experience-list{margin:22px 0;gap:16px}
 .experience-list>div>:last-child{margin-bottom:0}
 .festive-note{margin-top:28px;padding:22px}
 .brand-feature{margin-top:24px;padding-top:22px}
 .portrait-intro{margin-top:22px}
 .page-faq-list{margin-top:24px}
 .page-faq-item summary{padding-top:18px;padding-bottom:18px}
 .page-faq-item summary:after{top:16px}
 .page-faq-item p{padding-bottom:18px}
 .footer{padding:30px 7%;gap:22px}
 .wrap[style*="padding-bottom:55px"]{padding-bottom:40px!important}
}