/* V15 review pass: free body type, partner social proof, and quieter process steps. */
@font-face {
  font-family: "Figtree TR";
  src: url("../fonts/Figtree-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "Figtree TR";
  src: url("../fonts/Figtree-Italic-Variable.ttf") format("truetype");
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
}

:root {
  --tr11-font: "Figtree TR", Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body.tr11,
body.tr11 button,
body.tr11 input,
body.tr11 select,
body.tr11 textarea,
.tr-logo-text,
.tr-footer-logotype,
.tr-avatar,
.tr-chip,
.tr-client-chip,
.tr-logo-chip,
.tr-package-scope,
.tr-blog-notice,
.tr-stack-item {
  font-family: var(--tr11-font) !important;
}

/* Give descenders such as the final “g” more breathing room. */
.tr11-mark {
  padding-bottom: .16em;
}

/* Review variation requested: retain the rhythm, remove the three rules. */
.tr11-step {
  border-top: 0;
}

.tr15-instagram {
  display: inline-flex;
  align-items: center;
  gap: .78rem;
  width: fit-content;
  margin: 1.15rem 0 .35rem;
  color: inherit;
  text-decoration: none;
}

.tr15-instagram svg {
  width: 2.55rem;
  height: 2.55rem;
  flex: 0 0 auto;
  padding: .58rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
}

.tr15-instagram span {
  display: grid;
  gap: .06rem;
  line-height: 1.15;
}

.tr15-instagram strong {
  font-size: .98rem;
  font-weight: 760;
  letter-spacing: -.018em;
}

.tr15-instagram small {
  font-size: .78rem;
  font-weight: 560;
  opacity: .64;
}

.tr15-instagram:hover strong,
.tr15-instagram:focus-visible strong {
  text-decoration: underline;
  text-underline-offset: .18em;
}

@media (max-width: 767px) {
  .tr11-mark {
    padding-bottom: .18em;
  }

  .tr15-instagram {
    margin-top: .9rem;
  }
}


/* V16: tighter, balanced partner and service cards. */
@media (min-width: 768px) {
  .tr11-partner-grid {
    width: min(100%, 1120px);
    margin-inline: auto;
    align-items: stretch;
  }

  .tr11-partner-copy {
    gap: .62rem;
    padding: clamp(1.65rem, 2.2vw, 2.25rem);
  }

  .tr11-partner-copy h3 {
    margin-bottom: 0;
  }

  .tr11-partner-copy > p:not(.tr11-role) {
    margin-top: .18rem;
  }

  .tr15-instagram {
    gap: .65rem;
    margin: -.05rem 0 .15rem;
    padding: .2rem 0;
  }

  .tr15-instagram svg {
    width: 2.25rem;
    height: 2.25rem;
    padding: .48rem;
  }

  .tr15-instagram strong {
    font-size: clamp(.94rem, 1vw, 1.05rem);
  }

  .tr15-instagram small {
    font-size: .85rem;
  }

  .tr11-services .tr5-services {
    width: min(100%, 1120px);
    margin-inline: auto;
    align-items: stretch;
  }

  .tr11-services .tr5-services > .col {
    display: flex;
  }

  .tr11-services .tr5-services .bento-block-2 {
    width: 100%;
    min-height: 500px;
    padding: clamp(1.6rem, 2.4vw, 2.35rem);
    gap: 1rem;
  }

  .tr11-services .tr5-services .u-mb-md,
  .tr11-services .tr5-services .u-mb-xl,
  .tr11-services .tr5-services .u-mb-lg {
    margin-bottom: 0;
  }

  .tr11-services .tr5-services .tr6-vector.image-118 {
    height: clamp(7.8rem, 10vw, 9.8rem);
  }

  .tr11-services .tr5-services .cross-component {
    margin-top: auto;
  }

  .tr11-services .tr5-services .cross-logo_item {
    height: clamp(4.4rem, 5.5vw, 5.4rem);
  }

  .tr11-services .tr5-services .paragraph-xl {
    margin: .15rem 0 auto;
  }

  .tr11-services .tr5-service-link {
    margin-top: .35rem;
  }
}

.tr11-step-no {
  font-size: clamp(17px, 1.2vw, 21px);
}

@media (max-width: 767px) {
  .tr11-steps {
    gap: 1.2rem;
  }

  .tr11-step {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: .8rem;
    row-gap: .22rem;
    padding-top: .35rem;
  }

  .tr11-step-no {
    font-size: 18px;
  }

  .tr11-step h3 {
    align-self: center;
    transform: translateY(.34rem);
  }

  .tr11-step p {
    margin-top: -.05rem;
  }
}


/* V17: restore full-grid card alignment while keeping Bahr's identity block compact. */
@media (min-width: 768px) {
  .tr11-partner-grid {
    width: 100%;
    margin-inline: 0;
  }

  .tr11-partner-copy {
    gap: .5rem;
    padding: clamp(1.5rem, 2.6vw, 2.6rem);
  }

  .tr11-partner--bahr h3 {
    max-width: none;
    white-space: nowrap;
    font-size: clamp(36px, 3.45vw, 61px);
  }

  .tr15-instagram {
    gap: .52rem;
    margin: 0 0 .05rem;
    padding: 0;
  }

  .tr15-instagram svg {
    width: 2rem;
    height: 2rem;
    padding: .42rem;
  }

  .tr11-partner-copy > p:not(.tr11-role) {
    margin-top: .05rem;
  }

  .tr11-services .tr5-services {
    width: auto;
    margin-inline: calc(var(--_layout---grid--gap-main) / -2);
  }

  .tr11-services .tr5-services .bento-block-2 {
    min-height: clamp(28rem, 35vw, 35rem);
    padding: clamp(1.75rem, 3vw, 3rem);
    gap: 1.5rem;
  }

  .tr11-services .tr5-services .tr6-vector.image-118 {
    height: clamp(10rem, 15vw, 15rem);
  }

  .tr11-services .tr5-services .cross-logo_item {
    height: clamp(5rem, 7vw, 7rem);
  }
}


/* V18: preserve full-grid alignment, improve Bahr's crop, and remove service-card dead space. */
@media (min-width: 768px) {
  .tr11-partner--bahr .tr11-portrait img {
    object-position: center 8%;
  }

  .tr11-services .tr5-services .bento-block-2 {
    aspect-ratio: auto;
    min-height: 560px;
  }

  .tr11-services .tr5-services .tr6-vector.image-118 {
    height: clamp(7rem, 9vw, 8rem);
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .tr11-services .tr5-services .bento-block-2 {
    min-height: 520px;
  }
}