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

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

/* Бейдж чуть выше, чем -top-6 (без top-0 в bs) */
.philosophy-v7-badge-decor {
    top: -2.25rem;
}

.philosophy-grid__icon {
    width: 4rem;
    height: 4rem;
}

.philosophy-grid__corner {
    width: 3rem;
    height: 3rem;
}

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

.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;
}

/* v23 - comic halftone dot pattern (currentColor keeps it theme-safe, no literal colors) */
.steps-comic-panel__halftone {
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
    opacity: 0.15;
    background-image: radial-gradient(currentColor 1.2px, transparent 1.2px);
    background-size: 8px 8px;
    pointer-events: none;
}