/* fund-halo — layout, sizes, motion only (colours live in the template) */

.fund-halo__glow {
    width: 30rem;
    height: 30rem;
    margin-left: calc(50% - 15rem);
    margin-top: 26rem;
    filter: blur(90px);
}

.fund-halo__eyebrow {
    letter-spacing: 0.16em;
}

.fund-halo__title {
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.fund-halo__lead {
    max-width: 36rem;
}

.fund-halo__stat {
    border-left-style: dashed !important;
}

/* below lg the stat sits centred on its own line, without the divider */
.fund-halo__stat {
    align-items: center !important;
    text-align: center !important;
    padding-left: 0 !important;
    border-left-width: 0 !important;
}

.fund-halo__micro {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.12em;
}

/* --- arc stage: a circle whose arc carries the bubbles ---
   --r  ring radius, --h stage height, --b bubble size,
   --base angle of the arc middle (0 = left point, -90deg = bottom point), --k spread factor */
.fund-halo__stage {
    --r: 18rem;
    --h: 14rem;
    --b: 3.5rem;
    --bm: 4.75rem;
    --base: -90deg;
    --k: 1.15;
    height: var(--h);
    margin-left: -2rem;
    margin-right: -2rem;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 35%);
    mask-image: linear-gradient(to bottom, transparent 0, black 35%);
}

.fund-halo__ring {
    width: calc(var(--r) * 2);
    height: calc(var(--r) * 2);
    margin-left: calc(50% - var(--r));
    margin-top: calc(var(--h) - var(--r) * 2 - var(--bm) / 2 - 1.75rem);
}

.fund-halo__spoke {
    --off: 0deg;
    --drift: 0.75rem;
    --a: calc(var(--base) + var(--off) * var(--k));
    width: 0;
    height: 0;
    transform: rotate(var(--a)) translateX(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));
    animation: fund-halo-float 6s ease-in-out infinite;
}

.fund-halo__bubble {
    width: var(--b);
    height: var(--b);
    margin-left: calc(var(--b) / -2);
    margin-top: calc(var(--b) / -2);
}

.fund-halo__bubble--main {
    width: var(--bm);
    height: var(--bm);
    margin-left: calc(var(--bm) / -2);
    margin-top: calc(var(--bm) / -2);
}

.fund-halo__spoke--1 { --off: -11deg; animation-delay: -0.8s; }
.fund-halo__spoke--2 { --off: 11deg;  animation-delay: -1.6s; --drift: -0.75rem; }
.fund-halo__spoke--3 { --off: -22deg; animation-delay: -2.4s; }
.fund-halo__spoke--4 { --off: 22deg;  animation-delay: -3.2s; --drift: -0.75rem; }
.fund-halo__spoke--5 { --off: -33deg; animation-delay: -4s; }
.fund-halo__spoke--6 { --off: 33deg;  animation-delay: -4.8s; --drift: -0.75rem; }
.fund-halo__spoke--7 { --off: -44deg; animation-delay: -1.2s; }
.fund-halo__spoke--8 { --off: 44deg;  animation-delay: -2s; --drift: -0.75rem; }
.fund-halo__spoke--9 { --off: -55deg; animation-delay: -2.8s; }
.fund-halo__spoke--main { --off: 0deg; --drift: 0.5rem; animation-delay: -3.6s; }

/* mobile / tablet: lower arc keeps ~6 bubbles */
.fund-halo__spoke--7,
.fund-halo__spoke--8,
.fund-halo__spoke--9 {
    display: none;
}

@keyframes fund-halo-float {
    0%, 100% {
        transform: rotate(var(--a)) translateX(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));
    }
    50% {
        transform: rotate(var(--a)) translateX(calc(-1 * var(--r) - var(--drift))) rotate(calc(-1 * var(--a)));
    }
}

@media (min-width: 768px) {
    .fund-halo__stage {
        --r: 28rem;
        --h: 16rem;
        --b: 4.25rem;
        --bm: 5.5rem;
        --k: 1.15;
    }

    .fund-halo__glow {
        width: 40rem;
        height: 40rem;
        margin-left: calc(50% - 20rem);
        margin-top: 24rem;
    }
}

