:root {
  /* @link https://utopia.fyi/type/calculator?c=320,16,1.125,720,21,1.25,6,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --step--1: clamp(0.8889rem, 0.7873rem + 0.5079vw, 1.2rem);
  --step-0: clamp(1rem, 0.8367rem + 0.8163vw, 1.5rem);
  --step-1: clamp(1.125rem, 0.8801rem + 1.2245vw, 1.875rem);
  --step-2: clamp(1.2656rem, 0.9136rem + 1.7602vw, 2.3438rem);
  --step-3: clamp(1.6018rem, 1.0885rem + 2.5666vw, 3.1738rem);
  --step-4: clamp(2.2rem, 1.095rem + 3.5351vw, 3.9673rem);
  --step-5: clamp(2.6rem, 1.07rem + 4.7866vw, 4.9591rem);
  --step-6: clamp(3rem, 1.0013rem + 6.397vw, 6.1989rem);

  /* @link https://utopia.fyi/space/calculator?c=320,8,1.2,1240,12,1.333,6,2,&s=0.75|0.5,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --space-2xs: clamp(0.25rem, 0.2065rem + 0.2174vw, 0.375rem);
  --space-xs: clamp(0.375rem, 0.3098rem + 0.3261vw, 0.5625rem);
  --space-s: clamp(0.5rem, 0.413rem + 0.4348vw, 0.75rem);
  --space-m: clamp(0.75rem, 0.6196rem + 0.6522vw, 1.125rem);
  --space-l: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem);
  --space-xl: clamp(1.5rem, 1.2391rem + 1.3043vw, 2.25rem);
  --space-2xl: clamp(2rem, 1.6522rem + 1.7391vw, 3rem);
  --space-3xl: clamp(3rem, 2.4783rem + 2.6087vw, 4.5rem);

  /* Line heights */
  --line-height-single: 1;
  --line-height-display: 1.1;
  --line-height-tight: 1.3;
  --line-height-snug: 1.4;
  --line-height-body: 1.5;
}
/* 
body {
  padding-top: clamp(70px, 10vw, 95px);
} */

a {
  text-decoration: none;
  transition: color 500ms ease;
}

/* Container: the row of pills */
.creations-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

@media (min-width: 1024px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    letter-spacing: 0em;
  }
}

/* Base pill style */
.creations-filters .wp-block-button__link {
  border-radius: 999px;
  background: transparent;
  color: var(--wp--preset--color--contrast);
  /* border: 1px solid var(--wp--preset--color--contrast); */
  border: none;
  padding: 0.4rem 1.1rem;
  font-size: var(--wp--preset--font-size--small);
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease,
    border-color 150ms ease, transform 120ms ease;
}

/* Hover state */
.creations-filters .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
  transform: translateY(-1px);
  transition: transform 200ms ease;
}

/* Active state – use either is-active or aria-pressed="true" */
.creations-filters .wp-block-button__link.is-active,
.creations-filters .wp-block-button__link[aria-pressed="true"] {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
}

.link-email a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

.entry-content h1 {
  text-align: center;
  font-size: var(--step-5);
}

.content-block-no-margin {
  margin: 0;
}

h2 {
  font-size: var(--step-2);
  /* margin-top: var(--space-3xl); */
}

.wp-block-heading {
  margin-top: var(--space-2xl);
}

h3 {
  font-size: var(--step-1);
}

a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

a:hover {
  text-decoration: none;
}

.site-header__lang-list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.lang-item {
  list-style: none;
  font-size: 1rem;
}

figcaption {
  text-align: right;
  font-size: 0.9rem !important;
}

/* newsletter */

.inf-main_848ceaa4630331e8384950e09d392365,
.inf-main_848ceaa4630331e8384950e09d392365 * {
  box-sizing: border-box;
}

.inf-main_848ceaa4630331e8384950e09d392365 {
  background: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.inf-main_848ceaa4630331e8384950e09d392365 .inf-input input[type="email"] {
  width: 100% !important;

  height: auto !important;
  line-height: 1.2 !important;

  padding: 0.75rem 0.75rem !important;
  /* border-radius: 0.25rem !important; */
  font-size: 1.2rem !important;
  background: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--contrast) !important;

  margin: 0 !important;
  margin-top: 0.5rem !important;
}

.inf-submit input {
  line-height: 1.2 !important;
  margin-top: 0 !important;
  padding: 0.6rem 0.75rem !important;
  font-size: 1rem !important;
  border-radius: 9999px !important;
  background: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
  border: 1px solid var(--wp--preset--color--contrast) !important;

  cursor: pointer !important;
  transition: background-color 150ms ease, color 150ms ease,
    border-color 150ms ease, transform 120ms ease;
}

.inf-submit input:hover {
  background: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--contrast) !important;
}

/* =========================
   ALTCHA (the “verifying…” UI)
   ========================= */

.inf-main_848ceaa4630331e8384950e09d392365 altcha-widget {
  /* Shape */
  --altcha-border-width: 1px;
  --altcha-border-radius: 0.25rem;

  /* Base + text */
  --altcha-color-base: transparent;
  --altcha-color-text: var(--wp--preset--color--base);

  /* Borders / focus */
  --altcha-color-border: var(--wp--preset--color--contrast);
  --altcha-color-border-focus: var(--wp--preset--color--contrast);

  /* Errors */
  --altcha-color-error-text: #d44;

  /* Footer background (even if hidden, safe) */
  --altcha-color-footer-bg: transparent;
}

/* =========================================
   BORDER + FOCUS STYLES ONLY (minimal)
   ========================================= */

/* Default border */
.inf-main_848ceaa4630331e8384950e09d392365 .inf-input input[type="email"] {
  border: 1px solid var(--wp--preset--color--contrast);
}

/* Focus state */
.inf-main_848ceaa4630331e8384950e09d392365
  .inf-input
  input[type="email"]:focus {
  outline: none;
  border-color: var(--wp--preset--color--contrast);
  box-shadow: 0 0 0 2px var(--wp--preset--color--contrast);
}

/* Error state */
.inf-main_848ceaa4630331e8384950e09d392365
  .inf-input.inf-error
  input[type="email"] {
  border-color: #d44;
}

/* Error focus (optional but nice) */
.inf-main_848ceaa4630331e8384950e09d392365
  .inf-input.inf-error
  input[type="email"]:focus {
  box-shadow: 0 0 0 2px #d44;
}