/* intro v21 — Loewe fold: vertical heading, watercolor blob, sketch figure, load rise */

/* Rotated 90° vertical heading */
.intro-fold__vtitle {
    writing-mode: vertical-rl;
    white-space: nowrap;
    line-height: 1;
}
@media (max-width: 767.98px) {
    .intro-fold__vtitle { writing-mode: horizontal-tb; }
}

/* Wax-seal / watercolor blob */
.intro-fold__blob {
    width: 24rem;
    height: 24rem;
    filter: blur(56px);
    opacity: 0.4;
    border-radius: 42% 58% 63% 37% / 45% 38% 62% 55%;
}

/* Drop-cap lead (framework-agnostic ::first-letter, no TW variant dependency) */
.intro-fold__lead::first-letter {
    font-size: 3rem;
    font-weight: 900;
    float: left;
    line-height: 0.9;
    margin-right: 0.75rem;
}

/* Like button fixed size (no BS w-N/h-N utility) */
.intro-fold__like {
    width: 2.25rem;
    height: 2.25rem;
}

/* Hand-drawn sketch treatment on the figure */
.intro-fold [data-figure] { aspect-ratio: 16 / 9; }
.intro-fold__img {
    object-fit: cover;
    filter: grayscale(0.35) contrast(1.12) saturate(0.9);
}

/* Subtle scale-up on load (0.92 → 1) */
.intro-fold__rise {
    opacity: 0;
    transform: scale(0.92);
    animation: intro-fold-rise 620ms ease forwards;
}
@keyframes intro-fold-rise {
    to { opacity: 1; transform: scale(1); }
}

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

.sketch-image-hover {
    transition: transform 0.3s ease;
}

.sketch-image-hover:hover {
    transform: scale(1.05);
}

.sketch-card-offset {
    right: -1.5rem;
    bottom: -1.5rem;
}

/* Grid + gap: @sem may obfuscate Tailwind grid/gap */
.rotating-badge-grid {
    display: grid;
    width: 100%;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr);
}

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

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

@media (min-width: 1280px) {
    .rotating-badge-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Badge: w-12 = 3rem — lift above card (bs had top-0) */
.philosophy-v4-badge-decor {
    top: -2.25rem;
}

.philosophy-rotate-badge {
    width: 3rem;
    height: 3rem;
}

.philosophy-bg__img {
    object-fit: cover;
}

.values-orb-card__thumb {
    width: 5rem;
    height: 5rem;
    z-index: 10;
}

.neon-circuit-timeline__circuit-bg {
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 39px, currentColor 39px, currentColor 40px),
        repeating-linear-gradient(90deg, transparent, transparent 39px, currentColor 39px, currentColor 40px);
}

@keyframes neon-circuit-timeline__glow-pulse {
    0%, 100% { box-shadow: 0 0 4px 2px currentColor, 0 0 12px 4px currentColor; opacity: 1; }
    50% { box-shadow: 0 0 8px 4px currentColor, 0 0 24px 8px currentColor; opacity: 0.7; }
}

.neon-circuit-timeline__node-glow {
    animation: neon-circuit-timeline__glow-pulse 2.5s ease-in-out infinite;
}

@keyframes neon-circuit-timeline__ring-expand {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.4); opacity: 0; }
}

.neon-circuit-timeline__ring {
    animation: neon-circuit-timeline__ring-expand 2.5s ease-in-out infinite;
}

.neon-circuit-timeline__decor-left {
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
    width: 16rem;
    height: 16rem;
}

.neon-circuit-timeline__decor-right {
    top: 50%;
    right: 25%;
    transform: translateY(-50%);
    width: 16rem;
    height: 16rem;
}

.neon-circuit-timeline__accent-line {
    height: 5rem;
    width: 1px;
}

.neon-circuit-timeline__node-wrap {
    z-index: 10;
}

.neon-circuit-timeline__node {
    width: 1rem;
    height: 1rem;
}

.neon-circuit-timeline__ring-size {
    width: 2rem;
    height: 2rem;
}

.neon-circuit-timeline__card-width {
    max-width: 11rem;
}

@media (min-width: 768px) {
    .neon-circuit-timeline__item--upper .neon-circuit-timeline__box,
    .neon-circuit-timeline__accent-line--first {
        order: -1;
    }

    .neon-circuit-timeline__item--lower .neon-circuit-timeline__box,
    .neon-circuit-timeline__accent-line--last {
        order: 1;
    }
}

.members-dual-ring__portrait {
    width: 6rem;
    height: 6rem;
}

.members-dual-ring__min-shrink {
  min-width: 0;
}