.section-hero{aspect-ratio:1680/252;background:#111;isolation:isolate;max-height:252px;min-height:188px;overflow:hidden;position:relative;width:100%}
.section-hero::after{background:rgba(238,232,220,.9);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:4}
.section-hero-media,.section-hero-media img{height:100%;inset:0;position:absolute;width:100%}
.section-hero-media img{max-width:none;object-fit:fill;z-index:1}
.section-hero-copy{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.section-hero-kicker{color:var(--black);font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.12em;margin:0 0 7px;text-transform:uppercase}
.section-hero-kicker span{color:var(--red)}
.section-hero-copy h1{font-family:var(--brush);font-size:clamp(58px,4.9vw,76px);font-weight:400;letter-spacing:.01em;line-height:.65;margin:0;text-transform:uppercase;transform:rotate(-1.2deg);transform-origin:left center}
.section-hero-copy h1 span,.section-hero-copy h1 em{display:block;font-style:normal;font-weight:400}
.section-hero-copy h1 em{color:var(--red);margin-left:42px}
.section-hero-brush{background:url('/assets/images/brush-red-raster.png') center/100% 100% no-repeat;display:block;height:7px;margin:13px 0 9px 43px;transform:rotate(-2deg);width:76px}
.section-hero-copy>p:last-child{font-family:var(--body);font-size:10.5px;line-height:1.45;margin:0;max-width:330px}
.section-hero--trainer .section-hero-copy{width:31%}
.section-hero--trainer .section-hero-copy h1 em{font-size:.82em}
.section-hero+.trainer-jump{bottom:auto;clip-path:none;left:auto;margin:0;min-height:52px;overflow-x:auto;position:relative;right:auto}
.section-hero+.trainer-jump a{flex:none}

@media(max-width:760px){
  .section-hero{aspect-ratio:780/300;height:auto;max-height:none;min-height:0}
  .section-hero-media img{object-fit:fill;object-position:center}
  .section-hero-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:6px}
  .section-hero-copy h1{font-size:48px;line-height:.62;white-space:nowrap}
  .section-hero-copy h1 em{margin-left:27px}
  .section-hero-brush{height:5px;margin:9px 0 7px 28px;width:55px}
  .section-hero-copy>p:last-child{font-size:7px;line-height:1.35;max-width:190px}
  .section-hero--trainer .section-hero-copy{width:58%}
  .section-hero--trainer .section-hero-copy h1{font-size:43px}
  .section-hero+.trainer-jump{justify-content:flex-start;min-height:50px}
}

@media(max-width:390px){
  .section-hero-copy h1{font-size:44px}
  .section-hero--trainer .section-hero-copy h1{font-size:39px}
}