/* v4.5: editorial dental illustration with shallow 2D scroll motion. */
.illustrated-hero{height:180svh;background:#fffdf7;color:#142e50}.illustrated-hero .pin{height:100svh;min-height:720px;background:#fffdf7;overflow:hidden}.illustrated-hero .hero-copy{top:30%;left:7%;width:47%;opacity:1!important;transform:none!important;will-change:auto}.illustrated-hero h1{font-family:'Jua','Apple SD Gothic Neo',sans-serif;font-weight:400;font-size:clamp(50px,5.4vw,84px);letter-spacing:-.025em;line-height:1.22;color:#142e50}.illustrated-hero .hero-copy .eyebrow{font-size:28px;letter-spacing:0;line-height:1.2;color:#316f8c;margin-bottom:25px}.illustrated-hero .hero-copy p{color:#344f60;font-size:18px;line-height:1.85;margin:26px 0 28px}.illustrated-hero .pill.light{background:#142e50;border-color:#142e50;color:#fffdf7;padding:15px 23px;font-size:15px}.dental-art{position:absolute;right:1.5%;top:16%;width:53%;max-width:880px;aspect-ratio:1;transform-origin:50% 55%;will-change:transform}.dental-scene{width:100%;height:100%;overflow:visible}.dental-scene #art-teeth,.dental-scene #art-field{transform-origin:380px 380px;will-change:transform}.dental-scene #art-smile{stroke-dasharray:900;stroke-dashoffset:0}.illustrated-hero .hero-scroll{color:#345669;background:none;font-size:10px;left:7%;bottom:66px;padding:0;letter-spacing:.14em}.illustrated-hero .hero-scroll i{background:#4e8ba8;width:42px}.hero-caption{position:absolute;right:8%;bottom:65px;font-family:'Caveat',cursive;font-size:30px;color:#316f8c}.chapter-bridge{position:absolute;bottom:-1px;left:0;right:0;height:90px;pointer-events:none;z-index:1;transform:translateY(32px)}.chapter-bridge svg{width:100%;height:100%;overflow:visible}.chapter-bridge path{fill:none;stroke:#addced;stroke-width:2}.hero-copy,.dental-art,.hero-caption,.illustrated-hero .hero-scroll{z-index:2}.consult-flow{position:relative}.consult-flow:before{content:'';position:absolute;left:7%;top:0;height:36px;width:2px;background:#addced}
body.motion-off .illustrated-hero{height:auto}body.motion-off .illustrated-hero .pin{position:relative;height:100svh;min-height:720px;padding:0}body.motion-off .illustrated-hero .hero-copy{top:30%;left:7%;padding:0}body.motion-off .dental-art,body.motion-off #art-teeth,body.motion-off #art-field{transform:none!important}body.motion-off .chapter-bridge{transform:none!important}
@media(min-width:1650px){.illustrated-hero .hero-copy{left:9%;width:44%}.dental-art{right:4%}}
@media(max-width:1050px) and (min-width:701px){.illustrated-hero h1{font-size:clamp(42px,5.4vw,60px)}.illustrated-hero .hero-copy{left:6%;width:48%;top:32%}.illustrated-hero .hero-copy .eyebrow{font-size:24px}.dental-art{width:53%;right:0;top:23%}}
@media(max-width:700px){
.illustrated-hero{height:160svh}.illustrated-hero .pin{height:100svh;min-height:790px}.illustrated-hero .hero-copy{top:calc(var(--header) + 34px);left:7%;width:86%}.illustrated-hero .hero-copy .eyebrow{font-size:23px;margin-bottom:18px}.illustrated-hero h1{font-size:clamp(37px,9.7vw,58px);line-height:1.22;letter-spacing:-.025em}.illustrated-hero .hero-copy p{font-size:16px;line-height:1.8;max-width:none;margin:18px 0 20px}.illustrated-hero .pill.light{font-size:14px;padding:12px 18px;gap:16px}.dental-art{top:430px;right:4%;width:84%;max-width:440px;transform-origin:center}.illustrated-hero .hero-scroll{left:7%;bottom:86px;font-size:9px;gap:10px}.illustrated-hero .hero-scroll i{width:23px}.hero-caption{display:none}.chapter-bridge{height:60px}.consult-flow:before{left:22px;height:24px}
body.motion-off .illustrated-hero .pin{height:100svh;min-height:790px}body.motion-off .illustrated-hero .hero-copy{top:calc(var(--header) + 34px);left:7%}
}
@media(max-width:380px){.illustrated-hero h1{font-size:37px}.dental-art{top:430px;width:87%;right:2%}.illustrated-hero .hero-copy .eyebrow{font-size:21px}}
@media(prefers-reduced-motion:reduce){.dental-art,#art-teeth,#art-field,.chapter-bridge{transform:none!important}.illustrated-hero{height:auto}.illustrated-hero .pin{position:relative}}
/* Mobile uses intrinsic vertical flow so larger text never collides with the art. */
@media(max-width:700px){
.illustrated-hero .pin,body.motion-off .illustrated-hero .pin{display:flex;flex-direction:column;height:auto;min-height:100svh;padding:0}
.illustrated-hero .hero-copy,body.motion-off .illustrated-hero .hero-copy{position:relative;top:auto;left:auto;width:86%;margin:calc(var(--header) + 34px) 7% 0;flex:none}
.dental-art{position:relative;top:auto;right:auto;width:84%;margin:0 auto 70px;flex:none;max-width:440px}
.illustrated-hero .hero-scroll{display:none}
}