.ocf-hero {
    --hero-heading-size: var(--font-h1-size);
    --hero-heading-color: var(--ocf-heading-alt);
    --hero-intro-size: var(--font-h3-size);
    --hero-intro-color: var(--ocf-body-alt);
    --hero-rating-color: var(--ocf-heading-alt);
    --hero-check-color: var(--ocf-primary);
    --hero-check-mark-color: var(--ocf-primary-contrast, var(--ocf-bg));
    --hero-gradient: var(--gradient-media-dark);
    --hero-overlay-opacity: max(0.88, var(--media-overlay-opacity));
    position: relative;
    min-height: min(900px, calc(100vh - 4.5rem));
    display: grid;
    align-items: center;
    overflow: hidden;
    background: var(--ocf-bg);
}

.ocf-hero__media,
.ocf-hero__shade {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ocf-hero__media {
    opacity: 1;
}

.ocf-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ocf-hero__shade {
    background: var(--section-gradient, var(--hero-gradient));
    opacity: var(--section-overlay-opacity, var(--hero-overlay-opacity));
}

.ocf-hero__grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 520px);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: center;
    padding-block: var(--section-pad);
}

.ocf-hero .ocf-hero__grid {
    padding-block: clamp(6rem, 12vh, 8.5rem) clamp(5.5rem, 10vh, 7.5rem);
}

.ocf-hero__content { max-width: 720px; }
.ocf-hero__rating { color: var(--hero-rating-color); }
.ocf-hero__headline {
    margin: 0;
    color: var(--field-color, var(--hero-heading-color));
    font-family: var(--ocf-font-heading), system-ui, sans-serif;
    font-size: var(--field-font-size, var(--hero-heading-size));
    font-weight: var(--field-font-weight, var(--font-weight-bold));
    font-style: var(--field-font-style, normal);
    line-height: 1.08;
    letter-spacing: 0;
    text-decoration: var(--field-text-decoration, none);
}
.ocf-hero__intro { color: var(--field-color, var(--hero-intro-color)); }
.ocf-hero__rating {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1rem;
    font-size: var(--font-label-size);
    line-height: 1;
}
.ocf-hero__stars {
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
    color: #FBBF24;
    font-size: 1.18em;
    line-height: 1;
}
.ocf-hero__stars svg {
    display: block;
    width: 1em;
    height: 1em;
}
.ocf-hero__star {
    position: relative;
    display: block;
    width: 1em;
    height: 1em;
    color: inherit;
}
.ocf-hero__star-empty {
    opacity: .24;
}
.ocf-hero__star-fill {
    position: absolute;
    inset: 0;
    width: 1em;
    overflow: hidden;
    opacity: 1;
    clip-path: inset(0 calc(100% - var(--star-fill, 0%)) 0 0);
}
.ocf-hero__headline span { display: block; }
.ocf-hero__intro {
    max-width: 58ch;
    margin: 1.25rem 0 0;
    color: var(--field-color, var(--hero-intro-color));
    font-size: var(--field-font-size, var(--hero-intro-size));
}
.ocf-hero__checks {
    display: grid;
    gap: 0.7rem;
    max-width: 58ch;
    margin: 1.35rem 0 0;
    padding: 0;
    list-style: none;
    color: var(--hero-intro-color);
    font-size: var(--font-body-size);
    font-weight: var(--ocf-font-body-weight, var(--font-weight-medium));
}
.ocf-hero__checks li {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}
.ocf-hero__check-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    min-width: 1.45rem;
    max-width: 1.45rem;
    max-height: 1.45rem;
    border-radius: 50%;
    background: var(--hero-check-color);
    color: var(--hero-check-mark-color);
    box-shadow: 0 0.25rem 0.75rem color-mix(in srgb, var(--hero-check-color) 22%, transparent);
    overflow: hidden;
}
.ocf-hero__check-icon svg {
    display: block;
    width: 0.82rem !important;
    height: 0.82rem !important;
    max-width: 0.82rem;
    max-height: 0.82rem;
    flex: 0 0 auto;
}

.ocf-hero__checks li > span:not(.ocf-hero__check-icon) {
    color: var(--hero-intro-color);
}
.ocf-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; }
.ocf-hero__form { width: 100%; align-self: start; margin-top: 0.25rem; }

.ocf-hero__scroll-cue {
    display: none;
}

.ocf-hero__rating--google {
    margin: 0 0 1rem;
    gap: 0.75rem;
    color: var(--ocf-heading);
}

.ocf-hero__google-icon {
    inline-size: 1.35rem;
    block-size: 1.35rem;
}

.ocf-hero__secondary-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    color: var(--ocf-heading);
    border-bottom: 1px solid currentColor;
    font-size: var(--font-label-size);
    font-weight: var(--font-weight-semibold);
    line-height: 1;
}

