@media (max-width: 900px) {
  .futureproof-why-topic { grid-template-columns: 1fr; gap: 8px; }

  .futureproof-why-topic-copy { grid-template-columns: 1fr; }

  .futureproof-team-layout { grid-template-columns: 1fr; gap: 28px; }

  .futureproof-offer-grid,
  .futureproof-team-grid { grid-template-columns: 1fr; }

  .futureproof-team-card {
    width: min(100%, 520px);
    justify-self: center;
  }
}

@media (max-width: 699px) {
  .futureproof-header {
    height: 58px;
    padding: 0 16px;
  }

  .futureproof-wordmark { font-size: 26px; }

  .futureproof-hero {
    height: calc(100svh - 116px);
    min-height: 520px;
  }

  .futureproof-hero-grid,
  .futureproof-grid-fade::after {
    background-size: max(48px, calc(100vw / 20)) max(48px, calc(100vw / 20));
  }

  .futureproof-hero-content {
    top: 42%;
    left: 15vw;
    max-width: calc(100vw - 72px);
  }

  .futureproof-slogan {
    font-size: clamp(20px, 5.2vw, 24px);
    line-height: 1.18;
  }

  .futureproof-hero-button {
    min-height: 52px;
    margin-top: 34px;
    padding: 12px 22px;
    font-size: 16px;
  }

  .futureproof-section-links {
    top: 58px !important;
    height: 58px !important;
    display: flex !important;
    gap: 22px !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
  }

  .futureproof-section-links a {
    width: auto;
    font-size: 14px !important;
    line-height: 1.1;
    scroll-snap-align: start;
    white-space: nowrap !important;
  }

  .futureproof-section {
    padding: 44px 16px 72px;
  }

  .futureproof-section h2,
  .futureproof-contact h2 {
    font-size: clamp(27px, 8vw, 34px);
  }

  .futureproof-section h3 {
    margin-top: 36px;
    font-size: 21px;
  }

  .futureproof-section p { font-size: 17px; }

  .futureproof-callout {
    padding: 20px;
    font-size: 18px;
  }

  .futureproof-learning-columns {
    grid-template-columns: 1fr;
    gap: 28px !important;
  }

  .futureproof-why-intro { grid-template-columns: 1fr; gap: 0; }

  .futureproof-why-topic { padding: 24px 0 4px; }

  .futureproof-offer-card { padding: 20px; }

  .futureproof-team-grid { gap: 18px; }

  .futureproof-closing-question {
    margin-top: 54px;
    padding-left: 18px;
    border-left-width: 6px;
  }

  .futureproof-closing-question > strong { font-size: 21px; }

  .futureproof-contact {
    min-height: calc(100svh - 58px);
    padding: 54px 16px 76px;
  }

  .futureproof-footer { padding: 24px 16px 18px; }
}

.futureproof-header{height:var(--tienvoud-site-header-height);padding:0 clamp(24px,5vw,72px);border-bottom:1px solid #eee;box-shadow:none}.futureproof-wordmark{font-size:32px;text-decoration:none}.futureproof-section-links{top:calc(var(--tienvoud-site-header-height) - 1px)!important;height:var(--tienvoud-site-header-height)!important}.futureproof-section-links a[href]:hover,.futureproof-section-links a[href]:focus-visible,.futureproof-section-links a[href][aria-current="location"]{color:#ff1fa9!important;text-decoration-color:#ff1fa9}.futureproof-hero{height:calc(100svh - 2 * var(--tienvoud-site-header-height))}@media(max-width:699px){.futureproof-wordmark{font-size:27px}.futureproof-section-links{padding:0 16px!important;gap:14px!important}.futureproof-section-links a{font-size:14px}.futureproof-hero-content{left:24px;right:24px;max-width:none}.futureproof-slogan{font-size:clamp(24px,6vw,30px)}}