@media (min-width: 1024px) {
    .fund-halo__lead {
        max-width: 34rem;
    }

    .fund-halo__stage {
        --r: 32rem;
        --h: 38rem;
        --b: 4rem;
        --bm: 5.5rem;
        --base: 0deg;
        --k: 0.85;
        margin-left: 0;
        margin-right: 0;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .fund-halo__stat {
        align-items: flex-start !important;
        text-align: left !important;
        padding-left: 1.5rem !important;
        border-left-width: 1px !important;
    }

    .fund-halo__ring {
        margin-left: 18%;
        margin-top: calc(var(--h) / 2 - var(--r));
    }

    .fund-halo__spoke--7,
    .fund-halo__spoke--8,
    .fund-halo__spoke--9 {
        display: block;
    }

    .fund-halo__glow {
        width: 46rem;
        height: 46rem;
        margin-left: 52%;
        margin-top: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fund-halo__spoke {
        animation: none;
    }
}

/* intro v27 — Evangelion cascade: organic blob, wide banner, diagonal steps, slide-in L/R, word reveal */

/* Organic blob */
.intro-eva__blob {
    width: 24rem;
    height: 24rem;
    filter: blur(60px);
    opacity: 0.4;
    border-radius: 38% 62% 55% 45% / 55% 42% 58% 45%;
    animation: intro-eva-morph 12s ease-in-out infinite;
}
@keyframes intro-eva-morph {
    50% { border-radius: 55% 45% 42% 58% / 42% 58% 45% 55%; }
}

/* Single wide banner */
.intro-eva__banner-img {
    display: block;
    width: 100%;
    height: 12rem;
    object-fit: cover;
}
@media (min-width: 768px) {
    .intro-eva__banner-img { height: 16rem; }
}

/* Stepped diagonal cascade + asymmetric mixed sizes */
.intro-eva__row { margin-left: 0; }
.intro-eva__cell { max-width: 46rem; }
@media (min-width: 768px) {
    .intro-eva__row:nth-child(1) .intro-eva__cell { margin-left: 0;    max-width: 40rem; }
    .intro-eva__row:nth-child(2) .intro-eva__cell { margin-left: 3rem; max-width: 34rem; }
    .intro-eva__row:nth-child(3) .intro-eva__cell { margin-left: 6rem; max-width: 44rem; }
    .intro-eva__row:nth-child(4) .intro-eva__cell { margin-left: 9rem; max-width: 30rem; }
}

/* Slide-in from L / R on scroll — hidden only once JS arms it (no-JS content stays visible) */
.intro-eva.is-armed .intro-eva__row {
    opacity: 0;
    transition: opacity 560ms ease, transform 560ms ease;
}
.intro-eva.is-armed .intro-eva__row:nth-child(odd)  { transform: translateX(-2.5rem); }
.intro-eva.is-armed .intro-eva__row:nth-child(even) { transform: translateX(2.5rem); }
.intro-eva.is-armed .intro-eva__row.is-in { opacity: 1; transform: translateX(0); }

/* Letterpress-ish press using the element's own colour */
.intro-eva__press { text-shadow: 0 1px 0 currentColor; }

/* Word-by-word reveal */
.intro-eva__word { display: inline-block; }
.intro-eva.is-armed .intro-eva__word {
    opacity: 0;
    transform: translateY(0.6em);
    transition: opacity 420ms ease, transform 420ms ease;
}
.intro-eva.is-armed .intro-eva__reveal.is-in .intro-eva__word { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
    .intro-eva__blob { animation: none; }
    .intro-eva__row { opacity: 1; transform: none; }
    .intro-eva__word { opacity: 1; transform: none; }
}

.filter-chip-grid__tile {
  min-width: 260px;
  max-width: 360px;
}

.filter-chip-grid__media {
  height: 11rem;
}

.filter-chip-grid__media-bg {
  z-index: 0;
}

.filter-chip-grid__media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.filter-chip-grid__media--0::before {
  background-image:
    radial-gradient(circle at 50% 45%, rgba(var(--bs-primary-rgb), 0.22) 0, transparent 52%),
    radial-gradient(circle at 15% 85%, rgba(var(--bs-primary-rgb), 0.1) 0, transparent 35%);
}

.filter-chip-grid__media--1::before {
  background-image: repeating-linear-gradient(
    -35deg,
    transparent,
    transparent 10px,
    rgba(var(--bs-primary-rgb), 0.07) 10px,
    rgba(var(--bs-primary-rgb), 0.07) 11px
  );
}

.filter-chip-grid__media--2::before {
  background-image: radial-gradient(
    rgba(var(--bs-primary-rgb), 0.14) 1.5px,
    transparent 1.5px
  );
  background-size: 14px 14px;
  mask-image: radial-gradient(circle at center, black 35%, transparent 78%);
  -webkit-mask-image: radial-gradient(circle at center, black 35%, transparent 78%);
}

.filter-chip-grid__icon-tile {
  width: 5rem;
  height: 5rem;
  transition: transform 300ms ease;
}

.filter-chip-grid__entry:hover .filter-chip-grid__icon-tile {
  transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .filter-chip-grid__icon-tile {
    transition: none;
  }

  .filter-chip-grid__entry:hover .filter-chip-grid__icon-tile {
    transform: none;
  }
}

/* glossary gazette — multi-column flow (not CSS grid), brick avoid breaks, footnote icon */
.glossary-gazette__columns {
    column-count: 1;
    column-gap: 1.25rem;
}

@media (min-width: 768px) {
    .glossary-gazette__columns {
        column-count: 2;
        column-gap: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .glossary-gazette__columns {
        column-count: 3;
    }
}

.glossary-gazette__brick {
    break-inside: avoid;
    margin-bottom: 1rem;
}

.glossary-gazette__note-ico {
    width: 3.25rem;
    height: 3.25rem;
}

.glossary-gazette__note-icon {
    font-size: 1.25rem;
    line-height: 1;
}

/* subscribe v13 — slim row decor float/pulse & thank-you reveal (layout/animation only) */
@keyframes mailing-slim-row-ring-pulse {
    0%, 100% {
        transform: translateY(-50%) scale(1);
    }
    50% {
        transform: translateY(-50%) scale(1.08);
    }
}

@keyframes mailing-slim-row-orbit-float {
    0%, 100% {
        transform: translateY(-50%) translateX(0);
    }
    50% {
        transform: translateY(calc(-50% - 0.45rem)) translateX(-0.2rem);
    }
}

@keyframes mailing-slim-row-mail-bob {
    0%, 100% {
        transform: translateY(-50%) rotate(-4deg);
    }
    50% {
        transform: translateY(calc(-50% - 0.35rem)) rotate(4deg);
    }
}

@keyframes mailing-slim-row-dot-drift {
    0%, 100% {
        transform: translateY(0);
        opacity: 0.55;
    }
    50% {
        transform: translateY(-0.35rem);
        opacity: 1;
    }
}

@keyframes mailing-slim-row-dot-drift-centered {
    0%, 100% {
        transform: translateY(-50%);
        opacity: 0.55;
    }
    50% {
        transform: translateY(calc(-50% - 0.35rem));
        opacity: 1;
    }
}

@keyframes mailing-slim-row-thanks-in {
    from {
        opacity: 0;
        transform: translateX(0.75rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Geometry shared by both CSS frameworks (Bootstrap has no utilities for it) */
.mailing-slim-row__section--py-2xl {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.mailing-slim-row__decor {
    width: 40%;
    max-width: 24rem;
}

.mailing-slim-row__bar {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.mailing-slim-row__group,
.mailing-slim-row__fields,
.mailing-slim-row__min0 {
    min-width: 0;
}

.mailing-slim-row__group,
.mailing-slim-row__fields {
    flex-direction: column;
    align-items: stretch;
}

.mailing-slim-row__group {
    gap: 0.75rem;
}

.mailing-slim-row__fields {
    gap: 0.5rem;
}

.mailing-slim-row__input {
    min-width: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.mailing-slim-row__cta {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .mailing-slim-row__bar,
    .mailing-slim-row__group,
    .mailing-slim-row__fields {
        flex-direction: row;
        align-items: center;
    }

    .mailing-slim-row__input {
        max-width: 20rem;
    }

    .mailing-slim-row__cta {
        width: auto;
    }
}

.mailing-slim-row__ring {
    top: 50%;
    inset-inline-end: 1.5rem;
    width: 8rem;
    height: 8rem;
    transform: translateY(-50%);
    animation: mailing-slim-row-ring-pulse 5s ease-in-out infinite;
}

.mailing-slim-row__orb {
    top: 50%;
    inset-inline-end: 4rem;
    width: 5rem;
    height: 5rem;
    transform: translateY(-50%);
    animation: mailing-slim-row-orbit-float 4.5s ease-in-out infinite;
    animation-delay: 0.4s;
}

.mailing-slim-row__mail {
    top: 50%;
    inset-inline-end: 3rem;
    transform: translateY(-50%);
    animation: mailing-slim-row-mail-bob 3.5s ease-in-out infinite;
}

.mailing-slim-row__dot--a {
    top: 50%;
    inset-inline-end: 6rem;
    width: 0.75rem;
    height: 0.75rem;
    transform: translateY(-50%);
    animation: mailing-slim-row-dot-drift-centered 3s ease-in-out infinite;
}

.mailing-slim-row__dot--b {
    top: 38%;
    inset-inline-end: 2.5rem;
    width: 0.5rem;
    height: 0.5rem;
    animation: mailing-slim-row-dot-drift 3.6s ease-in-out infinite;
    animation-delay: 0.8s;
}

.mailing-slim-row__dot--c {
    top: 62%;
    inset-inline-end: 3.5rem;
    width: 0.5rem;
    height: 0.5rem;
    animation: mailing-slim-row-dot-drift 2.8s ease-in-out infinite;
    animation-delay: 1.5s;
}

.mailing-slim-row__thanks-in {
    animation: mailing-slim-row-thanks-in 0.45s ease-out both;
}

@media (prefers-reduced-motion: reduce) {
    .mailing-slim-row__ring,
    .mailing-slim-row__orb,
    .mailing-slim-row__mail,
    .mailing-slim-row__dot--a,
    .mailing-slim-row__dot--b,
    .mailing-slim-row__dot--c,
    .mailing-slim-row__thanks-in {
        animation: none;
    }
}

