.about-logo { position: relative; margin-top: -70px; padding: var(--gutter); }
.about-logo picture { display: block; }
.about-logo img {
  display: block;
  width: 308px;
  margin-inline: auto;
  border: var(--border-gold);
  border-radius: var(--radius-panel);
}
.about-story { display: flex; align-items: center; min-height: 331px; margin-top: var(--section-gap-sm); }
.about-story .container { max-width: 915px; }
.about-story__heading { margin-bottom: 10px; }
.about-story__text { font-size: var(--fs-subtitle); text-align: center; }
.about-story__text p { margin-bottom: 10px; }
.about-story__text p:last-child { margin-bottom: 14.4px; }
.about-tk { --tk-blue: #27AAE1; --tk-blue-dark: #0E7AB0; margin-block: 40px; }
.about-tk__card {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 259px;
  padding: calc(var(--gutter) - 1px);
  overflow: hidden;
  border: var(--border-gold);
  border-radius: 18px;
  background-color: var(--c-text);
}
.about-tk__card picture { position: absolute; inset: 0; display: block; }
.about-tk__photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.about-tk__text { position: relative; z-index: 1; width: 50%; padding: var(--gutter); color: var(--c-secondary); }
.about-tk__title { margin-bottom: var(--widget-gap); color: var(--c-primary); font-size: var(--fs-accent); font-weight: var(--fw-medium); line-height: var(--lh-tight); }
.about-tk__text p { margin-bottom: 9.4px; }
.btn--tk {
  position: relative;
  vertical-align: top;
  border-color: var(--tk-blue);
  border-radius: 25px;
  background-color: transparent;
  color: var(--tk-blue-dark);
  font-size: 14px;
}
.btn--tk::after { content: ""; position: absolute; inset: -3px -1px; }  
.btn--tk:focus-visible { border-color: var(--tk-blue-dark); background-color: var(--tk-blue-dark); color: var(--c-text); }
@media (hover: hover) { .btn--tk:hover { border-color: var(--tk-blue-dark); background-color: var(--tk-blue-dark); color: var(--c-text); } }
.btn--tk:focus-visible { outline-color: var(--c-primary); }
.about-values { position: relative; z-index: 2; }
.about-values__row { display: flex; flex-wrap: wrap; padding: var(--gutter); }
.about-values .icon-card { flex: 0 0 calc(25% - 10px); min-width: 0; margin: 5px; }
.about-stats { --stats-mt: -200px; }
.about-stats .stats-band__row { padding-top: 229px; }
.about-gallery { margin-block: var(--section-gap) var(--section-gap-sm); }
.about-more .blog-more { margin-block: 0 40px; }
@media (max-width: 1270px) {
  .about-tk { padding-inline: var(--gutter); }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .about-tk__card picture { left: 50%; }
  .about-tk__photo { object-position: 75% center; }
}
@media (max-width: 1024px) {
  .about-tk { padding: var(--gutter); }
  .about-values .icon-card { flex-basis: calc(50% - 10px); }
  .about-stats { --stats-mt: -120px; }
  .about-stats .stats-band__row { padding-top: 149px; }
}
@media (max-width: 767px) {
  .about-logo { margin-top: -50px; }
  .about-tk__text { width: 100%; }
  .about-tk__photo { position: absolute; top: 50%; right: 0; width: 390%; max-width: none; height: auto; min-height: 100%; transform: translateY(-50%); }
  .about-tk__card::after { content: ""; position: absolute; inset: 0; background-color: var(--c-text); opacity: .86; }
  .btn--tk { background-color: var(--c-text); }  
  .about-values .icon-card { flex-basis: calc(100% - 10px); }
  .about-stats { --stats-mt: -10px; }
  .about-stats .stats-band__row { padding-top: var(--gutter); }
}
