/*
 * Parallels paper compositions.
 * Clearwire owns the overlay shell, navigation, compact-to-open paper motion,
 * interludes, and project handoff. This file only arranges Parallels content.
 */

.pd-overlay {
  --pd-red: #d91f36;
  --pd-navy: #102c49;
  --pd-blue: #7cb9b5;
  --pd-rule: rgb(37 42 41 / .18);
  --pd-shadow-overhead: var(--bw-overhead-page-shadow);
  --pd-filter-overhead: var(--bw-overhead-page-filter);
}

.pd-overlay .cw-index__thumb {
  background: var(--cw-paper);
}

.pd-overlay .cw-index__thumb img {
  object-fit: contain;
  box-sizing: border-box;
  padding: 4px;
}

.pd-overlay .cw-image-viewer__stage,
.pd-overlay .cw-image-viewer__image {
  background: transparent;
  box-shadow: none;
  filter: none;
}

.pd-parallels-entry .cw-entry__feature img {
  width: min(100%, 590px);
  max-height: 390px;
  filter:
    drop-shadow(0 0 72px rgb(0 8 7 / .18))
    drop-shadow(0 0 24px rgb(0 8 7 / .08));
}

.pd-case-paper {
  --cw-page-background: #f8f8f4;
  color: var(--cw-paper-body);
}

.pd-case-paper .cw-document-cover__face h2 {
  align-self: auto;
  max-width: 24ch;
  margin: 10.7cqw auto 0;
  font-size: var(--cw-font-page-title);
  line-height: 1.07;
  transform: none;
}

