/* HORIZON HAWK 1.11.0 — homepage OEM / ODM redesign */
.hh-home-oem-1110{
  background:linear-gradient(135deg,#f7faf8 0%,#f2f7f3 55%,#eef6f0 100%);
  overflow:hidden;
}
.hh-home-oem-grid-1110{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);
  gap:clamp(34px,5vw,76px);
  align-items:center;
}
.hh-home-oem-visual-1110{
  min-width:0;
  margin:0;
}
.hh-home-oem-visual-1110>img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
  border-radius:28px;
  border:1px solid rgba(20,88,55,.10);
  box-shadow:0 24px 60px rgba(16,58,38,.10);
}
.hh-home-oem-caption-1110{
  margin:12px 6px 0;
  color:#6b766f;
  font-size:12px;
  line-height:1.55;
}
.hh-home-oem-content-1110{min-width:0;}
.hh-home-oem-content-1110 .hh-eyebrow{
  margin:0 0 14px;
  color:#168b4c;
  font-weight:800;
  letter-spacing:.12em;
}
.hh-home-oem-content-1110 h2{
  max-width:760px;
  margin:0;
  color:#13231a;
  font-size:clamp(42px,4.1vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.hh-home-oem-intro-1110{
  max-width:700px;
  margin:20px 0 28px;
  color:#5f6c64;
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.75;
}
.hh-home-oem-options-1110{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}
.hh-home-oem-option-1110{
  min-width:0;
  min-height:68px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:14px 18px;
  background:rgba(255,255,255,.92);
  border:1px solid #dbe7df;
  border-radius:15px;
  box-shadow:0 8px 24px rgba(28,72,47,.045);
  color:#17241c;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
}
.hh-home-oem-option-1110 img{
  width:28px;
  height:28px;
  flex:0 0 28px;
  object-fit:contain;
}
.hh-home-oem-cta-1110{
  margin-top:28px;
  min-width:250px;
  justify-content:center;
}
.hh-home-oem-cta-1110 span{margin-left:8px;font-size:1.25em;line-height:1;}

/* If the old Gutenberg OEM block is accidentally left next to the shortcode,
   Codex acceptance must fail rather than relying on this CSS to hide it. */

@media (max-width:1100px){
  .hh-home-oem-grid-1110{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:32px;}
  .hh-home-oem-content-1110 h2{font-size:clamp(38px,4.6vw,52px);}
  .hh-home-oem-option-1110{padding:13px 15px;font-size:15px;}
}
@media (max-width:820px){
  .hh-home-oem-grid-1110{grid-template-columns:1fr;gap:30px;}
  .hh-home-oem-visual-1110{max-width:760px;margin-inline:auto;}
  .hh-home-oem-content-1110{max-width:760px;margin-inline:auto;width:100%;}
  .hh-home-oem-content-1110 h2{font-size:clamp(36px,7vw,52px);}
}
@media (max-width:540px){
  .hh-home-oem-1110{padding-top:54px!important;padding-bottom:58px!important;}
  .hh-home-oem-visual-1110>img{border-radius:20px;aspect-ratio:4/3;}
  .hh-home-oem-caption-1110{font-size:11px;margin-top:9px;}
  .hh-home-oem-content-1110 .hh-eyebrow{margin-bottom:10px;}
  .hh-home-oem-content-1110 h2{font-size:34px;line-height:1.04;letter-spacing:-.035em;}
  .hh-home-oem-intro-1110{margin:16px 0 22px;font-size:15px;line-height:1.65;}
  .hh-home-oem-options-1110{grid-template-columns:1fr;gap:9px;}
  .hh-home-oem-option-1110{min-height:56px;padding:11px 14px;border-radius:13px;font-size:15px;}
  .hh-home-oem-option-1110 img{width:25px;height:25px;flex-basis:25px;}
  .hh-home-oem-cta-1110{width:100%;min-width:0;margin-top:22px;}
}
