/* Template-only CSS artwork. Content components keep the parent theme styles. */
body.page-template-pagesreleases-php.nav-fixed {
    padding-top: var(--eu-release-nav-height, 68px);
}
.page-template-pagesreleases-php .header { margin-bottom: 0; }
.eu-release-hero {
    --release-shift-x: 0px;
    --release-shift-y: 0px;
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    min-height: clamp(290px, 26vw, 380px);
    margin-bottom: 28px;
    padding: 54px 24px 100px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: radial-gradient(ellipse at 50% 38%, rgba(9, 47, 94, .25), transparent 68%), linear-gradient(115deg, #10b9d7, #318fc9 46%, #647bd0);
}
.dark-theme .eu-release-hero {
    background: radial-gradient(ellipse at 50% 35%, rgba(5, 24, 62, .24), transparent 70%), linear-gradient(115deg, #087f9e, #245f9b 48%, #514b92);
}
.eu-release-hero__copy { position: relative; z-index: 2; max-width: 720px; }
.eu-release-hero h1 { margin: 0; color: inherit; font-size: clamp(36px, 4vw, 58px); font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-shadow: 0 3px 16px rgba(11, 48, 100, .2); }
.eu-release-hero__art, .eu-release-hero__waves { position: absolute; inset: 0; z-index: 0; pointer-events: none; user-select: none; }
.eu-release-hero__orb { position: absolute; border: 1px solid rgba(255, 255, 255, .13); border-radius: 50%; animation: eu-release-drift 12s ease-in-out infinite alternate; }
.eu-release-hero__orb--one { width: 340px; height: 340px; top: -180px; right: 7%; box-shadow: 0 0 0 42px rgba(255, 255, 255, .025), 0 0 0 84px rgba(255, 255, 255, .02); }
.eu-release-hero__orb--two { width: 220px; height: 220px; bottom: -110px; left: 6%; background: rgba(255, 255, 255, .04); animation-delay: -5s; }
.eu-release-hero__glyph { position: absolute; color: rgba(255, 255, 255, .075); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 700; }
.eu-release-hero__glyph--one { top: 28px; left: 12%; font-size: 76px; transform: rotate(-14deg); }
.eu-release-hero__glyph--two { top: 54px; right: 13%; font-size: 92px; transform: rotate(12deg); }
.eu-release-hero__timeline { position: absolute; top: 54%; left: 50%; width: min(1240px, 112vw); height: 140px; opacity: .24; transform: translate(calc(-50% + var(--release-shift-x)), var(--release-shift-y)) rotate(12deg); transition: transform .25s ease-out; }
.eu-release-hero__track { position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #fff 13%, #fff 87%, transparent); }
.eu-release-hero__milestone { position: absolute; top: 50%; padding: 18px 0 0; font-size: 22px; font-weight: 700; letter-spacing: .08em; transform: translateX(-50%); }
.eu-release-hero__milestone::before { position: absolute; top: -6px; left: calc(50% - 6px); width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: rgba(55, 150, 205, .8); content: ''; }
.eu-release-hero__milestone--one { left: 15%; }
.eu-release-hero__milestone--two { left: 50%; }
.eu-release-hero__milestone--three { left: 85%; }
.eu-release-hero__waves { z-index: 3; }
.eu-release-hero__wave { position: absolute; bottom: -1px; display: block; background: var(--body-bg-color, #f5f6f7); border-radius: 50% 50% 0 0 / 100% 100% 0 0; }
.eu-release-hero__wave--back { left: -10%; bottom: -88px; width: 120%; height: 160px; opacity: .24; transform: rotate(-2deg); animation: eu-release-wave 10s ease-in-out infinite alternate; }
.eu-release-hero__wave--left { left: -17%; bottom: -92px; width: 55%; height: 156px; transform: rotate(6deg); }
.eu-release-hero__wave--middle { left: 15%; bottom: -108px; width: 72%; height: 142px; }
.eu-release-hero__wave--right { right: -15%; bottom: -116px; width: 55%; height: 195px; transform: rotate(-8deg); }
.eu-release-hero.is-motion-paused *, .eu-release-hero.is-motion-paused *::before { animation-play-state: paused; }
@keyframes eu-release-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(12px, 9px, 0); } }
@keyframes eu-release-wave { from { transform: translate3d(-12px, 0, 0) rotate(-2deg); } to { transform: translate3d(12px, 6px, 0) rotate(-2deg); } }
@media (max-width: 767px) {
    body.page-template-pagesreleases-php.nav-fixed { padding-top: var(--eu-release-nav-height, 52px); }
    .eu-release-hero { min-height: 286px; margin-bottom: 20px; padding: 42px 22px 92px; }
    .eu-release-hero__timeline { top: 61%; width: 135vw; opacity: .18; }
    .eu-release-hero__milestone { font-size: 16px; }
    .eu-release-hero__glyph--one { left: -9px; font-size: 58px; }
    .eu-release-hero__glyph--two { right: -8px; font-size: 66px; }
    .eu-release-hero__wave--left { left: -40%; width: 100%; }
    .eu-release-hero__wave--right { right: -40%; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .eu-release-hero *, .eu-release-hero *::before { animation: none !important; transition: none !important; }
    .eu-release-hero__timeline { transform: translate(-50%, 0) rotate(12deg); }
}