/* FV typographic artwork: existing site backdrop, product artwork and lower sections retained. */
.hero .hero-kicker{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;padding:4px 0;background:none;border:0;box-shadow:none;font-size:22px;line-height:1.6}
.hero .hero-kicker::before,.hero .hero-kicker::after{content:'';display:block;width:19px;height:2px;background:#c39231;flex:none}
.hero #hero-title{width:100%;font-size:0;line-height:0}
.hero #hero-title::after{content:none}
.hero .hero-title-art{display:block;width:100%;height:auto;margin:0 auto}
.hero .hero-stage{row-gap:16px}
@media(min-width:1101px){.hero .hero-stage{padding-top:30px;padding-bottom:24px}.hero .hero-sample{top:134px}}
@media(min-width:1101px) and (max-width:1350px){.hero .hero-kicker{font-size:20px}}
@media(max-width:1100px){
 .hero .hero-stage{grid-template-rows:repeat(7,auto)}
 .hero .hero-sample,.otter-real .hero .hero-character{grid-row:4}
 .hero .hero-included{grid-row:5}
 .hero .hero-conversion{grid-row:6}
 .hero .hero-caption{grid-row:7}
}
@media(max-width:600px){
 .hero .hero-stage{row-gap:12px;padding-top:18px}
 .hero .hero-kicker{font-size:clamp(11px,3.45vw,20px);gap:4px;padding:0;line-height:1.8}
 .hero .hero-kicker::before,.hero .hero-kicker::after{width:12px;height:1px}
 .hero #hero-title{width:100%;margin:0 0 3px}
 .hero .hero-message strong{margin-top:6px}
 .hero .hero-sample{margin-top:12px}
}