.pd-case-paper .cw-document-cover__masthead p {
  color: var(--cw-ink);
  align-items: center;
  gap: 1.1cqw;
  margin: 0;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: var(--cw-font-cover-meta);
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.pd-case-paper .cw-document-cover__masthead span {
  color: var(--cw-deep-green);
}

.pd-case-paper .cw-document-cover__masthead b {
  color: var(--cw-ink);
  border-left: 1px solid rgb(37 42 41 / .32);
  padding-left: 1.1cqw;
  font-weight: inherit;
}

.pd-case-paper > :not(.cw-document-cover) {
  z-index: 2;
}

.pd-case-paper h2,
.pd-case-paper h3,
.pd-case-paper p,
.pd-case-paper figure,
.pd-case-paper section {
  box-sizing: border-box;
  margin-top: 0;
}

.pd-case-paper h2 {
  color: var(--cw-ink);
  margin: 0 0 2.1cqw;
  font-family: Newsreader, Georgia, serif;
  font-size: var(--cw-font-page-title);
  font-weight: 300;
  line-height: .96;
  letter-spacing: 0;
}

.pd-case-paper h2 > span {
  display: block;
}

.pd-case-paper h2 > span:last-child {
  color: var(--cw-deep-green);
}

.pd-case-paper h3 {
  color: var(--cw-ink);
  margin-bottom: 1.1cqw;
  text-transform: uppercase;
  font-size: var(--cw-font-label);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .12em;
}

.pd-case-paper p {
  color: var(--cw-paper-body);
  margin-bottom: 0;
  font-size: var(--cw-font-case-body);
  font-weight: 400;
  line-height: 1.58;
  letter-spacing: 0;
}

.pd-media {
  margin: 0;
  border: 0;
  border-radius: clamp(18px, 2.65cqw, 40px);
  overflow: hidden;
  position: absolute;
}

.pd-media img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

/* Design Systems: portfolio page 4 rebuilt as live, translatable components. */

.pd-systems__card {
  background: #eaf4ff;
  border-radius: clamp(18px, 2.15cqw, 32px);
  box-shadow: var(--pd-shadow-overhead);
  overflow: hidden;
  position: absolute;
}

.pd-systems__card-copy {
  position: absolute;
  z-index: 3;
}

.pd-systems__card-copy h3 {
  margin: 0 0 .55cqw;
  color: #142b45;
  text-transform: none;
  font-size: var(--cw-font-card-title);
  line-height: 1.25;
  letter-spacing: 0;
}

.pd-systems__card-copy p {
  margin: 0;
  color: #142b45;
  font-size: var(--cw-font-card-body);
  line-height: 1.46;
}

.pd-systems__card-copy p + p {
  margin-top: .8cqw;
}

.pd-systems__card figure {
  margin: 0;
  position: absolute;
}

.pd-systems__card img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.pd-systems__copy {
  width: 23cqw;
  height: 43cqw;
  position: absolute;
  left: 7.333333cqw;
  top: 45cqw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
}

.pd-systems__copy h2 {
  margin-bottom: 1.6cqw;
}

.pd-systems__copy p {
  font-size: var(--cw-font-lede);
  line-height: 1.5;
}

.pd-systems__feature {
  width: 100cqw;
  height: 84cqw;
  left: 0;
  top: 0;
  overflow: visible;
  z-index: 4;
}

.pd-systems__feature img {
  margin: 0;
  object-fit: contain;
  display: block;
  position: absolute;
}

.pd-systems__feature-bars {
  width: 63.2cqw !important;
  height: 70.3cqw !important;
  left: 32.2cqw;
  top: 17.1cqw;
  object-position: center !important;
  transform: none;
  z-index: 1;
}

.pd-systems__feature-computer {
  width: 54cqw !important;
  height: auto !important;
  left: 38cqw;
  top: 28cqw;
  z-index: 2;
  filter: var(--pd-filter-overhead);
}

.pd-systems__extension {
  width: 19cqw;
  height: 31cqw;
  left: 7.333333cqw;
  top: 14cqw;
  z-index: 2;
}

.pd-systems__extension .pd-systems__card-copy {
  text-align: center;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inset: 2.1cqw 1.8cqw 2.2cqw;
  display: grid;
}

.pd-systems__extension figure {
  width: 11.8cqw;
  height: 16.4cqw;
  position: relative;
  inset: auto;
  place-self: center;
}

.pd-systems__shape {
  width: 31cqw;
  height: 46cqw;
  left: 7.333333cqw;
  top: 88cqw;
  z-index: 1;
}

.pd-systems__shape .pd-systems__card-copy {
  right: 2.1cqw;
  left: 2.1cqw;
  top: 2.2cqw;
}

.pd-systems__shape figure {
  width: 26.8cqw;
  height: 30.2cqw;
  left: 2.1cqw;
  top: 10.6cqw;
}

.pd-systems__examples {
  width: 39cqw;
  height: 46cqw;
  right: 14cqw;
  left: auto;
  top: 80cqw;
  box-shadow: none;
  z-index: 3;
}

.pd-systems__examples .pd-systems__card-copy {
  width: auto;
  right: 2.3cqw;
  left: 2.3cqw;
  top: 2.1cqw;
}

.pd-systems__examples .pd-systems__card-copy p {
  width: 100%;
  max-width: none;
}

.pd-systems__examples figure {
  width: 34.4cqw;
  height: 24.2cqw;
  left: 2.3cqw;
  top: 8.3cqw;
}

.pd-systems__examples .pd-systems__card-copy p:first-of-type {
  margin-top: 29.8cqw;
}

/* Product identity */

.pd-identity__copy {
  width: 30cqw;
  text-align: left;
  position: absolute;
  left: 14cqw;
  top: 18.8cqw;
  z-index: 6;
}

.pd-identity__copy h2 {
  margin-bottom: 1.6cqw;
}

.pd-identity__copy > p:last-child {
  max-width: 36ch;
}

.pd-identity__catalog {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.pd-identity__panel {
  background: #eef3f7;
  border-radius: clamp(18px, 2.25cqw, 34px);
  aspect-ratio: 17 / 20;
  height: auto;
  box-shadow: none;
  overflow: hidden;
}

.pd-identity__panel[data-cw-surface-pressure] {
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.pd-identity__panel[data-cw-surface-pressure] .cw-surface-pressure__plane {
  background: #eef3f7;
}

.pd-identity__panel img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transform: none;
}

.pd-identity__panel--corporate {
  width: 34cqw;
  height: 30.25cqw;
  right: 14cqw;
  top: 8cqw;
  border-radius: 0 0 clamp(18px, 2.25cqw, 34px) clamp(18px, 2.25cqw, 34px);
  z-index: 2;
}

.pd-identity__panel--corporate img {
  height: auto;
  min-height: 40cqw;
  object-fit: cover;
  object-position: center bottom;
  position: absolute;
  inset: auto 0 0;
}

.pd-identity__panel--desktop {
  width: 40cqw;
  left: 9cqw;
  top: 43cqw;
  z-index: 5;
}

.pd-identity__panel--desktop .cw-surface-pressure__plane {
  box-shadow: var(--pd-shadow-overhead);
}

.pd-identity__panel--toolbox {
  width: 34cqw;
  right: 14cqw;
  top: 42cqw;
  z-index: 4;
}

.pd-identity__panel--ras {
  width: 34cqw;
  left: 14cqw;
  top: 94cqw;
  z-index: 2;
}

.pd-identity__panel--access {
  width: 34cqw;
  right: 14cqw;
  top: 86.5cqw;
  z-index: 3;
}

.pd-identity__panel.is-pressure-active {
  z-index: 20;
}

/* Digital experiences */

.pd-digital__copy {
  width: 30cqw;
  position: absolute;
  left: 14cqw;
  top: 14cqw;
  z-index: 6;
}

.pd-digital__copy > p:last-child {
  max-width: 39ch;
}

.pd-digital section {
  position: absolute;
  pointer-events: none;
}

.pd-digital section > h3 {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: auto;
}

.pd-digital section > .pd-media {
  pointer-events: auto;
}

.pd-digital .pd-media {
  height: auto;
  border-radius: clamp(18px, 2.2cqw, 34px);
  background: none;
  box-shadow: none !important;
  overflow: hidden;
}

.pd-digital .pd-media img {
  height: auto;
  object-fit: contain;
  box-shadow: none !important;
  filter: none !important;
}

.pd-digital .pd-media[data-cw-surface-pressure] {
  /* The animated plane owns the rounded crop. The outer surface must remain
     open so lift, tilt, and the feathery pressure shadow are never clipped. */
  overflow: visible !important;
}

.pd-digital .pd-media[data-cw-surface-pressure] .cw-surface-pressure__plane {
  height: auto;
}

.pd-digital .pd-digital__notification--welcome[data-cw-surface-pressure] .cw-surface-pressure__plane,
.pd-digital .pd-digital__notification--pro[data-cw-surface-pressure] .cw-surface-pressure__plane {
  height: 100%;
}

.pd-digital__paid {
  width: 100%;
  height: 44cqw;
  left: 0;
  top: 0;
  z-index: 4;
}

.pd-digital .pd-digital__paid > h3 {
  left: auto;
  right: 7cqw;
  top: calc(41.8cqw + 10px);
  margin: 0;
  text-align: right;
}

.pd-digital__paid .pd-media img {
  filter: none;
}

.pd-digital__paid-square {
  width: 19cqw;
  left: calc(53cqw + 10px);
  top: calc(18.5cqw - 20px);
}

.pd-digital__paid-square[data-cw-surface-pressure] > .cw-surface-pressure__plane {
  box-shadow: var(--pd-shadow-overhead);
}

.pd-digital__paid-skyscraper {
  width: 16cqw;
  right: 7cqw;
  top: 9.8cqw;
}

.pd-digital__paid-skyscraper img {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
}

.pd-digital__paid-banner {
  width: 43cqw;
  left: 25cqw;
  top: 36.5cqw;
}

.pd-digital__notifications {
  width: 100%;
  height: 37cqw;
  left: 0;
  top: 0;
  transform: translateX(15px);
  z-index: 5;
}

.pd-digital .pd-digital__notifications > h3 {
  left: auto;
  right: 10cqw;
  top: calc(60.2cqw + 10px);
  margin: 0;
  text-align: right;
}

.pd-digital__notification {
  top: 46cqw;
}

.pd-digital__notification--update {
  width: 38.4cqw;
  left: calc(12cqw - 40px);
}

.pd-digital__notification--welcome {
  width: 37cqw;
  height: 14.2cqw !important;
  right: 10cqw;
  left: auto;
  overflow: hidden !important;
  border-radius: clamp(18px, 2.2cqw, 34px) !important;
}

.pd-digital__notification--pro {
  width: 37cqw;
  height: 14.2cqw !important;
  right: calc(10cqw + 40px);
  left: auto;
  top: 63.5cqw;
  overflow: hidden !important;
  border-radius: clamp(18px, 2.2cqw, 34px) !important;
}

.pd-digital__notification--welcome img,
.pd-digital__notification--pro img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.pd-digital__website {
  width: 82cqw;
  height: 36cqw;
  left: 0;
  top: calc(76cqw + 20px);
  z-index: 10;
}

.pd-case-paper .pd-digital__website {
  z-index: 30;
}

.pd-digital .pd-digital__website > h3 {
  left: auto;
  right: 0;
  top: auto;
  bottom: calc(100% - 3.5cqw + 10px);
  margin: 0;
  text-align: right;
}

.pd-digital .pd-digital__website-frame {
  width: 82cqw;
  height: 31cqw !important;
  left: 0;
  top: 3.5cqw;
  border-radius: 0 clamp(18px, 2.2cqw, 34px) clamp(18px, 2.2cqw, 34px) 0 !important;
  box-shadow: var(--pd-shadow-overhead) !important;
  overflow: hidden !important;
}

.pd-digital__website-frame img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: top center;
}

.pd-digital__email {
  --pd-email-footer-clearance: calc(23.6cqw + 100px);
  width: 100%;
  height: 29cqw;
  left: 0;
  top: calc(111.5cqw + 20px);
  overflow: visible;
  z-index: 4;
}

.pd-digital .pd-digital__email > h3 {
  left: auto;
  right: calc(var(--pd-email-footer-clearance) - 25px);
  top: auto;
  bottom: calc(100% - 3.5cqw + 10px);
  margin: 0;
  text-align: right;
}

.pd-digital__email-card {
  top: 3.5cqw;
}

.pd-digital__email-card img {
  filter: none;
}

.pd-digital__email-card--upgrade {
  width: 29cqw;
  height: auto !important;
  aspect-ratio: 2200 / 2916;
  right: calc(var(--pd-email-footer-clearance) + 30cqw);
  left: auto;
  border-radius: clamp(18px, 2.2cqw, 34px) !important;
  overflow: hidden !important;
}

.pd-digital__email-card--upgrade img {
  width: 100%;
  height: auto !important;
  object-fit: contain;
}

.pd-digital__email-card--purchase {
  width: 29cqw;
  right: calc(var(--pd-email-footer-clearance) - 25px);
  left: auto;
}

/* Lifecycle, marketing, and print */

.pd-lifecycle__icons {
  grid-template-columns: repeat(11, minmax(0, 1fr));
  gap: .75cqw;
  align-items: center;
  width: 71cqw;
  position: absolute;
  left: 14cqw;
  top: 15cqw;
  display: grid;
}

.pd-lifecycle__icons img {
  width: 100%;
  height: 4cqw;
  object-fit: contain;
  display: block;
}

.pd-lifecycle__copy {
  width: 32cqw;
  position: absolute;
  left: 14cqw;
  top: calc(66cqw + 30px);
  z-index: 5;
}

.pd-lifecycle__retail {
  width: 29.5cqw;
  height: 39.5cqw;
  left: 14cqw;
  top: 25cqw;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  filter: none;
  z-index: 2;
}

.pd-lifecycle__retail img {
  object-fit: contain;
  background: transparent;
  box-shadow: none;
  filter: none;
}

.pd-lifecycle__event {
  width: 39cqw;
  height: 82cqw;
  right: 10cqw;
  top: 25cqw;
  background: #fff;
  box-shadow: var(--pd-shadow-overhead);
  z-index: 4;
}

.pd-lifecycle__event img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.pd-lifecycle__event[data-cw-surface-pressure] {
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.pd-lifecycle__event[data-cw-surface-pressure] .cw-surface-pressure__plane {
  height: 100%;
}

.pd-lifecycle__booth {
  width: 70cqw;
  height: auto;
  left: -4cqw;
  top: auto;
  bottom: calc(-5cqw - 40px);
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
  pointer-events: auto;
  z-index: 3;
}

.pd-lifecycle__booth img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.pd-paper--lifecycle {
  margin-bottom: 20cqw;
}

.pd-overlay.is-handoff-stage .cw-paper-stack {
  visibility: hidden;
}

/* Interludes use the canonical Clearwire structure and motion unchanged. */

@media (min-width: 681px) {
  .pd-digital > section {
    margin-top: 4.2cqw;
  }

  .pd-case-paper [data-cw-reveal] {
    transition-duration: .7s, .95s;
  }
}

@media (max-width: 680px), (orientation: landscape) and (max-height: 540px) and (max-width: 980px) {
  .pd-parallels-entry .cw-entry__feature img {
    width: 100%;
    max-height: 300px;
  }

  .pd-case-paper {
    gap: 0;
    padding: 104px 24px 0;
  }

  .pd-case-paper h2 {
    margin-bottom: 24px;
    font-size: clamp(40px, 10.8vw, 52px);
  }

  .pd-case-paper h3 {
    margin-bottom: 18px;
    font-size: 11px;
  }

  .pd-case-paper p {
    font-size: 18px;
    line-height: 1.62;
  }

  .pd-media,
  .pd-case-paper section,
  .pd-systems__card,
  .pd-systems__copy,
  .pd-identity__copy,
  .pd-identity__catalog,
  .pd-digital__copy,
  .pd-lifecycle__icons,
  .pd-lifecycle__copy {
    width: 100%;
    height: auto;
    position: relative;
    inset: auto;
  }

  .pd-media {
    border-radius: 28px;
  }

  .pd-media img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .pd-systems__copy,
  .pd-identity__copy,
  .pd-digital__copy,
  .pd-lifecycle__copy {
    order: 1;
    margin: 0 0 48px;
    text-align: left;
  }

  .pd-identity__copy > p:last-child {
    max-width: none;
    margin-inline: 0;
  }

  .pd-systems__feature {
    order: 3;
    height: 340px;
    margin-bottom: 36px;
    overflow: visible;
  }

  .pd-systems__feature-bars {
    width: 92% !important;
    height: 100% !important;
    left: 4%;
    top: -3%;
  }

  .pd-systems__feature-computer {
    width: 100% !important;
    top: 27%;
  }

  .pd-systems__card {
    min-height: 340px;
    border-radius: 28px;
    margin-bottom: 36px;
    overflow: hidden;
  }

  .pd-systems__card-copy,
  .pd-systems__extension .pd-systems__card-copy,
  .pd-systems__shape .pd-systems__card-copy,
  .pd-systems__examples .pd-systems__card-copy {
    width: auto;
    text-align: left;
    position: absolute;
    inset: 24px 24px auto;
  }

  .pd-systems__card-copy h3 {
    margin-bottom: 8px;
    font-size: clamp(18px, 5vw, 21px);
  }

  .pd-systems__card-copy p,
  .pd-systems__examples .pd-systems__card-copy p {
    max-width: none;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
  }

  .pd-systems__card-copy p + p {
    margin-top: 10px;
  }

  .pd-systems__card figure,
  .pd-systems__extension figure,
  .pd-systems__shape figure,
  .pd-systems__examples figure {
    width: auto;
    height: auto;
    position: absolute;
    inset: 104px 24px 24px;
  }

  .pd-systems__card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
  }

  .pd-systems__extension {
    order: 2;
    min-height: 470px;
  }

  .pd-systems__extension .pd-systems__card-copy {
    inset: 24px;
    text-align: center;
    grid-template-rows: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .pd-systems__extension figure {
    width: min(70%, 220px);
    height: min(70%, 260px);
    position: relative;
    inset: auto;
    place-self: center;
  }

  .pd-systems__shape {
    order: 4;
    min-height: 450px;
  }

  .pd-systems__shape figure {
    width: auto;
    height: auto;
    inset: 105px 60px 32px;
    transform: none;
  }

  .pd-systems__examples {
    order: 5;
    min-height: 520px;
    margin-bottom: 56px;
  }

  .pd-systems__examples figure {
    inset: 115px 22px 165px;
  }

  .pd-systems__examples .pd-systems__card-copy p:first-of-type {
    margin-top: 310px;
  }

  .pd-identity__catalog {
    order: 2;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 28px;
    margin-bottom: 56px;
    display: grid;
  }

  .pd-identity__panel {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
    position: relative;
    inset: auto;
  }

  .pd-identity__panel--corporate {
    border-radius: 28px;
  }

  .pd-identity__panel--corporate img {
    min-height: 0;
    position: relative;
    inset: auto;
  }

  .pd-digital section > h3 {
    margin-bottom: 18px;
    position: relative;
    inset: auto;
  }

  .pd-digital .pd-digital__paid > h3,
  .pd-digital .pd-digital__notifications > h3,
  .pd-digital .pd-digital__website > h3,
  .pd-digital .pd-digital__email > h3 {
    position: relative;
    inset: auto;
    text-align: left;
  }

  .pd-digital__paid,
  .pd-digital__notifications,
  .pd-digital__website,
  .pd-digital__email {
    margin-bottom: 54px;
  }

  .pd-digital__paid { order: 2; }
  .pd-digital__notifications { order: 3; }
  .pd-digital__website { order: 4; }
  .pd-digital__email { order: 5; }

  .pd-digital__paid,
  .pd-digital__notifications {
    transform: none;
    grid-template-columns: 1fr;
    gap: 22px;
    display: grid;
  }

  .pd-digital__paid .pd-media,
  .pd-digital__notification,
  .pd-digital__website-frame,
  .pd-digital__email-card {
    width: 100%;
    height: auto;
    position: relative;
    inset: auto;
  }

  .pd-digital__notification--welcome,
  .pd-digital__notification--pro {
    height: auto !important;
    border-radius: clamp(16px, 4vw, 28px) !important;
    overflow: hidden !important;
  }

  .pd-digital__notification--welcome img,
  .pd-digital__notification--pro img {
    height: auto !important;
    object-fit: contain;
  }

  .pd-digital .pd-media,
  .pd-lifecycle__booth {
    background: none;
    box-shadow: none;
  }

  .pd-digital .pd-media {
    border-radius: clamp(16px, 4vw, 28px) !important;
    overflow: hidden !important;
  }

  .pd-digital__paid-skyscraper,
  .pd-digital__website-frame {
    height: auto !important;
  }

  .pd-digital__paid-skyscraper img {
    min-height: 0;
    position: relative;
    inset: auto;
  }

  .pd-digital__email {
    grid-template-columns: 1fr;
    gap: 22px;
    display: grid;
  }

  .pd-lifecycle__icons {
    order: 2;
    grid-template-columns: 1fr;
    place-items: center;
    gap: 0;
    min-height: 94px;
    margin: 0 0 48px;
    display: grid;
  }

  .pd-lifecycle__icons img {
    grid-area: 1 / 1;
    width: 88px;
    height: 76px;
    opacity: 0;
    transform: scale(.86);
    animation: pd-mobile-icon-stage 26.4s ease-in-out infinite both;
  }

  .pd-lifecycle__icons img:nth-child(1) { animation-delay: 0s; }
  .pd-lifecycle__icons img:nth-child(2) { animation-delay: 2.4s; }
  .pd-lifecycle__icons img:nth-child(3) { animation-delay: 4.8s; }
  .pd-lifecycle__icons img:nth-child(4) { animation-delay: 7.2s; }
  .pd-lifecycle__icons img:nth-child(5) { animation-delay: 9.6s; }
  .pd-lifecycle__icons img:nth-child(6) { animation-delay: 12s; }
  .pd-lifecycle__icons img:nth-child(7) { animation-delay: 14.4s; }
  .pd-lifecycle__icons img:nth-child(8) { animation-delay: 16.8s; }
  .pd-lifecycle__icons img:nth-child(9) { animation-delay: 19.2s; }
  .pd-lifecycle__icons img:nth-child(10) { animation-delay: 21.6s; }
  .pd-lifecycle__icons img:nth-child(11) { animation-delay: 24s; }

  .pd-lifecycle__retail,
  .pd-lifecycle__event,
  .pd-lifecycle__booth {
    margin-bottom: 48px;
  }

  .pd-lifecycle__retail { order: 3; }
  .pd-lifecycle__event { order: 4; }
  .pd-lifecycle__booth { order: 5; }

  .pd-paper--lifecycle {
    margin-bottom: 0;
  }

}

@keyframes pd-mobile-icon-stage {
  0% { opacity: 0; transform: scale(.86); }
  1.2%, 7.7% { opacity: 1; transform: scale(1); }
  8.8%, 100% { opacity: 0; transform: scale(.92); }
}

@media (max-width: 680px) and (prefers-reduced-motion: reduce),
       (orientation: landscape) and (max-height: 540px) and (max-width: 980px) and (prefers-reduced-motion: reduce) {
  .pd-lifecycle__icons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .pd-lifecycle__icons img {
    grid-area: auto;
    width: 100%;
    height: 58px;
    opacity: 1;
    transform: none;
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pd-case-paper [data-cw-reveal] {
    transition-duration: 1ms !important;
  }
}


@media (min-width: 681px) {
  .pd-overlay .cw-project-link[data-pd-project="explorations"] .cw-project-link__copy strong {
    font-size: clamp(48px, 5vw, 70px);
  }
}