/* intro v24 — Arctic scandinavian: orbit animation, blur-in reveal, colour-invert hover */

/* Orbit circle animation */
.intro-arc__orbit {
    width: 20rem;
    height: 20rem;
    animation: intro-arc-orbit 20s linear infinite;
}
.intro-arc__dot { width: 1rem; height: 1rem; margin-left: -0.5rem; }
@keyframes intro-arc-orbit {
    to { transform: rotate(360deg); }
}

/* Blur-in — hidden only once JS arms it (no-JS content stays visible) */
.intro-arc.is-armed .intro-arc__blur {
    filter: blur(8px);
    opacity: 0;
    transition: filter 560ms ease, opacity 560ms ease;
}
.intro-arc.is-armed .intro-arc__blur.is-in {
    filter: blur(0);
    opacity: 1;
}

/* Colour invert on hover: descendants inherit the row's hover text colour (keyword only, no colour value) */
.intro-arc__row:hover * {
    color: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .intro-arc__orbit { animation: none; }
    .intro-arc__blur { filter: none; opacity: 1; }
}

.magazine-bleed-timeline__rule {
    height: 2px;
}

.magazine-bleed-timeline__image {
    min-height: 420px;
}

.magazine-bleed-timeline__watermark {
    font-size: clamp(72px, 14vw, 160px);
    line-height: 0.85;
    opacity: 0.15;
}

.magazine-bleed-timeline__accent {
    height: 4px;
    width: 3rem;
}

.magazine-bleed-timeline__divider {
    height: 1px;
}

@media (min-width: 768px) {
    .magazine-bleed-timeline__row--reverse {
        flex-direction: row-reverse;
    }

    .magazine-bleed-timeline__panel--end {
        margin-left: auto;
    }
}

.magazine-bleed-timeline__watermark-wrap--end {
    justify-content: flex-end;
}

.steps-primary-row__card-col {
    max-width: 28rem;
}

.steps-primary-row__badge-circle {
    width: 4rem;
    height: 4rem;
}

.mindset-skew__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 768px) {
    .mindset-skew__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }
}

.mindset-skew__card {
    transition: transform 300ms ease;
}

.mindset-skew__card:nth-child(even) {
    transform: skewY(-1.5deg);
}

.mindset-skew__card:nth-child(odd) {
    transform: skewY(1.5deg);
}

.mindset-skew__card:hover {
    transform: translateY(-0.5rem);
}

.mindset-skew__corner {
    width: 2rem;
    height: 2rem;
}

.mindset-skew__icon-box {
    width: 4rem;
    height: 4rem;
}

.content-trio-showcase__image {
    display: block;
    width: 100%;
    height: 10rem;
    object-fit: cover;
}

.content-trio-showcase__image--tall {
    height: 14rem;
}

.content-trio-showcase__image--short {
    height: 8rem;
}

.content-trio-showcase__card-lift {
    transition: transform 180ms ease;
}

.content-trio-showcase__card-lift:hover {
    transform: translateY(-0.25rem);
}

.content-trio-showcase__float {
    animation: content-trio-showcase-float 7s ease-in-out infinite;
}

.content-trio-showcase__rail {
    width: 100%;
    height: 0.25rem;
}

.content-trio-showcase__thumb {
    width: 7rem;
    height: 5rem;
}

.content-trio-showcase__badge {
    width: 2.5rem;
    height: 2.5rem;
}

@media (min-width: 768px) {
    .content-trio-showcase__rail {
        width: 0.25rem;
        height: auto;
    }
}

@keyframes content-trio-showcase-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(0.5rem); }
}

.content-trio-showcase__dot {
    width: 0.5rem;
    height: 0.5rem;
}

.content-trio-showcase__float {
    width: 6rem;
    height: 6rem;
}

@media (min-width: 768px) {
    .content-trio-showcase__offset {
        margin-top: 2.5rem;
    }
}

/* cta waves — SVG wave scroll (colors via currentColor in Blade) */
.cta-waves__scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.cta-waves__track {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 46%;
  display: flex;
  flex-direction: row;
  animation: cta-waves-flow 24s linear infinite;
  will-change: transform;
}

.cta-waves__track--front {
  bottom: 6%;
  height: 34%;
  animation-duration: 17s;
  animation-delay: -6s;
}

.cta-waves__svg {
  flex: 0 0 50%;
  width: 50%;
  height: 100%;
  display: block;
}

@keyframes cta-waves-flow {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cta-waves__track {
    animation: none;
    transform: translateX(-25%);
  }
}