.staff-section { background: #e7dbcc; }
.staff-page { background: #e7dbcc; }
.staff-page-hero { min-height: 62vh; padding: 150px 8vw 80px; display: flex; align-items: end; background: linear-gradient(90deg, rgba(45,34,28,.78), rgba(45,34,28,.2)), url("images/salon/interior-main.JPG") center/cover; color: #fff; }
.staff-page-hero p { margin: 0; font-size: 9px; letter-spacing: .25em; }
.staff-page-hero h1 { margin: 0; font: 400 clamp(80px, 12vw, 170px)/.9 var(--serif); }
.staff-page-hero span { display: block; margin-top: 25px; font-size: 12px; letter-spacing: .1em; }
.staff-heading { max-width: 650px; margin-bottom: 65px; }
.staff-heading h2 { font-size: clamp(40px, 5vw, 72px); }
.staff-heading > p:last-child { color: #6e6259; font-size: 13px; }
.staff-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
@media (max-width: 1200px) and (min-width: 761px) { .staff-grid { grid-template-columns: repeat(3, 1fr); } }
.staff-card { background: #f8f3eb; }
.staff-placeholder { aspect-ratio: 3 / 4; display: grid; place-items: center; background: linear-gradient(145deg, #cbbba9, #e9dfd3); color: #8a7868; }
.staff-placeholder span { font: 500 8px/1 var(--sans); letter-spacing: .25em; }
.staff-profile { padding: 21px; }
.staff-profile small { color: #9a8878; font-size: 8px; letter-spacing: .2em; }
.staff-profile h3 { margin: 5px 0 12px; font-size: 21px; font-weight: 400; }
.staff-profile p { margin: 0; color: #70645b; font-size: 11px; }
.monitor-link { display: inline-flex; gap: 8px; align-items: center; margin-top: 16px; padding: 9px 14px; border: 1px solid #b9a693; color: #5b4c41; font-size: 10px; letter-spacing: .12em; text-decoration: none; transition: background .3s, color .3s; }
.monitor-link:hover { background: #5b4c41; color: #f8f3eb; }
.monitor-note { display: block; margin-top: 8px; color: #9a8878; font-size: 9px; letter-spacing: .04em; line-height: 1.6; }
.monitor-tel { display: block; margin-top: 6px; color: #5b4c41; font-size: 10px; letter-spacing: .06em; text-decoration: underline; text-underline-offset: 3px; }
.staff-note { margin: 25px 0 0; color: #89796b; font-size: 9px; }
@media (max-width: 760px) {
  .staff-page-hero { min-height: 52vh; padding: 110px 24px 65px; }
  .staff-heading { margin-bottom: 40px; }
  .staff-heading h2 { font-size: 38px; }
  .staff-grid { display: flex; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; }
  .staff-card { min-width: 77vw; scroll-snap-align: center; }
}

.staff-photo{aspect-ratio:3/4;overflow:hidden;background:#e9dfd3}
.staff-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 30%}

.staff-recruit{padding:90px 8vw;text-align:center;background:linear-gradient(90deg,#3b2a20d9,#3b2a2080),url("images/events/staff-trip-01-v2.jpg") center/cover;color:#fff}
.staff-recruit h2{font-size:clamp(28px,3.6vw,46px)}
.staff-recruit p:not(.label){color:#e3d9d0;font-size:13px}
.staff-recruit a{display:inline-flex;gap:40px;margin-top:22px;padding:16px 22px;background:#fff8ed;color:var(--brown);font-size:11px}
@media(max-width:760px){.staff-recruit{padding:70px 24px}}

.staff-ig{display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.06em;color:#5b4c41;text-decoration:underline;text-underline-offset:3px}