/* 06 · Feature tiles */
.dn-tiles-row.row {
  background: #fff;
  padding: 0 48px 0;
  max-width: 1440px !important;
  margin: 0 auto;
  width: 100% !important;
  box-sizing: border-box;
}
.dn-tiles-row > .col { padding: 0 12px !important; display: flex; }
.dn-tiles-row > .col > .col-inner { display: flex; flex-direction: column; width: 100%; height: 100%; }
body .dn-tiles-row.row > .col { padding: 0 12px !important; }
.dn-tile { display: flex; flex-direction: column; height: 100%; }
.dn-tile__media { width: 100%; aspect-ratio: 424 / 471; overflow: hidden; }
.dn-tile__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dn-tile__body { flex: 1 1 auto; display: flex; flex-direction: column; padding-top: 20px; }
.dn-tile__body h3 { margin: 0 0 8px; font-size: 32px; line-height: 40px; font-weight: 900; }
.dn-tile__body p { margin: 0; font-size: 20px; line-height: 30px; }
.dn-tile__body .dn-btn { margin-top: auto; align-self: flex-start; }

@media (max-width: 849px) {
  .dn-tiles-row.row {
    padding: 0 0 8px;
    display: block;
    max-width: 100% !important;
  }
  .dn-tiles-row > .col { width: 100%; max-width: 100%; padding: 0 24px !important; flex-basis: 100%; }
  body .dn-tiles-row.row > .col { width: 100%; max-width: 100%; padding: 0 24px !important; flex-basis: 100%; }
  .dn-tile { margin-bottom: 0; padding: 40px 0 44px; }
  .dn-tile__media { display: none; }
  .dn-tile__body { padding-top: 0; }
  .dn-tile__body h3 { font-size: 30px; line-height: 38px; }
  .dn-tile__body p { font-size: 18px; line-height: 28px; }
}