/* 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; }
}

.perspective-masthead-rule {
    border-top: 4px solid var(--bs-body-color);
    border-bottom: 4px solid var(--bs-body-color);
}

.perspective-title-rule {
    border-bottom: 2px solid var(--bs-body-color);
}

.perspective-quote-frame {
    border-top: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-bottom: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-left: 4px solid var(--bs-primary);
}

.perspective-headline-hover {
    transition: color 0.2s ease;
}

.perspective-headline-hover:hover {
    color: var(--bs-primary);
}

.perspective-micro-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
}

.perspective-byline-suffix {
    font-size: 0.6rem;
    opacity: 0.6;
}

.perspective-quote-text {
    font-size: 1.1rem;
}

.perspective-card-desc {
    font-size: 0.875rem;
}

.values-card-strip__item {
    max-width: 24rem;
}

.values-card-strip__thumb {
    width: 5rem;
    height: 5rem;
}

.values-card-strip__panel {
    max-width: 48rem;
}

@keyframes floating-organic-timeline__float-a {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    33% { transform: translateY(-8px) rotate(0.5deg); }
    66% { transform: translateY(-4px) rotate(-0.3deg); }
}

@keyframes floating-organic-timeline__float-b {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    33% { transform: translateY(-6px) rotate(-0.5deg); }
    66% { transform: translateY(-10px) rotate(0.4deg); }
}

@keyframes floating-organic-timeline__float-c {
    0%, 100% { transform: translateY(-4px) rotate(0deg); }
    50% { transform: translateY(4px) rotate(0.3deg); }
}

.floating-organic-timeline__float-a {
    animation: floating-organic-timeline__float-a 6s ease-in-out infinite;
}

.floating-organic-timeline__float-b {
    animation: floating-organic-timeline__float-b 7s ease-in-out infinite;
}

.floating-organic-timeline__float-c {
    animation: floating-organic-timeline__float-c 5s ease-in-out infinite;
}

.floating-organic-timeline__decor-1 {
    top: -8rem;
    left: -8rem;
    width: 24rem;
    height: 24rem;
}

.floating-organic-timeline__decor-2 {
    bottom: -8rem;
    right: -8rem;
    width: 20rem;
    height: 20rem;
}

.floating-organic-timeline__decor-3 {
    top: 50%;
    left: -4rem;
    width: 16rem;
    height: 16rem;
}

.floating-organic-timeline__decor-4 {
    top: 25%;
    right: 0;
    width: 12rem;
    height: 12rem;
}

.floating-organic-timeline__card-offset {
    margin-top: 2rem;
}

.floating-organic-timeline__media-square {
    aspect-ratio: 1;
    position: relative;
    width: 100%;
}

.floating-organic-timeline__media-square img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Bootstrap branch: grid + gap (row gutters often collapse with overflow on section) */
.floating-organic-timeline__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;
}

@media (min-width: 768px) {
    .floating-organic-timeline__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .floating-organic-timeline__bs-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.floating-organic-timeline__min-shrink {
  min-width: 0;
}

.diagonal-zigzag-split__portrait {
    width: 8rem;
    height: 8rem;
}

.diagonal-zigzag-split__portrait--tilt-left {
    transform: rotate(-5deg);
}

.diagonal-zigzag-split__portrait--tilt-right {
    transform: rotate(5deg);
}

.diagonal-zigzag-split__portrait:hover {
    transform: rotate(0);
}

.diagonal-zigzag-split__beacon {
    width: 2rem;
    height: 2rem;
    bottom: -0.25rem;
    right: -0.25rem;
}

.diagonal-zigzag-split__beacon-dot {
    width: 0.75rem;
    height: 0.75rem;
}

.diagonal-zigzag-split__frame {
    width: 4rem;
    height: 4rem;
}

.diagonal-zigzag-split__frame--tl {
    top: 0;
    left: 0;
}

.diagonal-zigzag-split__frame--br {
    bottom: 0;
    right: 0;
}

.diagonal-zigzag-split__frame--rotate-45 {
    transform: rotate(45deg);
}

.diagonal-zigzag-split__frame--rotate-minus-45 {
    transform: rotate(-45deg);
}

.diagonal-zigzag-split__wash {
    width: 8rem;
}

.diagonal-zigzag-split__corner {
    width: 5rem;
    height: 5rem;
}

.diagonal-zigzag-split__min-shrink {
    min-width: 0;
}

@media (min-width: 768px) {
    .diagonal-zigzag-split__band--reverse {
        flex-direction: row-reverse;
    }

    .diagonal-zigzag-split__portrait {
        width: 10rem;
        height: 10rem;
    }
}

/* quote v23 — Xbox ribbon table: layout, vignette shell, waveform, typewriter caret */

.quote-wave__table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0.75rem;
}

