@media (min-width: 1024px) {
    .about-scrolly__sticky { position: sticky; top: 8rem; }
}

.about-scrolly__step { opacity: .45; transition: opacity 300ms ease; }
.about-scrolly__step.is-active,
.about-scrolly__step.is-done { opacity: 1; }
.about-scrolly__bar { width: 3rem; height: .25rem; flex-shrink: 0; }
.about-scrolly__bar-fill { width: 0; transition: width 500ms ease; }
.about-scrolly__step.is-done .about-scrolly__bar-fill,
.about-scrolly__step.is-active .about-scrolly__bar-fill { width: 100%; }

.about-scrolly__panel { opacity: .35; transform: scale(.96); transition: opacity 600ms ease, transform 600ms cubic-bezier(.2, .8, .2, 1); }
.about-scrolly__panel.is-active { opacity: 1; transform: none; }

.about-scrolly__figure { aspect-ratio: 3 / 2; }
.about-scrolly__img { object-fit: cover; transform: scale(1.08); transition: transform 1200ms cubic-bezier(.2, .8, .2, 1); }
.about-scrolly__panel.is-active .about-scrolly__img { transform: scale(1); }

.about-scrolly__chip { left: 1.25rem !important; bottom: 1.25rem !important; transform: translateY(1rem); opacity: 0; transition: transform 500ms ease 300ms, opacity 500ms ease 300ms; }
.about-scrolly__panel.is-active .about-scrolly__chip { transform: none; opacity: 1; }
.about-scrolly__chip-text { max-width: 12rem; }

@media (prefers-reduced-motion: reduce) {
    .about-scrolly__panel, .about-scrolly__img, .about-scrolly__chip { opacity: 1; transform: none; transition: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.about-scrolly[hidden], .about-scrolly [hidden], .about-scrolly .hidden.d-none { display: none !important; }

.doctrine-magazine__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

@media (min-width: 1024px) {
    .doctrine-magazine__grid {
        grid-template-columns: minmax(0, 320px) 1fr;
        gap: 4rem;
    }

    .doctrine-magazine__aside {
        position: sticky;
        top: 6rem;
        align-self: start;
    }
}

.doctrine-magazine__image {
    height: 14rem;
    object-fit: cover;
}

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

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

.art-deco-reveal-timeline__panel--hidden {
    display: none !important;
}

.art-deco-reveal-timeline__tab--active {
    position: relative;
}

.art-deco-reveal-timeline__tab--active::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    outline: 2px solid;
    outline-offset: -2px;
}

@keyframes art-deco-reveal-timeline__reveal {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.art-deco-reveal-timeline__panel:not(.art-deco-reveal-timeline__panel--hidden) {
    animation: art-deco-reveal-timeline__reveal 0.35s ease forwards;
}

.art-deco-reveal-timeline__corner-tl {
    top: 1.5rem;
    left: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-tr {
    top: 1.5rem;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-bl {
    bottom: 1.5rem;
    left: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-br {
    bottom: 1.5rem;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__diamond-mid {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.75rem;
    height: 0.75rem;
    left: 0;
}

.art-deco-reveal-timeline__diamond-mid--right {
    left: auto;
    right: 0;
}

.art-deco-reveal-timeline__diamond-sm {
    width: 0.5rem;
    height: 0.5rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__inner-border {
    inset: 0.5rem;
}

.art-deco-reveal-timeline__icon-diamond {
    width: 5rem;
    height: 5rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__icon-inner {
    transform: rotate(-45deg);
}

.art-deco-reveal-timeline__diamond-xs {
    width: 0.375rem;
    height: 0.375rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__min-shrink {
  min-width: 0;
}