/* Viewport reveals */
.reveal-pending{opacity:0}

/* Section label sprout: the line keeps its original box, the leaf is out of flow so the label height never changes */
.eyebrow{position:relative}
.cta-band .eyebrow::before{background:currentColor}
.eyebrow::after{content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;margin-top:-8px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 8C1 3 4 0 8 0 8 4 5 7 0 8Z'/%3E%3C/svg%3E") no-repeat center/8px 8px;transform-origin:0 100%;pointer-events:none}
html.decor-js .eyebrow::before{transform-origin:left center;transition:transform .4s ease-out}
html.decor-js .eyebrow::after{transition:transform .25s ease-out .35s,opacity .2s ease-out .35s}
html.decor-js .eyebrow:not(.is-sprouted)::before{transform:scaleX(0)}
html.decor-js .eyebrow:not(.is-sprouted)::after{opacity:0;transform:scale(0)}
@media (prefers-reduced-motion:reduce){html.decor-js .eyebrow::before,html.decor-js .eyebrow::after{transition:none}html.decor-js .eyebrow:not(.is-sprouted)::before{transform:none}html.decor-js .eyebrow:not(.is-sprouted)::after{opacity:1;transform:none}}
body.ie-active .eyebrow::before,body.ie-active .eyebrow::after{transition:none!important;transform:none!important;opacity:1!important}