/* A consistent, restrained motion rhythm across the practice website. */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-old(root){animation-duration:220ms}
 ::view-transition-new(root){animation-duration:320ms}
 .cinematic-reveal{filter:none;translate:0 22px;transition:opacity .75s cubic-bezier(.22,1,.36,1),translate .9s cubic-bezier(.22,1,.36,1)}
 .cinematic-reveal.is-cinematic-visible{translate:0 0}
 .motion-word{filter:none;translate:0 calc((1 - var(--word-light,1))*5px);transition:opacity .22s linear,translate .22s linear}
 .product-copy,.intro-complete .clinic-cinema .cinema-intro-copy{filter:none}
 .product-shell{scale:calc(1 - var(--hero-progress)*.035);translate:0 calc(var(--hero-progress)*2vh)}
 .product-stage{scale:calc(1 + var(--hero-progress)*.08);translate:0 calc(var(--hero-progress)*1vh)}
 .care-grid article{filter:none;translate:0 calc((1 - var(--card-progress,1))*24px);scale:calc(.98 + var(--card-progress,1)*.02)}
 .approach-art{translate:calc((.5 - var(--approach-progress))*2vw) 0;scale:calc(.97 + var(--approach-progress)*.03)}
 .approach-copy{translate:0 calc((1 - var(--approach-progress))*22px)}
 .referrals h2,.contact h2{letter-spacing:-.04em;scale:1}
 .button:hover,.explore-link:hover span,.product-next:hover{scale:1.025;translate:0 -1px}
}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
 .cinematic-reveal{translate:0 14px}
 .cinematic-reveal.is-cinematic-visible{translate:0 0}
 .product-shell{transform:none!important}
 .approach-art{translate:0 0}
 .care-grid article{translate:0 calc((1 - var(--card-progress,1))*16px)}
}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none}
}
/* Cohesive editorial palette and quieter transitions. */
#consultation-journey,#featured-treatments{background-color:#fff}
#collection-preview{background:#101612}
#collection-preview .collection-artwork:after{background:linear-gradient(to bottom,#101612,transparent 12%,transparent 92%,#101612)}
#collection-preview p:not(.kicker){color:#d0d5ce}
#collection-preview>div>a{background:transparent;color:#e0c792;border-color:#b49a6266;box-shadow:none;border-radius:2px}
#collection-preview>div>a:hover{background:#d5b56d14;border-color:#d5b56d;box-shadow:none}
#smile-in-detail{background:#101612}
#smile-in-detail h2 em{color:#dcc697}
#reviews.patient-reviews{background:#fff}
@media(prefers-reduced-motion:no-preference){
 .sid-quote-line{transition:transform .8s cubic-bezier(.22,1,.36,1),color .6s ease}
 .sid-profile-open:hover .sid-quote-line:nth-child(2){transform:translateX(.6%)}
 .review-disc{transition-timing-function:cubic-bezier(.22,1,.36,1),ease,ease;filter:none}
 .review-disc.is-upcoming{transform:translate3d(115%,20px,-100px) rotateY(-12deg) scale(.82);filter:none}
 .review-disc.is-previous{transform:translate3d(-115%,20px,-100px) rotateY(12deg) scale(.82);filter:none}
 .review-disc.is-exiting{transform:translate3d(-160%,25px,-160px) rotateY(16deg) scale(.78)}
 .collection-artwork img{transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .8s ease}
}
@media(hover:none){.sid-profile-open:hover .sid-quote-line:nth-child(2){transform:none}}