.quote-wave__cell--hero {
    min-height: 22rem;
    width: 55%;
}

.quote-wave__cell--compact {
    min-height: 10rem;
    width: 45%;
}

.quote-wave__cell--medium {
    min-height: 13rem;
}

.quote-wave__cell--ribbon {
    min-height: 9rem;
}

.quote-wave__pill--hero {
    min-height: 22rem;
}

.quote-wave__pill--compact {
    min-height: 10rem;
}

.quote-wave__pill--medium {
    min-height: 13rem;
}

.quote-wave__pill--ribbon {
    min-height: 9rem;
}

.quote-wave__bg-surface {
    pointer-events: none;
}

.quote-wave__bg-pattern {
    pointer-events: none;
}

.quote-wave__ribbon-body {
    min-width: 0;
}

.quote-wave__bracket--tl {
    transform: scaleX(-1);
}

.quote-wave__bracket--tr {
    transform: scale(-1, -1);
}

.quote-wave__bracket--bl {
    transform: scaleY(-1);
}

.quote-wave__bracket--inner-tl {
    transform: scaleX(-1);
}

.quote-wave__wave-path {
    transform-origin: center center;
    animation: quote-wave-oscillate 4s ease-in-out infinite;
}

@keyframes quote-wave-oscillate {
    0%,
    100% {
        transform: scaleY(0.55);
    }
    25% {
        transform: scaleY(1.15);
    }
    50% {
        transform: scaleY(0.7);
    }
    75% {
        transform: scaleY(1);
    }
}

.quote-wave__caret {
    animation: quote-wave-blink 1s step-end infinite;
}

@keyframes quote-wave-blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.quote-wave__caret.is-done {
    animation: none;
    opacity: 0;
}

@media (max-width: 639px) {
    .quote-wave__table,
    .quote-wave__table tbody,
    .quote-wave__table tr,
    .quote-wave__table td {
        display: block;
        width: 100%;
    }

    .quote-wave__cell--hero,
    .quote-wave__cell--compact,
    .quote-wave__cell--medium,
    .quote-wave__cell--ribbon {
        width: 100%;
        min-height: auto;
        margin-bottom: 0.75rem;
    }

    .quote-wave__pill--hero,
    .quote-wave__pill--compact,
    .quote-wave__pill--medium,
    .quote-wave__pill--ribbon {
        min-height: 14rem;
    }

    .quote-wave__pill--ribbon {
        flex-direction: column;
        border-radius: 1.5rem;
    }
}
/* hover + focus affordances (layout/outline via theme token) */
@media (hover: hover) {
    .quote-wave-root [role="listitem"]:hover,
    .quote-wave-root article:hover,
    .quote-wave-root [class*="quote-wave__card"]:hover,
    .quote-wave-root .quote-wave__book:hover,
    .quote-wave-root .quote-wave__step:hover,
    .quote-wave-root .quote-wave__index-card:hover,
    .quote-wave-root .quote-wave__pill:hover,
    .quote-wave-root .quote-wave__item:hover {
        transform: translateY(-0.125rem);
    }
}

.quote-wave-root [role="listitem"],
.quote-wave-root article,
.quote-wave-root [class*="quote-wave__card"],
.quote-wave-root .quote-wave__book,
.quote-wave-root .quote-wave__step,
.quote-wave-root .quote-wave__index-card,
.quote-wave-root .quote-wave__pill {
    transition: transform 200ms ease;
}

.quote-wave-root a:focus-visible,
.quote-wave-root button:focus-visible,
.quote-wave-root [tabindex="0"]:focus-visible,
.quote-wave-root input:focus-visible,
.quote-wave-root summary:focus-visible,
.quote-wave-root [role="slider"]:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

@media (hover: hover) {
    .quote-wave-root button:hover,
    .quote-wave-root a:hover,
    .quote-wave-root summary:hover {
        opacity: 0.92;
    }
}