.mobile-only {
  visibility: visible;
}
@media (max-width: 750px) {
  .mobile-only {
    visibility: hidden;
  }
}

@font-face {
  font-family: "GearLab";
  src: url("hinted-BankGothic-Regular.woff2") format("woff2"), url("hinted-BankGothic-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.gearlab-landing-page .intro {
  min-height: 500px;
  max-height: 75vh;
  color: #efeded;
  position: relative;
}
.gearlab-landing-page .intro .hero-image {
  min-height: 500px;
  max-height: 75vh;
  width: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.gearlab-landing-page .intro .textframe {
  text-align: center;
  padding: 0 12px;
  position: absolute;
  inset: 0;
  top: 32px;
}
.gearlab-landing-page .intro .textframe .logo {
  margin: calc(6px + 0.2vh);
  pointer-events: none;
  width: 30%;
  max-width: 550px;
}
@media (max-width: 700px) {
  .gearlab-landing-page .intro .textframe .logo {
    width: 45%;
  }
}
.gearlab-landing-page .intro .textframe p {
  font-weight: 300;
  margin-top: 18px;
  text-wrap: balance;
  font-size: 20px;
  font-size: 1.25rem;
  font-size: 1.1764705882vw;
}
@media (max-width: 700px) {
  .gearlab-landing-page .intro .textframe p {
    font-size: 16px;
  }
}
@media (max-width: 700px) {
  .gearlab-landing-page .intro .textframe p {
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 0.8235294118vw;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .gearlab-landing-page .intro .textframe p {
    font-size: 11.2px;
  }
}
.gearlab-landing-page .notice {
  background: #000;
  text-align: center;
  color: #fff;
  padding: 24px 12px;
  text-transform: uppercase;
}
.gearlab-landing-page .notice h3 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.gearlab-landing-page .notice b {
  color: #65a3ff;
  font-weight: 800;
}
.gearlab-landing-page .bento {
  background: linear-gradient(180deg, #001a38 7.38%, rgba(0, 26, 95, 0) 193.36%);
  padding: 96px 0;
}
@media (max-width: 700px) {
  .gearlab-landing-page .bento {
    padding: 48px 0;
  }
}
.gearlab-landing-page .bento .bento-box {
  display: grid;
  margin: auto;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, minmax(300px, calc(24vh + 4vw)));
  gap: 16px;
}
@media (max-width: 700px) {
  .gearlab-landing-page .bento .bento-box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.gearlab-landing-page .bento .bento-box > div {
  position: relative;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  overflow: hidden;
}
.gearlab-landing-page .bento .bento-box > div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  pointer-events: none;
}
.gearlab-landing-page .bento .bento-box > div .textframe {
  position: absolute;
  padding: 12px;
  bottom: 6px;
  left: 6px;
}
.gearlab-landing-page .bento .bento-box > div .textframe h4 {
  font-size: 28px;
  font-size: 1.75rem;
  font-size: 1.6470588235vw;
  font-family: "GearLab", sans-serif;
  letter-spacing: 0.1rem;
}
@media (max-width: 700px) {
  .gearlab-landing-page .bento .bento-box > div .textframe h4 {
    font-size: 22.4px;
  }
}
.gearlab-landing-page .bento .bento-box > div .textframe p {
  max-width: 75%;
  color: #dfeded;
}
.gearlab-landing-page .bento .bento-box > div.full {
  grid-column: 1/-1;
}
.gearlab-landing-page .giveaway {
  background: #e8e6e6;
}
.gearlab-landing-page .giveaway .frame {
  padding: 48px 0;
}
.gearlab-landing-page .giveaway .frame p {
  margin: auto;
  max-width: 540px;
  text-wrap: pretty;
  font-size: 0.8em;
  text-align: center;
}
.gearlab-landing-page .giveaway .section-heading {
  margin-top: 0;
  margin-bottom: 48px;
}
.gearlab-landing-page .categories {
  margin-bottom: 48px;
}
.gearlab-landing-page .image-section {
  max-height: 35vh;
}
.gearlab-landing-page .image-section img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 35vh;
  pointer-events: none;
}
.gearlab-landing-page .best-sellers {
  margin-bottom: 48px;
}
.gearlab-landing-page h2.section-heading {
  text-align: center;
  font-family: "GearLab";
  font-size: 36px;
  font-size: 2.25rem;
  font-size: 2.1176470588vw;
  letter-spacing: 0.1rem;
  margin: 64px auto;
}
@media (max-width: 700px) {
  .gearlab-landing-page h2.section-heading {
    font-size: 28.8px;
  }
}
.gearlab-landing-page img {
  max-width: 100%;
  height: auto;
}
.gearlab-landing-page .frame {
  margin: auto;
  width: 1280px;
  max-width: 90%;
}