/* ==========================================================
   LV BODY WAXING & FACIALS
   DESKTOP PRODUCTION REFINEMENT
   ========================================================== */

@media (min-width: 900px) {

  /* -------------------------------------------------------
     GLOBAL WIDTH / SCALE
     ------------------------------------------------------- */

  .container,
  .header-inner,
  .hero-grid,
  .section-inner,
  .services-inner,
  .about-grid,
  .reviews-inner,
  .gallery-inner,
  .footer-inner {
    width: min(92vw, 1200px) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  section {
    scroll-margin-top: 90px;
  }


  /* -------------------------------------------------------
     HEADER
     ------------------------------------------------------- */

  .site-header {
    min-height: 78px !important;
  }

  .header-inner {
    min-height: 78px !important;
    padding-left: 150px !important;
    padding-right: 20px !important;
  }

  body .site-header .brand {
    width: 138px !important;
    height: 138px !important;
    top: 7px !important;
  }

  body .site-header .brand-logo {
    width: 138px !important;
    height: 138px !important;
  }

  .main-nav,
  .nav-links {
    gap: 26px !important;
  }

  .main-nav a,
  .nav-links a {
    font-size: 12px !important;
    letter-spacing: .08em !important;
  }

  .site-header .btn,
  .header-inner .btn {
    min-height: 42px !important;
    padding: 0 22px !important;
    font-size: 11px !important;
  }


  /* -------------------------------------------------------
     HERO
     ------------------------------------------------------- */

  .hero {
    min-height: 700px !important;
  }

  .hero-grid {
    min-height: 700px !important;
  }

  .hero-copy {
    width: 52% !important;
    max-width: 650px !important;
    min-height: 700px !important;
    padding:
      140px
      40px
      80px
      55px !important;
  }

  .hero .eyebrow,
  .hero-copy .eyebrow {
    font-size: 11px !important;
    letter-spacing: .18em !important;
    margin-bottom: 18px !important;
  }

  .hero h1,
  .hero-copy h1 {
    max-width: 560px !important;
    font-size: clamp(70px, 6.6vw, 96px) !important;
    line-height: .88 !important;
    letter-spacing: -.035em !important;
  }

  .hero .lead,
  .hero-copy .lead {
    max-width: 470px !important;
    margin-top: 24px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  body .hero .btn-dark {
    margin-top: 26px !important;
    min-height: 50px !important;
    padding: 0 28px !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
  }

  .hero-features {
    max-width: 610px !important;
    margin-top: 34px !important;
    gap: 12px !important;
  }

  .hero-features > div {
    min-height: 64px !important;
    padding: 11px 14px !important;
  }

  .hero-features > div > span {
    width: 40px !important;
    height: 40px !important;
  }

  .hero-features small {
    font-size: 9px !important;
    line-height: 1.35 !important;
  }


  /* -------------------------------------------------------
     CONFIDENCE STRIP
     ------------------------------------------------------- */

  .confidence-strip,
  .confidence {
    min-height: 78px !important;
    display: flex !important;
    align-items: center !important;
  }

  .confidence-strip *,
  .confidence * {
    font-size: 11px !important;
    letter-spacing: .14em !important;
  }


  /* -------------------------------------------------------
     SECTION HEADINGS
     ------------------------------------------------------- */

  .section-kicker,
  .section-eyebrow {
    font-size: 10px !important;
    letter-spacing: .18em !important;
  }

  section h2 {
    font-size: clamp(44px, 4vw, 58px) !important;
    line-height: .95 !important;
  }

  section p {
    font-size: 15px;
    line-height: 1.75;
  }


  /* -------------------------------------------------------
     SERVICES
     ------------------------------------------------------- */

  #services {
    padding-top: 95px !important;
    padding-bottom: 105px !important;
  }

  #services .section-heading,
  #services .section-head {
    margin-bottom: 48px !important;
  }

  .services-grid,
  .service-grid,
  .services-cards {
    width: 100% !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 22px !important;
  }

  .service-card,
  .service-wax,
  .service-facial,
  .service-hydro,
  .service-addon {
    min-height: 415px !important;
  }

  .service-card {
    padding-bottom: 26px !important;
  }

  .service-card h3 {
    font-size: 25px !important;
    margin-top: 22px !important;
  }

  .service-card p {
    font-size: 12px !important;
    line-height: 1.65 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .service-card .btn,
  .service-card a {
    min-height: 38px;
  }


  /* -------------------------------------------------------
     ABOUT
     ------------------------------------------------------- */

  #about {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  #about .about-grid {
    display: grid !important;
    grid-template-columns: 1.04fr .96fr !important;

    min-height: 500px !important;

    gap: 62px !important;

    align-items: center !important;
  }

  .about-visual {
    min-height: 500px !important;
  }

  .about-copy,
  .about-content {
    max-width: 540px !important;
  }

  #about h2 {
    font-size: 54px !important;
    margin-bottom: 25px !important;
  }

  #about p {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  .about-features,
  .about-points {
    margin-top: 28px !important;
    gap: 15px !important;
  }

  .about-features li,
  .about-points li {
    font-size: 12px !important;
  }


  /* -------------------------------------------------------
     REVIEWS
     ------------------------------------------------------- */

  #reviews {
    padding-top: 95px !important;
    padding-bottom: 105px !important;
  }

  #reviews h2 {
    margin-bottom: 44px !important;
  }

  .reviews-grid,
  .testimonial-grid,
  .testimonials-grid {
    width: 100% !important;
    max-width: 1080px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    gap: 24px !important;
  }

  .review-card,
  .testimonial-card {
    min-height: 220px !important;
    padding: 34px 30px !important;
  }

  .review-card p,
  .testimonial-card p {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .review-card strong,
  .testimonial-card strong {
    font-size: 11px !important;
  }


  /* -------------------------------------------------------
     GALLERY
     ------------------------------------------------------- */

  #gallery {
    min-height: 360px !important;
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  #gallery h2 {
    font-size: 54px !important;
  }

  #gallery p {
    max-width: 650px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 15px !important;
  }


  /* -------------------------------------------------------
     BOOKING CTA
     ------------------------------------------------------- */

  .booking-cta,
  .cta-section,
  #contact {
    min-height: 125px !important;
  }

  .booking-cta .container,
  .cta-section .container,
  #contact .container {
    min-height: 125px !important;
  }

  .booking-cta h2,
  .cta-section h2 {
    font-size: 30px !important;
  }

  .booking-cta .btn,
  .cta-section .btn,
  #contact .btn {
    min-height: 48px !important;
    padding: 0 30px !important;
    font-size: 11px !important;
  }


  /* -------------------------------------------------------
     FOOTER
     ------------------------------------------------------- */

  .site-footer {
    padding-top: 60px !important;
    padding-bottom: 34px !important;
  }

  .footer-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer-brand .brand-logo,
  .footer-brand img {
    width: 145px !important;
    height: 145px !important;
  }

  .site-footer h3,
  .site-footer h4 {
    font-size: 12px !important;
    letter-spacing: .10em !important;
  }

  .site-footer p,
  .site-footer a,
  .site-footer li {
    font-size: 10px !important;
    line-height: 1.7 !important;
  }

  .footer-bottom {
    margin-top: 42px !important;
    padding-top: 22px !important;
  }

}


/* ---------------------------------------------------------
   VERY LARGE DESKTOP
   --------------------------------------------------------- */

@media (min-width: 1350px) {

  .container,
  .header-inner,
  .hero-grid,
  .section-inner,
  .services-inner,
  .about-grid,
  .reviews-inner,
  .gallery-inner,
  .footer-inner {
    max-width: 1280px !important;
  }

  .hero-copy {
    padding-left: 70px !important;
  }

  .services-grid,
  .service-grid,
  .services-cards {
    max-width: 1180px !important;
  }

}