.duo-intro { padding-top: 76px; padding-bottom: 56px; }
.duo-intro .eyebrow { color: var(--accent-text); }
.duo-intro .hero-title { max-width: 18ch; font-size: clamp(44px, 6vw, 78px); margin-top: 18px; }
.duo-intro .lead { max-width: 54ch; margin-top: 24px; }
.duo-status { display: inline-block; margin-top: 24px; padding: 9px 13px; border: 1px solid var(--hairline); border-radius: 999px; color: var(--ink-label); font: 12px/1.4 var(--font-mono); letter-spacing: .04em; }
.duo-showcase { background: #ece8df; color: #252520; padding: clamp(24px, 5vw, 72px) var(--pad-x); }
.duo-showcase__inner { max-width: var(--col-max); margin-inline: auto; }
.duo-showcase__head { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 36px; }
.duo-showcase__head h2 { font: 400 clamp(32px, 4vw, 52px)/1.1 Georgia, serif; max-width: 16ch; }
.duo-showcase__head p { max-width: 42ch; color: #5f5b53; line-height: 1.6; }
.duo-showcase__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.duo-figure { margin: 0; min-width: 0; }
.duo-figure img { display: block; width: 100%; height: auto; border-radius: 12px; }
.duo-figure figcaption { padding-top: 16px; display: flex; gap: 12px; align-items: baseline; color: #5f5b53; font-size: 14px; line-height: 1.5; }
.duo-figure strong { color: #a43a28; font: 12px var(--font-mono); text-transform: uppercase; white-space: nowrap; }
.duo-story { padding-top: var(--sec-gap); }
.duo-story .h2 { max-width: 22ch; }
.duo-story p { max-width: 64ch; margin-top: 24px; }
.duo-video { padding-top: var(--sec-gap); padding-bottom: var(--sec-gap); }
.duo-video__head { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 26px; }
.duo-video__head p { max-width: 42ch; }
.duo-video__frame { aspect-ratio: 16 / 9; min-height: 260px; border: 1px solid var(--hairline); border-radius: 18px; background: radial-gradient(circle at 50% 42%, #292724 0, #171718 58%, #101011 100%); display: grid; place-items: center; text-align: center; padding: 32px; }
.duo-video__frame-inner { max-width: 40ch; }
.duo-video__icon { width: 68px; height: 68px; margin: 0 auto 24px; border: 1px solid #ffffff55; border-radius: 50%; display: grid; place-items: center; color: var(--ink); font-size: 25px; padding-left: 3px; }
.duo-video__frame h3 { font-size: clamp(20px, 3vw, 30px); font-weight: 500; }
.duo-video__frame p { margin-top: 12px; color: var(--ink-label); }
.duo-video__note { margin-top: 14px; font-size: 13px; color: var(--ink-label); }
.duo-back { padding-bottom: var(--sec-gap); display: flex; flex-wrap: wrap; gap: 12px 32px; }
.duo-cta { margin-top: 28px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.duo-showcase__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.duo-showcase__note { margin-top: 28px; color: #5f5b53; }
.duo-showcase__head .eyebrow { margin-bottom: 12px; }
@media (max-width: 840px) {
  .duo-intro { padding-top: 48px; padding-bottom: 40px; }
  .duo-showcase__head, .duo-video__head { display: block; }
  .duo-showcase__head p, .duo-video__head p { margin-top: 16px; }
  .duo-showcase__grid { grid-template-columns: 1fr; gap: 38px; }
  .duo-video__frame { min-height: 300px; aspect-ratio: auto; grid-template-columns: minmax(0, 1fr); }
  .duo-showcase__grid--three { grid-template-columns: 1fr; }
}