.work {
  border-top:1px solid var(--color-border)
}
.work__list {
  display:grid;
  gap:clamp(4rem,9vw,9rem)
}
.work-item {
  display:grid;
  grid-template-columns:1.7fr 1fr;
  gap:clamp(2rem,6vw,6rem);
  align-items:center
}
.work-item--reverse {
  grid-template-columns:1fr 1.7fr
}
.work-item--reverse .work-item__media {
  order:2
}
.work-item__media {
  position:relative;
  padding:2.5rem 2.8rem 3rem 0;
  background:var(--color-bg-elevated);
  border-radius:var(--radius-m)
}
.work-item:nth-child(2) .work-item__media {
  background:#231f1c
}
.work-item:nth-child(3) .work-item__media {
  background:#302a25
}
.work-item:nth-child(4) .work-item__media {
  background:#242720
}
.work-item__desktop {
  margin-left:1.5rem
}
.work-item__phone {
  width:21%;
  position:absolute;
  right:1rem;
  bottom:1rem
}
.work-item__name {
  font-size:clamp(1.75rem,3vw,3rem)
}
.work-item__sector {
  color:var(--color-text-muted);
  margin-top:1rem;
  font-size:.9375rem
}
.work-item__role {
  margin-block:2rem .75rem;
  font-size:.75rem;
  color:var(--color-text-muted)
}
.work-item__body .link-arrow {
  font-size:.875rem
}
.positioning {
  border-block:1px solid var(--color-border)
}
.positioning__grid {
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:5rem;
  align-items:center
}
.positioning__title {
  max-width:14ch
}
.positioning__body p {
  color:var(--color-text-muted)
}
.positioning__body p+p {
  margin-top:1.5rem
}
.services__featured {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:1.5rem;
  margin-bottom:3rem
}
.service-tile {
  position:relative;
  padding:clamp(2rem,4vw,4rem);
  min-height:300px;
  background:var(--color-bg-elevated);
  border:1px solid var(--color-border);
  border-radius:var(--radius-m);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:3rem
}
.service-tile__name {
  max-width:12ch
}
.service-tile__text {
  max-width:35ch;
  font-size:.9375rem;
  color:var(--color-text-muted)
}

.deliverables {
  border-top:1px solid var(--color-border)
}
.deliverables .section-intro {
  display:grid;
  justify-items:center;
  gap:1rem;
  text-align:center
}
.deliverables .section-intro__title { max-width:none; text-wrap:balance }
.deliverables .section-intro__lead { margin:0; max-width:52ch }
.deliverables__list {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;
  background:var(--color-border)
}
.deliverable {
  min-width:0;
  min-height:188px;
  padding:1.5rem 1.25rem;
  text-align:center;
  background:var(--color-bg-elevated)
}
.deliverable:nth-child(2),.deliverable:nth-child(4) {
  background:linear-gradient(145deg,#2c2234,var(--color-bg-elevated) 80%)
}
.deliverable__number {
  display:block;
  color:var(--color-brand-light);
  font: .75rem/1 var(--font-mono)
}
.deliverable h3 {
  margin-top:1.3rem;
  font-size:clamp(1.0625rem,1.3vw,1.25rem);
  text-wrap:balance
}
.deliverable p {
  margin-top:.7rem;
  color:var(--color-text-muted);
  font-size:.875rem;
  text-wrap:pretty
}
.why {
  border-top:1px solid var(--color-border)
}

.community {
  align-self:end;
  max-width:34ch;
  padding:1.5rem;
  border:1px solid var(--color-border);
  border-radius:1rem;
  background:var(--color-surface-soft)
}
.community__logo {
  display:block;
  width:min(100%, 220px);
  height:auto;
  margin:0 auto 1.25rem;
  object-fit:contain
}
.community__figure {
  font-family:var(--font-display);
  font-size:clamp(3rem,6vw,6rem);
  line-height:1;
  color:var(--color-brand-light);
  letter-spacing:-.035em
}
.community__name {
  margin-top:1rem;
  font-weight:500
}
.community__text {
  margin-top:1rem;
  font-size:.875rem;
  color:var(--color-text-muted)
}

.testimonials {
  padding-block:3rem
}
.testimonials__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding-block:2rem;
  border-block:1px solid var(--color-border)
}
.testimonials h2 {
  font-size:1.5rem
}
.placeholder-note {
  font-size:.875rem;
  color:var(--color-text-muted);
  margin-top:1rem;
  max-width:54ch
}
.quality__grid {
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem
}
.quality__intro { max-width:780px; margin-inline:auto; text-align:center }
.quality__intro .section-intro__title { max-width:22ch; margin-inline:auto; text-wrap:balance }
.quality__intro .section-intro__lead { margin-inline:auto; text-wrap:pretty }
.quality__features {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
  width:100%;
  max-width:1100px;
  margin-inline:auto
}
.quality__features li {
  padding:clamp(1.5rem,3vw,2.5rem);
  border:1px solid var(--color-border-strong);
  border-radius:var(--radius-m);
  background:#21192b99;
  text-align:center
}
.quality__features li:nth-child(2),.quality__features li:nth-child(3) {
  background:#251a3899
}
.quality__features h3 { font-size:clamp(1.25rem,2vw,1.6rem); text-wrap:balance }
.quality__features p {
  max-width:42ch;
  margin:1rem auto 0;
  color:var(--color-text-muted);
  font-size:.9375rem;
  text-wrap:pretty
}
@media(min-width:768px) and (max-width:1099px) {
  .deliverables__list { grid-template-columns:1fr }
  .deliverable { display:grid; grid-template-columns:2rem 1fr 1.5fr; align-items:center; gap:1.25rem; min-height:0; text-align:start }
  .deliverable h3,.deliverable p { margin:0 }
}
@media(max-width:767px) {
  .testimonials__inner {
    align-items:flex-start;
    flex-direction:column
  }
}
.final-cta {
  border-top:1px solid var(--color-border)
}
.faq {
  border-top:1px solid var(--color-border)
}

.final-cta__inner {
  max-width:950px;
  text-align:center
}
.final-cta__title {
  font-size:clamp(2.75rem,6vw,6rem)
}
.final-cta__lead {
  max-width:45ch;
  margin:2rem auto;
  color:var(--color-text-muted)
}
.final-cta__inner > .button + .button { margin-left:.75rem }
@media(hover:hover) {
  .service-tile:hover {
  border-color:var(--color-brand-light)
}

}
@media(max-width:1023px) {

.positioning__grid {
  gap:3rem
}
.work-item,.work-item--reverse {
  grid-template-columns:1.5fr 1fr;
  gap:2rem
}

}
@media(max-width:767px) {

.work-item,.work-item--reverse {
  grid-template-columns:1fr;
  gap:2rem
}
.work-item--reverse .work-item__media {
  order:0
}
.work-item__media {
  padding:1.8rem 1.8rem 2rem 0
}
.work-item__desktop {
  margin-left:1rem
}
.positioning__grid,.quality__grid,.services__featured {
  grid-template-columns:1fr
}
.service-tile {
  min-height:260px
}

.final-cta__inner > .button + .button { margin:.75rem 0 0 }
.deliverables__list {
  grid-template-columns:1fr
}
.deliverable { min-height:0; padding:1.4rem }
.deliverable h3 { margin-top:.85rem }
.quality__features { grid-template-columns:1fr }

}