/* V257 — compact three-part luxury value banner */
.professional-value-wrap{
  width:100%;
  max-width:none;
  margin:0 0 18px;
}

.professional-value-banner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(220px,.72fr) minmax(300px,1fr);
  min-height:226px;
  overflow:hidden;
  border:1px solid rgba(166,126,73,.2);
  border-radius:26px;
  background:
    radial-gradient(circle at 51% 6%,rgba(255,255,255,.92),transparent 34%),
    linear-gradient(128deg,#fffdf9 0%,#f7f0e7 53%,#eee2d3 100%);
  box-shadow:0 18px 42px rgba(74,50,31,.1);
  color:#302218;
}

.professional-value-banner::after{
  content:"";
  position:absolute;
  top:26px;
  left:calc(45% + 12px);
  width:42px;
  height:1px;
  background:linear-gradient(90deg,#9d6d3c,#e1c59f);
  pointer-events:none;
}

.professional-value-banner__gallery{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:8px 0 8px 8px;
}

.professional-value-banner__image{
  position:relative;
  min-width:0;
  min-height:0;
  height:210px;
  margin:0;
  overflow:hidden;
  border-radius:17px;
  background:#ded0bd;
}

.professional-value-banner__image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(51,34,23,.14));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.62);
}

.professional-value-banner__image img{
  display:block;
  width:100%;
  height:100%;
  max-height:210px;
  object-fit:cover;
  object-position:center;
}

.professional-value-banner__image.is-empty{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 45%),repeating-linear-gradient(118deg,#eadfce 0,#eadfce 2px,#dfd0ba 2px,#dfd0ba 17px);
}

.professional-value-banner__image.is-empty:nth-child(2){
  background:linear-gradient(215deg,rgba(255,255,255,.7),transparent 45%),repeating-linear-gradient(62deg,#dfd0ba 0,#dfd0ba 2px,#eadfce 2px,#eadfce 18px);
}

.professional-value-banner__image.is-empty span{
  color:rgba(116,80,42,.36);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.7rem;
  letter-spacing:.12em;
}

.professional-value-banner__title,
.professional-value-banner__text{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  align-items:center;
}

.professional-value-banner__title{
  justify-content:center;
  padding:46px 25px 28px;
  text-align:center;
}

.professional-value-banner__title h2{
  max-width:13ch;
  margin:0;
  color:#2e2118;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.85rem,2.3vw,2.75rem);
  font-weight:600;
  line-height:.98;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}

.professional-value-banner__text{
  padding:32px 34px 30px 24px;
}

.professional-value-banner__text::before{
  content:"";
  position:absolute;
  left:0;
  top:25%;
  width:1px;
  height:50%;
  background:linear-gradient(180deg,transparent,rgba(157,109,60,.28),transparent);
}

.professional-value-banner__text p{
  max-width:46ch;
  margin:0;
  color:rgba(56,40,29,.76);
  font-size:clamp(.8rem,.9vw,.93rem);
  line-height:1.62;
  overflow-wrap:anywhere;
}

@media(max-width:1180px){
  .professional-value-banner{grid-template-columns:minmax(220px,.82fr) minmax(200px,.72fr) minmax(260px,1fr)}
  .professional-value-banner__title{padding-left:18px;padding-right:18px}
  .professional-value-banner__text{padding-left:20px;padding-right:25px}
}

@media(max-width:980px){
  .professional-value-banner{grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);min-height:0}
  .professional-value-banner::after{left:calc(45% + 18px)}
  .professional-value-banner__gallery{grid-row:1 / span 2;height:226px}
  .professional-value-banner__image{height:210px}
  .professional-value-banner__title{align-items:flex-end;justify-content:flex-start;padding:38px 28px 9px;text-align:left}
  .professional-value-banner__title h2{max-width:21ch;font-size:2.15rem}
  .professional-value-banner__text{align-items:flex-start;padding:8px 28px 28px}
  .professional-value-banner__text::before{display:none}
}

@media(max-width:680px){
  .professional-value-wrap{margin-bottom:12px}
  .professional-value-banner{grid-template-columns:1fr;border-radius:22px}
  .professional-value-banner::after{top:158px;left:22px;width:34px}
  .professional-value-banner__gallery{grid-row:auto;height:142px;padding:7px 7px 0;gap:7px}
  .professional-value-banner__image{height:135px;border-radius:14px}
  .professional-value-banner__image img{max-height:135px}
  .professional-value-banner__title{padding:31px 21px 8px;text-align:left}
  .professional-value-banner__title h2{max-width:23ch;font-size:clamp(1.75rem,7vw,2.2rem)}
  .professional-value-banner__text{padding:7px 21px 24px}
  .professional-value-banner__text p{font-size:.84rem;line-height:1.52}
}

@media(max-width:480px){
  .professional-value-banner{border-radius:18px}
  .professional-value-banner::after{left:17px}
  .professional-value-banner__gallery{height:116px;padding:6px 6px 0;gap:6px}
  .professional-value-banner__image{height:110px;border-radius:11px}
  .professional-value-banner__image img{max-height:110px}
  .professional-value-banner__title{padding:29px 16px 7px}
  .professional-value-banner__title h2{font-size:1.75rem}
  .professional-value-banner__text{padding:6px 16px 20px}
  .professional-value-banner__text p{font-size:.79rem}
}