.insight-orb-one {
    top: 0;
    right: 0;
    width: 24rem;
    height: 24rem;
    filter: blur(3rem);
}

.insight-orb-two {
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 20rem;
    filter: blur(3rem);
}

.insight-orb-three {
    top: 50%;
    left: 50%;
    width: 18rem;
    height: 18rem;
    transform: translate(-50%, -50%);
    filter: blur(2rem);
}

.insight-block-one {
    top: 5rem;
    right: 2.5rem;
    width: 6rem;
    height: 6rem;
    transform: rotate(12deg);
}

.insight-block-two {
    top: 10rem;
    left: 2.5rem;
    width: 4rem;
    height: 4rem;
    transform: rotate(-12deg);
}

.insight-block-three {
    right: 5rem;
    bottom: 8rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(45deg);
}

.insight-block-four {
    bottom: 5rem;
    left: 5rem;
    width: 7rem;
    height: 7rem;
    transform: rotate(-6deg);
}

.insight-block-five {
    top: 33.333333%;
    right: 25%;
    width: 3rem;
    height: 3rem;
    transform: rotate(12deg);
}

.insight-title-block-one {
    top: -1rem;
    left: -2rem;
    width: 2rem;
    height: 2rem;
    transform: rotate(12deg);
}

.insight-title-block-two {
    top: -0.5rem;
    right: -2.5rem;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(-12deg);
}

.insight-title-block-three {
    bottom: -1rem;
    left: 25%;
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(45deg);
}

.insight-title-block-four {
    right: 25%;
    bottom: -0.5rem;
    width: 2rem;
    height: 2rem;
    transform: rotate(-6deg);
}

.insight-title-accent {
    bottom: 0;
    left: 50%;
    width: 8rem;
    height: 0.5rem;
    transform: translateX(-50%);
}

.insight-section-knot {
    top: 50%;
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%) rotate(12deg);
}

.insight-section-underline {
    bottom: -0.5rem;
    left: 0;
    width: 5rem;
    height: 0.375rem;
}

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

@keyframes pull-quote-monocle-timeline__fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.pull-quote-monocle-timeline__visible {
    animation: pull-quote-monocle-timeline__fade-up 0.7s ease forwards;
}

.pull-quote-monocle-timeline__quote-decor {
    font-size: 160px;
    line-height: 1;
    opacity: 0.3;
    font-family: Georgia, serif;
}

.pull-quote-monocle-timeline__quote-decor--left {
    top: 6rem;
    left: 2rem;
}

.pull-quote-monocle-timeline__quote-decor--right {
    bottom: 6rem;
    right: 2rem;
}

.pull-quote-monocle-timeline__title-size {
    font-size: clamp(1.5rem, 4vw, 3rem);
    letter-spacing: 0.15em;
}

.pull-quote-monocle-timeline__media-width {
    width: 12rem;
}

.pull-quote-monocle-timeline__thumb-square {
    aspect-ratio: 1;
}

.pull-quote-monocle-timeline__serif-font {
    font-family: Georgia, 'Times New Roman', serif;
}

.pull-quote-monocle-timeline__media-sm {
    max-width: 10rem;
}

.pull-quote-monocle-timeline__min-shrink {
  min-width: 0;
}

@media (min-width: 768px) {
    .pull-quote-monocle-timeline__item--split {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        gap: 3rem;
    }
}

.stacked-shadow-deck__portrait {
    width: 6rem;
    height: 6rem;
}

.stacked-shadow-deck__beacon {
    width: 1.5rem;
    height: 1.5rem;
    bottom: -0.125rem;
    right: -0.125rem;
}

.stacked-shadow-deck__beacon-dot {
    width: 0.5rem;
    height: 0.5rem;
}

.stacked-shadow-deck__shadow--far {
    transform: translate(0.5rem, 0.5rem);
}

.stacked-shadow-deck__shadow--near {
    transform: translate(0.25rem, 0.25rem);
}

.stacked-shadow-deck__corner {
    width: 3rem;
    height: 3rem;
}

.stacked-shadow-deck__min-shrink {
    min-width: 0;
}