/* =====================================================
LOCAL SMART VENDING SECTION — MODERN EDITORIAL DESIGN
Xpress Vending | Full Replacement
===================================================== */

/* -----------------------------------------------------
TOKENS
----------------------------------------------------- */
:root {
  --local-bg-top: #f8fafc;
  --local-bg-bottom: #eef3f9;

  --local-heading: #0f172a;
  --local-text: #475569;
  --local-muted: #64748b;

  --local-accent: #2563eb;
  --local-accent-soft: rgba(37,99,235,.12);
}

/* -----------------------------------------------------
SECTION BASE (NO CARD DESIGN)
----------------------------------------------------- */
#local-smart-vending-company-long-island {
  position: relative;
  padding: clamp(90px, 10vw, 170px) 0;
  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      var(--local-bg-top) 0%,
      var(--local-bg-bottom) 100%
    );
}

/* subtle background depth */
#local-smart-vending-company-long-island::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(circle at 10% 25%, rgba(37,99,235,.08), transparent 55%),
    radial-gradient(circle at 85% 75%, rgba(15,23,42,.05), transparent 65%);
}

/* -----------------------------------------------------
MAIN LAYOUT (EDITORIAL SPLIT)
----------------------------------------------------- */
#local-smart-vending-company-long-island .local-layout {
  position: relative;
  z-index: 2;

  max-width: 1200px;
  margin: auto;

  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: clamp(40px, 6vw, 90px);
  align-items: start;
}

/* -----------------------------------------------------
LEFT SIDE HEADING
----------------------------------------------------- */
.local-heading {
  position: sticky;
  top: 120px;
}

.local-kicker {
  display: inline-block;
  margin-bottom: 18px;

  font-family: "Inter", sans-serif;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;

  color: var(--local-accent);

  background: var(--local-accent-soft);
  padding: 6px 12px;
  border-radius: 999px;
}

#local-smart-vending-company-long-island h2 {
  margin: 0;

  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: var(--local-heading);

  font-size: clamp(2rem, 3vw, 3.4rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

/* -----------------------------------------------------
RIGHT SIDE CONTENT
----------------------------------------------------- */
.local-content {
  max-width: 760px;
}

#local-smart-vending-company-long-island p {
  margin: 0;

  font-family: "Inter", sans-serif;
  font-size: clamp(1.05rem, .5vw + 1rem, 1.22rem);
  line-height: 1.95;
  letter-spacing: .004em;

  color: var(--local-text);
}

/* paragraph spacing */
#local-smart-vending-company-long-island p + p {
  margin-top: 24px;
}

/* keyword emphasis */
#local-smart-vending-company-long-island strong {
  color: var(--local-heading);
  font-weight: 700;
  background:
    linear-gradient(
      transparent 68%,
      var(--local-accent-soft) 32%
    );
  padding-inline: 2px;
}

/* -----------------------------------------------------
SCROLL REVEAL SUPPORT
----------------------------------------------------- */
.local-section-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .85s ease,
    transform .85s cubic-bezier(.2,.8,.2,1);
}

.local-section-reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* -----------------------------------------------------
TABLET
----------------------------------------------------- */
@media (max-width: 1024px) {

  #local-smart-vending-company-long-island .local-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .local-heading {
    position: relative;
    top: auto;
  }

  #local-smart-vending-company-long-island h2 {
    max-width: 800px;
  }

  .local-content {
    max-width: 100%;
  }
}

/* -----------------------------------------------------
MOBILE (HIGH-END MOBILE FLOW)
----------------------------------------------------- */
@media (max-width: 768px) {

  #local-smart-vending-company-long-island {
    padding: 65px 0;
  }

  .local-kicker {
    font-size: .78rem;
    letter-spacing: .07em;
    margin-bottom: 12px;
  }

  #local-smart-vending-company-long-island h2 {
    font-size: 1.6rem;
    line-height: 1.25;
  }

  #local-smart-vending-company-long-island p {
    font-size: 1rem;
    line-height: 1.75;
  }

  #local-smart-vending-company-long-island p + p {
    margin-top: 18px;
  }
}

/* -----------------------------------------------------
ULTRA WIDE
----------------------------------------------------- */
@media (min-width: 1800px) {

  #local-smart-vending-company-long-island {
    padding: 190px 0;
  }

  #local-smart-vending-company-long-island h2 {
    font-size: 3.8rem;
  }

  #local-smart-vending-company-long-island p {
    font-size: 1.28rem;
  }
}

/* -----------------------------------------------------
ACCESSIBILITY
----------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {

  .local-section-reveal {
    transition: none !important;
    animation: none !important;
  }
}