.perspective-masthead-rule {
    border-top: 4px solid var(--bs-body-color);
    border-bottom: 4px solid var(--bs-body-color);
}

.perspective-title-rule {
    border-bottom: 2px solid var(--bs-body-color);
}

.perspective-quote-frame {
    border-top: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-bottom: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-left: 4px solid var(--bs-primary);
}

.perspective-headline-hover {
    transition: color 0.2s ease;
}

.perspective-headline-hover:hover {
    color: var(--bs-primary);
}

.perspective-micro-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
}

.perspective-byline-suffix {
    font-size: 0.6rem;
    opacity: 0.6;
}

.perspective-quote-text {
    font-size: 1.1rem;
}

.perspective-card-desc {
    font-size: 0.875rem;
}

/* values v14 — bento grid tile sizing, no colors */
.values-nike-bento__grid {
    grid-auto-rows: minmax(9rem, auto);
}

.values-nike-bento__tile--large {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
}

.values-nike-bento__tile--small {
    grid-column: span 1 / span 1;
}

@media (max-width: 640px) {
    .values-nike-bento__tile--large {
        grid-column: span 2 / span 2;
        grid-row: span 1 / span 1;
    }
}

.values-nike-bento__decor-circle,
.values-nike-bento__decor-blob,
.values-nike-bento__decor-ring {
    z-index: 0;
}

.values-nike-bento__decor-line,
.values-nike-bento__decor-square,
.values-nike-bento__decor-dot {
    z-index: 0;
}

/* BS has no w-14/h-14 — without a fixed size, rounded-circle stretches in a flex column */
.values-nike-bento__icon-badge {
    width: 3.5rem;
    height: 3.5rem;
    flex-shrink: 0;
    align-self: flex-start;
    transition: transform 200ms ease;
}

.values-nike-bento__icon-badge:hover {
    transform: scale(1.05);
}

.minimal-rolex-timeline__year-size {
    font-size: clamp(48px, 8vw, 96px);
}

.minimal-rolex-timeline__vertical-line {
    width: 1px;
    min-height: 100%;
}

.minimal-rolex-timeline__text-width {
    max-width: 36rem;
}

.minimal-rolex-timeline__min-shrink {
  min-width: 0;
}

.minimal-rolex-timeline__item--last {
    border-bottom-width: 0;
}

.lineup-circle-hero__portrait {
    width: 12rem;
    height: 12rem;
}

.lineup-circle-hero__min-shrink {
  min-width: 0;
}

.polar-frame-quote__portrait {
    width: 7rem;
    height: 7rem;
}