/* Бейдж по ширине контента (в BS не было w-fit) */
.hero-v16-badge-wrap {
    width: fit-content;
    max-width: 100%;
}

/* Фото: квадрат 1:1 по схеме orientation: square, без «лески» от h-full во flex */
.hero-v16-media {
    width: 100%;
    max-width: 28rem;
    min-width: min(100%, 17.5rem);
    box-sizing: border-box;
}

/* Карточка вокруг фото — одна ширина в TW и BS (BS .card иначе может сжимать контент) */
.hero-v16-card-box {
    width: 100%;
    box-sizing: border-box;
}

.hero-v16-photo-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 0.5rem;
}

.hero-v16-photo-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-v16-dot {
    width: 0.5rem;
    height: 0.5rem;
}

.hero-v16-offset-tr {
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    width: 4rem;
    height: 4rem;
}

.hero-v16-offset-bl {
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    width: 3rem;
    height: 3rem;
}

.hero-v16-orb-lg {
    width: 5rem;
    height: 5rem;
    animation-duration: 2s;
}

.hero-v16-orb-md {
    width: 4rem;
    height: 4rem;
    animation-duration: 8s;
}

.hero-v16-orb-sm {
    width: 3rem;
    height: 3rem;
    animation-duration: 2.5s;
}

.hero-v16-connector {
    width: 5rem;
    height: 0.25rem;
}

.hero-v16-anim-a {
    animation-duration: 1.5s;
    animation-delay: 0.3s;
}

.hero-v16-anim-b {
    animation-duration: 1.5s;
    animation-delay: 0.6s;
}

.hero-v16-float-a {
    animation-duration: 3s;
    left: 25%;
    width: 2rem;
    height: 2rem;
}

.hero-v16-float-b {
    animation-duration: 2s;
    right: 25%;
    width: 1.5rem;
    height: 1.5rem;
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
.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;
}

/* Сетка карточек + gap (grid/gap в @sem могут обфусцироваться) */
.alternating-story-grid {
    display: grid;
    width: 100%;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
    .alternating-story-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Иначе фото с большим intrinsic width раздувает ячейку шире текстовых карточек */
.alternating-story-grid > * {
    min-width: 0;
}

/* max-width + центрирование блока вне @sem (tw/bs одинаково, без обфускации mx-auto/max-w) */
.philosophy-v10-subtitle {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}

.philosophy-v10-wrap {
    position: relative;
    z-index: 10;
}

.philosophy-v10-thumb {
    width: 100%;
    max-width: 100%;
}

.philosophy-v10-thumb img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.philosophy-alternating__blob-xl {
    width: 24rem;
    height: 24rem;
}

.philosophy-alternating__blob-lg {
    width: 20rem;
    height: 20rem;
}

.philosophy-alternating__blob-md {
    width: 16rem;
    height: 16rem;
}

.philosophy-alternating__dot-xl {
    width: 5rem;
    height: 5rem;
}

.philosophy-alternating__dot-lg {
    width: 4rem;
    height: 4rem;
}

.philosophy-alternating__dot-md {
    width: 3.5rem;
    height: 3.5rem;
}

.philosophy-alternating__dot-sm {
    width: 3rem;
    height: 3rem;
}

.philosophy-alternating__line {
    height: 1px;
}

.philosophy-alternating__line-xl {
    width: 24rem;
    height: 1px;
}

.philosophy-alternating__line-lg {
    width: 20rem;
    height: 1px;
}

.philosophy-alternating__line-md {
    width: 16rem;
    height: 1px;
}

.philosophy-alternating__line-sm {
    width: 14rem;
    height: 1px;
}

.philosophy-alternating__anim-delay-1 {
    animation-delay: 1s;
}

.philosophy-alternating__anim-delay-half {
    animation-delay: 0.5s;
}

.philosophy-alternating__anim-delay-1half {
    animation-delay: 1.5s;
}

.philosophy-alternating__anim-bounce-1 {
    animation-delay: 0s;
    animation-duration: 3s;
}

.philosophy-alternating__anim-bounce-2 {
    animation-delay: 1s;
    animation-duration: 4s;
}

.philosophy-alternating__anim-bounce-3 {
    animation-delay: 0.5s;
    animation-duration: 3.5s;
}

.philosophy-alternating__anim-bounce-4 {
    animation-delay: 1.5s;
    animation-duration: 4.5s;
}

.philosophy-alternating__anim-spin-slow {
    animation-duration: 20s;
}

.philosophy-alternating__anim-spin-reverse {
    animation-duration: 25s;
    animation-direction: reverse;
}

.philosophy-v10-thumb__img {
    object-fit: cover;
}

.philosophy-v10-abstract {
    min-height: 17.5rem;
}

.philosophy-v10-brand {
    min-height: 17.5rem;
}

.philosophy-v10-brand__inner {
    min-height: 17.5rem;
}

.philosophy-v10-brand__logo {
    width: 5rem;
    height: 5rem;
    padding: 0.75rem;
}

.philosophy-v10-brand__hatch {
    z-index: 1;
    background-image: repeating-linear-gradient(
        -38deg,
        transparent,
        transparent 8px,
        rgba(var(--bs-primary-rgb), 0.07) 8px,
        rgba(var(--bs-primary-rgb), 0.07) 9px
    );
}

.philosophy-v10-abstract__bg {
    z-index: 0;
}

.philosophy-v10-abstract__orb--a {
    animation: philosophy-v10-abstract-float 7s ease-in-out infinite;
}

.philosophy-v10-abstract__orb--b {
    animation: philosophy-v10-abstract-float 9s ease-in-out infinite reverse;
}

.philosophy-v10-abstract__arc--a {
    animation: philosophy-v10-abstract-dash 10s ease-in-out infinite;
}

.philosophy-v10-abstract__arc--b {
    animation: philosophy-v10-abstract-dash 12s ease-in-out infinite reverse;
}

@keyframes philosophy-v10-abstract-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes philosophy-v10-abstract-dash {
    0%, 100% { opacity: 0.45; }
    50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .philosophy-v10-abstract__orb--a,
    .philosophy-v10-abstract__orb--b,
    .philosophy-v10-abstract__arc--a,
    .philosophy-v10-abstract__arc--b {
        animation: none;
    }
}

.philosophy-alternating__blob-xl,
.philosophy-alternating__blob-lg,
.philosophy-alternating__blob-md,
.philosophy-alternating__line:not(.philosophy-alternating__line-xl):not(.philosophy-alternating__line-lg),
.philosophy-alternating__line-md,
.philosophy-alternating__line-sm {
    animation-name: philosophy-alternating__pulse;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.philosophy-alternating__anim-bounce-1,
.philosophy-alternating__anim-bounce-2,
.philosophy-alternating__anim-bounce-3,
.philosophy-alternating__anim-bounce-4 {
    animation-name: philosophy-alternating__bounce;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.philosophy-alternating__anim-spin-slow,
.philosophy-alternating__anim-spin-reverse {
    animation-name: philosophy-alternating__spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes philosophy-alternating__pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes philosophy-alternating__bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-25%); }
}

@keyframes philosophy-alternating__spin {
    to { transform: rotate(360deg); }
}

/* Bootstrap: сетка 1→2 колонки без «слипания» ячеек */
.values-split-row__bs-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: 100%;
}

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

.values-split-row__subtitle-max {
    max-width: 48rem;
}

.values-split-row__thumb {
    min-height: 5rem;
    flex-shrink: 0;
}