.intro-centered-simple__content-area {
    max-width: 48rem;
}

.intro-centered-simple__text-block {
    max-width: 42rem;
}

.memo-number-hover,
.memo-box-hover,
.memo-cta-shadow,
.memo-cta-hover {
    transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.memo-title-rule {
    border-bottom: 4px solid var(--bs-primary);
}

.memo-principle-rule {
    border-top: 2px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
}

.memo-principle-group:hover .memo-number-hover {
    color: var(--bs-primary) !important;
}

.memo-principle-group:hover .memo-box-hover {
    border-top-color: rgba(var(--bs-primary-rgb), 0.4) !important;
}

.memo-cta-shadow {
    transform: translate(0.375rem, 0.375rem);
}

.memo-cta-group:hover .memo-cta-shadow {
    transform: translate(0, 0);
}

.memo-cta-hover:hover {
    background-color: var(--bs-accent, rgb(var(--tw-accent-600, 37 99 235) / 1)) !important;
    color: #fff !important;
    border-color: var(--bs-accent, rgb(var(--tw-accent-700, 29 78 216) / 1)) !important;
}

.art-deco-reveal-timeline__panel--hidden {
    display: none !important;
}

.art-deco-reveal-timeline__tab--active {
    position: relative;
}

.art-deco-reveal-timeline__tab--active::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    outline: 2px solid;
    outline-offset: -2px;
}

@keyframes art-deco-reveal-timeline__reveal {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.art-deco-reveal-timeline__panel:not(.art-deco-reveal-timeline__panel--hidden) {
    animation: art-deco-reveal-timeline__reveal 0.35s ease forwards;
}

.art-deco-reveal-timeline__corner-tl {
    top: 1.5rem;
    left: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-tr {
    top: 1.5rem;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-bl {
    bottom: 1.5rem;
    left: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-br {
    bottom: 1.5rem;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__diamond-mid {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.75rem;
    height: 0.75rem;
    left: 0;
}

.art-deco-reveal-timeline__diamond-mid--right {
    left: auto;
    right: 0;
}

.art-deco-reveal-timeline__diamond-sm {
    width: 0.5rem;
    height: 0.5rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__inner-border {
    inset: 0.5rem;
}

.art-deco-reveal-timeline__icon-diamond {
    width: 5rem;
    height: 5rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__icon-inner {
    transform: rotate(-45deg);
}

.art-deco-reveal-timeline__diamond-xs {
    width: 0.375rem;
    height: 0.375rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__min-shrink {
  min-width: 0;
}

.roster-lift-hover__portrait {
    width: 7rem;
    height: 7rem;
}

.roster-lift-hover__min-shrink {
  min-width: 0;
}

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

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

/* Badge anchor: stable vertical offset (bs had top-0; tw -top-8 was too low vs 5rem circle) */
.philosophy-v3-badge-decor {
    top: -4.25rem;
}

.philosophy-large-badge {
    width: 5rem;
    height: 5rem;
}

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

.pullquote-accent-quote__track {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 2rem;
}

@media (min-width: 768px) {
    .pullquote-accent-quote__track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2.25rem 1.5rem;
    }
}

.pullquote-accent-quote__col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pullquote-accent-quote__surface {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    flex: 1 1 auto;
}

@media (min-width: 768px) {
    .pullquote-accent-quote__surface {
        gap: 1.25rem;
    }
}