/* One lightweight material image, reused throughout the experience. */
#consultation-journey,#care,#smile-in-detail{position:relative;isolation:isolate}
#consultation-journey,#care{background-color:#f1eee5}
.material-texture{position:absolute!important;inset:0!important;z-index:-1!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;pointer-events:none;user-select:none;opacity:.17}
#care>.material-texture{opacity:.12;object-position:center bottom}
#smile-in-detail{background-color:#112820;border-top:1px solid #b6a57950;border-bottom:1px solid #b6a57940}
#smile-in-detail>.material-texture{opacity:.24;object-position:right center}
#smile-in-detail .case-invitation{color:#d0d7ca}
#smile-in-detail .case-spotlight{background:#15352b;border-color:#bfaf7d70;box-shadow:0 25px 65px #061a1755}
#smile-in-detail .case-spotlight-top{background:#071d1933}
#smile-in-detail .case-spotlight-bottom{background:#071d1940}
.material-paper{background-color:#f3f0e7;background-image:linear-gradient(#f5f2e8ed,#f5f2e8ed),url('assets/sage-plaster.webp');background-size:auto,1600px auto;background-position:center top}
@media(max-width:700px){#smile-in-detail>.material-texture{object-position:70% center;opacity:.2}.material-paper{background-size:auto,1000px auto}}

/* Make the consultation backdrop more visible. */
#consultation-journey>.material-texture{opacity:.42}