.toilettesExperience{
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(83,63,190,.2),transparent 30%),
    radial-gradient(circle at 16% 82%,rgba(216,172,79,.2),transparent 32%),
    #0d0d0c;
  display:grid;
  grid-template-columns:minmax(300px,520px) minmax(0,1fr);
  align-items:center;
  gap:clamp(45px,8vw,120px);
  padding:95px 8vw;
  overflow:hidden;
}
.toilettesVisual{position:relative;max-width:520px;margin:auto}
.toilettesVisual:before{
  content:"";
  position:absolute;
  inset:-14px;
  border:1px solid rgba(216,172,79,.58);
  border-radius:28px;
  box-shadow:0 28px 80px rgba(0,0,0,.5);
}
.toilettesVisual img{
  position:relative;
  width:100%;
  border-radius:18px;
  box-shadow:0 28px 80px rgba(0,0,0,.65);
}
.toilettesCopy{max-width:720px}
.toilettesCopy h2{
  margin:12px 0 25px;
  font:600 clamp(54px,6vw,94px)/.88 "Cormorant Garamond",serif;
  letter-spacing:-.04em;
}
.toilettesCopy h2 em{color:#d8ac4f}
.toilettesCopy>p:not(.kicker){
  color:#d1cbc1;
  max-width:650px;
  margin:0;
  font:500 clamp(18px,2vw,24px)/1.55 "Cormorant Garamond",serif;
}
.toilettesFeatures{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 22px}
.toilettesFeatures span{
  color:#f1d88c;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(216,172,79,.45);
  border-radius:999px;
  padding:10px 14px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
}
.toilettesCopy small{
  color:#aaa39a;
  display:block;
  font-size:10px;
  line-height:1.6;
}
@media (max-width:800px){
  .toilettesExperience{grid-template-columns:1fr;gap:55px;padding:72px 23px 78px}
  .toilettesVisual{width:min(100%,480px);order:2}
  .toilettesCopy{text-align:center;order:1}
  .toilettesCopy h2{font-size:clamp(49px,14vw,68px)}
  .toilettesCopy>p:not(.kicker){font-size:19px}
  .toilettesFeatures{justify-content:center}
  .toilettesFeatures span{font-size:10px}
}