/* Approved October sketch. Scoped to the new English hero only. */
@font-face { font-family: 'Mala Poppins'; src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mala Poppins'; src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mala Poppins'; src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
body:has(.ma-approved-hero) .mala-header,.ma-approved-hero,.ma-hero-benefits { font-family: 'Mala Poppins',Arial,sans-serif; font-synthesis: none; }
body:has(.ma-approved-hero) { background: #FAF7F2; }
body:has(.ma-approved-hero) .mala-header { max-width: 1380px; margin: 26px auto 0; border-radius: 20px 20px 0 0; padding: 18px 28px; min-height: 130px; gap: 22px; }
body:has(.ma-approved-hero) .mala-brand { flex-basis: 310px; }
body:has(.ma-approved-hero) .mala-brand img { width: 310px; }
body:has(.ma-approved-hero) .mala-nav ul { gap: 14px; }
body:has(.ma-approved-hero) .mala-nav a { font-size: 15px; font-weight: 400; }
body:has(.ma-approved-hero) .mala-header > .mala-button { background: #FFB928; padding: 15px 22px; }
.mala-home:has(.ma-approved-hero) { padding: 0; }
.ma-approved-hero { position: relative; isolation: isolate; min-height: 550px; overflow: hidden; background: #FFF6DE; color: #095DA5; }
.ma-hero-photo { position: absolute; inset: 0 0 0 30%; background: url('../images/hero-girl-q95-v1.webp') center 48% / cover no-repeat; mask-image: linear-gradient(90deg,transparent,black 23%); }
.ma-hero-copy { position: relative; z-index: 2; padding: 104px 0 72px 7.8%; width: 48%; }
.mala-home .ma-hero-copy h1,.editor-styles-wrapper .ma-hero-copy h1 { color: #095DA5; font-family: 'Mala Poppins',Arial,sans-serif; font-size: clamp(42px,4.45vw,64px); font-weight: 800; line-height: 1.04; letter-spacing: -.045em; margin: 0 0 14px; max-width: 8.2em; text-wrap: initial; }
.ma-hero-copy p { color: #095DA5; font-size: clamp(20px,2.2vw,32px); font-weight: 400; line-height: 1.25; letter-spacing: -.035em; margin: 0 0 20px; }
.ma-hero-cta { display: inline-flex; align-items: center; justify-content: center; gap: 32px; min-height: 56px; padding: 12px 28px; background: #FFB928; color: #095DA5; border-radius: 40px; text-decoration: none; font-size: 22px; font-weight: 600; }
.ma-hero-cta span { font-size: 30px; line-height: 1; font-weight: 400; }
.ma-hero-cta:hover { background: #FFB928; }
.ma-hero-shapes i { position: absolute; display: block; z-index: 1; }
.ma-hero-shapes i:nth-child(1) { left: 0; top: 0; width: 120px; height: 88px; background: #F76B3C; clip-path: polygon(0 0,27% 0,100% 100%,0 100%); }
.ma-hero-shapes i:nth-child(2) { left: 30.5%; top: 0; width: 90px; height: 88px; border-radius: 0 0 0 100%; background: #FFB928; }
.ma-hero-shapes i:nth-child(3) { left: 0; bottom: 97px; width: 82px; height: 160px; background: #64835F; clip-path: polygon(0 0,50% 0,50% 38%,100% 38%,100% 100%,0 100%); }
.ma-hero-shapes i:nth-child(4) { left: 0; bottom: -80px; width: 162px; height: 162px; border-radius: 50%; background: #FFF0E8; }
.ma-hero-benefits { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; padding: 18px 24px 22px; background: white; text-align: center; }
.ma-hero-benefit svg { width: 56px; height: 56px; color: #095DA5; display: block; margin: 0 auto 8px; }
.ma-hero-benefit:nth-child(2) svg { color: #64835F; }
.ma-hero-benefit:nth-child(3) svg,.ma-hero-benefit:nth-child(5) svg { color: #F76B3C; }
.mala-home .ma-hero-benefit h2 { font-size: 23px; font-weight: 600; line-height: 1.12; color: #095DA5; margin: 0 0 8px; letter-spacing: -.045em; }
.ma-hero-benefit p { font-size: 19px; font-weight: 400; letter-spacing: -.035em; line-height: 1.3; color: #095DA5; margin: 0; }
@media(min-width:1101px) and (max-width:1400px) {
 body:has(.ma-approved-hero) .mala-header,.mala-home:has(.ma-approved-hero) { margin-left: 22px; margin-right: 22px; }
 body:has(.ma-approved-hero) .mala-header { gap: 16px; padding-inline: 24px; }
 body:has(.ma-approved-hero) .mala-brand { flex-basis: 260px; }
 body:has(.ma-approved-hero) .mala-brand img { width: 260px; }
 body:has(.ma-approved-hero) .mala-nav ul { gap: 10px; }
 body:has(.ma-approved-hero) .mala-nav a { font-size: 14px; }
}
@media(max-width:1100px) {
 body:has(.ma-approved-hero) .mala-header { margin: 14px 14px 0; min-height: 95px; padding: 16px 22px; }
 body:has(.ma-approved-hero) .mala-brand { flex-basis: 230px; }
 body:has(.ma-approved-hero) .mala-brand img { width: 230px; }
 .mala-home:has(.ma-approved-hero) { margin-inline: 14px; }
 .ma-hero-copy { padding-left: 7%; width: 57%; }
 .ma-hero-shapes i:nth-child(3) { width: 42px; }
 .ma-hero-benefit p { font-size: 16px; }
 .mala-home .ma-hero-benefit h2 { font-size: 19px; }
}
@media(max-width:700px) {
 body:has(.ma-approved-hero) .mala-header { margin: 10px 10px 0; padding: 16px; min-height: 86px; gap: 8px; border-radius: 16px 16px 0 0; }
 body:has(.ma-approved-hero) .mala-brand { flex: 1 1 150px; }
 body:has(.ma-approved-hero) .mala-brand img { width: 185px; }
 body:has(.ma-approved-hero) .mala-language { font-size: 12px; }
 body:has(.ma-approved-hero) .mala-menu-toggle { font-size: 0; padding: 8px; width: 42px; }
 body:has(.ma-approved-hero) .mala-menu-toggle::after { content: '☰'; font-size: 23px; }
 .mala-home:has(.ma-approved-hero) { margin-inline: 10px; }
 .ma-approved-hero { display: flex; flex-direction: column; min-height: 0; }
 .ma-hero-copy { order: 0; width: 100%; padding: 56px 25px 10px; }
 .mala-home .ma-hero-copy h1 { font-size: clamp(34px,10.25vw,52px); line-height: 1.04; margin-bottom: 16px; }
 .ma-hero-copy p { font-size: 20px; line-height: 1.3; margin-bottom: 20px; }
 .ma-hero-cta { min-height: 52px; font-size: 19px; padding: 10px 24px; gap: 28px; }
 .ma-hero-photo { position: relative; order: 1; inset: auto; width: 100%; height: 330px; margin-top: -2px; background-position: center center; mask-image: linear-gradient(180deg,transparent,black 22%); }
 .ma-hero-shapes i:nth-child(1) { width: 57px; height: 37px; }
 .ma-hero-shapes i:nth-child(2) { left: auto; right: 17px; width: 48px; height: 45px; }
 .ma-hero-shapes i:nth-child(3) { display: none; }
 .ma-hero-shapes i:nth-child(4) { width: 72px; height: 72px; bottom: -36px; }
 .ma-hero-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 24px 14px; gap: 25px 12px; }
 .ma-hero-benefit:last-child { grid-column: 1 / -1; }
 .ma-hero-benefit svg { width: 48px; height: 48px; }
 .mala-home .ma-hero-benefit h2 { font-size: 19px; }
 .ma-hero-benefit p { font-size: 16px; }
}