.ocf-hero[data-ocf-tone="light"] {
    --hero-heading-color: var(--ocf-heading);
    --hero-intro-color: var(--ocf-body);
    --hero-rating-color: var(--ocf-heading);
    background: var(--ocf-bg);
    color: var(--ocf-body);
}

@media (max-width: 900px){
    .ocf-hero { min-height: auto; }
    .ocf-hero__grid { grid-template-columns: 1fr; }
    .ocf-hero .ocf-hero__grid {
        padding-block: clamp(3.5rem, 10vw, 5rem);
    }

}

/* OCF_AGENT_BLOCK:sell-motorcycle-hero-visibility START */
#hero.motorcycle-home-photo.ocf-hero .ocf-hero__grid {
 grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr)!important;
 align-items:start!important; gap:48px!important; min-height:660px!important; padding-block:48px!important; width:min(calc(100% - 80px),1200px)!important;
}
#hero.motorcycle-home-photo .ocf-hero__background>img {object-position:left bottom!important}
#hero.motorcycle-home-photo .ocf-hero__shade {
 background:linear-gradient(180deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.67) 32%,rgba(0,0,0,.22) 63%,rgba(0,0,0,.16) 100%)!important;
 opacity:1!important;
}
#hero.motorcycle-home-photo .ocf-hero__content {display:flex!important;flex-direction:column!important;align-items:flex-start!important;max-width:590px!important}
#hero.motorcycle-home-photo .ocf-hero__eyebrow {
 display:inline-flex!important;align-items:center!important;gap:10px!important;width:fit-content!important;
 max-width:100%!important;margin:0 0 22px!important;padding:9px 14px!important;
 border:1px solid rgba(255,255,255,.55)!important;border-radius:var(--card-radius,12px)!important;
 background:#fff!important;color:var(--ocf-heading)!important;letter-spacing:0!important;
 font-size:12px!important;line-height:1.5!important;box-shadow:0 5px 20px rgba(0,0,0,.12)!important;
}
#hero.motorcycle-home-photo .ocf-hero__eyebrow span {color:var(--ocf-heading)!important}
#hero.motorcycle-home-photo .motorcycle-rating-emblem {display:block;flex:none;color:var(--ocf-primary)}
#hero.motorcycle-home-photo .ocf-hero__headline {font-size:clamp(40px,4.3vw,60px)!important;margin:0!important;line-height:1.07!important}
#hero.motorcycle-home-photo .ocf-hero__intro {font-size:18px!important;line-height:1.6!important;max-width:540px!important;margin:16px 0 0!important}
#hero.motorcycle-home-photo .ocf-hero__actions {margin-top:22px!important;gap:22px!important;align-items:center!important}
#hero.motorcycle-home-photo .ocf-hero__actions>.btn-primary {min-height:54px!important;padding-inline:26px!important}
#hero.motorcycle-home-photo .ocf-hero__phone-callout {display:flex!important;align-items:center!important}
#hero.motorcycle-home-photo .ocf-hero__phone {display:inline-flex!important;align-items:center!important;gap:10px!important;border:0!important;padding:12px 0!important;min-height:44px!important;white-space:nowrap!important;font-size:18px!important;text-decoration:none!important}
#hero.motorcycle-home-photo .motorcycle-phone-icon {flex:none}
#hero.motorcycle-home-photo .motorcycle-hero-mobile-photo {display:none}
@media(max-width:1100px) and (min-width:901px){
 #hero.motorcycle-home-photo.ocf-hero .ocf-hero__grid {gap:30px!important;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)!important}
 #hero.motorcycle-home-photo .ocf-hero__actions {gap:12px!important}
}
@media(max-width:900px){
 #hero.motorcycle-home-photo.ocf-hero .ocf-hero__grid {grid-template-columns:minmax(0,1fr)!important;gap:28px!important;min-height:0!important;padding-block:32px!important}
 #hero.motorcycle-home-photo {background:var(--ocf-heading)!important}
 #hero.motorcycle-home-photo .ocf-hero__background,#hero.motorcycle-home-photo .ocf-hero__shade {display:none!important}
 #hero.motorcycle-home-photo .ocf-hero__content {max-width:none!important;width:100%!important}
 #hero.motorcycle-home-photo .ocf-hero__headline {font-size:clamp(38px,7vw,54px)!important}
 #hero.motorcycle-home-photo .ocf-hero__intro {font-size:17px!important;max-width:600px!important}
 #hero.motorcycle-home-photo .motorcycle-hero-mobile-photo {display:block!important;order:5!important;width:100%;margin:24px 0 0;overflow:hidden;border-radius:var(--card-radius,12px);line-height:0}
 #hero.motorcycle-home-photo .motorcycle-hero-mobile-photo img {display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover}
 #hero.motorcycle-home-photo .ocf-hero__actions {flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}
 #hero.motorcycle-home-photo .ocf-hero__actions .btn-primary,#hero.motorcycle-home-photo .ocf-hero__phone {width:auto!important}
}

