/* Compact spacing shared across desktop and mobile pages. */
.wrap{padding-top:60px;padding-bottom:60px}
.page-head{padding-top:64px;padding-bottom:48px}
.hero-copy{padding-top:60px;padding-bottom:60px}
.intro,.split{column-gap:6%;row-gap:24px}
h1{margin-top:18px;margin-bottom:24px}
h2{margin-top:12px;margin-bottom:22px}
.wrap>:last-child,.intro>div>:last-child,.split>div>:last-child,.page-head>div>:last-child,.card>:last-child{margin-bottom:0}
.intro>div:first-child>h2:last-child,.split>div:first-child>h2:last-child{margin-bottom:0}
.grid{margin-top:28px;gap:28px}
.card{padding-top:20px}
.actions{margin-top:20px}
.page-faq-list{margin-top:24px}
.experience-list{margin-top:24px;margin-bottom:24px}
.festive-note{margin-top:28px;padding:26px}
.brand-feature{margin-top:24px;padding-top:22px}
.portrait-intro{margin-top:20px}
.footer{padding-top:32px;padding-bottom:32px;gap:24px}
.wrap[style*="padding-bottom:55px"]{padding-bottom:36px!important}
@media(max-width:750px){
 .wrap{padding-top:32px;padding-bottom:32px}
 .page-head{padding-top:36px;padding-bottom:30px}
 .hero-copy{padding-top:34px;padding-bottom:34px}
 .intro,.split{column-gap:0;row-gap:18px}
 h1{margin-top:14px;margin-bottom:18px}
 h2{margin-top:10px;margin-bottom:16px}
 .grid{margin-top:22px;gap:22px}
 .card{padding-top:16px}
 .actions{margin-top:18px;gap:10px}
 .experience-list{margin-top:18px;margin-bottom:18px;gap:14px}
 .festive-note{margin-top:22px;padding:20px}
 .brand-feature{margin-top:20px;padding-top:18px}
 .portrait-intro{margin-top:18px}
 .page-faq-list{margin-top:20px}
 .page-faq-item summary{padding-top:16px;padding-bottom:16px}
 .page-faq-item summary:after{top:14px}
 .page-faq-item p{padding-bottom:16px}
 .footer{padding-top:24px;padding-bottom:24px;gap:18px}
 .wrap[style*="padding-bottom:55px"]{padding-bottom:30px!important}
}

/* Keep section links clear of the sticky navigation. */
main [id]{scroll-margin-top:90px}