/* Advantage section: wide editorial cards and interaction treatment inspired by the reference layout. */
.ref-advantages{background:#edf3ff;padding-top:92px;overflow:hidden}
.ref-advantages .ref-section-head{margin-bottom:54px}
.ref-advantages .ref-title{font-size:40px;line-height:1.12;text-align:left;margin:0;color:#30343b}
.ref-advantages .ref-small-btn{height:58px;padding:0 32px;font-size:16px;border-color:#2754bd;color:#2754bd;background:transparent}
.ref-adv-track{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1.26fr) minmax(260px,.53fr);gap:20px;overflow:visible}
.ref-adv-card{display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:0;box-shadow:none;transition:transform .35s ease,box-shadow .35s ease}
.ref-adv-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(15,48,88,.14)}
.ref-adv-photo{display:block;height:445px;overflow:hidden;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}
.ref-adv-card:hover .ref-adv-photo{transform:scale(1.02);filter:saturate(1.06)}
.ref-adv-copy{min-height:136px;padding:20px 22px 22px;background:#fff}
.ref-adv-copy strong{display:block;padding-bottom:13px;border-bottom:1px solid #d7dfe7;color:#2754bd;font-size:21px;line-height:1.25}
.ref-adv-copy small{display:block;margin-top:12px;color:#657886;font-size:15px;line-height:1.55}
.ref-adv-two .ref-adv-copy strong,.ref-adv-three .ref-adv-copy strong{color:#3b3b3b}
.ref-adv-two .ref-adv-copy small,.ref-adv-three .ref-adv-copy small{display:none}
.ref-adv-card .ref-card-arrow{display:none}
.ref-round-controls{display:flex;gap:7px;margin-top:26px}
.ref-round-controls button{width:50px;height:50px;border:1px solid #2754bd;border-radius:50%;background:transparent;color:#2754bd;font-size:22px;line-height:1;transition:background-color .3s,color .3s,transform .3s}
.ref-round-controls button:hover{background:#2754bd;color:#fff;transform:translateY(-2px)}
@media(max-width:1100px){
  .ref-adv-track{grid-template-columns:1.25fr 1fr}
  .ref-adv-three{display:none}
}
@media(max-width:700px){
  .ref-advantages{padding-top:60px}
  .ref-advantages .ref-section-head{margin-bottom:32px}
  .ref-advantages .ref-title{font-size:30px}
  .ref-advantages .ref-small-btn{height:46px;padding:0 18px;font-size:14px}
  .ref-adv-track{display:flex;gap:14px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}
  .ref-adv-card{flex:0 0 88%;scroll-snap-align:start}
  .ref-adv-photo{height:300px}
  .ref-adv-copy{min-height:0}
}

/* Reference behavior: one large active card beside a clipped horizontal thumbnail rail. */
.ref-adv-layout{display:grid;grid-template-columns:minmax(0,773px) minmax(0,1fr);gap:20px;align-items:start}
.ref-adv-feature .ref-adv-card{height:auto}
.ref-adv-feature .ref-adv-photo{height:500px}
.ref-adv-side{min-width:0}
.ref-adv-thumbs{display:flex;gap:20px;overflow:hidden}
.ref-adv-thumbs .ref-adv-card{flex:0 0 683px}
.ref-adv-thumbs .ref-adv-photo{height:443px}
.ref-adv-thumbs .ref-adv-copy{min-height:66px;padding:20px 22px}
.ref-adv-thumbs .ref-adv-copy strong{font-size:20px;color:#3b3b3b;border:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-adv-thumbs .ref-adv-copy small{display:none}
.ref-adv-side .ref-round-controls{margin-top:30px}
@media(max-width:1100px){
  .ref-adv-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .ref-adv-thumbs .ref-adv-card{flex-basis:74%}
}
@media(max-width:700px){
  .ref-adv-layout{display:block}
  .ref-adv-feature .ref-adv-photo{height:330px}
  .ref-adv-side{margin-top:14px}
  .ref-adv-thumbs{overflow-x:auto;scroll-snap-type:x mandatory}
  .ref-adv-thumbs .ref-adv-card{flex-basis:88%;scroll-snap-align:start}
  .ref-adv-thumbs .ref-adv-photo{height:260px}
}