.home-page img[data-salon-photo] { object-position: 50% 62%; }
.kamoon-project-hero .project-case-verified-media { max-width: 320px; }
.service-photo-label { position: absolute; z-index: 3; top: 10px; left: 10px; max-width: calc(100% - 20px); padding: 5px 7px; background: #20221fe6; color: #eee8dd; font: 500 9px/1.35 var(--sans, Arial, sans-serif); }
.image-wrap > .service-photo-label { inset: 14px auto auto 14px !important; width: auto !important; height: auto !important; background: #20221fe6 !important; border: 0 !important; padding: 7px 10px !important; font-size: 11px !important; }
.salon-photo-gallery { background: #f4f0e8; color: #292b25; }
.salon-photo-heading { max-width: 720px; margin-bottom: 32px; }
.salon-photo-heading h2 { margin: 14px 0 20px; font: 400 clamp(36px, 4vw, 58px)/1.1 var(--serif, Georgia, serif); }
.salon-photo-heading p:not(.overline) { color: #5c5e55; }
.salon-photo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.salon-photo-grid figure { min-width: 0; margin: 0; }
.salon-photo-grid figure > a { display: block; overflow: hidden; border: 1px solid #d3ccbf; border-radius: 5px; background: #e3ddd2; }
.salon-photo-grid img { display: block; width: 100%; height: auto; aspect-ratio: 572 / 1280; object-fit: contain; }
.salon-photo-grid figcaption { margin-top: 12px; color: #56594f; font: 400 13px/1.6 var(--sans, Arial, sans-serif); }
.salon-photo-more { margin-top: 32px; border-top: 1px solid #d3ccbf; padding-top: 24px; }
.salon-photo-more > summary { width: fit-content; min-height: 48px; padding: 12px 18px; border: 1px solid #aa8349; border-radius: 5px; background: #e7d5af; color: #292b25; font: 600 14px/1.5 var(--sans, Arial, sans-serif); cursor: pointer; }
.salon-photo-more[open] > summary { margin-bottom: 28px; }
.salon-photo-gallery a:focus-visible, .salon-photo-gallery summary:focus-visible { outline: 3px solid #a47a39; outline-offset: 4px; }
@media (max-width: 900px) { .salon-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; } }
@media (max-width: 760px) { .kamoon-project-hero .project-case-verified-media { max-width: 260px; } }