#PBQG0fF5jmKpnqrC {
  flex: none;
}

/* The Canva export gives the hero several fixed-size frames and crops the video.
   Match those frames to the source video so the existing controls still work. */
#PBQG0fF5jmKpnqrC .onhyOQ {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1280 / 446;
  display: block;
}

#PBQG0fF5jmKpnqrC .twbtjQ {
  position: absolute;
  inset: 0;
}

#PBQG0fF5jmKpnqrC :is(.GDnEHQ, .o2Yl2g, ._mXnjA, #LB3fQlDv5M6PjqHS, .m1aeoQ, .hWv4NA, .bFnJ2A, ._4c2rDg, .qhHTGg, .jXCxjw, .NI12hw, video) {
  width: 100% !important;
  height: 100% !important;
}

#PBQG0fF5jmKpnqrC :is(#LB3fQlDv5M6PjqHS, .m1aeoQ, .bFnJ2A, .qhHTGg) {
  transform: none !important;
  clip-path: none !important;
}

#PBQG0fF5jmKpnqrC video {
  object-fit: cover;
}

#hybrid-home-categories {
  position: relative;
  z-index: 1;
  flex: none;
  padding-block: 12px 6px;
  margin-block-end: -24px;
  background: #151815;
}

.hybrid-home-categories-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 210px));
  gap: 12px;
  width: min(84%, 1200px);
  margin-inline: auto;
}

.hybrid-home-categories-inner a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 8px 13px;
  border: 1px solid #b9f447;
  border-radius: 9px;
  background: #b9f447;
  color: #182012;
  font: 700 15px/1.2 system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
}

.hybrid-home-categories-inner a:hover {
  background: #d4ff81;
  border-color: #d4ff81;
}

.hybrid-home-categories-inner a:focus-visible {
  outline: 3px solid #f1f5ed;
  outline-offset: 3px;
}

@media (max-width: 650px) {
  #hybrid-home-categories {
    margin-block-end: -18px;
  }

  .hybrid-home-categories-inner {
    width: calc(100% - 24px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .hybrid-home-categories-inner a {
    min-height: 48px;
    padding-inline: 5px;
    font-size: 12px;
  }
}