/* intro v19 — photo-free index list: soft blurred blobs, fixed icon tiles, scroll reveal */

/* Soft background blobs (fixed size + blur have no BS utility; colour stays a Tailwind/BS class) */
.intro-index__blob {
    width: 24rem;
    height: 24rem;
    filter: blur(64px);
    opacity: 0.5;
}

/* Icon tile fixed size (BS has no w-N/h-N utility) */
.intro-index__icon-tile {
    width: 3rem;
    height: 3rem;
}

/* Scroll reveal — cards hide only once JS arms the section (no-JS content stays visible) */
.intro-index.is-armed .intro-index__card {
    opacity: 0;
    transform: translateY(1.5rem);
    transition: opacity 560ms ease, transform 560ms ease;
}
.intro-index.is-armed .intro-index__card.is-in {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .intro-index.is-armed .intro-index__card {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

.roster-skills-reveal__portrait {
    width: 6rem;
    height: 6rem;
}

.roster-skills-reveal__grid-cell:nth-child(2) {
    animation-delay: 0.1s;
}

.roster-skills-reveal__grid-cell:nth-child(3) {
    animation-delay: 0.2s;
}

.roster-skills-reveal__grid-cell:nth-child(4) {
    animation-delay: 0.3s;
}

.roster-skills-reveal__grid-cell:nth-child(5) {
    animation-delay: 0.4s;
}

.roster-skills-reveal__grid-cell:nth-child(6) {
    animation-delay: 0.5s;
}

.roster-skills-reveal__min-shrink {
  min-width: 0;
}

/* process natgeo — accent line, large icon cells (no colors) */
.process-natgeo__accent-line {
    width: 2.5rem;
    flex-shrink: 0;
}
.process-natgeo__icon-cell {
    aspect-ratio: 1 / 1;
    width: 8rem;
    height: 8rem;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.process-natgeo__icons {
    min-width: 0;
}
.process-natgeo__icons > * {
    min-width: 0;
}
.process-natgeo__icon {
    font-size: 3rem !important;
    line-height: 0 !important;
    width: auto;
    height: auto;
    display: inline-block;
}
@media (min-width: 768px) {
    .process-natgeo__icon {
        font-size: 3.75rem !important;
    }
}

/* pricing-bauhaus — decorative shapes (position in CSS so BS build never loses Tailwind .absolute) */
.pricing-bauhaus__shape-circle,
.pricing-bauhaus__shape-square {
    position: absolute;
    pointer-events: none;
}

.pricing-bauhaus__shape-circle {
    width: 28rem;
    height: 28rem;
    top: -8rem;
    right: -8rem;
    z-index: 0;
}

.pricing-bauhaus__shape-square {
    width: 14rem;
    height: 14rem;
    bottom: -4rem;
    left: -4rem;
    z-index: 0;
    transform: rotate(15deg);
}

/* pricing-bauhaus — thick accent bar height */
.pricing-bauhaus__accent-bar {
    height: 0;
}

/* pricing-bauhaus — bullet dot size (no BS w-2 h-2 equivalent) */
.pricing-bauhaus__dot {
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    margin-top: 0.375rem;
}

/* pricing-bauhaus — flex column body (BS: min-width for flex text shrink) */
.pricing-bauhaus__card-inner {
    min-width: 0;
}

/* pricing-bauhaus — UA reset ul */
.pricing-bauhaus__feat-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* pricing-bauhaus — fieldset UA resets */
.pricing-bauhaus__fieldset {
    min-width: 0;
}

/* pricing-bauhaus — card hover */
.pricing-card-hover {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

@media (hover: hover) {
    .pricing-card-hover:hover {
        box-shadow: 0 18px 44px -14px rgba(15, 23, 42, 0.18);
        transform: translateY(-4px);
    }
}

/* pricing-bauhaus — CTA transition */
.pricing-bauhaus__cta {
    transition: opacity 0.2s ease;
    letter-spacing: 0.1em;
}

@media (hover: hover) {
    .pricing-bauhaus__cta:hover {
        opacity: 0.88;
    }
}