#hero.motorcycle-home-photo .ocf-hero__rating {
 display:inline-grid!important;grid-template-columns:28px auto auto;grid-template-rows:auto auto;
 align-items:center!important;column-gap:10px;row-gap:3px;
 width:fit-content!important;max-width:100%!important;order:0;
 margin:0 0 22px!important;padding:12px 16px!important;
 border:1px solid rgba(255,255,255,.55);border-radius:var(--card-radius,12px);
 background:#fff!important;color:var(--ocf-heading)!important;line-height:1.3;box-shadow:0 5px 20px rgba(0,0,0,.12);
}
#hero.motorcycle-home-photo .ocf-hero__rating .ocf-hero__google-icon {display:block!important;grid-column:1;grid-row:1/span 2;width:28px;height:28px}
#hero.motorcycle-home-photo .ocf-hero__rating-value {display:block!important;grid-column:3;grid-row:1;color:var(--ocf-heading)!important;font-size:14px;font-weight:700}
#hero.motorcycle-home-photo .ocf-hero__rating-label {display:block!important;grid-column:2/span 2;grid-row:2;color:var(--ocf-heading)!important;font-size:12px;font-weight:500}
#hero.motorcycle-home-photo .ocf-hero__stars {display:inline-flex!important;grid-column:2;grid-row:1;color:#b77800!important;font-size:15px}
@media(max-width:900px){
 #hero.motorcycle-home-photo.ocf-hero .ocf-hero__grid {width:calc(100% - 32px)!important;min-height:0!important;padding-block:30px!important}
}
/* OCF_AGENT_BLOCK:sell-motorcycle-hero-visibility END */

/* OCF_AGENT_BLOCK:sell-motorcycle-rating-below-cta START */
#hero.motorcycle-home-photo .ocf-hero__rating,
#hero.motorcycle-home-photo .ocf-hero__eyebrow {
  order:5!important;
  align-self:flex-start!important;
  margin:20px 0 0!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  box-shadow:0 4px 16px rgba(0,0,0,.10);
}
@media(max-width:900px) {
  #hero.motorcycle-home-photo .ocf-hero__rating,
  #hero.motorcycle-home-photo .ocf-hero__eyebrow {
    margin-top:18px!important;
  }
}
/* OCF_AGENT_BLOCK:sell-motorcycle-rating-below-cta END */

/* OCF_AGENT_BLOCK:sell-motorcycle-centered-hero START */
@media(min-width:901px) {
  #hero.motorcycle-home-photo.ocf-hero .ocf-hero__grid {
    align-items:center!important;
  }
  #hero.motorcycle-home-photo .ocf-hero__content,
  #hero.motorcycle-home-photo .ocf-hero__visual {
    align-self:center!important;
  }
}
#hero.motorcycle-home-photo .ocf-hero__rating {
  grid-template-columns:28px max-content max-content max-content!important;
  grid-template-rows:auto!important;
  column-gap:10px!important;
  row-gap:0!important;
  padding:12px 16px!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:14px!important;
  box-shadow:0 6px 24px rgba(0,0,0,.14)!important;
}
#hero.motorcycle-home-photo .ocf-hero__rating .ocf-hero__google-icon {
  grid-column:1!important;
  grid-row:1!important;
  width:28px!important;
  height:28px!important;
}
#hero.motorcycle-home-photo .ocf-hero__rating .ocf-hero__stars {
  grid-column:2!important;
  grid-row:1!important;
  font-size:15px!important;
}
#hero.motorcycle-home-photo .ocf-hero__rating .ocf-hero__rating-value {
  grid-column:3!important;
  grid-row:1!important;
  font-size:14px!important;
}
#hero.motorcycle-home-photo .ocf-hero__rating .ocf-hero__rating-label {
  grid-column:4!important;
  grid-row:1!important;
  padding-left:10px!important;
  border-left:1px solid #dce5df;
  font-size:12px!important;
  line-height:1.4!important;
  white-space:nowrap;
}
@media(max-width:380px) {
  #hero.motorcycle-home-photo .ocf-hero__rating {
    grid-template-columns:28px max-content max-content!important;
    grid-template-rows:auto auto!important;
    row-gap:3px!important;
  }
  #hero.motorcycle-home-photo .ocf-hero__rating .ocf-hero__google-icon {grid-row:1/span 2!important}
  #hero.motorcycle-home-photo .ocf-hero__rating .ocf-hero__rating-label {
    grid-column:2/span 2!important;
    grid-row:2!important;
    padding-left:0!important;
    border-left:0;
  }
}
/* OCF_AGENT_BLOCK:sell-motorcycle-centered-hero END */
