/* Page-specific CSS, extracted without changing rules. */

/* This treatment page only: keep the entire photograph visible at every breakpoint. */
.permanent-hair-hero-image{margin:0;width:100%;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(61,44,31,.12)}
.permanent-hair-hero-image img{display:block;width:100%;height:auto;aspect-ratio:878/669;object-fit:contain;object-position:center;}
@media(max-width:991.98px){.page-hero .permanent-hair-hero-image{max-width:680px;margin-inline:auto}}
@media(max-width:575.98px){.page-hero .permanent-hair-hero-image{border-radius:12px;box-shadow:0 8px 22px rgba(61,44,31,.10)}.page-hero .row:has(.permanent-hair-hero-image){--bs-gutter-y:1.5rem}}