.cc-sensory-section{
  margin:clamp(3rem,7vw,6rem) auto;
  padding:0 clamp(1.25rem,5vw,4.5rem);
  color:#141312;
  font-family:'Inter',system-ui,sans-serif;
}
.cc-sensory-inner{
  max-width:72rem;
  margin:0 auto;
  border-top:0.0625rem solid #e9e3dc;
  padding-top:clamp(2rem,4vw,3.5rem);
}
.cc-sensory-heading{
  max-width:42rem;
  margin-bottom:clamp(1.5rem,3vw,2.5rem);
}
.cc-sensory-kicker{
  margin:0 0 0.625rem;
  color:#8a857f;
  font-size:0.6875rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:500;
}
.cc-sensory-heading h2{
  margin:0;
  font-size:clamp(1.5rem,3vw,2.625rem);
  line-height:1.1;
  font-weight:500;
  letter-spacing:0;
}
.cc-sensory-heading p{
  margin:0.875rem 0 0;
  color:#5a554f;
  font-size:1rem;
  line-height:1.7;
}
.cc-sensory-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:0.0625rem solid #ece7e1;
  border-bottom:none;
  border-right:none;
}
.cc-sensory-card{
  padding:clamp(1rem,2vw,1.5rem);
  border-right:0.0625rem solid #ece7e1;
  border-bottom:0.0625rem solid #ece7e1;
  background:#fff;
}
.cc-sensory-card h3{
  margin:0 0 0.75rem;
  font-size:0.6875rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:600;
}
.cc-sensory-card p{
  margin:0;
  color:#4a4642;
  font-size:0.875rem;
  line-height:1.7;
}
.cc-enjoy-panel{
  margin-top:clamp(1.5rem,3vw,2.5rem);
  padding:clamp(1.25rem,3vw,2rem);
  background:#fbfaf8;
  border:0.0625rem solid #e9e3dc;
}
.cc-enjoy-panel h3{
  margin:0;
  max-width:50rem;
  font-size:clamp(1.125rem,2vw,1.5rem);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
}
.cc-enjoy-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:1.5rem;
  border-top:0.0625rem solid #e7ded5;
  border-left:0.0625rem solid #e7ded5;
}
.cc-enjoy-list div{
  padding:1rem;
  border-right:0.0625rem solid #e7ded5;
  border-bottom:0.0625rem solid #e7ded5;
}
.cc-enjoy-list span{
  display:block;
  margin-bottom:0.375rem;
  color:#8a857f;
  font-size:0.625rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:500;
}
.cc-enjoy-list strong{
  display:block;
  color:#141312;
  font-size:0.875rem;
  line-height:1.45;
  font-weight:500;
}
.cc-chip-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:0.375rem;
  margin-top:1.25rem;
}
.cc-chip-cloud span{
  padding:0.3125rem 0.625rem;
  border:0.0625rem solid #ded5cb;
  color:#5f5751;
  background:#fff;
  font-size:0.625rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:500;
}
.cc-profile-bars{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.875rem 1.5rem;
  margin-top:1.5rem;
}
.cc-profile-row{
  display:grid;
  grid-template-columns:7.5rem 1fr;
  align-items:center;
  gap:0.875rem;
  color:#5a554f;
  font-size:0.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:500;
}
.cc-profile-row i{
  display:block;
  height:0.1875rem;
  background:linear-gradient(90deg,#141312 var(--value),#ded7cf var(--value));
}
.cc-compare-suggestions{
  margin-top:clamp(1.5rem,3vw,2.5rem);
}
.cc-compare-suggestion-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0.75rem;
}
.cc-compare-suggestion{
  display:block;
  min-height:10rem;
  padding:1.25rem;
  border:0.0625rem solid #e9e3dc;
  background:#fff;
  transition:border-color .2s,background .2s;
}
.cc-compare-suggestion:hover{
  border-color:#141312;
  background:#fbfaf8;
}
.cc-compare-suggestion span{
  display:block;
  margin-bottom:0.75rem;
  color:#8a857f;
  font-size:0.625rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:500;
}
.cc-compare-suggestion strong{
  display:block;
  color:#141312;
  font-size:0.9375rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  line-height:1.35;
}
.cc-compare-suggestion em{
  display:block;
  margin-top:0.75rem;
  color:#5a554f;
  font-size:0.8125rem;
  line-height:1.6;
  font-style:normal;
}
@media(max-width:56rem){
  .cc-sensory-grid,
  .cc-enjoy-list,
  .cc-compare-suggestion-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:40rem){
  .cc-sensory-section{
    margin:2.5rem auto;
    padding:0 1.25rem;
  }
  .cc-sensory-grid,
  .cc-enjoy-list,
  .cc-profile-bars,
  .cc-compare-suggestion-grid{
    grid-template-columns:1fr;
  }
  .cc-profile-row{
    grid-template-columns:6.75rem 1fr;
  }
}