:root body[data-studio] .studio-stats,:root body[data-studio] .q19-stats,
:root body[data-studio] .studio-book,:root body[data-studio] .q19-book{background:var(--studio-color)!important}
:root body[data-studio] .studio-btn,:root body[data-studio] .q19-btn,
:root body[data-studio] .header-book,:root body[data-studio] .mobile-book,
:root body[data-studio] .footer-invitation>a{background:var(--studio-color)!important;color:#20201e!important;border-color:var(--studio-color)!important}
:root body[data-studio] .studio-btn.secondary,:root body[data-studio] .q19-btn.secondary{background:#fff!important}
:root body[data-studio] .studio-book .studio-btn,:root body[data-studio] .q19-book .q19-btn{border:1px solid #20201e!important}
:root body[data-studio] button[data-reel-url]{font-family:inherit;cursor:pointer}
:root body[data-studio] .studio-video-card,:root body[data-studio] .q19-video-card{padding:0;border:0;width:100%;display:block;background:#20201e}
:root body[data-studio] .studio-btn,:root body[data-studio] .q19-btn{border:0;font-size:inherit}

/* Clear interactive states, with the original pink header booking button. */
:root body[data-studio] .header-book{background:#eea4db!important;border-color:#eea4db!important;color:#20201e!important}
:root body[data-studio] .header-book:hover,:root body[data-studio] .header-book:focus-visible{background:#dae3ca!important;border-color:#dae3ca!important}
:root body[data-studio] .studio-btn,:root body[data-studio] .q19-btn,:root body[data-studio] .header-book{transition:background-color .18s,color .18s,box-shadow .18s}
:root body[data-studio] .studio-btn:hover,:root body[data-studio] .q19-btn:hover,
:root body[data-studio] .studio-btn:focus-visible,:root body[data-studio] .q19-btn:focus-visible{background:#eea4db!important;color:#20201e!important;box-shadow:0 0 0 2px #20201e}
:root body[data-studio="dc"] .studio-btn:hover,:root body[data-studio="dc"] .studio-btn:focus-visible{background:#dae3ca!important}
:root body[data-studio] main a:not([class*="btn"]){text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
:root body[data-studio] main a:not([class*="btn"]):hover{ text-decoration-thickness:2px }
@media(prefers-reduced-motion:reduce){:root body[data-studio] .studio-btn,:root body[data-studio] .q19-btn,:root body[data-studio] .header-book{transition:none}}

:root body[data-studio="q19"] .q19-hero:after{background:linear-gradient(90deg,rgba(19,19,19,.65),rgba(19,19,19,.12)),linear-gradient(0deg,rgba(19,19,19,.45),rgba(19,19,19,.12))!important}