/* Home only. Original About fill: left origin, scaleX, 300ms ease-in-out. */
body.lotus-react-home #root .navigation .resume{isolation:isolate;position:relative}
body.lotus-react-home #root .navigation .resume,
body.lotus-react-home #root .navigation .resume:is(:hover,:active,:focus-visible){background-color:transparent}
body.lotus-react-home #root .navigation .resume::before{content:'';position:absolute;inset:0;background:var(--interaction-fill);transform:scaleX(0);transform-origin:left;transition:transform 300ms ease-in-out;pointer-events:none;z-index:-1}
body.lotus-react-home #root .actions .cta-cls-3{fill:#433039}
body.lotus-react-home #root .actions .cta-cls-4{fill:#3e2b34}
body.lotus-react-home #root .actions [data-home-button-fill]{fill:var(--interaction-fill);stroke:none;pointer-events:none;transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform 300ms ease-in-out}
body.lotus-react-home #root .navigation .resume:is(:active,:focus-visible)::before,
body.lotus-react-home #root .actions:has(.contact:is(:active,:focus-visible)) [data-home-button-fill=contact],
body.lotus-react-home #root .actions:has(.quote:is(:active,:focus-visible)) [data-home-button-fill=quote]{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
body.lotus-react-home #root .navigation .resume:hover::before,
body.lotus-react-home #root .actions:has(.contact:hover) [data-home-button-fill=contact],
body.lotus-react-home #root .actions:has(.quote:hover) [data-home-button-fill=quote]{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
body.lotus-react-home #root .navigation .resume::before,
body.lotus-react-home #root .actions [data-home-button-fill]{transition:none}
}