.argo-digital-case {
  background-color: var(--argo-paper);
  background-image:
    linear-gradient(to right, transparent calc(25% - 1px), rgba(33, 78, 104, .045) 25%, transparent calc(25% + 1px)),
    linear-gradient(to right, transparent calc(50% - 1px), rgba(33, 78, 104, .045) 50%, transparent calc(50% + 1px)),
    linear-gradient(to right, transparent calc(75% - 1px), rgba(33, 78, 104, .045) 75%, transparent calc(75% + 1px));
  background-size: 88vw 100%;
  background-position: center;
}

.argo-digital-hero { padding-top: 30px; }
.argo-digital-hero-nav { display: flex; justify-content: space-between; align-items: center; }
.argo-digital-part { margin: 0; color: var(--argo-blue); font: 600 10px/1.5 var(--argo-mono); letter-spacing: .13em; text-transform: uppercase; }

.argo-digital-hero-copy,
.argo-digital-before-grid,
.argo-digital-architecture-head,
.argo-digital-routes-head,
.argo-digital-catalog-head,
.argo-digital-collection-copy,
.argo-digital-qr-head,
.argo-digital-content-head,
.argo-digital-channels-head,
.argo-digital-email-head,
.argo-digital-marketplace-grid,
.argo-digital-economics-head,
.argo-digital-results-head,
.argo-digital-retro-head,
.argo-digital-next-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 24px;
}

.argo-digital-hero-copy { padding-top: clamp(68px, 8vw, 118px); }
.argo-digital-hero-copy .argo-case-kicker { grid-column: 1 / span 3; margin: 7px 0 0; }
.argo-digital-continuation { grid-column: 8 / -1; margin: 0; color: var(--argo-blue); font: 14px/1.55 var(--argo-serif); }

.argo-digital-hero h1 {
  grid-column: 1 / span 10;
  margin: 82px 0 0;
  font: 400 clamp(68px, 7.8vw, 118px)/.85 var(--argo-serif);
  letter-spacing: -.066em;
}

.argo-digital-standfirst { grid-column: 7 / -1; margin: 58px 0 72px; color: var(--argo-muted); font: 18px/1.62 var(--argo-serif); }
.argo-digital-hero-screen { width: min(1600px, 96vw); margin-inline: auto; }
.argo-digital-hero-screen > img { width: 100%; }
.argo-digital-meta-wrap { margin-top: 52px; }

.argo-digital-before,
.argo-digital-architecture,
.argo-digital-routes,
.argo-digital-catalog,
.argo-digital-collection,
.argo-digital-qr,
.argo-digital-content,
.argo-digital-channels,
.argo-digital-email,
.argo-digital-marketplace,
.argo-digital-economics,
.argo-digital-results,
.argo-digital-retro,
.argo-digital-next { padding: clamp(115px, 12vw, 180px) 0; }

.argo-digital-before-grid .argo-case-label,
.argo-digital-architecture-head .argo-case-label,
.argo-digital-routes-head .argo-case-label,
.argo-digital-catalog-head .argo-case-label,
.argo-digital-collection-copy .argo-case-label,
.argo-digital-qr-head .argo-case-label,
.argo-digital-content-head .argo-case-label,
.argo-digital-channels-head .argo-case-label,
.argo-digital-email-head .argo-case-label,
.argo-digital-marketplace-grid .argo-case-label,
.argo-digital-economics-head .argo-case-label,
.argo-digital-results-head .argo-case-label,
.argo-digital-retro-head .argo-case-label,
.argo-digital-next-grid .argo-case-label { grid-column: 1 / span 3; margin: 8px 0 0; }

.argo-digital-before h2,
.argo-digital-architecture h2,
.argo-digital-routes h2,
.argo-digital-catalog h2,
.argo-digital-collection h2,
.argo-digital-qr h2,
.argo-digital-content h2,
.argo-digital-channels h2,
.argo-digital-email h2,
.argo-digital-marketplace h2,
.argo-digital-economics h2,
.argo-digital-results h2,
.argo-digital-retro h2,
.argo-digital-next h2 {
  grid-column: 4 / -1;
  max-width: 1030px;
  margin: 0;
  font: 400 clamp(53px, 6vw, 88px)/.92 var(--argo-serif);
  letter-spacing: -.058em;
}

