.header-ui__box-10 { width: 2.5rem; height: 2.5rem; }

.hero-tide__band { min-height: 34rem; display: flex; align-items: center; }
.hero-tide__waves { height: 11rem; }
.hero-tide__wave { position: absolute; left: 0; bottom: 0; width: 200%; height: 100%; }
.hero-tide__wave--1 { animation: hero-tide-drift 22s linear infinite; }
.hero-tide__wave--2 { animation: hero-tide-drift 16s linear infinite reverse; height: 85%; }
.hero-tide__wave--3 { animation: hero-tide-drift 28s linear infinite; height: 60%; }

.hero-tide__copy > * { opacity: 0; transform: translateY(1.5rem); animation: hero-tide-rise 900ms cubic-bezier(.2, .8, .2, 1) forwards; }
.hero-tide__copy > *:nth-child(2) { animation-delay: 140ms; }
.hero-tide__copy > *:nth-child(3) { animation-delay: 280ms; }
.hero-tide__title { letter-spacing: -0.02em; }

.hero-tide__chip { max-width: 14rem; overflow-wrap: anywhere; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: hero-tide-float 6s ease-in-out infinite; }
.hero-tide__chip--0 { top: 66% !important; left: 2% !important; }
.hero-tide__chip--1 { top: 14% !important; left: auto !important; right: 2%; animation-delay: -3s; }

@keyframes hero-tide-drift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes hero-tide-rise { to { opacity: 1; transform: none; } }
@keyframes hero-tide-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

@media (prefers-reduced-motion: reduce) {
    .hero-tide__wave, .hero-tide__chip { animation: none; }
    .hero-tide__copy > * { animation: none; opacity: 1; transform: none; }
}

/* the floating chips sit at the section edges from xl up: keep the copy narrow enough that a long headline never runs under them */
@media (min-width: 1200px) { .hero-tide__copy { max-width: 44rem; margin-left: auto; margin-right: auto; } }

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

/* Gallery v20 — editorial split.
   Geometry shared by both CSS frameworks (Bootstrap has no 3:4 ratio / grid-template utilities). */
.gallery-editorial-split__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.gallery-editorial-split__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
}

.gallery-editorial-split__media {
    aspect-ratio: 3 / 4;
}

.gallery-editorial-split__img {
    object-fit: cover;
}

.gallery-editorial-split__mark {
    font-size: 3rem;
}

.gallery-editorial-split__quote {
    font-size: 1.25rem;
}

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

    .gallery-editorial-split__quote {
        font-size: 1.5rem;
    }
}

.content-disclaimer-logo__mark {
    width: 5rem;
    height: 5rem;
}

.content-disclaimer-logo__mark--small {
    width: 3rem;
    height: 3rem;
}

.content-disclaimer-logo__mark--large {
    width: 6rem;
    height: 6rem;
}

.content-disclaimer-logo__mark svg {
    display: block;
    width: 100%;
    height: 100%;
}

.content-disclaimer-ticker__rail {
    animation: content-disclaimer-drift 9s ease-in-out infinite alternate;
}

.content-disclaimer-orb--large {
    width: 12rem;
    height: 12rem;
    animation: content-disclaimer-float 8s ease-in-out infinite;
}

.content-disclaimer-orb--small {
    width: 7rem;
    height: 7rem;
    animation: content-disclaimer-float 7s ease-in-out infinite reverse;
}

.content-disclaimer-corner {
    width: 4rem;
    height: 4rem;
    pointer-events: none;
}

.content-disclaimer-orbit__ring {
    animation: content-disclaimer-spin 14s linear infinite;
}

.content-disclaimer-rail__accent {
    width: 100%;
    height: 0.75rem;
    flex-shrink: 0;
    animation: content-disclaimer-grow 5s ease-in-out infinite alternate;
}

.content-disclaimer-pattern {
    pointer-events: none;
}

.content-disclaimer-pulse {
    width: 0.75rem;
    height: 0.75rem;
    animation: content-disclaimer-pulse 1.8s ease-in-out infinite;
}

@media (min-width: 768px) {
    .content-disclaimer-rail__accent {
        width: 0.75rem;
        height: auto;
    }
}

@keyframes content-disclaimer-drift {
    from { transform: translateX(-1rem); }
    to { transform: translateX(1rem); }
}

@keyframes content-disclaimer-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(0.75rem); }
}

@keyframes content-disclaimer-spin {
    from { transform: rotate(0deg) scale(1); }
    to { transform: rotate(360deg) scale(1.04); }
}

@keyframes content-disclaimer-grow {
    from { transform: scaleX(0.75); }
    to { transform: scaleX(1); }
}

@keyframes content-disclaimer-pulse {
    0%, 100% { transform: scale(1); opacity: 0.65; }
    50% { transform: scale(1.35); opacity: 1; }
}


.rally-beacon__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.rally-beacon__inner {
    max-width: 56rem;
}

@keyframes rally-beacon-pin-blink-cycle {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.rally-beacon__pin--blink {
    animation: rally-beacon-pin-blink-cycle 2s cubic-bezier(.4,0,.6,1) infinite;
}

.rally-beacon__action--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

@keyframes rally-beacon-action-hop-cycle {
    0%, 100% { transform: translateY(0); animation-timing-function: cubic-bezier(.8,0,1,1); }
    50%       { transform: translateY(-25%); animation-timing-function: cubic-bezier(0,0,.2,1); }
}
.rally-beacon__action--hop {
    animation: rally-beacon-action-hop-cycle 1s infinite;
}