/* Wellmoor layout v4: short homepage (about 5 screens, like Acquisition.com) plus inner pages.
   Loads after styles.css on every page. */

/* Tighter sections */
.section.tight{padding:clamp(48px,5vw,72px) 0}
.tight .head{gap:14px;margin-bottom:clamp(28px,3.6vw,44px)}
.tight h2{font-size:clamp(32px,3.9vw,50px);max-width:30ch}
.tight .checks{margin:20px 0 24px;gap:10px}

/* Compact hero */
.hero.compact{padding-top:clamp(48px,5.5vw,80px)}
.hero.compact h1{font-size:clamp(42px,5.6vw,80px)}
.hero.compact .callout{margin-bottom:18px}
.hero.compact .lead{margin-top:22px}
.hero.compact .ctas{margin-top:30px}
.hero.compact .fine{margin-top:14px}
.hero.compact .promise{margin-top:clamp(36px,4vw,52px)}
.hero.compact .promise div{padding:20px 32px 26px 0}
.hero.compact .promise div+div{padding-left:32px}

/* Compact steps */
.steps.compact li{padding-top:24px}
.steps.compact .num{font-size:44px;margin-bottom:14px}

/* One-line services row under the two paths */
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(28px,3vw,36px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.chips span{font-weight:600;font-size:15px;margin-right:6px}
.chips a{font-size:15px;font-weight:500;color:var(--navy);text-decoration:none;padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line)}
.chips a:hover{color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}

/* Inner page header */
.pagehead{position:relative;overflow:hidden;padding:clamp(48px,5.5vw,80px) 0}
.pagehead .wrap{position:relative;z-index:1}
.pagehead .mark-bg{width:min(48vw,640px);right:-6vw;bottom:-10vw}
.pagehead .eyebrow{color:var(--sky);margin-bottom:16px}
.pagehead h1{font-size:clamp(40px,5vw,68px);max-width:18ch}
.pagehead .lead{margin-top:20px;max-width:52ch}
.pagehead .ctas{margin-top:30px}
.pagehead .steps{margin-top:clamp(48px,6vw,72px)}

/* Small "read more" links */
.more{font-weight:600;white-space:nowrap}
.dark .more{color:var(--sky)}
.dark .more:hover{color:#fff}
.head .more{font-size:17px}
.aside{margin-top:28px;font-size:16px;color:var(--on-navy)}

/* Closing call to action on inner pages */
.band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px}
.band h2{max-width:20ch}
.band .lead{margin-top:14px}

/* Full FAQ page */
.faq.full{max-width:860px}

/* Current page in the nav */
.nav a[aria-current="page"]{color:#fff}

@media (max-width:760px){
.hero.compact{padding-top:44px}
.hero.compact .promise div,.hero.compact .promise div+div{padding:16px 0}
.chips span{width:100%}
.pagehead .mark-bg{width:110vw;right:-50vw;bottom:auto;top:10px;opacity:.6}
.band .btn{width:100%}
}