/* EMD Kohi home hero, task 9802. Ported read-only from the summer26 lander hero (site.css .hero),
   every selector prefixed so Elementor, Elementor Pro and jeg-elementor-kit cannot reach it. */
@font-face{font-family:'Kohi Hero Archivo';font-style:italic;font-weight:800;font-display:swap;src:url(hero/archivo-800-italic.woff2) format('woff2')}

.emd-kohi-hero{
  position:relative;display:flex;align-items:center;box-sizing:border-box;
  width:100%;min-height:640px;margin:0;overflow:hidden;background:#000;border-radius:18px;
}
.emd-kohi-hero *{box-sizing:border-box}
.emd-kohi-hero video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.emd-kohi-hero__shade{position:absolute;top:0;left:0;bottom:0;width:58%;background:linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.45) 60%,rgba(0,0,0,0))}
.emd-kohi-hero__copy{
  /* Text column stops at the horizontal midpoint of the card (50%). Right of that is the camper. */
  position:relative;width:100%;max-width:50%;margin:0;
  padding:48px 0 48px 56px;
  display:flex;flex-direction:column;align-items:flex-start;gap:20px;
}
.emd-kohi-hero .emd-kohi-hero__title{
  margin:0;padding:0;color:#fff;text-align:left;
  font-family:'Kohi Hero Archivo','Archivo Black','Arial Black',Arial,sans-serif;
  font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:-.5px;
  font-size:clamp(40px,4.15vw,60px);line-height:1;-webkit-text-stroke:0;text-shadow:none;
}
.emd-kohi-hero .emd-kohi-hero__sub{margin:0;padding:0;color:#fff;text-align:left;font-size:22px;line-height:32px;font-style:normal;letter-spacing:0;max-width:640px}
.emd-kohi-hero a.emd-kohi-hero__btn{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;
  min-height:52px;padding:16px 42px;border:0;border-radius:6px;background:#efc100;color:#000;
  font-family:'Kohi Hero Archivo','Archivo Black','Arial Black',Arial,sans-serif;
  font-weight:800;font-style:italic;text-transform:uppercase;font-size:16px;line-height:1;letter-spacing:0;
}
.emd-kohi-hero a.emd-kohi-hero__btn:hover{background:#d4ab00;color:#000}
.emd-kohi-hero a.emd-kohi-hero__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.emd-kohi-hero__reviews{display:flex;align-items:center;gap:20px;margin:4px 0 0}
.emd-kohi-hero__badge{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:150px;min-height:50px;
  border:1px solid rgba(255,184,0,.2);border-radius:12px;
  background:radial-gradient(rgba(30,30,36,.6) 0%,rgba(255,184,0,.07) 100%);
}
.emd-kohi-hero__badge img{display:block;width:148px;height:auto;max-width:100%;margin:0}
.emd-kohi-hero__line{color:#fff;font-size:16px;line-height:25px;font-style:italic;letter-spacing:1.5px;max-width:315px}

@media (max-width:1000px){
  .emd-kohi-hero__copy{padding:48px 0 48px 40px}
}
/* Phone and small tablet: stack. The picture sits on top at its own 4:3 ratio so the whole camper is
   visible, and the words sit on black underneath, never over the vehicle. */
@media (max-width:900px){
  .emd-kohi-hero{display:block;min-height:0;background:#000}
  .emd-kohi-hero video{position:static;display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:70vh;object-position:center 40%}
  .emd-kohi-hero__shade{display:none}
  .emd-kohi-hero__copy{max-width:none;padding:24px 20px 28px;gap:14px}
  .emd-kohi-hero .emd-kohi-hero__title{font-size:clamp(34px,7.4vw,52px);line-height:1.03}
  .emd-kohi-hero .emd-kohi-hero__sub{font-size:17px;line-height:25px}
}
@media (max-width:640px){
  .emd-kohi-hero a.emd-kohi-hero__btn{width:100%}
  .emd-kohi-hero__reviews{gap:14px}
  .emd-kohi-hero__badge{width:120px}
  .emd-kohi-hero__badge img{width:100px}
  .emd-kohi-hero__line{font-size:14px;line-height:21px;letter-spacing:1px}
}