.argo-digital-before { padding-bottom: 0; }
.argo-digital-before-lead { grid-column: 1 / span 5; margin: 82px 0 0; color: var(--argo-blue); font: 400 clamp(33px, 3.6vw, 53px)/1 var(--argo-serif); letter-spacing: -.04em; }
.argo-digital-before-copy { grid-column: 7 / -1; margin-top: 82px; color: var(--argo-muted); font: 16px/1.72 var(--argo-sans); }
.argo-digital-before-copy p { margin: 0 0 1.25em; }
.argo-digital-old-site { width: min(1480px, 96vw); margin: 100px auto 0; }
.argo-digital-old-site > img { width: 100%; max-height: 820px; object-fit: cover; object-position: center top; filter: saturate(.7); }

.argo-digital-scale { padding: clamp(95px, 10vw, 150px) 0; color: var(--argo-white); background: var(--argo-blue); }
.argo-digital-scale-layout { display: grid; grid-template-columns: .86fr 1.14fr; gap: 7vw; align-items: end; }
.argo-digital-scale .argo-case-label { color: var(--argo-white); opacity: .72; }
.argo-digital-scale-main > strong { display: block; margin-top: 75px; font: 400 clamp(120px, 16vw, 240px)/.68 var(--argo-serif); letter-spacing: -.1em; }
.argo-digital-scale-main h2 { margin: 60px 0 0; font: 400 clamp(34px, 3.6vw, 53px)/1 var(--argo-serif); letter-spacing: -.045em; }
.argo-digital-scale-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid rgba(247, 247, 243, .35); }
.argo-digital-scale-facts div { min-height: 128px; padding: 22px; border-right: 1px solid rgba(247, 247, 243, .35); border-bottom: 1px solid rgba(247, 247, 243, .35); }
.argo-digital-scale-facts div:nth-child(even) { border-right: 0; }
.argo-digital-scale-facts dt { font: 400 36px/1 var(--argo-serif); }
.argo-digital-scale-facts dd { margin: 24px 0 0; color: rgba(247, 247, 243, .7); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }
.argo-digital-scale-layout figure { grid-column: 1 / -1; margin-top: 25px; }
.argo-digital-scale-layout figure img { width: 100%; max-height: 650px; object-fit: cover; }

