/* Same graphic charter as Escapade. Layout scoped to Signature benefits only.
   Mobile stays stacked; desktop follows the approved photo + 2 x 3 cards. */
.kcr-escapade-offer .kcr-signature-benefits{
  background:#17251e;color:#e8f1ed;
  padding-block:clamp(58px,6.5vw,94px)
}
.kcr-escapade-offer .kcr-signature-benefits .kce-kicker{color:#8cdbc1}
.kcr-escapade-offer .kcr-signature-benefits h2{
  max-width:980px;color:#e8f1ed;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;text-wrap:balance
}
.kcr-escapade-offer .kcr-signature-benefits .kce-intro{color:#c3d4cb}
.kcr-signature-benefits .kce-proof-grid{
  grid-template-columns:1fr;
  gap:26px;align-items:start
}
.kcr-signature-benefits .kce-photo-card{
  min-width:0;position:relative;max-width:none;
  background:#102018;border:1px solid #354d40;
  box-shadow:0 22px 55px rgba(0,0,0,.14)
}
.kcr-signature-benefits .kce-photo-card img{
  width:100%;height:clamp(270px,60vw,480px);
  object-fit:cover;object-position:center top;border-radius:0
}
.kcr-signature-benefits .kce-photo-card figcaption{
  background:#102018;color:#c3d4cb;padding:16px 18px
}
.kcr-signature-benefits .kce-proof-list{
  min-width:0;gap:12px;grid-template-columns:1fr
}
.kcr-signature-benefits .kce-proof-item{
  min-width:0;background:#102018;border-color:#354d40;
  padding:20px 22px
}
.kcr-signature-benefits .kce-proof-item small{color:#8cdbc1}
.kcr-signature-benefits .kce-proof-item h3{
  color:#f1f7f3;font-family:Georgia,"Times New Roman",serif;
  line-height:1.25;font-weight:700
}
.kcr-signature-benefits .kce-proof-item p{color:#c3d4cb}
.kcr-signature-benefits .kcr-benefit-link{
  display:inline-flex;align-items:center;gap:7px;
  min-height:44px;margin-top:5px;max-width:100%;
  color:#b9f0da;font-size:.84rem;line-height:1.5;font-weight:800;
  text-decoration:underline;text-underline-offset:4px
}
.kcr-signature-benefits .kcr-benefit-link:hover{color:#fff}
.kcr-signature-benefits .kcr-benefit-link:focus-visible{
  outline:3px solid #b9f0da;outline-offset:4px;border-radius:3px
}
/* Two cards per row when they have enough reading space. DOM order unchanged. */
@media(min-width:720px){
  .kcr-signature-benefits .kce-proof-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:1fr;gap:16px
  }
  .kcr-signature-benefits .kce-proof-item{
    display:flex;flex-direction:column;align-items:stretch
  }
  .kcr-signature-benefits .kce-proof-item p{margin-bottom:10px}
  .kcr-signature-benefits .kcr-benefit-link{
    margin-top:auto;align-self:flex-start
  }
}
/* Approved desktop composition: both columns start and finish together.
   Cards define the height. The photo fills its column without stretching pixels
   or imposing a fixed height on translated text. No sticky orphan image. */
@media(min-width:1100px){
  .kcr-escapade-offer .kcr-signature-benefits{
    padding-block:clamp(56px,4.2vw,78px)
  }
  .kcr-signature-benefits>.kce-shell{
    width:min(1480px,calc(100% - 96px))
  }
  .kcr-escapade-offer .kcr-signature-benefits h2{
    max-width:none;font-size:clamp(2.5rem,3.2vw,3.5rem);
    line-height:1.12;font-weight:400
  }
  .kcr-escapade-offer .kcr-signature-benefits .kce-intro{
    max-width:1000px;margin-top:20px
  }
  .kcr-signature-benefits .kce-proof-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:clamp(20px,1.8vw,30px);align-items:stretch;margin-top:32px
  }
  .kcr-signature-benefits .kce-photo-card{
    position:relative;top:auto;min-height:0;
    display:flex;align-items:flex-end;align-self:stretch
  }
  .kcr-signature-benefits .kce-photo-card img{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;object-position:center top
  }
  .kcr-signature-benefits .kce-photo-card figcaption{
    position:relative;z-index:1;width:100%;margin:0
  }
  .kcr-signature-benefits .kce-proof-item{
    padding:20px;overflow-wrap:anywhere
  }
  .kcr-signature-benefits .kce-proof-item small{
    font-size:.69rem;line-height:1.5
  }
  .kcr-signature-benefits .kce-proof-item h3{
    font-size:clamp(1.2rem,1.48vw,1.45rem)
  }
  .kcr-signature-benefits .kce-proof-item p{
    font-size:.94rem;line-height:1.6
  }
}
@media(max-width:400px){
  .kcr-signature-benefits .kce-proof-item{padding:19px 17px}
  .kcr-signature-benefits .kce-proof-item h3{font-size:1.3rem}
  .kcr-signature-benefits .kce-proof-item p{font-size:.93rem}
}
