.html-scroll-lock,
html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  position: relative;
}

main,
.topbar,
footer {
  max-width: 100%;
  overflow-x: clip;
}

.brand-divider {
  height: 154px;
  margin: 0 auto -22px;
  position: relative;
  z-index: 5;
  display: grid;
  place-items: center;
  background: var(--cream);
  pointer-events: none;
}

.brand-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 76px;
  height: 4px;
  background: var(--ink);
  z-index: -1;
}

.brand-divider img {
  display: block;
  width: min(560px, 68vw);
  height: 124px;
  object-fit: contain;
  background: var(--cream);
  padding: 0 1.1rem;
  transform: none;
}

.official-logo {
  position: relative;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}

.official-logo img {
  position: relative;
  z-index: 1;
  background: #fff;
}

.story-copy {
  position: relative;
  isolation: isolate;
  z-index: 0;
}

.story-copy > :not(.story-barrel-watermark) {
  position: relative;
  z-index: 1;
}

.story-barrel-watermark {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 43%;
  width: min(540px, 125%);
  max-height: 620px;
  object-fit: contain;
  opacity: .12;
  mix-blend-mode: multiply;
  transform: translate(-50%, -50%) rotate(-2deg);
  pointer-events: none;
  user-select: none;
}


.reviews {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(2rem, 7vw, 7rem);
  align-items: center;
  padding: clamp(5rem, 9vw, 9rem) 7vw;
  color: var(--cream);
  background: var(--red);
  border-top: 4px solid var(--ink);
}

.reviews h2 {
  max-width: 880px;
  margin: .5rem 0 1.5rem;
  font: 900 clamp(3rem, 6.5vw, 7rem)/.86 "Archivo Black";
  letter-spacing: -.065em;
  text-shadow: 5px 5px 0 var(--ink);
}

.reviews-intro > p:not(.eyebrow) { max-width: 670px; font-size: 1.1rem; line-height: 1.7; font-weight: 600; }
.reviews .btn { margin-top: 1.25rem; }
.review-board { background: var(--cream); color: var(--ink); border: 4px solid var(--ink); box-shadow: 11px 11px 0 var(--ink); padding: clamp(1.6rem, 4vw, 3rem); transform: rotate(1deg); }
.review-stars { color: var(--yellow); font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: .12em; -webkit-text-stroke: 1px var(--ink); }
.review-kicker { margin: 1.1rem 0 .7rem; font: 900 .95rem "Barlow Condensed"; letter-spacing: .16em; color: var(--red); }
.review-board ul { list-style: none; margin: 0; padding: 0; }
.review-board li { padding: .85rem 0; border-top: 2px dashed #19171466; font: 900 clamp(1.15rem, 2.2vw, 1.55rem) "Barlow Condensed"; text-transform: uppercase; }

@media (max-width: 680px) {
  .brand-divider {
    height: 116px;
    margin: 0 auto -10px;
  }

  .brand-divider::before {
    top: 57px;
  }

  .brand-divider img {
    width: min(350px, 84vw);
    height: 94px;
    padding: 0 .7rem;
    transform: none;
  }

  .story-barrel-watermark {
    top: 42%;
    width: 112%;
    opacity: .08;
  }

  .reviews { grid-template-columns: 1fr; padding: 5rem 1.25rem; }
  .reviews h2 { font-size: clamp(3rem, 14vw, 5rem); }
  .review-board { box-shadow: 7px 7px 0 var(--ink); }
}