.km-hero__content {
  position: relative;
  z-index: 1;
  width: min(100% - 2 * var(--km-gutter), var(--km-container-xl));
  padding-block: calc(var(--km-header-height) + var(--km-space-xl)) 7.5rem;
  margin-inline: auto;

}

.km-hero__eyebrow {
  display: inline-flex;
  margin: 0 0 clamp(1rem, 2vh, 1.75rem);
  padding: 0.45rem 0.75rem 0.38rem;
  font-family: var(--km-font-display);
  font-size: var(--km-text-xs);
  font-weight: var(--km-fw-bold);
  letter-spacing: var(--km-tracking-wider);
  text-transform: uppercase;
  color: var(--km-color-white);
  background: var(--km-color-red);
  transform: rotate(-1.5deg);
}

.km-hero__brand {
  max-width: none;
  margin: 0 0 0.08em;
  font-family: var(--km-font-display);
  font-size: var(--km-text-hero-brand);
  font-weight: var(--km-fw-bold);
  letter-spacing: -0.055em;
  line-height: 0.78;
  text-transform: lowercase;
  color: var(--km-color-white);
  text-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

.km-hero__brand::first-letter {
  color: var(--km-color-bone);
}

.km-hero__title {
  margin: 0 0 var(--km-space-sm);
  font-family: var(--km-font-display);
  font-size: clamp(2.4rem, 1.5rem + 3.6vw, 5.4rem);
  font-weight: var(--km-fw-semibold);
  letter-spacing: 0.035em;
  line-height: 0.96;
  text-transform: uppercase;
  max-width: 12ch;
  color: var(--km-color-bone);
}

.km-hero__subtitle {
  margin: 0 0 var(--km-space-lg);
  font-size: clamp(1rem, 0.92rem + 0.35vw, 1.2rem);
  color: color-mix(in srgb, var(--km-color-bone) 82%, transparent);
  max-width: 36ch;
  line-height: 1.55;
}

.km-hero__offer {
  display: grid;
  gap: 0.18rem;
  width: fit-content;
  margin: calc(-1 * var(--km-space-sm)) 0 var(--km-space-lg);
  padding: 0.65rem 0.8rem;
  border-left: 3px solid var(--km-color-red-light);
  background: rgba(8, 8, 8, 0.48);
  color: var(--km-color-white);
}

.km-hero__offer strong {
  font-family: var(--km-font-display);
  font-size: clamp(1.2rem, 1.05rem + 0.7vw, 1.65rem);
  letter-spacing: var(--km-tracking-wide);
  line-height: 1.1;
  text-transform: uppercase;
}

.km-hero__offer span {
  color: color-mix(in srgb, var(--km-color-bone) 78%, transparent);
  font-size: var(--km-text-sm);
}

.km-hero__specs {
  margin: var(--km-space-md) 0 0;
  max-width: none;
  font-family: var(--km-font-display);
  font-size: var(--km-text-xs);
  font-weight: var(--km-fw-semibold);
  letter-spacing: var(--km-tracking-wider);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--km-color-bone) 70%, transparent);
}

.kme-video-hero{display:grid;align-items:end}
.kme-video-hero__overlay{opacity:.55}
.km-hero__content{animation:none;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.km-hero__subtitle{color:#f2efe8}
.km-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}
.km-hero__actions .km-button{min-height:48px;padding:.85rem 1.5rem;font-weight:700;font-size:.85rem;letter-spacing:.16em;line-height:1.2;text-shadow:none}
.km-hero__actions .km-button--secondary{background:rgba(8,8,8,.18);border-color:rgba(242,239,232,.6)}
.km-hero__actions .km-button--primary:hover{background:#b91c25}.km-hero__actions .km-button--secondary:hover{background:rgba(8,8,8,.5)}
.km-hero__specs{color:#f2efe8}
@media(max-width:47.99rem){
.km-hero__content{width:calc(100% - 2 * var(--km-gutter));padding-bottom:7rem}
.km-hero__brand{font-size:clamp(2.8rem,18vw,6.5rem);white-space:nowrap}
.km-hero__title{font-size:clamp(2.25rem,11vw,3.75rem)}
.km-hero__actions{display:grid;width:min(100%,24rem)}


}
.km-hero__specs .kme-spec{white-space:nowrap;display:inline-block}

/* Bandeau défilant du thème kifmameche : orange brûlé, inclinaison et étoiles. */
.kme-marquee-wrap{position:relative;z-index:5;overflow:hidden;margin-top:-32px;padding:14px 0}
.kme-marquee{position:relative;overflow:hidden;background:#c2401f;border-block:1px solid rgba(10,10,11,.35);padding:14px 0;transform:rotate(-1deg);margin:0 -8px}
.kme-marquee__track{display:flex;align-items:center;width:max-content;animation:kme-marquee 26s linear infinite;white-space:nowrap}
.kme-marquee__group{display:flex;flex-shrink:0;align-items:center;gap:28px;padding-right:28px}
.kme-marquee__track span{font-family:Anton,Oswald,"Arial Narrow",sans-serif;font-weight:400;font-size:17px;letter-spacing:.14em;color:#0a0a0b}
.kme-marquee__track i{font-style:normal;color:rgba(10,10,11,.55);font-size:12px}
.kme-marquee:hover .kme-marquee__track{animation-play-state:paused}
@keyframes kme-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){.kme-marquee__track span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.kme-marquee__track{animation:none;width:100%;white-space:normal}.kme-marquee__group{width:100%;flex-wrap:wrap;justify-content:center;gap:12px;padding-inline:20px}.kme-marquee__group+ .kme-marquee__group{display:none}}
@font-face{font-family:Anton;src:url("../fonts/anton-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}

.kme-hero-letter{display:inline-block}