@font-face {
  font-family: 'HGW Futurism';
  src: url('https://hookahrish.co.il/wp-content/uploads/2025/09/Futurism-Bold.ttf') format('truetype');
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'HGW Polin';
  src: url('https://hookahrish.co.il/wp-content/uploads/2025/09/Polin-Medium.ttf') format('truetype');
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

.hgw-home-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  width: 100vw;
  min-height: 620px;
  height: 78svh;
  max-height: 840px;
  margin-inline: calc(50% - 50vw);
  overflow: hidden;
  place-items: end center;
  color: #fff;
  background: #050505;
}

.hgw-home-hero__media,
.hgw-home-hero__shade {
  position: absolute;
  inset: 0;
}

.hgw-home-hero__media {
  z-index: 0;
  overflow: hidden;
  background: #050505;
  pointer-events: none;
}

.hgw-home-hero__media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.hgw-home-hero__shade {
  z-index: 1;
  background: rgba(0, 0, 0, .43);
}

.hgw-home-hero__content {
  position: relative;
  z-index: 2;
  width: min(1120px, calc(100% - 48px));
  padding-block: 72px;
  text-align: center;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .72);
}

.hgw-home-hero .hgw-home-hero__title {
  display: grid;
  gap: 12px;
  margin: 0;
  color: #fff;
  font-family: 'HGW Futurism', 'Futurism', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.04;
}

.hgw-home-hero__brand {
  display: block;
  font-size: 88px;
  direction: ltr;
}

.hgw-home-hero__headline {
  display: block;
  font-size: 54px;
}

.hgw-home-hero .hgw-home-hero__tagline {
  margin: 24px 0 0;
  color: #fff;
  font-family: 'HGW Polin', 'Polin', Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.45;
}

@media (max-width: 1023px) {
  .hgw-home-hero {
    min-height: 560px;
    height: 74svh;
  }

  .hgw-home-hero__brand {
    font-size: 64px;
  }

  .hgw-home-hero__headline {
    font-size: 42px;
  }
}

@media (max-width: 767px) {
  .hgw-home-hero {
    min-height: 500px;
    height: 70svh;
    max-height: 680px;
  }

  .hgw-home-hero__content {
    width: min(100% - 32px, 620px);
    padding-block: 48px;
  }

  .hgw-home-hero .hgw-home-hero__title {
    gap: 10px;
  }

  .hgw-home-hero__brand {
    font-size: 46px;
  }

  .hgw-home-hero__headline {
    font-size: 34px;
    line-height: 1.18;
  }

  .hgw-home-hero .hgw-home-hero__tagline {
    margin-top: 18px;
    font-size: 19px;
  }
}

@media (max-width: 390px) {
  .hgw-home-hero__brand {
    font-size: 40px;
  }

  .hgw-home-hero__headline {
    font-size: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hgw-home-hero__media {
    display: none;
  }
}
