/* Final spacing and hierarchy for the existing BM homepage. */
.page-index main>section{padding-block:72px}
.page-index .hero{min-height:560px;padding-block:0}
.page-index .hero-grid{padding-block:64px;gap:56px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.page-index .hero-grid>div{min-width:0}
.page-index .hero h1{max-width:none;font-size:clamp(2.25rem,4.4vw,3.8rem);line-height:1.28;margin-block:20px 24px;letter-spacing:normal}
.page-index .hero p{max-width:52ch}
.page-index .hero .actions{margin-block-start:28px;align-items:center}
.page-index .hero .btn-gold{min-height:54px;padding-inline:30px;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.page-index .hero .btn-outline{border-color:#aab9ca;background:transparent}
.page-index .promise{padding-inline-start:28px}
.page-index .promise .brand-logo{max-width:100%;width:190px}
.page-index main>.client-home-paths{padding-block:24px}
.page-index .client-home-paths .wrap>div:first-child{min-width:0}
.page-index .client-home-paths p{max-width:66ch;font-size:1rem}
.page-index .section-head{grid-template-columns:minmax(0,1fr);gap:18px;margin-block-end:32px;text-align:start}
.page-index .section-head h2{max-width:none;margin-block:10px 0}
.page-index .section-head h2 .title-line{display:inline}
.page-index .section-head>p{max-width:68ch;margin:0}
.page-index .cards{align-items:stretch}
.page-index .card{padding:28px;min-height:240px}
.page-index .card h3{margin-block:20px 12px}
.page-index .process-grid,.page-index .resource-grid,.page-index .about-grid{gap:48px}
.page-index .process-intro{position:static}
.page-index .resource p,.page-index .about-copy p{max-width:56ch;line-height:1.85}
.page-index .about-copy{order:-1}
.page-index .about-mark{min-height:320px;align-self:center}
.page-index .about-copy .text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:.25em;font-weight:700;color:var(--navy)}
.page-index main>.cta{padding-block:8px 64px}
.page-index .cta-box{padding:40px;gap:32px;align-items:start}
.page-index .cta-box>div{min-width:0}
.page-index .cta-box p{max-width:58ch}
.page-index .cta-box .contact-list{flex:0 1 330px;direction:rtl;gap:8px}
.page-index .cta-box .contact-list a{overflow-wrap:anywhere}
.page-index .cta-box .contact-list .btn{color:#fff;width:100%;text-align:center;justify-content:center;direction:rtl}
@media(max-width:1000px){.page-index .hero-grid{gap:32px}.page-index .client-home-paths .wrap{flex-wrap:wrap}.page-index .client-home-paths .actions{flex-shrink:1}.page-index .cta-box{flex-wrap:wrap}.page-index .cta-box .contact-list{flex-basis:100%}}
@media(max-width:850px){.page-index main>section{padding-block:52px}.page-index .hero{min-height:0;padding:0}.page-index .hero-grid{grid-template-columns:minmax(0,1fr);padding-block:44px;gap:32px}.page-index .promise{padding-inline:0;padding-block-start:24px}.page-index .promise .brand-logo{width:150px;margin-block-end:16px}.page-index .process-grid,.page-index .resource-grid,.page-index .about-grid{gap:28px}.page-index .about-mark{min-height:240px}.page-index main>.client-home-paths{padding-block:24px}.page-index .cta-box{padding:28px}.page-index main>.cta{padding-block:0 44px}}
@media(max-width:520px){.page-index .hero h1{font-size:clamp(1.75rem,7.6vw,2.4rem)}.page-index .hero .actions{align-items:stretch}.page-index .hero .btn{padding-inline:16px}.page-index .section-head h2 .title-line{display:block}.page-index .card{padding:24px;min-height:0}.page-index .cta-box{padding:24px}.page-index .about-mark{min-height:200px}}

/* Short home enquiry form, using the existing contact submission flow. */
.page-index .bm-home-contact{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:start}
.bm-home-form{min-width:0;background:#fff;border:1px solid #d7e1ed;border-radius:12px;padding:24px;display:grid;gap:16px;color:#08305c}.bm-home-form .field{margin:0}.bm-home-form input{width:100%;min-height:48px;box-sizing:border-box}.bm-home-form label{font-weight:700}.bm-home-form .btn{min-height:48px;width:100%;justify-content:center;white-space:normal}.bm-home-form .form-status:empty{display:none}.bm-home-form .form-status{margin:0;line-height:1.75;overflow-wrap:anywhere}.bm-home-form .field-error{color:#9d2929;font-size:.95rem}.bm-home-privacy{font-size:.9rem;line-height:1.7;margin:0;color:#405269}.bm-home-privacy a{color:#08305c;text-decoration:underline}.bm-home-email summary{cursor:pointer;min-height:44px;display:list-item;line-height:1.65;padding-block:8px;font-size:1rem}.bm-home-email[open] .field{margin-top:12px}.page-index .bm-home-contact-copy .contact-list{margin-top:20px;flex-basis:auto}.bm-home-contact-copy a{overflow-wrap:anywhere}
@media(max-width:850px){.page-index .bm-home-contact{grid-template-columns:minmax(0,1fr);gap:24px}.bm-home-form{padding:20px}}

/* Keep the introduction and the next actions close together on narrow screens. */
@media(max-width:650px){
  .page-index .hero .hero-grid{padding-block:24px;gap:18px}
  .page-index .hero h1{margin-block:8px 12px}
  .page-index .hero .actions{margin-block-start:16px}
  .page-index .hero .btn-gold{min-height:46px}
  .page-index .hero .promise{padding-block-start:14px}
  .page-index .hero .promise .brand-logo{width:112px;margin-block-end:8px}
}
