/* ONEZONE_PUBLIC_HERO_CSS_V1 */
.onezone-page-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:390px;
  color:#fff;
  background:#101817;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.onezone-page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:var(--onezone-page-hero-image);
  background-size:cover;
  background-position:72% center;
  transform:scale(1.012);
}
.onezone-page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 78% 28%,rgba(240,179,91,.20),transparent 29rem),
    linear-gradient(90deg,rgba(10,15,15,.94) 0%,rgba(14,22,21,.83) 43%,rgba(24,30,27,.56) 68%,rgba(50,38,21,.30) 100%),
    linear-gradient(0deg,rgba(9,14,14,.34),rgba(9,14,14,.05));
}
.onezone-page-hero-wrap{
  width:min(1180px,calc(100% - 34px));
  min-height:390px;
  margin:0 auto;
  padding:58px 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,320px);
  gap:46px;
  align-items:center;
}
.onezone-page-hero.no-aside .onezone-page-hero-wrap{
  grid-template-columns:minmax(0,1fr);
}
.onezone-page-hero-copy{max-width:850px}
.onezone-page-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#ffd696;
  font-size:11px;
  font-weight:950;
  letter-spacing:.145em;
  text-transform:uppercase;
}
.onezone-page-hero-kicker::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:999px;
  background:#f0b35b;
  box-shadow:0 0 0 5px rgba(240,179,91,.12);
}
.onezone-page-hero h1{
  max-width:900px;
  margin:13px 0 16px;
  color:#fff;
  font-size:clamp(40px,5.4vw,68px);
  line-height:1.01;
  letter-spacing:-.042em;
  text-wrap:balance;
}
.onezone-page-hero-lead{
  max-width:790px;
  margin:0;
  color:#d6dfdc;
  font-size:clamp(16px,1.7vw,19px);
  line-height:1.7;
}
.onezone-page-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:23px;
}
.onezone-page-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:11px;
  background:rgba(14,21,20,.52);
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:900;
  backdrop-filter:blur(7px);
}
.onezone-page-hero-btn:hover{
  border-color:rgba(255,255,255,.48);
  background:rgba(19,29,27,.72);
}
.onezone-page-hero-btn.primary{
  border-color:#f0b35b;
  background:#f0b35b;
  color:#17201f!important;
}
.onezone-page-hero-btn.primary:hover{background:#ffd08a}
.onezone-page-hero-aside{
  padding:24px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:22px;
  background:rgba(12,18,18,.70);
  box-shadow:0 24px 62px rgba(0,0,0,.27);
  backdrop-filter:blur(11px);
}
.onezone-page-hero-aside small{
  display:block;
  color:#bdc9c5;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.onezone-page-hero-aside strong{
  display:block;
  margin:8px 0 8px;
  color:#fff;
  font-size:clamp(24px,3vw,32px);
  line-height:1.08;
  overflow-wrap:anywhere;
}
.onezone-page-hero-aside span{
  display:block;
  color:#f0b35b;
  font-size:12px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.onezone-page-hero-aside p{
  margin:9px 0 0;
  color:#cbd5d2;
  font-size:13px;
  line-height:1.55;
}
@media(max-width:820px){
  .onezone-page-hero-wrap{grid-template-columns:1fr;gap:22px;padding:48px 0}
  .onezone-page-hero-aside{width:min(380px,100%)}
}
@media(max-width:580px){
  .onezone-page-hero{min-height:330px}
  .onezone-page-hero-wrap{width:min(100% - 22px,1180px);min-height:330px;padding:42px 0}
  .onezone-page-hero::before{background-position:68% center}
  .onezone-page-hero::after{
    background:
      radial-gradient(circle at 78% 18%,rgba(240,179,91,.18),transparent 22rem),
      linear-gradient(0deg,rgba(8,13,13,.94) 0%,rgba(10,16,15,.76) 62%,rgba(33,27,18,.40) 100%);
  }
  .onezone-page-hero h1{font-size:clamp(36px,11vw,48px)}
  .onezone-page-hero-lead{font-size:16px}
  .onezone-page-hero-actions{display:grid;grid-template-columns:1fr}
  .onezone-page-hero-btn{width:100%}
}

/* ONEZONE_PUBLIC_HERO_EQUAL_HEIGHT_V1_1 */
/*
 * Veřejné obsahové stránky mají na desktopu jednu pevnou výšku hero.
 * Nezáleží na délce titulku, přítomnosti tlačítek ani pravého informačního boxu.
 * Index tuto komponentu nepoužívá a tato pravidla se ho proto netýkají.
 */
@media (min-width:821px){
  .onezone-page-hero{
    box-sizing:border-box;
    height:390px !important;
    min-height:390px !important;
  }
  .onezone-page-hero-wrap{
    box-sizing:border-box;
    height:390px !important;
    min-height:390px !important;
    padding-top:46px;
    padding-bottom:46px;
  }
  .onezone-page-hero-copy,
  .onezone-page-hero-aside{
    min-height:0;
  }
}

/*
 * Na užších displejích necháme hero případně vyrůst podle obsahu.
 * Stále ale sdílí stejnou minimální výšku v rámci daného breakpointu,
 * aby se nic neořezalo při zalomení titulku nebo tlačítek.
 */
@media (min-width:581px) and (max-width:820px){
  .onezone-page-hero{min-height:390px !important;height:auto !important}
  .onezone-page-hero-wrap{min-height:390px !important;height:auto !important}
}
@media (max-width:580px){
  .onezone-page-hero{min-height:330px !important;height:auto !important}
  .onezone-page-hero-wrap{min-height:330px !important;height:auto !important}
}
/* /ONEZONE_PUBLIC_HERO_EQUAL_HEIGHT_V1_1 */