.t-hero{padding-top:clamp(140px,18vh,200px);padding-bottom:clamp(56px,8vw,110px)}
.t-title{margin-top:18px;font-size:clamp(5rem,15vw,15rem);line-height:.82}
.t-title .f-s{font-weight:400;letter-spacing:-.03em;color:var(--paper)}
.t-title .f-b{color:var(--gold-hi)}
.t-hero .lede{margin-top:30px;max-width:44ch}
.t-hero .script{display:block;margin-top:14px;font-size:clamp(1.8rem,3vw,2.8rem);color:var(--gold-hi)}

.member{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:var(--pad);padding-block:clamp(56px,8vw,120px);border-top:1px solid var(--line)}
.member:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.member:nth-child(even) .member-photo{order:2}
.member-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink-3);clip-path:polygon(0 7%,100% 0,100% 100%,0 100%)}
.member:nth-child(even) .member-photo{clip-path:polygon(0 0,100% 7%,100% 100%,0 100%)}
.member-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform 1.4s var(--ease)}
.member:hover .member-photo img{transform:scale(1.04)}
.member-name{margin-top:12px;font-size:clamp(4rem,10vw,9rem);line-height:.86}
.member-name.f-s{letter-spacing:-.03em;padding-bottom:.16em}
.member-role{margin-top:16px;max-width:40ch;color:var(--muted)}
.member-quote{margin-top:36px;max-width:34ch}
.member-quote p{font-family:var(--f-cond);font-weight:600;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.1;text-transform:uppercase}
.member-quote.is-salon p{font-family:var(--f-salon);font-style:italic;font-weight:400;text-transform:none;line-height:1.2}
.member-quote cite{display:block;margin-top:10px;font-style:normal;font-size:.9rem;color:var(--muted)}
.member .link-cta{margin-top:32px}

.t-shop{padding-block:clamp(96px,12vw,170px);border-top:1px solid var(--line)}
.t-shop .gal-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-bottom:48px}
.mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(120px,14vw,220px);gap:12px}
.mosaic figure{overflow:hidden;background:var(--ink-3)}
.mosaic figure:nth-child(1){grid-column:span 4;grid-row:span 2}
.mosaic figure:nth-child(2),.mosaic figure:nth-child(3){grid-column:span 2}
.mosaic figure:nth-child(4),.mosaic figure:nth-child(5){grid-column:span 3;grid-row:span 2}
.mosaic img{width:100%;height:100%;object-fit:cover;filter:grayscale(.6);transition:filter .8s var(--ease),transform 1.2s var(--ease)}
.mosaic figure:hover img{filter:none;transform:scale(1.04)}
.h2-b{margin-top:14px;font-family:var(--f-barber);font-size:clamp(3.4rem,8vw,7.6rem);line-height:.88}

@media (max-width:900px){
  .member,.member:nth-child(even){grid-template-columns:minmax(0,1fr)}
  .member:nth-child(even) .member-photo{order:0}
  .member-photo{max-width:460px}
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44vw}
  .mosaic figure:nth-child(n){grid-column:span 1;grid-row:span 1}
  .mosaic figure:nth-child(1){grid-column:span 2}
}