
/* =====================================================
   BASE: COMPLETELY SCOPED TO THIS ELEMENTOR SECTION
===================================================== */
.dis-dsd-benefits-v2,
.dis-dsd-benefits-v2 *,
.dis-dsd-benefits-v2 *::before,
.dis-dsd-benefits-v2 *::after { box-sizing:border-box; }
.dis-dsd-benefits-v2 {
  --dsd-ink:#222b30; --dsd-muted:#647074; --dsd-gold:#c99b50;
  position:relative; isolation:isolate;
  width:100%; margin:0; padding:0;
  overflow:hidden; background:#eeefeb;
  color:var(--dsd-ink); font-family:'Montserrat',Arial,sans-serif;
}
.dis-dsd-benefits-v2::before {
  content:''; position:absolute; top:-220px;
  right:-240px; width:600px; height:600px;
  border:1px solid rgba(186,139,65,.12); border-radius:50%;
  box-shadow:0 0 0 65px rgba(186,139,65,.025),0 0 0 135px rgba(186,139,65,.019);
  pointer-events:none;
}
.dis-dsd-benefits-v2__inner {
  position:relative; z-index:1;
  width:calc(100% - 64px); max-width:1400px;
  margin:0 auto; padding:108px 0 102px;
}

/* HEADER */
.dis-dsd-benefits-v2__header {
  display:flex; align-items:end; justify-content:space-between;
  gap:30px; margin:0 0 43px;
}
.dis-dsd-benefits-v2__heading { min-width:0; max-width:1040px; }
.dis-dsd-benefits-v2__eyebrow {
  display:flex; align-items:center; gap:13px;
  margin:0 0 20px; color:#977036;
  font:700 11px/1.5 'Montserrat',Arial,sans-serif;
  letter-spacing:2.2px; text-transform:uppercase;
}
.dis-dsd-benefits-v2__dash {
  display:block; flex:0 0 46px; height:2px;
  background:var(--dsd-gold);
}
.dis-dsd-benefits-v2 h2 {
  margin:0; padding:0; color:var(--dsd-ink);
  font:600 clamp(44px,4.8vw,70px)/1.12 'Oswald',Impact,sans-serif;
  letter-spacing:-.5px; text-transform:none; text-align:left;
}
.dis-dsd-benefits-v2 h2 span { color:#a57631; }
.dis-dsd-benefits-v2__header-aside {
  display:flex; align-items:end; gap:15px;
  flex:0 0 auto; padding-bottom:7px;
}
.dis-dsd-benefits-v2__count {
  color:#ad8244; font:500 86px/.9 'Oswald',sans-serif;
  letter-spacing:-4px;
}
.dis-dsd-benefits-v2__count-text {
  color:#727a78; font:700 10px/1.65 'Montserrat',sans-serif;
  letter-spacing:1.6px;
}

/* BENTO GRID */
.dis-dsd-benefits-v2__grid {
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr));
  gap:17px; width:100%;
}
.dis-dsd-benefits-v2__card {
  position:relative; min-width:0; min-height:303px;
  display:flex; flex-direction:column; justify-content:space-between;
  overflow:hidden; margin:0; padding:28px 30px 31px;
  border:1px solid rgba(43,52,54,.12);
  background:#faf9f6;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.dis-dsd-benefits-v2__card:not(.dis-dsd-benefits-v2__card--photo):not(.dis-dsd-benefits-v2__card--final):hover {
  transform:translateY(-5px); border-color:rgba(181,131,60,.54);
  box-shadow:0 22px 40px rgba(32,42,45,.09);
}
.dis-dsd-benefits-v2__card--photo {
  grid-column:span 7; min-height:354px; color:white;
  background:#263034; border-color:rgba(201,155,80,.42);
  padding:29px 33px 35px;
}
.dis-dsd-benefits-v2__card--cream {grid-column:span 5; min-height:354px; background:#f8f5ed;}
.dis-dsd-benefits-v2__card--stone {grid-column:span 4; background:#e1e5e2;}
.dis-dsd-benefits-v2__card--white {grid-column:span 4; background:#fff;}
.dis-dsd-benefits-v2__card--warm {grid-column:span 4; background:#f1e9dc;}
.dis-dsd-benefits-v2__card--final {
  grid-column:span 12; min-height:204px;
  flex-direction:row; align-items:center; justify-content:flex-start;
  gap:35px; padding:31px 42px;
  background:#252e32; color:white;
  border-color:#252e32;
}
/* PHOTO LAYER */
.dis-dsd-benefits-v2__photo {
  position:absolute; inset:0; width:100%; height:100%;
  max-width:none; padding:0; margin:0; border:0;
  object-fit:cover; object-position:center center;
  transition:transform .7s ease;
}
.dis-dsd-benefits-v2__card--photo:hover .dis-dsd-benefits-v2__photo {transform:scale(1.06);}
.dis-dsd-benefits-v2__photo-shade {
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,rgba(19,27,31,.96) 0%,rgba(19,27,31,.89) 41%,rgba(19,27,31,.49) 100%);
}
.dis-dsd-benefits-v2__card-top {
  position:relative; z-index:1;
  display:flex; align-items:start; justify-content:space-between;
  gap:18px; width:100%;
}
.dis-dsd-benefits-v2__index {
  color:#a87836; font:500 17px/1.2 'Oswald',sans-serif;
  letter-spacing:1.4px;
}
.dis-dsd-benefits-v2__card--photo .dis-dsd-benefits-v2__index {color:#e4bc79;}
.dis-dsd-benefits-v2__icon {
  display:flex; align-items:center; justify-content:center;
  flex:0 0 65px; width:65px; height:65px;
  border:1px solid rgba(180,132,61,.35);
  background:rgba(201,155,80,.12); color:#9e7133;
  transition:transform .28s ease,background .28s ease,color .28s ease;
}
.dis-dsd-benefits-v2__card:hover .dis-dsd-benefits-v2__icon {transform:rotate(-5deg) scale(1.06); background:#d0a257; color:#242c2f;}
.dis-dsd-benefits-v2__icon--light {border-color:rgba(226,184,112,.64); background:rgba(18,26,28,.50); color:#f0c884;}
.dis-dsd-benefits-v2__icon svg {display:block; width:32px; height:32px; flex:0 0 32px;}
.dis-dsd-benefits-v2__card-bottom {position:relative; z-index:1;}
.dis-dsd-benefits-v2__mini-label,
.dis-dsd-benefits-v2__kicker {
  display:block; margin:0 0 15px;
  color:#aa7b36; font:700 10px/1.5 'Montserrat',sans-serif;
  letter-spacing:1.8px; text-transform:uppercase;
}
.dis-dsd-benefits-v2__mini-label {color:#f0c884;}
.dis-dsd-benefits-v2 h3 {
  margin:0; padding:0;
  color:#293135; font:500 clamp(23px,2.1vw,31px)/1.27 'Oswald',Impact,sans-serif;
  letter-spacing:-.15px; text-transform:none; text-align:left;
  overflow-wrap:break-word;
}
.dis-dsd-benefits-v2__card--photo h3 {
  max-width:525px; color:#fff;
  font-size:clamp(28px,2.65vw,39px);
}
.dis-dsd-benefits-v2__underline {display:block; width:72px; height:2px; margin:25px 0 0; background:#e2b56b;}
.dis-dsd-benefits-v2__photo-content {position:relative; z-index:1;}
.dis-dsd-benefits-v2__card-corner {
  position:absolute; bottom:0; right:0;
  width:67px; height:67px;
  border-right:3px solid #c99b50; border-bottom:3px solid #c99b50;
  pointer-events:none;
}

/* FINAL WIDE CARD */
.dis-dsd-benefits-v2__final-icon {
  display:flex; align-items:center; justify-content:center;
  flex:0 0 105px; width:105px; height:105px;
  border:1px solid rgba(229,187,119,.50); color:#edc37a;
  background:rgba(255,255,255,.045);
}
.dis-dsd-benefits-v2__final-icon svg {display:block; width:53px; height:53px;}
.dis-dsd-benefits-v2__final-copy {position:relative; z-index:1; max-width:850px; min-width:0;}
.dis-dsd-benefits-v2__card--final .dis-dsd-benefits-v2__kicker {color:#e1b468;}
.dis-dsd-benefits-v2__card--final h3 {color:#fff; font-size:clamp(29px,3.2vw,44px); line-height:1.2;}
.dis-dsd-benefits-v2__final-number {
  position:absolute; right:32px; bottom:-40px;
  color:rgba(231,187,117,.10); font:500 222px/1 'Oswald',sans-serif;
  pointer-events:none; user-select:none;
}
/* FOOTER */
.dis-dsd-benefits-v2__footer {
  display:flex; align-items:center; gap:13px;
  flex-wrap:wrap; margin:32px 0 0;
  color:#818782; font:700 10px/1.5 'Montserrat',sans-serif;
  letter-spacing:1.35px;
}
.dis-dsd-benefits-v2__footer-rule {width:42px; height:1px; background:#bd914b;}
.dis-dsd-benefits-v2__footer-dot {width:4px; height:4px; border-radius:50%; background:#bd914b;}

/* TABLET */
@media(max-width:1024px) {
  .dis-dsd-benefits-v2__inner {width:calc(100% - 46px); padding:85px 0 91px;}
  .dis-dsd-benefits-v2__grid {gap:13px;}
  .dis-dsd-benefits-v2__card--photo {grid-column:span 7;}
  .dis-dsd-benefits-v2__card--cream {grid-column:span 5;}
  .dis-dsd-benefits-v2__card {padding:24px;}
  .dis-dsd-benefits-v2__card--stone,
  .dis-dsd-benefits-v2__card--white,
  .dis-dsd-benefits-v2__card--warm {grid-column:span 4; min-height:315px;}
  .dis-dsd-benefits-v2__card--final {grid-column:span 12; padding:28px;}
  .dis-dsd-benefits-v2 h3 {font-size:25px;}
  .dis-dsd-benefits-v2__card--photo h3 {font-size:31px;}
  .dis-dsd-benefits-v2__icon {flex-basis:58px; width:58px; height:58px;}
  .dis-dsd-benefits-v2__icon svg {width:29px; height:29px;}
  .dis-dsd-benefits-v2__count {font-size:72px;}
}
/* SMALL TABLET: 2-UP, BIG FEATURE FULL WIDTH */
@media(max-width:800px) {
  .dis-dsd-benefits-v2__card--photo {grid-column:span 12; min-height:340px;}
  .dis-dsd-benefits-v2__card--cream,
  .dis-dsd-benefits-v2__card--stone,
  .dis-dsd-benefits-v2__card--white,
  .dis-dsd-benefits-v2__card--warm {grid-column:span 6; min-height:260px;}
  .dis-dsd-benefits-v2__card--final {grid-column:span 12;}
  .dis-dsd-benefits-v2__header-aside {display:none;}
  .dis-dsd-benefits-v2__card--photo h3 {max-width:520px;}
}
/* MOBILE */
@media(max-width:600px) {
  .dis-dsd-benefits-v2__inner {width:calc(100% - 36px); padding:69px 0 71px;}
  .dis-dsd-benefits-v2__header {margin-bottom:30px;}
  .dis-dsd-benefits-v2__eyebrow {gap:10px; font-size:10px; letter-spacing:1.2px;}
  .dis-dsd-benefits-v2__dash {flex-basis:32px;}
  .dis-dsd-benefits-v2 h2 {font-size:40px; line-height:1.1;}
  .dis-dsd-benefits-v2 h2 span {display:block;}
  .dis-dsd-benefits-v2__grid {gap:12px;}
  .dis-dsd-benefits-v2__card--photo,
  .dis-dsd-benefits-v2__card--cream,
  .dis-dsd-benefits-v2__card--stone,
  .dis-dsd-benefits-v2__card--white,
  .dis-dsd-benefits-v2__card--warm,
  .dis-dsd-benefits-v2__card--final {grid-column:span 12;}
  .dis-dsd-benefits-v2__card {min-height:205px; padding:22px 23px 24px;}
  .dis-dsd-benefits-v2__card--photo {min-height:317px;}
  .dis-dsd-benefits-v2__card--photo h3 {font-size:30px;}
  .dis-dsd-benefits-v2__card--final {min-height:220px; flex-direction:column; align-items:flex-start; justify-content:center; gap:17px; padding:25px;}
  .dis-dsd-benefits-v2__icon {flex-basis:56px; width:56px; height:56px;}
  .dis-dsd-benefits-v2__icon svg {width:27px; height:27px;}
  .dis-dsd-benefits-v2 h3 {font-size:27px;}
  .dis-dsd-benefits-v2__kicker,.dis-dsd-benefits-v2__mini-label {font-size:9px; letter-spacing:1.3px; margin-bottom:11px;}
  .dis-dsd-benefits-v2__final-icon {flex:0 0 68px; width:68px; height:68px;}
  .dis-dsd-benefits-v2__final-icon svg {width:35px; height:35px;}
  .dis-dsd-benefits-v2__card--final h3 {font-size:29px;}
  .dis-dsd-benefits-v2__final-number {font-size:160px; right:11px; bottom:-23px;}
  .dis-dsd-benefits-v2__footer {gap:10px; font-size:9px; letter-spacing:.7px;}
}
@media(max-width:380px) {
  .dis-dsd-benefits-v2__inner {width:calc(100% - 28px);}
  .dis-dsd-benefits-v2 h2 {font-size:35px;}
  .dis-dsd-benefits-v2 h3 {font-size:25px;}
  .dis-dsd-benefits-v2__card--photo h3 {font-size:27px;}
  .dis-dsd-benefits-v2__card--final h3 {font-size:26px;}
}
@media(prefers-reduced-motion:reduce) {
  .dis-dsd-benefits-v2__card,.dis-dsd-benefits-v2__icon,
  .dis-dsd-benefits-v2__photo {transition:none;}
}
