/* US-Whiskey-Seite: Foto-Hero hinter dem Einleitungstext (nur auf dieser Seite eingebunden).
   Das Foto ist in beiden Farbschemata dunkel; Schriftfarben sind daher fest hell. */
.us-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(320px, 28vw, 420px);
  background:#0A0705 url("../img/us-whiskey/hero-us-whiskey-900.webp") 72% center / cover no-repeat;
  color:#F6F1E6;
  margin-top:12px;
}
@media (min-width:700px){
  .us-hero{ background-image:url("../img/us-whiskey/hero-us-whiskey-2000.webp"); background-position:right center; }
}
.us-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg, rgba(8,6,4,.78) 0%, rgba(8,6,4,.62) 40%, rgba(8,6,4,.12) 72%, rgba(8,6,4,0) 100%);
}
.us-hero .hero{ width:100%; padding-block:56px; }
.us-hero .kicker{ color:#E7BE73; }
.us-hero h1{ color:#FFFFFF; text-shadow:0 1px 18px rgba(0,0,0,.5); }
.us-hero .lede{ color:#EDE6D6; text-shadow:0 1px 12px rgba(0,0,0,.55); }
@media (max-width:699px){
  .us-hero::before{ background:linear-gradient(180deg, rgba(8,6,4,.74) 0%, rgba(8,6,4,.64) 55%, rgba(8,6,4,.82) 100%); }
  .us-hero .hero{ padding-block:44px; }
}