.argo-digital-architecture { background: #e9eeed; }
.argo-digital-architecture-head > p:last-child { grid-column: 7 / -1; margin: 58px 0 0; color: var(--argo-muted); font: 16px/1.68 var(--argo-sans); }
.argo-digital-audiences { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 85px; border-top: 1px solid var(--argo-line); border-bottom: 1px solid var(--argo-line); }
.argo-digital-audiences span { padding: 20px 18px; border-right: 1px solid var(--argo-line); color: var(--argo-blue); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.argo-digital-audiences span:last-child { border-right: 0; }
.argo-digital-flow { display: flex; align-items: stretch; margin-top: 56px; border: 1px solid var(--argo-line); background: var(--argo-paper); }
.argo-digital-flow span,
.argo-digital-flow strong { flex: 1 1 0; min-width: 0; padding: 48px 16px; display: flex; align-items: center; justify-content: center; font: 400 20px/1.05 var(--argo-serif); text-align: center; }
.argo-digital-flow strong { color: var(--argo-white); background: var(--argo-blue); font-size: 28px; }
.argo-digital-flow i { flex: 0 0 26px; align-self: center; color: var(--argo-blue); font: normal 16px/1 var(--argo-sans); text-align: center; }

.argo-digital-routes { background: var(--argo-paper); }
.argo-digital-routes-gallery { width: min(1600px, 96vw); margin: 88px auto 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.argo-digital-routes-gallery figure { position: relative; overflow: hidden; background: #dfe5e5; }
.argo-digital-routes-gallery img { width: 100%; height: 100%; object-fit: cover; }
.argo-digital-routes-gallery figcaption { position: absolute; right: 14px; bottom: 14px; padding: 9px 11px; color: var(--argo-white); background: var(--argo-blue); font: 600 8px/1.2 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }
.argo-digital-route-home { grid-column: 1 / -1; min-height: 640px; }
.argo-digital-route-nav { grid-column: 1 / span 7; min-height: 480px; }
.argo-digital-route-company { grid-column: 8 / -1; min-height: 480px; }
.argo-digital-route-index { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 42px; }
.argo-digital-route-index span { padding: 11px 14px; border: 1px solid var(--argo-line); color: var(--argo-blue); font: 600 9px/1.2 var(--argo-mono); letter-spacing: .08em; text-transform: uppercase; }

.argo-digital-catalog { color: var(--argo-white); background: #172126; }
.argo-digital-catalog .argo-case-label { color: #9fc4d5; }
.argo-digital-catalog-pair { display: grid; grid-template-columns: .85fr 1.15fr; gap: 30px; align-items: end; margin-top: 88px; }
.argo-digital-catalog-pair figure { padding: 12px; background: var(--argo-paper); }
.argo-digital-catalog-pair img { width: 100%; }
.argo-digital-catalog-pair figcaption { display: flex; justify-content: space-between; gap: 20px; padding: 14px 4px 3px; color: var(--argo-muted); font: 600 8px/1.4 var(--argo-mono); letter-spacing: .09em; text-transform: uppercase; }
.argo-digital-catalog-pair figcaption strong { color: var(--argo-blue); }
.argo-digital-catalog-note { margin-top: 50px; color: rgba(247, 247, 243, .62); font: 600 9px/1.6 var(--argo-mono); letter-spacing: .09em; text-transform: uppercase; }

.argo-digital-collection { padding-bottom: 0; }
.argo-digital-collection-copy > p:last-child { grid-column: 7 / -1; margin: 58px 0 0; color: var(--argo-muted); font: 16px/1.7 var(--argo-sans); }
.argo-digital-solid-story { width: 100%; margin-top: 88px; padding: 8vw 13vw; background: var(--argo-blue); }
.argo-digital-solid-story img { width: 100%; }
.argo-digital-collection-transition { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding-block: 36px; color: var(--argo-blue); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }
.argo-digital-collection-transition i { font: normal 15px/1 var(--argo-sans); }
.argo-digital-solid-product { padding: 12px; background: #e9eeed; }
.argo-digital-solid-product > img { width: 100%; }

.argo-digital-qr { color: var(--argo-white); background: #17364a; }
.argo-digital-qr .argo-case-label { color: #b5d5e3; }
.argo-digital-qr-number { grid-column: 1 / span 3; margin-top: 84px; }
.argo-digital-qr-number strong { display: block; font: 400 110px/.75 var(--argo-serif); letter-spacing: -.08em; }
.argo-digital-qr-number span { display: block; margin-top: 28px; font: 600 9px/1.45 var(--argo-mono); letter-spacing: .11em; text-transform: uppercase; }
.argo-digital-qr-head > p:last-child { grid-column: 7 / -1; margin: 58px 0 0; color: rgba(247, 247, 243, .7); font: 16px/1.7 var(--argo-sans); }
.argo-digital-qr-screens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 42px); align-items: start; margin-top: 90px; }
.argo-digital-qr-screens figure:nth-child(2) { margin-top: 115px; }
.argo-digital-qr-screens figure:nth-child(3) { margin-top: 230px; }
.argo-digital-qr-screens img { width: 100%; }
.argo-digital-qr-screens figcaption { margin-top: 14px; color: rgba(247, 247, 243, .65); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }

.argo-digital-content { background: #e9eeed; }
.argo-digital-content-flow { width: min(1550px, 96vw); margin: 88px auto 0; display: flex; align-items: center; gap: 10px; padding: 30px; background: var(--argo-paper); }
.argo-digital-content-flow span { flex: 1 1 0; min-width: 0; color: var(--argo-blue); font: 600 8px/1.45 var(--argo-mono); letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.argo-digital-content-flow i { color: var(--argo-blue-light); font: normal 12px/1 var(--argo-sans); }
.argo-digital-content-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 62px; border-top: 1px solid var(--argo-line); border-bottom: 1px solid var(--argo-line); }
.argo-digital-content-results > div { min-height: 230px; padding: 25px; border-right: 1px solid var(--argo-line); display: flex; flex-direction: column; }
.argo-digital-content-results > div:first-child { padding-left: 0; }
.argo-digital-content-results > div:last-child { border-right: 0; }
.argo-digital-content-results span { color: var(--argo-blue); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }
.argo-digital-content-results strong { margin: auto 0 18px; color: var(--argo-blue); font: 400 clamp(38px, 4vw, 60px)/.9 var(--argo-serif); letter-spacing: -.05em; }
.argo-digital-content-results small { color: var(--argo-muted); font: 13px/1.4 var(--argo-sans); }
.argo-digital-content-note { max-width: 700px; margin-top: 42px; color: var(--argo-muted); font: 16px/1.68 var(--argo-sans); }

.argo-digital-channels { background: var(--argo-paper); }
.argo-digital-channels-head > p:last-child { grid-column: 7 / -1; margin: 58px 0 0; color: var(--argo-muted); font: 16px/1.7 var(--argo-sans); }
.argo-digital-channel-collage { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; align-items: start; margin-top: 88px; }
.argo-digital-channel-collage figure { position: relative; overflow: hidden; background: #e9eeed; }
.argo-digital-channel-collage img { width: 100%; height: 100%; object-fit: cover; }
.argo-digital-channel-collage figcaption { position: absolute; right: 13px; bottom: 13px; padding: 8px 10px; color: var(--argo-white); background: var(--argo-blue); font: 600 8px/1.2 var(--argo-mono); letter-spacing: .09em; text-transform: uppercase; }
.argo-digital-channel-story { grid-column: 1 / span 8; min-height: 590px; }
.argo-digital-channel-instagram { grid-column: 9 / -1; min-height: 820px; }
.argo-digital-channel-instagram img,
.argo-digital-channel-pinterest img { object-position: top; }
.argo-digital-channel-pinterest { grid-column: 3 / span 5; min-height: 760px; margin-top: -190px; }

.argo-digital-email { color: var(--argo-white); background: var(--argo-blue); }
.argo-digital-email .argo-case-label { color: #b5d5e3; }
.argo-digital-email-result { grid-column: 7 / -1; margin-top: 68px; padding-top: 28px; border-top: 1px solid rgba(247, 247, 243, .36); }
.argo-digital-email-result strong { display: block; font: 400 clamp(48px, 6vw, 86px)/.85 var(--argo-serif); letter-spacing: -.06em; }
.argo-digital-email-result span { display: block; margin-top: 25px; color: rgba(247, 247, 243, .7); font: 13px/1.5 var(--argo-sans); }
.argo-digital-email-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; align-items: start; margin-top: 88px; }
.argo-digital-email-grid figure { background: var(--argo-white); }
.argo-digital-email-grid figure:nth-child(1) { grid-column: 1 / span 6; }
.argo-digital-email-grid figure:nth-child(2) { grid-column: 7 / -1; margin-top: 80px; }
.argo-digital-email-grid figure:nth-child(3) { grid-column: 2 / span 4; }
.argo-digital-email-grid figure:nth-child(4) { grid-column: 7 / span 4; margin-top: 100px; }
.argo-digital-email-grid img { width: 100%; }
.argo-digital-email-grid figcaption { padding: 12px 14px; color: var(--argo-blue); font: 600 8px/1.2 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }

.argo-digital-marketplace { background: #e9eeed; }
.argo-digital-marketplace-grid ol { grid-column: 1 / span 4; margin: 90px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--argo-line); }
.argo-digital-marketplace-grid ol li { display: grid; grid-template-columns: 34px 1fr; gap: 15px; padding: 19px 0; border-bottom: 1px solid var(--argo-line); font: 14px/1.5 var(--argo-sans); }
.argo-digital-marketplace-grid ol span { color: var(--argo-blue); font: 600 8px/1.5 var(--argo-mono); }
.argo-digital-marketplace-grid figure { grid-column: 5 / -1; margin-top: 90px; padding: 10px; background: var(--argo-paper); }
.argo-digital-marketplace-grid figure img { width: 100%; }
.argo-digital-marketplace-results { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 72px; border-top: 1px solid var(--argo-line); border-bottom: 1px solid var(--argo-line); }
.argo-digital-marketplace-results p { min-height: 180px; margin: 0; padding: 24px; border-right: 1px solid var(--argo-line); display: flex; flex-direction: column; }
.argo-digital-marketplace-results p:first-child { padding-left: 0; }
.argo-digital-marketplace-results p:last-child { border-right: 0; }
.argo-digital-marketplace-results strong { margin: auto 0 18px; color: var(--argo-blue); font: 400 clamp(39px, 4vw, 60px)/.9 var(--argo-serif); letter-spacing: -.055em; }
.argo-digital-marketplace-results span { color: var(--argo-muted); font: 12px/1.45 var(--argo-sans); }
.argo-digital-attribution { grid-column: 7 / -1; margin-top: 30px; color: var(--argo-muted); font: 11px/1.55 var(--argo-sans); }

.argo-digital-economics { color: var(--argo-white); background: #172126; }
.argo-digital-economics .argo-case-label { color: #9fc4d5; }
.argo-digital-economics-lines { margin-top: 90px; border-top: 1px solid rgba(247, 247, 243, .3); }
.argo-digital-economics-lines p { display: grid; grid-template-columns: 1fr 1.4fr .4fr; gap: 24px; align-items: baseline; margin: 0; padding: 26px 0; border-bottom: 1px solid rgba(247, 247, 243, .3); }
.argo-digital-economics-lines span { color: rgba(247, 247, 243, .62); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }
.argo-digital-economics-lines strong { font: 400 clamp(31px, 3.6vw, 52px)/1 var(--argo-serif); letter-spacing: -.04em; }
.argo-digital-economics-lines small { color: #a7d3e5; font: 600 12px/1.4 var(--argo-mono); text-align: right; }

.argo-digital-results { background: var(--argo-paper); }
.argo-digital-result-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 90px; border-top: 1px solid var(--argo-line); border-bottom: 1px solid var(--argo-line); }
.argo-digital-result-groups article { min-height: 500px; padding: 27px; border-right: 1px solid var(--argo-line); }
.argo-digital-result-groups article:first-child { padding-left: 0; }
.argo-digital-result-groups article:last-child { border-right: 0; }
.argo-digital-result-groups article > span { display: block; min-height: 58px; color: var(--argo-blue); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; }
.argo-digital-result-groups p { margin: 48px 0 0; color: var(--argo-muted); font: 13px/1.5 var(--argo-sans); }
.argo-digital-result-groups strong { display: block; margin-bottom: 12px; color: var(--argo-blue); font: 400 clamp(34px, 3.4vw, 51px)/.92 var(--argo-serif); letter-spacing: -.045em; }

.argo-digital-retro { color: var(--argo-white); background: var(--argo-blue-light); }
.argo-digital-retro .argo-case-label { color: var(--argo-white); opacity: .75; }
.argo-digital-retro-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 90px; border-top: 1px solid rgba(247, 247, 243, .4); border-bottom: 1px solid rgba(247, 247, 243, .4); }
.argo-digital-retro-columns article { min-height: 420px; padding: 28px; border-right: 1px solid rgba(247, 247, 243, .4); display: flex; flex-direction: column; }
.argo-digital-retro-columns article:first-child { padding-left: 0; }
.argo-digital-retro-columns article:last-child { border-right: 0; }
.argo-digital-retro-columns span { font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-transform: uppercase; opacity: .7; }
.argo-digital-retro-columns h3 { margin: auto 0 32px; font: 400 31px/1.03 var(--argo-serif); letter-spacing: -.035em; }
.argo-digital-retro-columns p { margin: 0; color: rgba(247, 247, 243, .72); font: 14px/1.63 var(--argo-sans); }
.argo-digital-retro blockquote { margin-top: 72px; padding-top: 36px; border-top: 1px solid rgba(247, 247, 243, .4); font: 400 clamp(35px, 4.2vw, 62px)/1.06 var(--argo-serif); letter-spacing: -.04em; }

.argo-digital-next { background: #e9eeed; }
.argo-digital-next-grid > p:nth-of-type(2) { grid-column: 7 / -1; margin: 58px 0 0; color: var(--argo-muted); font: 17px/1.7 var(--argo-sans); }
.argo-digital-next-line { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 80px; border-top: 1px solid var(--argo-line); border-bottom: 1px solid var(--argo-line); }
.argo-digital-next-line span { padding: 24px 18px; border-right: 1px solid var(--argo-line); color: var(--argo-blue); font: 600 9px/1.45 var(--argo-mono); letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.argo-digital-next-line span:last-child { border-right: 0; }
.argo-digital-back-link i { order: -1; }

@media (max-width: 900px) {
  .argo-digital-hero-copy .argo-case-kicker,
  .argo-digital-before-grid .argo-case-label,
  .argo-digital-architecture-head .argo-case-label,
  .argo-digital-routes-head .argo-case-label,
  .argo-digital-catalog-head .argo-case-label,
  .argo-digital-collection-copy .argo-case-label,
  .argo-digital-qr-head .argo-case-label,
  .argo-digital-content-head .argo-case-label,
  .argo-digital-channels-head .argo-case-label,
  .argo-digital-email-head .argo-case-label,
  .argo-digital-marketplace-grid .argo-case-label,
  .argo-digital-economics-head .argo-case-label,
  .argo-digital-results-head .argo-case-label,
  .argo-digital-retro-head .argo-case-label,
  .argo-digital-next-grid .argo-case-label,
  .argo-digital-before h2,
  .argo-digital-architecture h2,
  .argo-digital-routes h2,
  .argo-digital-catalog h2,
  .argo-digital-collection h2,
  .argo-digital-qr h2,
  .argo-digital-content h2,
  .argo-digital-channels h2,
  .argo-digital-email h2,
  .argo-digital-marketplace h2,
  .argo-digital-economics h2,
  .argo-digital-results h2,
  .argo-digital-retro h2,
  .argo-digital-next h2 { grid-column: 1 / -1; }

  .argo-digital-hero h1 { grid-column: 1 / -1; font-size: 72px; }
  .argo-digital-continuation { grid-column: 7 / -1; }
  .argo-digital-standfirst { grid-column: 4 / -1; }
  .argo-digital-before h2,
  .argo-digital-architecture h2,
  .argo-digital-routes h2,
  .argo-digital-catalog h2,
  .argo-digital-collection h2,
  .argo-digital-qr h2,
  .argo-digital-content h2,
  .argo-digital-channels h2,
  .argo-digital-email h2,
  .argo-digital-marketplace h2,
  .argo-digital-economics h2,
  .argo-digital-results h2,
  .argo-digital-retro h2,
  .argo-digital-next h2 { margin-top: 40px; }
  .argo-digital-before-lead { grid-column: 1 / span 6; }
  .argo-digital-before-copy { grid-column: 7 / -1; }
  .argo-digital-scale-layout { grid-template-columns: 1fr; }
  .argo-digital-scale-main { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: end; }
  .argo-digital-scale-main .argo-case-label { grid-column: 1 / -1; }
  .argo-digital-scale-main > strong { margin-top: 45px; }
  .argo-digital-architecture-head > p:last-child,
  .argo-digital-collection-copy > p:last-child,
  .argo-digital-qr-head > p:last-child,
  .argo-digital-channels-head > p:last-child,
  .argo-digital-next-grid > p:nth-of-type(2) { grid-column: 5 / -1; }
  .argo-digital-flow { display: grid; grid-template-columns: repeat(5, 1fr); }
  .argo-digital-flow i { display: none; }
  .argo-digital-flow span,
  .argo-digital-flow strong { min-height: 120px; padding: 26px 12px; border-right: 1px solid var(--argo-line); }
  .argo-digital-flow span:nth-last-child(-n+3) { border-top: 1px solid var(--argo-line); }
  .argo-digital-route-home { min-height: 520px; }
  .argo-digital-route-nav { grid-column: 1 / span 6; }
  .argo-digital-route-company { grid-column: 7 / -1; }
  .argo-digital-catalog-pair { grid-template-columns: 1fr; }
  .argo-digital-catalog-grid { width: 78%; }
  .argo-digital-qr-number { grid-column: 1 / span 4; }
  .argo-digital-content-flow { flex-wrap: wrap; }
  .argo-digital-content-flow span { flex: 1 1 16%; min-width: 90px; }
  .argo-digital-channel-story { grid-column: 1 / span 7; }
  .argo-digital-channel-instagram { grid-column: 8 / -1; }
  .argo-digital-channel-pinterest { grid-column: 2 / span 5; }
  .argo-digital-marketplace-grid ol { grid-column: 1 / span 5; }
  .argo-digital-marketplace-grid figure { grid-column: 6 / -1; }
  .argo-digital-marketplace-results { grid-template-columns: 1fr 1fr; }
  .argo-digital-marketplace-results p:nth-child(2) { border-right: 0; }
  .argo-digital-marketplace-results p:nth-child(-n+2) { border-bottom: 1px solid var(--argo-line); }
  .argo-digital-result-groups { grid-template-columns: 1fr; }
  .argo-digital-result-groups article,
  .argo-digital-result-groups article:first-child { min-height: 0; padding: 28px 0; border-right: 0; border-bottom: 1px solid var(--argo-line); }
  .argo-digital-result-groups article:last-child { border-bottom: 0; }
  .argo-digital-result-groups article > span { min-height: 0; }
  .argo-digital-result-groups p { display: inline-block; width: 48%; vertical-align: top; padding-right: 25px; }
  .argo-digital-retro-columns { grid-template-columns: 1fr; }
  .argo-digital-retro-columns article,
  .argo-digital-retro-columns article:first-child { min-height: 0; padding: 28px 0; border-right: 0; border-bottom: 1px solid rgba(247, 247, 243, .4); }
  .argo-digital-retro-columns article:last-child { border-bottom: 0; }
  .argo-digital-retro-columns h3 { margin: 45px 0 25px; }
}

@media (max-width: 640px) {
  .argo-digital-case { background-image: none; }
  .argo-digital-hero { padding-top: 24px; }
  .argo-digital-hero-copy { padding-top: 58px; }
  .argo-digital-continuation { grid-column: 1 / -1; margin-top: 24px; font-size: 13px; }
  .argo-digital-hero h1 { margin-top: 50px; font-size: 48px; line-height: .93; }
  .argo-digital-standfirst { grid-column: 1 / -1; margin: 38px 0 48px; font-size: 16px; }
  .argo-digital-hero-screen { width: 100%; }
  .argo-digital-hero-screen > img { min-height: 390px; object-fit: cover; object-position: 39% center; }
  .argo-digital-meta-wrap { margin-top: 34px; }

  .argo-digital-before,
  .argo-digital-architecture,
  .argo-digital-routes,
  .argo-digital-catalog,
  .argo-digital-collection,
  .argo-digital-qr,
  .argo-digital-content,
  .argo-digital-channels,
  .argo-digital-email,
  .argo-digital-marketplace,
  .argo-digital-economics,
  .argo-digital-results,
  .argo-digital-retro,
  .argo-digital-next { padding-top: 84px; padding-bottom: 84px; }

  .argo-digital-before h2,
  .argo-digital-architecture h2,
  .argo-digital-routes h2,
  .argo-digital-catalog h2,
  .argo-digital-collection h2,
  .argo-digital-qr h2,
  .argo-digital-content h2,
  .argo-digital-channels h2,
  .argo-digital-email h2,
  .argo-digital-marketplace h2,
  .argo-digital-economics h2,
  .argo-digital-results h2,
  .argo-digital-retro h2,
  .argo-digital-next h2 { font-size: 43px; line-height: .96; }

  .argo-digital-before-lead,
  .argo-digital-before-copy { grid-column: 1 / -1; margin-top: 42px; }
  .argo-digital-before-copy { font-size: 16px; }
  .argo-digital-old-site { width: 100%; margin-top: 58px; }
  .argo-digital-old-site > img { min-height: 430px; object-position: 54% top; }
  .argo-digital-old-site .argo-case-caption { width: calc(100% - 32px); }
  .argo-digital-scale { padding: 78px 0; }
  .argo-digital-scale-main { grid-template-columns: 1fr; }
  .argo-digital-scale-main > strong { font-size: 128px; }
  .argo-digital-scale-main h2 { margin-top: 12px; font-size: 37px; }
  .argo-digital-scale-facts { grid-template-columns: 1fr 1fr; }
  .argo-digital-scale-facts div { min-height: 115px; padding: 18px 12px; }
  .argo-digital-scale-layout figure { margin-top: 10px; }
  .argo-digital-scale-layout figure img { min-height: 360px; object-fit: cover; object-position: 68% center; }
  .argo-digital-architecture-head > p:last-child,
  .argo-digital-collection-copy > p:last-child,
  .argo-digital-qr-head > p:last-child,
  .argo-digital-channels-head > p:last-child,
  .argo-digital-next-grid > p:nth-of-type(2) { grid-column: 1 / -1; margin-top: 38px; font-size: 16px; }
  .argo-digital-audiences { grid-template-columns: 1fr 1fr; margin-top: 58px; }
  .argo-digital-audiences span:nth-child(2) { border-right: 0; }
  .argo-digital-audiences span:nth-child(-n+2) { border-bottom: 1px solid var(--argo-line); }
  .argo-digital-flow { grid-template-columns: 1fr; margin-top: 36px; }
  .argo-digital-flow span,
  .argo-digital-flow strong { min-height: 0; padding: 22px; border-right: 0; border-bottom: 1px solid var(--argo-line); }
  .argo-digital-flow span:last-child { border-bottom: 0; }
  .argo-digital-routes-gallery { width: 100%; grid-template-columns: 1fr; gap: 12px; margin-top: 58px; }
  .argo-digital-route-home,
  .argo-digital-route-nav,
  .argo-digital-route-company { grid-column: auto; min-height: 390px; }
  .argo-digital-routes-gallery img { object-position: 40% center; }
  .argo-digital-route-index { gap: 8px; margin-top: 30px; }
  .argo-digital-route-index span { font-size: 8px; }
  .argo-digital-catalog-pair { margin-top: 58px; gap: 16px; }
  .argo-digital-catalog-grid { width: 100%; }
  .argo-digital-catalog-pair figcaption { flex-direction: column; gap: 5px; }
  .argo-digital-catalog-note { margin-top: 32px; }
  .argo-digital-collection { padding-bottom: 0; }
  .argo-digital-solid-story { margin-top: 58px; padding: 60px 16px; }
  .argo-digital-collection-transition { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .argo-digital-collection-transition i { transform: rotate(90deg); justify-self: start; }
  .argo-digital-solid-product { width: 100%; }
  .argo-digital-qr-number { grid-column: 1 / -1; display: flex; align-items: end; gap: 20px; margin-top: 48px; }
  .argo-digital-qr-number strong { font-size: 86px; }
  .argo-digital-qr-number span { margin: 0 0 8px; }
  .argo-digital-qr-screens { grid-template-columns: 1fr; gap: 18px; margin-top: 58px; }
  .argo-digital-qr-screens figure:nth-child(2),
  .argo-digital-qr-screens figure:nth-child(3) { margin-top: 0; }
  .argo-digital-content-flow { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 0; margin-top: 58px; }
  .argo-digital-content-flow span { min-width: 0; padding: 18px 10px; border-right: 1px solid var(--argo-line); border-bottom: 1px solid var(--argo-line); }
  .argo-digital-content-flow span:nth-of-type(even) { border-right: 0; }
  .argo-digital-content-flow i { display: none; }
  .argo-digital-content-results { grid-template-columns: 1fr; margin-top: 48px; }
  .argo-digital-content-results > div,
  .argo-digital-content-results > div:first-child { min-height: 180px; padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--argo-line); }
  .argo-digital-content-results > div:last-child { border-bottom: 0; }
  .argo-digital-content-results strong { font-size: 43px; }
  .argo-digital-channel-collage { grid-template-columns: 1fr; gap: 12px; margin-top: 58px; }
  .argo-digital-channel-story,
  .argo-digital-channel-instagram,
  .argo-digital-channel-pinterest { grid-column: auto; min-height: 400px; margin-top: 0; }
  .argo-digital-channel-instagram,
  .argo-digital-channel-pinterest { min-height: 660px; }
  .argo-digital-email-result { grid-column: 1 / -1; margin-top: 48px; }
  .argo-digital-email-result strong { font-size: 52px; }
  .argo-digital-email-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 58px; }
  .argo-digital-email-grid figure:nth-child(n) { grid-column: auto; margin-top: 0; }
  .argo-digital-marketplace-grid ol,
  .argo-digital-marketplace-grid figure { grid-column: 1 / -1; margin-top: 55px; }
  .argo-digital-marketplace-grid figure { width: calc(100% + 16px); margin-left: -8px; }
  .argo-digital-marketplace-results { grid-template-columns: 1fr; margin-top: 48px; }
  .argo-digital-marketplace-results p,
  .argo-digital-marketplace-results p:first-child { min-height: 150px; padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--argo-line); }
  .argo-digital-marketplace-results p:last-child { border-bottom: 0; }
  .argo-digital-attribution { grid-column: 1 / -1; }
  .argo-digital-economics-lines { margin-top: 58px; }
  .argo-digital-economics-lines p { grid-template-columns: 1fr auto; gap: 12px; }
  .argo-digital-economics-lines strong { grid-column: 1 / -1; grid-row: 2; font-size: 34px; }
  .argo-digital-economics-lines small { grid-column: 2; grid-row: 1; }
  .argo-digital-result-groups { margin-top: 58px; }
  .argo-digital-result-groups p { display: block; width: 100%; margin-top: 36px; padding-right: 0; }
  .argo-digital-result-groups strong { font-size: 40px; }
  .argo-digital-retro-columns { margin-top: 58px; }
  .argo-digital-retro blockquote { margin-top: 55px; font-size: 35px; }
  .argo-digital-next-line { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; margin-top: 58px; }
  .argo-digital-next-line span:nth-child(2) { border-right: 0; }
  .argo-digital-next-line span:nth-child(-n+2) { border-bottom: 1px solid var(--argo-line); }
}