/* Fernex original-layout motion improvements — independent of Framer hydration */
:root{--fx-violet:#785CA6;--fx-ink:#141414}
.fx-cinematic-problem{isolation:isolate;}
.fx-cinematic-list{will-change:transform;backface-visibility:hidden;}
.fx-cinematic-bubble{will-change:translate;transition:filter .3s ease,scale .3s ease;}
.fx-cinematic-bubble:hover{scale:1.07;filter:brightness(1.13) drop-shadow(0 7px 15px #785ca67a);z-index:15}
.fx-cinematic-polaroid{will-change:translate;}
.fx-cinematic-section-card{will-change:translate,scale;}
.fx-cinematic-section-card:hover{scale:1.03!important;filter:drop-shadow(0 16px 18px #785ca61e);}
/* Desktop subtitle/card entrance follows the reference's crisp oversized white heading. */
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] .framer-text,
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] .framer-text *{color:#fff!important}
[data-framer-name="Problem Wrapper"] [data-framer-name="List Items Wrapper"] .framer-text,
[data-framer-name="Problem Wrapper"] [data-framer-name="List Items Wrapper"] .framer-text *{color:#f4f4f0!important}
/* Purple phrase chips match supplied Fernex color. */
[data-framer-name^="Phrase "]:hover{cursor:default;}
[data-framer-name="Hero Image"] img{backface-visibility:hidden;}
@media(max-width:809px){
 .fx-cinematic-section-card:hover{scale:1.01!important}
 .fx-cinematic-problem{overflow:hidden!important}
}
@media(prefers-reduced-motion:reduce){
 .fx-cinematic-list{transform:none!important}
 .fx-cinematic-bubble{translate:0 0!important;opacity:1!important}
 .fx-cinematic-section-card{translate:0 0!important;scale:1!important}
}

html body [data-framer-name="Problem Wrapper"] .fx-cinematic-bubble{translate:var(--fx-bubble-x,0px) var(--fx-bubble-y,0px)!important}