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

.services-accordion__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

[data-accordion-toggle] {
    list-style: none;
}
[data-accordion-toggle]::-webkit-details-marker {
    display: none;
}

.services-accordion__chevron {
    transition: transform 200ms ease;
}
[data-accordion-item][open] .services-accordion__chevron {
    transform: rotate(180deg);
}

.header-ui__box-10 {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .steps-dual-panel__sticky-col {
        position: sticky;
        top: 2rem;
    }
}

.steps-dual-panel__badge-circle {
    width: 3rem;
    height: 3rem;
}

.steps-dual-panel__decor-dot {
    width: 0.5rem;
    height: 0.5rem;
}

/* process glassmorphism — fog blobs, backdrop blur, rune decor, num sizing */
.process-glass__fog {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.process-glass__fog::before {
    content: '';
    position: absolute;
    width: 28rem;
    height: 28rem;
    border-radius: 50%;
    filter: blur(5rem);
    opacity: 0.1;
    top: -10rem;
    left: -5rem;
    background: var(--bs-primary);
}

.process-glass__fog::after {
    content: '';
    position: absolute;
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    filter: blur(5rem);
    opacity: 0.07;
    bottom: -8rem;
    right: -5rem;
    background: var(--bs-primary);
}

.process-glass__card {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.process-glass__card-hov:hover,
.process-glass__card-hov:focus-within {
    transform: translateY(-0.35rem);
    box-shadow: var(--bs-box-shadow-lg);
}

.process-glass__detail {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 280ms ease, opacity 220ms ease, margin-top 220ms ease;
}

.process-glass__card-hov:hover .process-glass__detail,
.process-glass__card-hov:focus-within .process-glass__detail {
    max-height: 12rem;
    opacity: 1;
    margin-top: 0.25rem;
}

.process-glass__rune {
    position: absolute;
    font-size: 6rem;
    font-weight: 900;
    line-height: 1;
    opacity: 0.04;
    bottom: -0.5rem;
    right: 1rem;
    pointer-events: none;
    user-select: none;
}

.process-glass__num {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
    .process-glass__card,
    .process-glass__detail {
        transition: none;
    }

    .process-glass__card-hov:hover,
    .process-glass__card-hov:focus-within {
        transform: none;
    }

    .process-glass__detail {
        max-height: none;
        opacity: 1;
        overflow: visible;
    }
}

.perks-alternate-rows__thumb {
    width: 6rem;
    height: 6rem;
    transition: transform 0.2s ease;
}

.perks-alternate-rows__cta {
    transition: transform 0.2s ease;
}

@media (min-width: 640px) {
    .perks-alternate-rows__thumb:hover {
        transform: scale(1.05);
    }

    .perks-alternate-rows__cta:hover {
        transform: scale(1.05);
    }
}

.spotlight-carousel-quote__portrait {
    width: 5rem;
    height: 5rem;
}


.beacon-signal__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.beacon-signal__inner {
    max-width: 64rem;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 1.5rem;
}

@keyframes beacon-signal-pin-blink-seq {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.beacon-signal__pin--blink {
    animation: beacon-signal-pin-blink-seq 2s cubic-bezier(.4,0,.6,1) infinite;
}

.beacon-signal__slab--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.beacon-signal__record--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.beacon-signal__prompt--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.beacon-signal__action--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

/* Equal columns + row/column gap (flex-wrap + content width caused uneven cards) */
.beacon-signal__surround-row-bs {
    display: grid;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .beacon-signal__surround-row-bs {
        column-gap: 1.25rem;
        row-gap: 1.75rem;
    }
}

@media (min-width: 992px) {
    .beacon-signal__surround-row-bs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 1.5rem;
        row-gap: 1.75rem;
    }
}

.beacon-signal__surround-row-bs > .beacon-signal__record--glow {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    min-width: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}