.intro-animated-gradient__root {
    padding-top: clamp(4rem, 12vw, 10rem);
    padding-bottom: clamp(4rem, 12vw, 10rem);
    min-height: min(32rem, 85vh);
}

@keyframes intro-animated-gradient-spin {
    to {
        transform: rotate(360deg);
    }
}

.intro-animated-gradient__spin--left,
.intro-animated-gradient__spin--right {
    width: 85%;
    height: 85%;
    top: 7.5%;
    animation-name: intro-animated-gradient-spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

.intro-animated-gradient__spin--left {
    left: -18%;
    animation-duration: 48s;
}

.intro-animated-gradient__spin--right {
    right: -18%;
    animation-duration: 60s;
    animation-direction: reverse;
}

.intro-animated-gradient__area {
    max-width: 48rem;
}

.brief-sq-10 { width: 2.5rem; height: 2.5rem; flex-shrink: 0; }

.brief-glass-card,
.brief-glass-panel,
.brief-glass-value {
    backdrop-filter: blur(0.75rem);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.brief-glass-card {
    background-color: rgba(var(--bs-body-bg-rgb), 0.72);
}

.brief-glass-panel,
.brief-glass-value {
    background-color: rgba(var(--bs-body-bg-rgb), 0.56);
}

.brief-brand-line {
    width: 2.5rem;
    height: 0.125rem;
    background-color: rgba(var(--bs-primary-rgb), 0.45);
}

.brief-orb-one {
    top: -6rem;
    left: -6rem;
    width: 24rem;
    height: 24rem;
    filter: blur(3rem);
}

.brief-orb-two {
    right: -6rem;
    bottom: -6rem;
    width: 20rem;
    height: 20rem;
    filter: blur(3rem);
}

.brief-orb-three {
    top: 50%;
    right: 25%;
    width: 14rem;
    height: 14rem;
    filter: blur(3rem);
}

.brief-cta-hover {
    transition: transform 0.3s ease;
}

.brief-cta-hover:hover {
    transform: scale(1.05);
}

.brief-card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.brief-card-hover:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--bs-box-shadow-lg);
}

.brief-icon-hover {
    transition: transform 0.3s ease;
}

.brief-card-hover:hover .brief-icon-hover {
    transform: scale(1.1);
}

.brief-title-hover {
    transition: color 0.3s ease;
}

.brief-card-hover:hover .brief-title-hover {
    color: var(--bs-primary);
}

/* Bootstrap: явный gap между карточками (row + row-cols часто без горизонтального gutter) */
.values-icon-grid__bs-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
}

.values-icon-grid__subtitle {
    max-width: 42rem;
}

.values-icon-grid__thumb {
    width: 4rem;
    height: 4rem;
}

.pixel-retro-timeline__pixel-bg {
    background-image: repeating-linear-gradient(
            0deg,
            transparent,
            transparent 15px,
            currentColor 15px,
            currentColor 16px
        ),
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 15px,
            currentColor 15px,
            currentColor 16px
        );
}

.pixel-retro-timeline__pixel-card {
    box-shadow:
        4px 0 0 0 currentColor,
        -4px 0 0 0 currentColor,
        0 4px 0 0 currentColor,
        0 -4px 0 0 currentColor;
    outline: 2px solid;
    outline-offset: 4px;
}

.pixel-retro-timeline__pixel-badge {
    clip-path: polygon(
        0 4px, 4px 4px, 4px 0,
        calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px,
        100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 100%,
        4px 100%, 4px calc(100% - 4px), 0 calc(100% - 4px)
    );
}

@keyframes pixel-retro-timeline__scan {
    from { width: 0; }
    to { width: 100%; }
}

.pixel-retro-timeline__progress-bar {
    animation: pixel-retro-timeline__scan 1s steps(20) forwards;
}

.pixel-retro-timeline__mono-font {
    font-family: monospace, 'Courier New';
}

.pixel-retro-timeline__grid-width {
    max-width: 48rem;
}

.pixel-retro-timeline__badge-size {
    width: 4rem;
    height: 4rem;
}

.pixel-retro-timeline__progress-height {
    height: 0.5rem;
}

.pixel-retro-timeline__progress-fill {
    width: var(--pixel-retro-timeline__progress, 0%);
}

.pixel-retro-timeline__spacer {
    width: 0.5rem;
    height: 1rem;
}

.pixel-retro-timeline__min-shrink {
  min-width: 0;
}

/* team v24 — sidebar navigation */
.team-sidebar__nav-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 150ms ease;
}

.team-sidebar__nav-btn.is-active {
  background-color: rgba(var(--bs-primary-rgb), 0.12);
  color: var(--bs-primary);
  font-weight: 600;
}

.team-sidebar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-sidebar__panel {
  animation: fade-in 300ms ease;
}

.team-sidebar__panel.hidden {
  display: none !important;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}