@media (min-width: 768px) and (max-width: 1366px) {
  :root {
    /* FEATURED CARD POSITION CONTROLS - LAPTOP */
    --youtube-card-x: 0px;
    --youtube-card-y: 0px;

    /* HERO + TIKTOK CONTROLS - LAPTOP */
    --hero-logo-top: clamp(96px, 7.5vw, 103px);
    --hero-logo-width: 46vw;
    --tiktok-deck-height: clamp(250px, 32vw, 437px);
    --tiktok-side-height: clamp(220px, 25vw, 342px);
    --tiktok-center-height: clamp(230px, 30vw, 410px);
  }

  .gallery-hero {
    height: 575px;
  }

  .site-header {
    height: 88px;
  }

  .brand-mark {
    width: 35px;
  }

  .hero-background {
    top: 70%;
  }

  .hero-content h1 {
    top: 315px;
    font-size: 34px;
  }

  .hero-content p {
    top: 386px;
    font-size: 15px;
  }

  .featured {
    min-height: 690px;
    padding-top: 76px;
    padding-bottom: 54px;
  }

  .section-heading h2 {
    font-size: 34px;
  }

  .section-heading p,
  .featured-tagline {
    font-size: 21px;
  }

  .get-featured {
    min-height: 440px;
  }

  .get-featured-intro {
    padding-top: 126px;
  }

  .get-featured-intro img {
    top: 158px;
    left: 34px;
    width: 235px;
  }

  .get-featured-copy {
    font-size: 13px;
  }

  .reels {
    min-height: 470px;
    padding-top: 52px;
  }

  .reel-grid {
    margin-top: 24px;
  }

  .site-footer,
  .footer-inner {
    min-height: 270px;
  }

  .social-links a {
    width: 54px;
    height: 54px;
  }

  .social-links svg {
    width: 29px;
    height: 29px;
  }
}