﻿/* The hero badge follows the panel rather than remaining over the film. */
.hero-stage>.badge-position{right:auto;left:calc(83% - var(--hero-progress,0)*37%);bottom:4%;width:128px;height:128px;transform:translateX(-100%)}
.hero-stage>.badge-position .circular-badge{width:128px;height:128px}.hero-stage>.badge-position .badge-core{inset:36px;font-size:24px}
.hero-stage.story-ready>.badge-position .badge-ring{fill:var(--color-gold-ink)}.hero-stage.story-ready>.badge-position .badge-core{color:var(--color-gold-ink);border-color:var(--color-hex-ad852e66)}
.portal-section{position:relative}.portal-section>.section-badge{position:relative;left:auto;right:auto;bottom:auto;margin:0 auto 35px;width:132px;height:132px}
.section-badge .circular-badge{width:132px;height:132px}.section-badge .badge-ring{fill:var(--color-gold-ink)}.section-badge .badge-core{inset:36px;color:var(--color-brand-green);border-color:var(--color-hex-ad852e66)}.section-badge .badge-tilt{border-color:var(--color-hex-ad852e55);background:var(--color-transparent)}
.scroll-zoom-image{translate:none;transition:none!important;will-change:transform,opacity}
@media(max-width:700px){.hero-stage>.badge-position{left:calc(88% + var(--hero-progress,0)*4%);bottom:3%;width:88px;height:88px}.hero-stage>.badge-position .circular-badge{width:88px;height:88px}.hero-stage>.badge-position .badge-core{inset:25px;font-size:17px}.hero-stage.story-ready>.badge-position{visibility:visible;opacity:1;pointer-events:auto}.portal-section>.section-badge{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.partner-submit::after,.button-gold::after,.button-outline::after,.project-filters button::after,.tracking-tabs button::after{transition:none}.scroll-zoom-image{will-change:auto}}


@media(max-width:700px){.hero-stage>.badge-position{left:calc(96% - var(--hero-progress,0)*4%)}}
