.z3-hero-wrap-790780e9, .z3-hero-wrap-790780e9 * { box-sizing: border-box; }

.z3-hero-wrap-790780e9 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  margin: 0;
  padding: 0;
}

.z3-hero-790780e9 {
  position: relative;
  width: 1290px;
  max-width: 100%;
  aspect-ratio: 1290 / 600;
  overflow: hidden;
  font-family: 'Inter', sans-serif;
  user-select: none;
  transition: background-color 650ms cubic-bezier(0.4,0,0.2,1);
  isolation: isolate;
}

.z3-hero-copy-790780e9 { max-width: 30%; }

@media (max-width: 640px) {
  .z3-hero-790780e9 { aspect-ratio: 3 / 4; }
  .z3-hero-copy-790780e9 { max-width: 62%; }
}

.z3-hero-inner-790780e9 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.z3-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 7;
  opacity: 0.4;
  background-size: 200px 200px;
  background-repeat: repeat;
}

.z3-scrim {
  position: absolute;
  inset: auto 0 0 0;
  height: 50%;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
}

.z3-ghost-wrap {
  position: absolute;
  inset: 0 0 auto 0;
  top: 14%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
}

.z3-ghost {
  font-family: 'Anton', sans-serif;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
  font-size: clamp(32px, 13cqw, 150px);
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.4));
  transition: opacity 300ms ease;
  margin: 0;
}

.z3-brand {
  position: absolute;
  top: 4%;
  left: 3%;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.95;
  font-size: clamp(9px, 1.1cqw, 13px);
  letter-spacing: 0.18em;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
}
.z3-brand span { color: #D8B45E; }

.z3-counter {
  position: absolute;
  top: 4.5%;
  right: 3%;
  z-index: 6;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.7;
  font-size: clamp(9px, 1cqw, 12px);
  letter-spacing: 0.18em;
}

.z3-carousel { position: absolute; inset: 0; z-index: 2; }

.z3-item {
  position: absolute;
  aspect-ratio: 0.8 / 1;
  transition: transform 650ms cubic-bezier(0.4,0,0.2,1),
              filter 650ms cubic-bezier(0.4,0,0.2,1),
              opacity 650ms cubic-bezier(0.4,0,0.2,1),
              left 650ms cubic-bezier(0.4,0,0.2,1),
              bottom 650ms cubic-bezier(0.4,0,0.2,1);
  will-change: transform, filter, opacity;
}
.z3-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  pointer-events: none;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,0.45));
}

.z3-hero-copy-790780e9 {
  position: absolute;
  bottom: 7%;
  left: 3%;
  z-index: 6;
}
.z3-label {
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.02em;
  margin: 0 0 0.6em 0;
  font-size: clamp(11px, 1.5cqw, 18px);
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
}
.z3-copy {
  color: #fff;
  opacity: 0.95;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 1.1em 0;
  font-size: clamp(9px, 1cqw, 12px);
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
}
.z3-controls { display: flex; align-items: center; gap: 1.2em; }
.z3-arrows { display: flex; gap: 0.7em; }
.z3-arrow-btn {
  border: 2px solid rgba(216,180,94,0.85);
  background: transparent;
  border-radius: 999px;
  width: clamp(30px, 4cqw, 48px);
  height: clamp(30px, 4cqw, 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: transform 150ms ease, background-color 150ms ease;
}
.z3-arrow-btn:hover { transform: scale(1.08); background-color: rgba(216,180,94,0.18); }
.z3-arrow-btn:active { transform: scale(0.95); }
.z3-arrow-btn svg { width: 50%; height: 50%; }

.z3-dots { display: flex; align-items: center; gap: 0.35em; }
.z3-dot {
  display: inline-block;
  height: 6px;
  border-radius: 999px;
  background-color: rgba(255,255,255,0.45);
  width: 6px;
  transition: all 400ms ease;
}
.z3-dot.active { width: 16px; background-color: #D8B45E; }

.z3-catalog-link {
  position: absolute;
  bottom: 7%;
  right: 3%;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 0.4em;
  font-family: 'Anton', sans-serif;
  color: #fff;
  opacity: 0.95;
  letter-spacing: -0.02em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  font-size: clamp(14px, 3cqw, 34px);
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.4));
  transition: opacity 200ms ease;
}
.z3-catalog-link:hover { opacity: 1; }
.z3-catalog-link svg {
  width: 0.9em;
  height: 0.9em;
  color: #D8B45E;
  transition: transform 200ms ease;
}
.z3-catalog-link:hover svg { transform: translateX(4px); }