.mg-best-hero{--ink:#282b3a;display:grid;height:360px;grid-template-columns:minmax(320px,38%) minmax(0,62%);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:36px clamp(34px,5vw,78px);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 14px;color:#65708f;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:9px;font-weight:750;letter-spacing:.18em}
.mg-best-hero h1{max-width:520px;margin:0;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:clamp(40px,4vw,58px);font-weight:520;line-height:.96;letter-spacing:-.06em}
.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:18px 0 21px;color:#5f6472;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.5}
.mg-best-hero__cta{display:inline-flex;align-items:center;align-self:flex-start;gap:20px;min-height:40px;padding:0 18px;border:1px solid #7f89a7;background:rgba(255,255,255,.28);color:var(--ink);font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:10px;font-weight:750;letter-spacing:.09em;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.mg-best-hero__cta:hover{background:#282b3a;color:#fff;transform:translateY(-2px)}
.mg-best-hero__media{position:relative;height:360px;overflow:hidden;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{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){.mg-best-hero{height:330px;grid-template-columns:42% 58%}.mg-best-hero__copy{padding:32px 28px}.mg-best-hero h1{font-size:clamp(38px,5.2vw,50px)}.mg-best-hero__media{height:330px}}
@media(max-width:680px){.mg-best-hero{display:flex;height:auto;flex-direction:column}.mg-best-hero__copy{order:2;padding:28px 20px 32px}.mg-best-hero__media{order:1;height:52vw;max-height:330px}.mg-best-hero h1{font-size:40px}.mg-best-hero__lead{margin:16px 0 20px;font-size:13px}}