/* Detailed examples first, then six other projects. */
body .hero .hero-messengers{order:5;}
#projects .project-intro{max-width:940px;margin:0 0 28px;font:400 15px/1.7 Inter,sans-serif;}
.dental-tech-services-section{padding:0 0 48px;background:#ebeff2;}
.dental-tech-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:0;padding:24px;border:1px solid #d7d9d8;background:#fff;color:#292e2d;}
.dental-tech-services p{margin:0;font:400 15px/1.7 Inter,sans-serif;}
.dental-tech-services strong{display:inline-block;margin-bottom:6px;}
.dental-tech-services a{color:inherit;text-underline-offset:4px;}
@media(max-width:767px){.dental-tech-services{grid-template-columns:minmax(0,1fr);padding:20px;}}
#projects .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
#projects .projects-grid .project-card:nth-child(n){order:0;min-width:0;}
#projects .project-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.clinic-examples--archive{padding-top:24px;padding-bottom:24px;}
.clinic-examples--archive .clinic-example-details{margin-top:0;}
body .hero .hero__directions{display:block;order:4;width:100%;max-width:1100px;margin-top:8px;padding:0;flex-shrink:0;}
body .hero .hero__directions::before{display:none;}
body .hero .hero__directions-title{margin-bottom:14px;font-size:20px;color:#fff;}
body .hero .hero__directions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body .hero .hero-direction{padding:16px 14px;min-width:0;}
body .hero .hero-direction__title{font-size:16px;line-height:1.3;}
@media(min-width:1051px),(min-width:768px) and (max-width:1050px) and (orientation:landscape){
 body .hero .hero-left{gap:12px;}
 body .hero .hero__title{margin-top:clamp(16px,3svh,36px);}
 body .hero .hero__buttons{padding-top:24px;}
 body .hero .hero-messengers{margin-top:8px;}
}
@media(max-width:1050px){
 #projects .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 body .hero .hero__directions-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){
 body .hero .hero__directions{display:none;}
}
@media(max-width:767px){#projects .projects-grid{grid-template-columns:minmax(0,1fr);}}