/* V136 candidate - PEOPLE CLEAN
   Single namespace. No legacy override stacks. */
.ysp{
  position:relative;
  clear:both;
  background:#f8f4ed;
  border-top:1px solid rgba(72,61,51,.12);
  border-bottom:1px solid rgba(72,61,51,.12);
  overflow:hidden;
}
.ysp__inner{
  max-width:1320px;
  margin:0 auto;
  padding:64px clamp(28px,5vw,70px) 72px;
}
.ysp__head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);
  gap:64px;
  align-items:end;
  margin-bottom:30px;
}
.ysp__kicker{
  margin:0 0 18px;
  font-size:13px;
  line-height:1.4;
  letter-spacing:.18em;
  color:#776b60;
}
.ysp__title-block h2,
.ysp-teaser__head h3{
  margin:0;
  font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;
  font-weight:400;
  letter-spacing:-.018em;
  color:#302b26;
}
.ysp__title-block h2{
  font-size:clamp(34px,3.4vw,50px);
  line-height:1.45;
}
.ysp__title-block h2 span,
.ysp-teaser__head h3 span{
  display:block;
}
.ysp__copy{
  color:#655c53;
}
.ysp__copy p{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.65;
  color:#83786e;
}
.ysp__copy strong{
  display:block;
  margin:0 0 6px;
  font-size:16px;
  line-height:1.65;
  font-weight:600;
  color:#302b26;
}
.ysp-instagram{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 14px;
  color:#302b26;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1;
  letter-spacing:-.015em;
}
.ysp-instagram svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.ysp-instagram__dot{
  fill:currentColor;
  stroke:none;
}
.ysp__rail{
  display:flex;
  flex-flow:row nowrap;
  gap:16px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 10px;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.ysp__rail::-webkit-scrollbar{
  display:none;
}
.ysp-card{
  flex:0 0 clamp(150px,18vw,220px);
  min-width:0;
  color:inherit;
  text-decoration:none;
  scroll-snap-align:start;
}
.ysp-card figure{
  position:relative;
  margin:0;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#e8dfd4;
}
.ysp-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ysp-card__new{
  position:absolute;
  top:8px;
  left:8px;
  padding:5px 7px;
  background:#302b26;
  color:#fff;
  font-size:9px;
  line-height:1;
  letter-spacing:.13em;
}
.ysp-card__meta{
  padding:10px 1px 0;
}
.ysp-card__name{
  margin:0 0 3px;
  font-size:14px;
  line-height:1.4;
  font-weight:500;
  color:#302b26;
}
.ysp-card__salon{
  margin:0;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.07em;
  color:#7d7268;
}
.ysp-card__detail{
  display:flex;
  gap:8px;
  margin-top:4px;
  font-size:9px;
  line-height:1.35;
  letter-spacing:.08em;
  color:#9a8f85;
}
.ysp-card__detail span+span::before{
  content:"·";
  margin-right:8px;
}
.ysp__closing{
  margin:32px 0 0;
  text-align:center;
  font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(23px,2.6vw,36px);
  line-height:1.35;
  font-weight:400;
  letter-spacing:-.02em;
  color:#8b684a;
}
.ysp-teaser{
  margin:64px 0 0;
  padding:44px 0 0;
  border-top:1px solid rgba(72,61,51,.15);
}
.ysp-teaser__head{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(250px,1.05fr);
  gap:24px 7vw;
  align-items:end;
  margin-bottom:28px;
}
.ysp-teaser__head .ysp__kicker{
  grid-column:1/-1;
  margin-bottom:-6px;
}
.ysp-teaser__head h3{
  font-size:clamp(28px,3vw,41px);
  line-height:1.45;
}
.ysp__rail--teaser .ysp-card{
  flex-basis:clamp(150px,17vw,210px);
}
.ysp__closing--teaser{
  margin-top:28px;
}
.ysp-teaser__link{
  display:inline-flex;
  margin-top:20px;
  padding-bottom:5px;
  border-bottom:1px solid #8c8075;
  color:#302b26;
  text-decoration:none;
  font-size:13px;
  letter-spacing:.07em;
}

@media(max-width:1100px){
  .ysp__inner{
    padding:60px 42px 68px;
  }
  .ysp__head{
    grid-template-columns:1fr 1fr;
    gap:42px;
  }
  .ysp-card{
    flex-basis:clamp(145px,20vw,190px);
  }
  .ysp__rail--teaser .ysp-card{
    flex-basis:clamp(145px,19vw,185px);
  }
}

.ysp__closing-line{display:inline;}

@media(max-width:760px){
  .ysp__inner{
    padding:54px 20px 60px;
  }
  .ysp__head{
    display:block;
    margin-bottom:26px;
  }
  .ysp__title-block h2{
    font-size:30px;
    line-height:1.5;
  }
  .ysp__copy{
    margin-top:22px;
  }
  .ysp__copy p,
  .ysp__copy strong{
    font-size:15px;
  }
  .ysp-instagram{
    margin-bottom:11px;
    font-size:12px;
  }
  .ysp-instagram svg{
    width:13px;
    height:13px;
  }
  .ysp__rail{
    gap:12px;
    margin-right:-20px;
    padding-right:20px;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
  }
  .ysp-card,
  .ysp__rail--teaser .ysp-card{
    flex:0 0 min(36vw,140px);
    scroll-snap-align:start;
  }
  .ysp-card__name{
    font-size:12px;
  }
  .ysp-card__salon{
    font-size:9px;
  }
  .ysp-card__detail{
    font-size:8px;
  }
  .ysp__closing,
  .ysp__closing--teaser{
    margin-top:18px;
    text-align:center;
    font-size:34px;
    line-height:1.48;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }
  .ysp__closing-line{
    display:block;
    white-space:nowrap;
  }
  .ysp-teaser{
    margin-top:48px;
    padding-top:36px;
  }
  .ysp-teaser__head{
    display:block;
    margin-bottom:22px;
  }
  .ysp-teaser__head .ysp__kicker{
    margin-bottom:16px;
  }
  .ysp-teaser__head h3{
    font-size:28px;
    line-height:1.5;
  }
  .ysp-teaser__head .ysp__copy{
    margin-top:20px;
  }
}