/* Fixes for running the Squarespace markup without Squarespace's JavaScript. */

/* Squarespace fades images in once its loader runs; we have no loader. */
img[data-image-focal-point], .sqs-image img, .section-background img { opacity: 1 !important; }

/* Background / "fill" images that Squarespace sized in JS. */
.section-background img,
.sqs-video-overlay img,
img[data-mode="cover"] {
  width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;
}

/* Video poster: show it (Squarespace toggles opacity after load) and keep it clickable. */
.sqs-video-wrapper[data-youtube] { cursor: pointer; }
.sqs-video-wrapper[data-youtube] .sqs-video-overlay { opacity: 1 !important; }

/* Form status message. */
.form-status { margin: 1em 0 0; color: inherit; font-style: italic; }
.sqs-video-wrapper[data-youtube] .sqs-video-opaque { opacity: 0; }
.sqs-video-wrapper[data-youtube]:hover .sqs-video-opaque { opacity: .15; transition: opacity .2s; }

/* Resources page: line up the grey buttons at the bottom of each card, all the same size. */
.user-items-list-simple { align-items: stretch !important; }
.user-items-list-simple > li.list-item { height: 100%; }
.user-items-list-simple > li.list-item > .list-item-content { flex-grow: 1; display: flex; flex-direction: column; }
.user-items-list-simple .list-item-content__button-wrapper { margin-top: auto; }
.user-items-list-simple .list-item-content__button { min-width: 15em; box-sizing: border-box; text-align: center; }

/* Form buttons: show that a submission is in progress. */
.form-submit-button[aria-busy="true"] { opacity: .75; cursor: progress; }
.form-submit-button .form-spinner {
  display: inline-block; width: .9em; height: .9em; margin-left: .6em; vertical-align: -.1em;
  border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
  animation: form-spin .8s linear infinite;
}
@keyframes form-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .form-submit-button .form-spinner { animation-duration: 2.4s; } }

/* Turnstile "I am human" box above the form button. */
.form-turnstile { margin: 1.2em 0 .4em; min-height: 65px; }

/* SEO (2026-10-11): home hero is now an <h1> with a small kicker line.
   Keep the two big lines looking exactly like the old <p class="sqsrte-large"> paragraphs. */
.sqs-html-content h1.irn-hero-title {
  font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit;
  letter-spacing: inherit; text-transform: none; margin: 0;
}
.irn-hero-title .sqsrte-large { display: block; margin: 0 0 1rem; }
.irn-hero-title .irn-hero-kicker {
  display: block; font-family: bebas-neue, sans-serif; font-size: clamp(1.1rem, 1.6vw, 1.6rem);
  line-height: 1.2; letter-spacing: 0.06em; margin: 0 0 0.6rem;
}