/* Maharah homepage hero: original panoramic art direction, refined text legibility
   Hero media is managed in WordPress Customizer, never hardcoded. */
.mh-hero{
 position:relative;display:block;height:clamp(335px,27vw,430px);min-height:335px;
 overflow:hidden;background:#08243d;color:#fff;
}
.mh-hero-image{
 position:absolute;inset:0;display:block;width:100%;height:100%;
 max-width:none;object-fit:cover;object-position:37% 52%;
}
.mh-hero-overlay{
 position:absolute;inset:0;pointer-events:none;display:block;
 background:linear-gradient(270deg,rgba(3,25,46,.98) 0%,rgba(4,27,48,.96) 28%,rgba(5,31,54,.84) 46%,rgba(7,30,51,.41) 63%,rgba(5,28,47,.06) 86%,transparent 100%);
}
.mh-hero-layout{
 position:relative;z-index:1;display:flex;height:100%;min-height:0;
 flex-direction:row;justify-content:flex-start;align-items:center;
 gap:clamp(14px,1.9vw,34px);padding:24px 0;
 grid-template-columns:none;grid-template-rows:none;
}
.mh-hero-benefits{
 display:flex;flex-direction:column;grid-area:auto;flex:0 0 170px;
 align-items:stretch;justify-content:center;gap:17px;
 width:170px;max-width:170px;margin:0;padding:0;align-self:center;
}
.mh-hero-benefit{
 display:flex;align-items:center;position:relative;gap:10px;
 min-width:0;line-height:1.65;font-size:12px;font-weight:800;
 white-space:normal;text-align:right;
}
.mh-hero-benefit strong{font-size:12px;line-height:1.65;font-weight:800}
.mh-hero-benefit>span:first-child svg{width:28px;height:28px}
.mh-benefit-bar{display:none}
.mh-hero-copy{
 display:block;grid-area:auto;align-self:center;flex:0 1 635px;
 width:auto;max-width:635px;min-width:0;margin:0;padding:0;
}
.mh-hero-kicker{font-size:clamp(13px,1.05vw,17px);font-weight:700;line-height:1.8}
.mh-hero h1{
 font-size:clamp(30px,3vw,45px);line-height:1.4;font-weight:900;
 letter-spacing:0;overflow-wrap:normal;white-space:normal;margin:9px 0 13px;
}
.mh-hero h1 span,.mh-hero h1 em{white-space:normal}
.mh-hero-copy p{
 font-size:clamp(13px,1.08vw,16px);font-weight:600;line-height:2;
 color:#f0f4f9;max-width:595px;margin:0 0 19px;
}
.mh-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.mh-hero-actions .mh-btn{min-height:45px;min-width:150px;font-size:13px;padding:10px 17px;border-radius:6px}
@media(min-width:1600px){
 .mh-hero{height:425px}
 .mh-hero-benefits{flex-basis:190px;width:190px;max-width:190px}
 .mh-hero-copy{max-width:680px;flex-basis:680px}
 .mh-hero-copy p{font-size:17px}
 .mh-hero-benefit strong{font-size:14px}
}
@media(min-width:1024px) and (max-width:1300px){
 .mh-hero-benefits{flex-basis:145px;width:145px;max-width:145px;gap:12px}
 .mh-hero-benefit strong{font-size:11px}
 .mh-hero h1{font-size:34px}
 .mh-hero-copy{flex-basis:540px}
 .mh-hero-copy p{font-size:14px}
}
@media(max-width:1023px){
 .mh-hero{height:auto;min-height:0;display:flex;flex-direction:column}
 .mh-hero-image{
  position:relative;inset:auto;order:0;display:block;width:100%;
  height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;
 }
 .mh-hero-overlay{display:none}
 .mh-hero-layout{
  order:1;display:flex;flex-direction:column;align-items:stretch;
  justify-content:flex-start;height:auto;min-height:0;
  gap:0;padding:25px 0 30px;grid-template-columns:none;
 }
 .mh-hero-copy{
  order:0;align-self:auto;flex:1 1 auto;max-width:100%;
  min-width:0;width:100%;margin:0;padding:0;
 }
 .mh-hero h1{font-size:clamp(29px,5vw,41px)}
 .mh-hero-copy p{font-size:15px;line-height:1.9}
 .mh-hero-benefits{
  order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px 20px;align-items:start;align-self:auto;
  flex:1 1 auto;width:100%;max-width:100%;
  margin:23px 0 0;padding:17px 0 0;
  border-top:1px solid rgba(255,255,255,.2);
 }
 .mh-hero-benefit strong{font-size:13px}
}
@media(max-width:560px){
 .mh-hero{height:auto;min-height:0}
 .mh-hero-image{aspect-ratio:16/9;width:100%;height:auto;object-fit:contain}
 .mh-hero-layout{min-height:0;padding:24px 0 29px}
 .mh-hero h1{font-size:clamp(27px,7vw,34px);line-height:1.48;margin:9px 0 12px}
 .mh-hero-kicker{font-size:13px}
 .mh-hero-copy p{font-size:14px;line-height:1.85}
 .mh-hero-actions{display:flex;gap:9px}
 .mh-hero-actions .mh-btn{flex:1 1 137px;min-width:0;min-height:44px;padding:8px 11px}
 .mh-hero-benefits{margin-top:21px;gap:10px}
 .mh-hero-benefit{align-items:flex-start;gap:7px}
 .mh-hero-benefit strong{font-size:11px}
 .mh-hero-benefit>span:first-child svg{width:22px;height:22px}
}