.mg-best-hero{--ink:#282b3a;display:grid;grid-template-columns:minmax(340px,40%) minmax(0,60%);min-height:520px;overflow:hidden;border-bottom:1px solid rgba(40,43,58,.12);background:#f4f3f7;color:var(--ink)}
.mg-best-hero *{box-sizing:border-box}
.mg-best-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(36px,6vw,108px);background:radial-gradient(circle at 10% 10%,rgba(203,209,228,.72),transparent 52%),linear-gradient(145deg,#e9ebf3 0%,#f7f4f2 100%)}
.mg-best-hero__eyebrow{margin:0 0 22px;color:#65708f;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:10px;font-weight:750;letter-spacing:.18em}
.mg-best-hero h1{max-width:600px;margin:0;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:clamp(48px,5.1vw,78px);font-weight:520;line-height:.94;letter-spacing:-.065em}
.mg-best-hero h1 em{color:#8694ba;font-family:"Playfair Display","Times New Roman",serif;font-weight:500;letter-spacing:-.045em}
.mg-best-hero__lead{max-width:430px;margin:26px 0 31px;color:#5f6472;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.6}
.mg-best-hero__cta{display:inline-flex;align-items:center;align-self:flex-start;gap:28px;min-height:48px;padding:0 23px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:10px;font-weight:750;letter-spacing:.1em;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.mg-best-hero__cta:hover{background:transparent;color:var(--ink);transform:translateY(-2px)}
.mg-best-hero__media{position:relative;min-height:520px;background:#d9d6ce}
.mg-best-hero__media:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(233,235,243,.17),transparent 18%);content:"";pointer-events:none}
.mg-best-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){.mg-best-hero{grid-template-columns:44% 56%;min-height:460px}.mg-best-hero__copy{padding:50px 32px}.mg-best-hero h1{font-size:clamp(42px,6vw,60px)}.mg-best-hero__media{min-height:460px}}
@media(max-width:680px){.mg-best-hero{display:flex;min-height:0;flex-direction:column}.mg-best-hero__copy{order:2;padding:38px 22px 44px}.mg-best-hero__media{order:1;min-height:63vw;max-height:430px}.mg-best-hero h1{font-size:46px}.mg-best-hero__lead{margin:20px 0 25px;font-size:14px}}