/* Dental Crowns: a page-scoped educational model and progressive motion.
   Existing reading content and appointment fields are not changed. */
html body #main.cr-engagement{--cre-pink:#b91c68;--cre-ink:#123b45;--cre-ease:cubic-bezier(.18,.72,.2,1)}
html body #main.cr-engagement .cre-experience{display:inline-flex;align-items:center;gap:1rem;max-width:100%;padding:.8rem 1.2rem;border:1px solid #e5d27f;border-radius:1rem;background:linear-gradient(115deg,#fff2af,#fff9e5);margin:0 0 1.3rem;box-shadow:0 8px 22px #ac872211}
html body #main.cr-engagement .cre-experience-number{font-size:3.3rem;line-height:1.05;color:var(--cre-pink);font-weight:800;letter-spacing:-.05em;flex-shrink:0}
.cre-experience>div{border-left:1px solid #d6c16a;padding-left:1rem}
html body #main.cr-engagement .cre-experience>div>strong{display:block;font-size:1.13rem;line-height:1.45}
html body #main.cr-engagement .cre-experience>div>span{display:block;font-size:1rem;line-height:1.5;color:#63582c;margin-top:.15rem}
html body #main.cr-engagement .cr-hero-copy h1{font-size:clamp(2.85rem,4.6vw,4.4rem)}
html body #main.cr-engagement .cr-visit-link{font-size:1.0625rem;line-height:1.5}
html body #main.cr-engagement .cr-journey-section{background:linear-gradient(180deg,#edf7fa,#f7fbfc)}
html body #main.cr-engagement .cre-explorer{border:0;background:transparent;box-shadow:none;overflow:visible}
html body #main.cr-engagement .cre-explorer .cr-step-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));border:1px solid #ccdee5;border-radius:1rem;overflow:hidden;background:#fff;margin-bottom:1.35rem}
html body #main.cr-engagement .cre-explorer .cr-step-tab{padding:1rem 1.1rem;min-height:5.5rem;transition:background .3s,color .3s,box-shadow .3s;text-wrap:pretty;display:flex;align-items:center;gap:.85rem;border:0;background:transparent;text-align:left}
html body #main.cr-engagement .cre-explorer .cr-step-tab+.cr-step-tab{border-left:1px solid #e0e9ed}
html body #main.cr-engagement .cre-explorer .cr-step-tab strong{font-size:1.125rem;line-height:1.4}
html body #main.cr-engagement .cre-explorer .cr-step-tab small{font-size:1rem;line-height:1.4;color:#526e78}
html body #main.cr-engagement .cre-explorer .cr-step-tab[aria-selected=true]{background:#fff0f6;color:#98114f;box-shadow:inset 0 -3px #b91c68}
html body #main.cr-engagement .cre-explorer .cr-step-tab[aria-selected=true] .cr-step-num{background:#b91c68;color:white}
html body #main.cr-engagement .cre-explorer .cr-step-tab[aria-selected=true] strong{color:#98114f}
html body #main.cr-engagement .cre-explorer .cr-step-tab:after{display:none}
.cre-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.cre-guide-grid>*{min-width:0}
.cre-visual{border:1px solid #c5dfe8;border-radius:1.35rem;background:#fff;overflow:hidden;isolation:isolate}
.cre-visual-top{padding:1.1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;background:#f8fcfd;border-bottom:1px solid #d5e7ed}
.cre-visual-top>span:first-child{display:flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;line-height:1.45;color:#285868}
.cre-visual-top .icon{width:1.25rem;height:1.25rem;color:#b91c68}
.cre-illustration-tag{font-size:1rem;line-height:1.4;padding:.35rem .65rem;background:#edf5f8;border-radius:.5rem;color:#536e78}
.cre-model{display:block;width:100%;padding:0;border:0;background:#edf7fb;line-height:0;border-radius:0;position:relative;isolation:isolate;cursor:pointer;opacity:1!important;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.cre-model:disabled{cursor:default}
.cre-model:focus-visible{outline-offset:-5px;outline-width:3px}
.cre-tooth-model{display:block;width:100%;height:auto;max-width:none;overflow:hidden}
.cre-prepared-tooth,.cre-lifted-crown,.cre-fit-marker{display:none}
.cre-ready[data-step=prepare] :is(.cre-prepared-tooth,.cre-lifted-crown),.cre-ready[data-step=fit] :is(.cre-prepared-tooth,.cre-lifted-crown,.cre-fit-marker){display:block}
.cre-ready[data-step=prepare] :is(.cre-original-tooth,.cre-evaluate-marker),.cre-ready[data-step=fit] :is(.cre-original-tooth,.cre-evaluate-marker){display:none}
.cre-crown-opening{opacity:var(--cre-opening,1)}
.cre-fit-marker{opacity:var(--cre-seated,0)}
.cre-scene-caption{padding:1rem 1.2rem;border-top:1px solid #d3e5eb;display:flex;align-items:center;gap:.75rem;color:#123b45}
.cre-scene-caption>span{font-size:1rem;white-space:nowrap;font-weight:700;color:#9c1755}
.cre-scene-caption>strong{font-size:1.15rem;line-height:1.45;font-weight:650}
.cre-assess-prompt{padding:0 1.25rem 1.25rem}
.cre-model-controls{padding:1.15rem 1.25rem 1rem;border-top:1px solid #d9e8ed}
.cre-model-controls>label{display:block;font-size:1.0625rem;font-weight:650;line-height:1.5;margin-bottom:.65rem;color:#244f5c}
#cre-lift-range{display:block;width:100%;height:2.8rem;margin:0;accent-color:#b91c68;cursor:ew-resize;touch-action:pan-y;border-radius:1rem;background:transparent;padding:0}
.cre-range-labels{display:flex;justify-content:space-between;gap:1rem;font-size:1rem;line-height:1.45;color:#465e67;margin-top:.1rem}
html body #main.cr-engagement .cre-slider-hint{font-size:1rem;line-height:1.5;margin:.8rem 0 1rem;color:#526e78}
.cre-model-actions{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap}
.cre-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:inherit;font-size:1rem;font-weight:650;line-height:1.5;padding:.65rem 1rem;min-height:3rem;border:1px solid #bfd4dc;border-radius:.75rem;background:#fff;color:#244e5b;max-width:100%;transition:background .22s,border-color .22s,box-shadow .22s}
.cre-button:hover{background:#edf7fa;border-color:#91b7c5;box-shadow:0 4px 12px #21596b0c}
.cre-button>.icon{width:1.15rem;height:1.15rem;flex-shrink:0}
.cre-button-pink{background:#b91c68;color:white;border-color:#b91c68}
.cre-button-pink:hover{background:#981150;color:white;border-color:#981150}
.cre-button:disabled{opacity:.65;cursor:not-allowed}
.cre-model-state{display:block;margin-top:.8rem;font-size:1rem;line-height:1.4;color:#46616b}
html body #main.cr-engagement .cre-note{font-size:1rem;line-height:1.65;color:#526773;padding:0 .1rem;margin:.9rem 0 0}
html body #main.cr-engagement .cre-nojs{font-size:1rem;padding:1.1rem;margin:0}
.cre-reading-column{border:1px solid #d2e1e7;border-radius:1.35rem;background:#fff;overflow:hidden}
.cre-reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:1rem 1.3rem;border-bottom:1px solid #dce8eb;background:#f8fcfd}
.cre-reading-toolbar>span{font-size:1rem;line-height:1.5;color:#526873}
html body #main.cr-engagement .cre-reading-column .cr-panel{display:block;padding:1.65rem;border:0;background:transparent;outline-offset:-6px}
html body #main.cr-engagement .cre-reading-column .cr-panel+.cr-panel{border-top:1px solid #d4e2e8}
html body #main.cr-engagement .cre-reading-column .cr-panel h3{font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.22;margin-bottom:1rem}
html body #main.cr-engagement .cre-reading-column .cr-panel-copy>p{font-size:1.1875rem;line-height:1.7;margin-bottom:1.3rem}
html body #main.cr-engagement .cre-reading-column .cr-eyebrow{font-size:1rem;margin-bottom:1rem}
html body #main.cr-engagement .cre-reading-column .cr-step-question{padding:1.4rem;border-radius:1rem}
html body #main.cr-engagement .cre-reading-column .cr-step-question>span{font-size:1rem;margin-bottom:.75rem}
html body #main.cr-engagement .cre-reading-column .cr-step-question>p{font-size:1.1875rem;line-height:1.55;margin-bottom:1rem}
.cre-step-controls{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:1rem 1.3rem;border-top:1px solid #d4e3e8;background:#fbfdfd;flex-wrap:wrap}
.cre-step-controls>span{font-size:1rem;color:#526e78;line-height:1.5}
.cre-guide-cta{margin-top:1.6rem;display:flex;gap:1.5rem 2.25rem;align-items:center;justify-content:space-between;padding:1.7rem;background:#fff7d8;border:1px solid #e9ddb3;border-radius:1.1rem;flex-wrap:wrap}
.cre-guide-cta>div:first-child{flex:1 1 22rem}
.cre-guide-cta strong{font-size:1.3rem;line-height:1.4;color:#213f46}
html body #main.cr-engagement .cre-guide-cta p{font-size:1.0625rem;line-height:1.6;margin:.4rem 0 0;max-width:38rem}
.cre-guide-cta>.btn-row{gap:.65rem}
html body #main.cr-engagement .cre-guide-cta .btn{font-size:1.0625rem;padding:.8rem 1rem;min-height:3.25rem}
/* One-time entrances leave content visible even when scripts fail. */
html body #main.cr-engagement [data-cre-section]>.container{position:relative}
html body #main.cr-engagement [data-cre-section]>.container:before{content:'';position:absolute;top:-1.35rem;left:0;width:5.5rem;height:3px;border-radius:2px;background:linear-gradient(90deg,#b91c68,#e3aac6 62%,#ffe56b);transform-origin:left;transform:scaleX(.16);opacity:.45;transition:transform .95s var(--cre-ease),opacity .7s;pointer-events:none}
html body #main.cr-engagement [data-cre-section].cre-entered>.container:before{transform:scaleX(1);opacity:1}
html body #main.cr-engagement .cr-section{overflow:visible}
html body #main.cr-engagement :is(.cr-definition,.cr-after-card,.cr-compare-options>article,.cr-related>a){transition:transform .3s var(--cre-ease),box-shadow .3s,border-color .3s}
@media(hover:hover){html body #main.cr-engagement :is(.cr-after-card,.cr-compare-options>article,.cr-related>a):hover{transform:translateY(-5px);box-shadow:0 14px 26px #244e5b0c}}
@media(prefers-reduced-motion:no-preference){
 .motion-ready #main.cr-engagement .cr-tooth{animation:cre-hero-float 7.4s ease-in-out infinite!important}
 .motion-ready #main.cr-engagement .cr-orbit-one{animation:cre-orbit 25s linear infinite!important}
 .motion-ready #main.cr-engagement .cr-spark{animation:cre-glint 4.2s ease-in-out infinite!important}
 .motion-ready #main.cr-engagement .cr-crown-emblem{animation:cre-emblem 6.3s ease-in-out infinite!important}
 .motion-ready #main.cr-engagement .cre-model-orbits{animation:cre-breathe 8s ease-in-out infinite;transform-origin:300px 224px}
}
@keyframes cre-hero-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-17px) rotate(1deg)}}
@keyframes cre-orbit{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes cre-glint{0%,100%{opacity:.65;transform:scale(.83)}50%{opacity:1;transform:scale(1.15)}}
@keyframes cre-emblem{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(-5deg)}}
@keyframes cre-breathe{0%,100%{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}
#main.cr-engagement .cre-resting *,#main.cr-engagement .cre-resting *:before,#main.cr-engagement .cre-resting *:after{animation-play-state:paused!important}
@media(max-width:1000px){.cre-guide-grid{grid-template-columns:1fr}.cre-visual-column{max-width:40rem;width:100%;margin-inline:auto}.cre-reading-column{width:100%}}
@media(max-width:600px){
 html body #main.cr-engagement .cre-experience{padding:.75rem .95rem;gap:.8rem;margin-bottom:1.15rem}
 html body #main.cr-engagement .cre-experience-number{font-size:2.8rem}
 .cre-experience>div{padding-left:.8rem}
 html body #main.cr-engagement .cre-experience>div>strong{font-size:1.0625rem}
 html body #main.cr-engagement .cr-hero-copy h1{font-size:clamp(2.65rem,10.7vw,3.25rem)}
 .cre-guide-grid{gap:1.15rem}
 html body #main.cr-engagement .cre-explorer .cr-step-tab{padding:.9rem 1rem;min-height:4.8rem}
 html body #main.cr-engagement .cre-explorer .cr-step-tab+.cr-step-tab{border-left:0;border-top:1px solid #dfebef}
 html body #main.cr-engagement .cre-explorer .cr-step-tab strong{font-size:1.0625rem}
 html body #main.cr-engagement .cre-explorer .cr-step-tab small{display:none}
 .cre-visual-top{padding:1rem}.cre-illustration-tag{display:none}
 .cre-scene-caption{padding:1rem;gap:.65rem;flex-wrap:wrap}
 .cre-scene-caption>strong{font-size:1.0625rem}
 .cre-model-controls{padding:1rem}
 .cre-model-controls>label{font-size:1rem}
 .cre-model-actions{gap:.5rem}
 .cre-model-actions .cre-button{padding:.6rem .7rem}
 .cre-assess-prompt{padding:0 1rem 1rem}
 .cre-assess-prompt>.cre-button{width:100%}
 .cre-reading-toolbar{padding:1rem}.cre-reading-toolbar>span{display:none}
 html body #main.cr-engagement .cre-reading-column .cr-panel{padding:1.25rem}
 html body #main.cr-engagement .cre-reading-column .cr-panel h3{font-size:1.7rem}
 html body #main.cr-engagement .cre-reading-column .cr-panel-copy>p{font-size:1.125rem}
 .cre-step-controls{padding:1rem;gap:.5rem}.cre-step-controls .cre-button>.icon{display:none}
 .cre-step-controls>span{flex-basis:100%;order:3;text-align:center}
 .cre-guide-cta{padding:1.3rem;gap:1rem}
 .cre-guide-cta>.btn-row{width:100%;display:grid;grid-template-columns:1fr}.cre-guide-cta .btn{width:100%}
}
/* Relative minimum widths also reflow correctly under enlarged browser text. */
html body #main.cr-engagement :is(h1,h2,h3,h4,.cr-section-heading>div,.cr-section-heading>p){max-width:100%;overflow-wrap:anywhere}
html body #main.cr-engagement :is(.btn,.text-link,.cr-secondary-button,.cre-button){min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
html body #main.cr-engagement .request-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}
html body #main.cr-engagement .request-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
html body #main.cr-engagement .request-field :is(label,small){overflow-wrap:anywhere}
html body #main.cr-engagement .request-contact-options label{flex:1 1 8.5rem;flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere}
html body #main.cr-engagement .cre-model-actions .cre-button{flex:1 1 10rem}
@media(max-width:370px){html body #main.cr-engagement .cre-experience-number{font-size:2.6rem}.cre-model-actions{flex-direction:column}.cre-model-actions .cre-button{flex:auto!important}.cre-assess-prompt .cre-button{padding-inline:.5rem}}
@media(prefers-reduced-motion:reduce){#main.cr-engagement *,#main.cr-engagement *:before,#main.cr-engagement *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html body #main.cr-engagement [data-cre-section]>.container:before{transform:none;opacity:1}}
html.motion-paused #main.cr-engagement *,html.motion-paused #main.cr-engagement *:before,html.motion-paused #main.cr-engagement *:after{animation:none!important;transition:none!important}
html.motion-paused #main.cr-engagement [data-cre-section]>.container:before{transform:none;opacity:1}
@media(forced-colors:active){.cre-model{forced-color-adjust:none}.cre-explorer .cr-step-tab[aria-selected=true]{outline:2px solid Highlight;outline-offset:-4px}}
@media print{.cre-visual-column,.cre-step-controls,.cre-reading-toolbar,.cre-guide-cta,.cr-step-tabs{display:none!important}.cre-guide-grid{display:block}.cre-reading-column{border:0}.cre-reading-column .cr-panel[hidden]{display:block!important}.cre-experience{box-shadow:none!important}}
/* Higher-specificity motion guards also override the legacy animated hero. */
html.motion-paused body #main.cr-page.cr-engagement :is(.cr-tooth,.cr-orbit-one,.cr-orbit-two,.cr-spark,.cr-crown-emblem,.cre-model-orbits){animation:none!important;transition:none!important}
html body #main.cr-page.cr-engagement .cre-resting :is(.cr-tooth,.cr-orbit-one,.cr-orbit-two,.cr-spark,.cr-crown-emblem,.cre-model-orbits){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html.motion-ready body #main.cr-page.cr-engagement :is(.cr-tooth,.cr-orbit-one,.cr-orbit-two,.cr-spark,.cr-crown-emblem,.cre-model-orbits){animation:none!important;transition:none!important}}