.product-ticker {
  overflow: hidden;
  padding: 8px 0;
  border-top: 1px solid #292929;
  background: #111;
}

.product-ticker__track,
.product-ticker__set {
  display: flex;
  width: max-content;
}

.product-ticker__track {
  animation: brodez-ticker var(--ticker-duration, 90s) linear infinite;
}

.product-ticker__set {
  flex: none;
  gap: 8px;
  padding-right: 8px;
}

.product-ticker__item {
  display: block;
  width: clamp(82px, 8vw, 124px);
  height: clamp(82px, 8vw, 124px);
  overflow: hidden;
  border: 1px solid #343434;
  background: #f2f0ed;
}

.product-ticker__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  transition: transform .3s ease;
}

.product-ticker__item:hover img,
.product-ticker__item:focus-visible img {
  transform: scale(1.08);
}

@keyframes brodez-ticker {
  to { transform: translateX(-50%); }
}

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.catalog-card {
  display: block;
  min-width: 0;
  color: #090909;
  text-decoration: none;
}

.catalog-card__image {
  display: block;
  aspect-ratio: .78;
  overflow: hidden;
  background: #e8e6e3;
}

.catalog-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 23%;
  transition: transform .35s ease;
}

.catalog-card:hover .catalog-card__image img,
.catalog-card:focus-visible .catalog-card__image img {
  transform: scale(1.035);
}

.catalog-card__label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  padding: 12px 0 14px;
  border-bottom: 3px solid #111;
  font: 15px/1.15 'Archivo Black', Inter, Arial, sans-serif;
  letter-spacing: -.01em;
  color: #111;
  text-transform: uppercase;
}

.catalog-card__label span:last-child {
  padding: 8px 12px;
  background: #ffe500;
  color: #111;
  font: 800 11px Inter, Arial, sans-serif;
  letter-spacing: .06em;
  transition: background .2s, color .2s;
}

.catalog-card:hover .catalog-card__label span:last-child,
.catalog-card:focus-visible .catalog-card__label span:last-child {
  background: #111;
  color: #ffe500;
}

.catalog-empty {
  grid-column: 1 / -1;
  padding: 24px;
  background: #f5f5f2;
  color: #111;
}

.catalog-menu .categories a {
  padding: 12px;
  border: 1px solid #383838;
  color: var(--white);
  font: 800 12px Inter, Arial, sans-serif;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.catalog-menu .categories a:hover {
  border-color: var(--yellow);
  color: var(--yellow);
}

.catalog-page {
  min-height: 100vh;
  background: #f5f5f2;
  color: #090909;
}

.catalog-page .top {
  position: sticky;
  top: 0;
  z-index: 2;
}

.catalog-page main {
  padding: 58px 4vw 80px;
}

.catalog-page .catalog-intro {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 28px;
}

.catalog-page .catalog-intro p {
  max-width: 280px;
  font: 12px/1.5 'DM Mono', monospace;
  text-transform: uppercase;
}

.catalog-page .title {
  margin-bottom: 0;
}

@media (max-width: 760px) {
  .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .catalog-page main {
    padding: 38px 5vw 60px;
  }

  .catalog-page .catalog-intro {
    display: block;
  }

  .catalog-page .catalog-intro p {
    margin-top: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-ticker__track {
    animation: none;
  }

  .product-ticker {
    overflow-x: auto;
  }
}

html body .catalog-menu .categories a{display:inline-flex;border:0;align-items:center;min-height:42px;padding:0 20px;background:#090909;color:#fff;text-decoration:none;font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
html body .catalog-menu .categories a:hover{background:var(--yellow);color:#090909}

.hero{isolation:isolate}
.hero-reel{position:absolute;inset:0;z-index:0;overflow:hidden;background:#d9d4d8}
.hero-reel::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.12) 55%,rgba(0,0,0,0))}
.hero-reel__track{display:flex;width:max-content;height:100%;animation:brodez-hero-reel var(--hero-duration,360s) linear infinite;will-change:transform}
.hero-reel__set{display:flex;height:100%}
.hero-reel__item{display:block;height:100%;aspect-ratio:2/3;flex:0 0 auto;overflow:hidden;border-right:3px solid #050505}
.hero-reel__item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.hero-copy{z-index:3}
@keyframes brodez-hero-reel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hero-reel__track{animation:none;overflow-x:auto}}

.verse-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 4vw;background:#0d0d0d;border-bottom:1px solid #252525;text-align:center;font:italic 13px/1.4 'Playfair Display',Georgia,serif;color:#e9e6dc}
.verse-bar b{font:normal 700 10px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow,#ffe500)}
@media(max-width:700px){.verse-bar{padding:8px 5vw;font-size:11.5px;gap:6px}}
.catalog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
html body .catalog-tabs button{display:flex;align-items:center;gap:8px;padding:12px 18px;border:2px solid #111;background:#fff;color:#111;font:800 13px Inter,Arial,sans-serif;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
html body .catalog-tabs button small{font:700 11px 'DM Mono',monospace;opacity:.6}
html body .catalog-tabs button:hover{background:#ffe500}
html body .catalog-tabs button[aria-selected=true]{background:#111;color:#ffe500}
@media(max-width:700px){.catalog-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.catalog-tabs button{flex:none}}

.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.type-card{display:flex;flex-direction:column;gap:10px;color:#111;text-decoration:none}
.type-card__image{display:block;aspect-ratio:.78;overflow:hidden;background:#e8e6e3}
.type-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 23%;transition:transform .35s}
.type-card:hover .type-card__image img{transform:scale(1.05)}
.type-card__name{font:clamp(22px,2.4vw,32px)/1 'Archivo Black',Inter,sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.type-card__cta{align-self:flex-start;padding:9px 13px;background:#ffe500;font:800 11px Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;transition:background .2s,color .2s}
.type-card:hover .type-card__cta{background:#111;color:#ffe500}
@media(max-width:900px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
