.featured-work {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .82fr);
  align-items: center;
  gap: clamp(36px, 7vw, 112px);
  padding-block: clamp(48px, 7vw, 104px);
  scroll-margin-top: 68px;
}
.featured-work figure { margin: 0; }
.featured-shirt {
  overflow: hidden;
  background: #b4b7b6;
}
.featured-shirt img {
  display: block;
  width: 100%;
  aspect-ratio: 1.04;
  object-fit: cover;
  object-position: 50% 42%;
}
.featured-story { min-width: 0; }
.featured-story .eyebrow { color: #c8b48a; }
.featured-story h2 {
  font-size: clamp(48px, 5.6vw, 88px);
  line-height: 1.02;
  letter-spacing: -.065em;
  margin-block: 14px 18px;
}
.featured-story > p {
  max-width: 38ch;
  color: #cccdc5;
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 1.65;
}
.featured-work .featured-detail { margin-block: clamp(18px, 2.5vw, 36px) 20px; }
.featured-print {
  position: relative;
  aspect-ratio: 4 / 3;
  background: #151616;
}
/* The supplied portrait reads horizontally after a clockwise quarter turn. */
.featured-print img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: auto;
  object-fit: contain;
  transform: translate(-50%, -50%) rotate(90deg);
}
.client-list span { white-space: nowrap; }
.featured-detail figcaption {
  margin-top: 7px;
  font-size: 12px;
  color: #b1b2aa;
}
.featured-story .text-link { color: #e2cba3; }
@media (max-width: 720px) {
  .featured-work { grid-template-columns: 1fr; gap: 20px; padding-block: 36px; }
  .featured-story { display: contents; }
  .featured-story .eyebrow, .featured-story h2 { grid-row: 1; grid-column: 1; }
  .featured-story h2 { margin: 26px 0 0; font-size: clamp(48px, 11vw, 68px); }
  .featured-story .eyebrow { align-self: start; }
  .featured-shirt { grid-row: 2; }
  .featured-story > p { margin: 0; max-width: 46ch; }
  .featured-work .featured-detail { margin: 0; }
  .featured-story .text-link { justify-self: start; }
}
@media (max-width: 390px) {
  .campaign .wide-break { display: none; }
}

.campaign-brands .campaign-photo {
  inset: 0 0 0 auto;
  width: 78%;
  height: 100%;
  object-position: 58% center;
}
.campaign-brands .campaign-shade {
  background: linear-gradient(90deg,#101110 12%,#101110fa 24%,#101110de 36%,#10111085 49%,transparent 75%),
              linear-gradient(0deg,#101110 0%,#1011107a 8%,transparent 30%,transparent 75%,#10111073 100%);
}
.campaign-brands .campaign-content > p { max-width: 39ch; color: #e4e3db; }
.campaign-brands .campaign-bottom > span { color: #e3ded3; }
.segments .segment-top { justify-content: flex-end; }
.dtf-project { margin: 0 auto; width: min(100%, 410px); min-width: 0; }
.dtf-project a { display: block; background: #171918; }
.dtf-project img { display: block; width: 100%; height: auto; }
.dtf-project figcaption, .print-lead figcaption {
  padding-top: 12px;
  font-size: .84rem;
  line-height: 1.5;
  color: #ddd5c5;
}
.dtf-project figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; }
.dtf-project figcaption span { color: #c3ae85; }
.tech-layout .btn { margin-top: 20px; }
@media (max-width: 750px) {
  .campaign-brands {
    height: auto;
    min-height: 0;
    max-height: none;
    display: flex;
    flex-direction: column;
  }
  .campaign-brands .campaign-content { order: 1; height: auto; padding-top: 106px; padding-bottom: 28px; }
  .campaign-brands .campaign-photo {
    position: static; order: 2; width: 100%; height: auto;
    aspect-ratio: 1600 / 807; object-fit: contain; opacity: 1; animation: none;
    z-index: auto;
  }
  .campaign-brands .campaign-shade { display: none; }
  .campaign-brands .campaign-bottom { position: static; order: 3; padding-block: 13px; }
  .campaign-brands .campaign-bottom > span:last-child { display: block; font-size: .65rem; }
  .campaign-brands .campaign-bottom .scroll-cue { font-size: .6rem; }
  .campaign-brands .campaign-content > p { font-size: .9rem; max-width: 45ch; }
  .campaign-brands .eyebrow { font-size: .62rem; margin-bottom: 18px; }
}
@media (min-width: 751px) { .campaign-brands .campaign-bottom { padding-right: 156px; } }
