/* contact-hero.css (2026-10-02): CONTACT page in the HARLEY page pattern.
   hero = port of harley-experience.css/.h-hero + harley-sell-theme.css (class map h- -> c-),
   header = same 76px bar as harley (header-shared), no right rail. Loaded last. */
html body.iron-page .masthead{height:76px;padding-top:0;padding-bottom:0;box-sizing:border-box}
html body.iron-page .masthead .gnav-list>li>a{padding-top:9px;padding-bottom:9px}
html body.iron-page .bu-sidetab{display:none!important}

.c-hero{--c-head:76px;--c-gutter:clamp(22px,5.4vw,95px);--c-red:#b52c40;position:relative;isolation:isolate;min-height:1060px;height:100svh;max-height:1150px;overflow:hidden;padding-top:var(--c-head);color:#eee5d5;
  background:linear-gradient(90deg,#0b0c0ef2 0%,#0b0c0ed9 32%,#0b0c0e45 75%),linear-gradient(0deg,#0b0c0e 0%,transparent 45%,#0b0c0e55 100%),url('showroom-counter-wide.webp') center/cover no-repeat}
.c-micro{font:400 10px/1.6 'Oswald',sans-serif;letter-spacing:.14em;color:#c7aa7b}
.c-micro>i{display:inline-block;width:6px;height:6px;background:var(--c-red);margin:0 10px 2px 0}
.c-hero-top{position:absolute;left:var(--c-gutter);right:var(--c-gutter);top:calc(var(--c-head) + 29px);display:flex;align-items:center;justify-content:space-between;gap:22px}
.c-hero h1{position:absolute;top:155px;left:calc(var(--c-gutter) - 9px);z-index:2;margin:0;font:500 clamp(180px,18.3vw,325px)/.9 'Oswald',sans-serif;letter-spacing:-.055em;color:#eee5d5;text-shadow:0 2px #7f6d52,0 12px 30px #0005}
.c-hero h1>span{display:block;font:400 clamp(55px,7vw,105px)/1.05 'Oswald',sans-serif;letter-spacing:-.025em;color:transparent;-webkit-text-stroke:1px #c4a676;margin-top:17px;text-shadow:none}
.c-hero-copy{position:absolute;z-index:4;top:560px;left:var(--c-gutter);width:43%;max-width:540px}
.c-hero-copy>.c-micro{font-size:9px}
.c-hero-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.5;font-weight:500;letter-spacing:.06em;margin:18px 0 22px;color:#eee5d5}
.c-hero-copy .c-brand{display:inline-block;height:.82em;width:auto;vertical-align:-.02em;margin-right:.18em}
.c-hero-copy p{font-size:13px;line-height:2.1;color:#bfb7aa;margin:0}
.c-hero-cta{display:inline-flex;align-items:center;gap:70px;border-bottom:1px solid #e5e3d285;padding:18px 0 17px;margin-top:18px;font:400 14px 'Oswald',sans-serif;letter-spacing:.15em;color:#eee5d5;text-decoration:none}
.c-hero-cta small{display:block;font:10px 'Noto Sans JP',sans-serif;color:#a9b19f;letter-spacing:.02em;margin-top:7px}
.c-hero-cta b{font:400 28px 'Oswald',sans-serif;color:var(--c-red);transition:transform .2s}
.c-hero-cta:hover b{transform:translateY(5px)}
.c-hero-bottom{position:absolute;bottom:22px;left:var(--c-gutter);right:var(--c-gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #d4d6bd30;color:#b5a995;font-size:10px}
@media(min-width:1800px){.c-hero{min-height:1150px}.c-hero-copy{top:650px}}
@media(max-width:1150px){.c-hero{min-height:920px}.c-hero h1{font-size:18vw}.c-hero h1>span{font-size:7vw}.c-hero-copy{top:470px;width:42%}.c-hero-copy h2{font-size:34px}}
@media(max-width:760px){
  .c-hero{--c-head:66px;--c-gutter:22px;min-height:0;height:auto;max-height:none;display:flex;flex-direction:column;padding:calc(var(--c-head) + 26px) var(--c-gutter) 22px;
    background:linear-gradient(180deg,#0b0c0ecc 0%,#0b0c0e55 30%,#0b0c0e30 48%,#0b0c0ef0 66%,#0b0c0e 100%),linear-gradient(90deg,#0b0c0e99,transparent),url('showroom-counter-wide.webp') 62% 120px/auto 640px no-repeat,#0b0c0e}
  .c-hero-top{position:static;margin-bottom:30px;align-items:flex-start}
  .c-hero-top .c-micro:last-child{display:none}
  .c-hero h1{position:static;font-size:24.5vw;letter-spacing:-.045em;line-height:.95;margin:0 0 0 -4px;z-index:4}
  .c-hero h1>span{font-size:11vw;margin-top:12px}
  .c-hero-copy{position:static;width:auto;max-width:none;margin-top:250px;display:flex;flex-direction:column;align-items:flex-start}
  .c-hero-copy h2{font-size:27px;line-height:1.5;margin:14px 0 18px}
  .c-hero-copy p{font-size:12px;line-height:2}
  .c-hero-cta{align-self:flex-start;width:200px;gap:20px;margin:22px 0 0;padding:15px 0;font-size:12px}
  .c-hero-cta small{font-size:8px;line-height:1.6}
  .c-hero-cta b{font-size:22px}
  .c-hero-bottom{position:static;margin-top:44px;font-size:9px;gap:15px;padding-top:17px;flex-wrap:wrap}
}
@media(max-width:370px){.c-hero-copy h2{font-size:25px}}
/* kenpin: 13px minimum on phones */
@media(max-width:767px){
  html body .c-hero .c-micro,html body .c-hero-bottom,html body .c-hero-bottom span,html body .c-hero-copy p,html body .c-hero-cta>span,html body .c-hero-cta small{font-size:13px!important}
  html body .c-hero-bottom{letter-spacing:.04em}
}