/* Original palette and spacing are preserved in original.css. */
:root {
  --ink: #111f46;
  --blue: #0c6bff;
  --pink: #eb829e;
  --pale-blue: #e6eefb;
  --paper: #fff;
}
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
button { font: inherit; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
.skip-link { position: fixed; z-index: 10000; top: 12px; left: 12px; padding: 10px 18px; background: white; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
.w-nav-button { background: transparent; border: 0; }
.navbar-wrapper { position: relative; }
/* Let every story fit its content; scroll only within short viewports. */
.modal-wrapper.is-open { display: flex; padding: 20px 16px; }
.modal-wrapper .modal { width: min(960px, 100%); height: auto; max-height: calc(100dvh - 40px); min-height: 0; display: block; overflow: hidden; border-radius: 16px; background: var(--pale-blue); }
.modal-wrapper .story-content { display: grid; grid-template-columns: minmax(220px, 32%) minmax(0, 1fr); align-items: stretch; max-height: calc(100dvh - 40px); overflow-y: auto; overscroll-behavior: contain; }
.modal-wrapper .div-block-11, .modal-wrapper .div-block-13 { width: auto; min-width: 0; border-radius: 0; }
.modal-wrapper .div-block-11 { justify-content: center; padding: 36px 24px; }
.modal-wrapper .div-block-13 { display: block; padding: 56px 36px 32px; }
.modal-wrapper .heading-8 { font: 700 28px/1.2 Karla, sans-serif; margin: 18px 0 0; overflow-wrap: break-word; }
.modal-wrapper .text-block-2 { font: 400 16px/1.6 Karla, sans-serif; margin: 0; overflow-wrap: break-word; }
.modal-wrapper .close-modal-button { z-index: 2; top: 8px; right: 8px; width: 44px; height: 44px; padding: 12px; border-radius: 50%; background: var(--pale-blue); }
.modal-wrapper .close-modal-button:hover { background: #d2dff5; }
.modal-wrapper .close-modal-button img { display: block; width: 20px; height: 20px; }
@media (max-width: 640px) {
  .modal-wrapper .story-content { grid-template-columns: minmax(0, 1fr); }
  .modal-wrapper .div-block-11 { padding: 32px 48px 24px; }
  .modal-wrapper .div-block-11 img { max-height: 100px; width: auto; object-fit: contain; }
  .modal-wrapper .heading-8 { font-size: 25px; }
  .modal-wrapper .div-block-13 { padding: 24px; }
}
.form-status { font: 14px/1.5 Karla, sans-serif; color: var(--ink); margin-top: 14px; }
.form-status:focus { outline-offset: 4px; }
.hidden { display: none !important; }
@media (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu.is-open { display: block; position: absolute; right: 0; top: 100%; min-width: 180px; }
  .nav-menu-two { box-shadow: 0 8px 20px #111f4612; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

}

#Get-in-touch { scroll-margin-top: 88px; }
.nav-link, .reading-toolbar-back { min-height: 44px; display: inline-flex; align-items: center; }
.text-field-3 { font-size: 16px; }
.text-field-3::placeholder { color: #666; opacity: 1; }
.testimonial-transcript { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.private-contact { text-align: center; margin: 32px 0 80px; }

.contact-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-3 button { font: inherit; border: 0; cursor: pointer; }
.form-3 button:disabled { cursor: not-allowed; opacity: .65; }