/* PressPair V2032 — Design & Pocket System fashion-house rebuild.
   Uses only supplied/approved imagery and the universal white-silk canvas. */
:root {
  --pp-v2032-navy: #061b34;
  --pp-v2032-blue: #0a3b70;
  --pp-v2032-gold: #d2a54b;
  --pp-v2032-silk: url('../images/v2020-silk-user-luxury-white-neutral.jpeg');
}

body.pp-design-page {
  color: var(--pp-v2032-navy) !important;
  background-color: #f7f3ea !important;
  background-image: var(--pp-v2032-silk) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body.pp-design-page > .pp-v2015-silk-canvas {
  background-color: #f7f3ea !important;
  background-image: var(--pp-v2032-silk) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

body.pp-design-page .pp-design-main,
body.pp-design-page .pp-design-section,
body.pp-design-page .pp-design-shell {
  background: transparent !important;
}

body.pp-design-page .pp-design-main {
  padding-bottom: 0 !important;
}

body.pp-design-page .pp-design-section {
  padding: clamp(38px, 4.4vw, 68px) 0 !important;
}

body.pp-design-page .pp-design-section + .pp-design-section::before {
  content: none !important;
  display: none !important;
}

body.pp-design-page .pp-design-shell {
  width: min(1500px, calc(100% - 48px)) !important;
}

body.pp-design-page .pp-design-eyebrow {
  margin-bottom: 12px !important;
  color: var(--pp-v2032-gold) !important;
  font-size: 10px !important;
  letter-spacing: .24em !important;
}

body.pp-design-page .pp-design-title,
body.pp-design-page .pp-design-heading {
  color: var(--pp-v2032-blue) !important;
  font-weight: 500 !important;
}

body.pp-design-page .pp-design-title {
  max-width: 640px !important;
  font-size: clamp(54px, 5.25vw, 82px) !important;
  line-height: .92 !important;
}

body.pp-design-page .pp-v2032-hero-copy .pp-design-eyebrow {
  color: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-design-heading {
  font-size: clamp(38px, 4.15vw, 64px) !important;
  line-height: .96 !important;
}

body.pp-design-page .pp-design-lead,
body.pp-design-page .pp-design-copy {
  color: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-design-lead {
  max-width: 570px !important;
  margin-top: 20px !important;
  font-size: clamp(17px, 1.34vw, 21px) !important;
  line-height: 1.57 !important;
}

body.pp-design-page .pp-design-copy {
  font-size: clamp(15px, 1.08vw, 18px) !important;
  line-height: 1.62 !important;
}

body.pp-design-page .pp-design-actions {
  align-items: center !important;
  gap: 18px !important;
  margin-top: 26px !important;
}

body.pp-design-page .pp-design-button,
body.pp-design-page .pp-design-button.gold {
  min-height: 47px !important;
  padding: 13px 24px !important;
  border: 0 !important;
  color: var(--pp-v2032-navy) !important;
  background: var(--pp-v2032-gold) !important;
  box-shadow: none !important;
}

body.pp-design-page .pp-design-button:hover,
body.pp-design-page .pp-design-button:focus-visible {
  color: #fff !important;
  background: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-v2032-text-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  color: var(--pp-v2032-blue);
  font: 800 10px/1.2 Arial, sans-serif;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
}

body.pp-design-page .pp-v2032-text-link:hover,
body.pp-design-page .pp-v2032-text-link:focus-visible {
  color: var(--pp-v2032-gold);
}

/* First view: one editorial composition, not a stack of independent cards. */
body.pp-design-page .pp-v2032-hero {
  padding-top: clamp(26px, 3vw, 44px) !important;
  padding-bottom: clamp(30px, 3.4vw, 50px) !important;
}

body.pp-design-page .pp-v2032-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, .7fr) minmax(680px, 1.3fr) !important;
  align-items: start !important;
  gap: clamp(26px, 3.5vw, 56px) !important;
}

body.pp-design-page .pp-v2032-hero-copy {
  align-self: start !important;
  padding-top: 2px !important;
}

body.pp-design-page .pp-v2032-opening {
  display: grid;
  height: clamp(570px, 45vw, 690px);
  min-width: 0;
  grid-template-columns: 1.06fr 1fr .68fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: clamp(7px, .72vw, 12px);
}

body.pp-design-page .pp-v2032-opening-shot {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

body.pp-design-page .pp-v2032-opening-shot::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 33%;
  background: linear-gradient(180deg, transparent, rgba(3, 16, 30, .53));
  pointer-events: none;
}

body.pp-design-page .pp-v2032-opening-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.pp-design-page .pp-v2032-opening-shot figcaption {
  position: absolute;
  left: 14px;
  right: 12px;
  bottom: 12px;
  z-index: 1;
  color: #fff;
  font: 800 9px/1.3 Arial, sans-serif;
  letter-spacing: .13em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .78);
  text-transform: uppercase;
}

body.pp-design-page .pp-v2032-opening-shot--hero {
  grid-column: 1;
  grid-row: 1 / 3;
}

body.pp-design-page .pp-v2032-opening-shot--proof {
  grid-column: 2;
  grid-row: 1 / 3;
}

body.pp-design-page .pp-v2032-opening-shot--phone {
  grid-column: 3;
  grid-row: 1;
}

body.pp-design-page .pp-v2032-opening-shot--models {
  grid-column: 3;
  grid-row: 2;
}

body.pp-design-page .pp-v2032-opening-shot--hero {
  background: url('../images/design-pocket-v2032/white-gold-active-access.jpeg') center top / cover no-repeat;
}

body.pp-design-page .pp-v2032-opening-shot--proof {
  background: url('../images/design-pocket-v2032/white-gold-three-pocket-proof.jpeg') center top / cover no-repeat;
}

body.pp-design-page .pp-v2032-opening-shot--phone {
  background: url('../images/design-pocket-v2032/three-pocket-interior.jpeg') center center / cover no-repeat;
}

body.pp-design-page .pp-v2032-opening-shot--hero img,
body.pp-design-page .pp-v2032-opening-shot--proof img {
  object-position: center top;
}

body.pp-design-page .pp-v2032-opening-shot--phone img {
  object-position: center center;
}

body.pp-design-page .pp-v2032-opening-shot--models img {
  object-position: center top;
}

body.pp-design-page .pp-v2032-proof-line {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 46px);
  margin-top: 2px;
  padding-top: 4px;
}

body.pp-design-page .pp-v2032-proof-line p {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  margin: 0;
  color: var(--pp-v2032-blue);
  font: 700 11px/1.45 Arial, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.pp-design-page .pp-v2032-proof-line b {
  color: var(--pp-v2032-gold);
  font: 500 22px/1 Georgia, serif;
}

/* One compact commerce module preserves the existing bag behavior. */
body.pp-design-page .pp-v2032-shop-section {
  padding-top: clamp(28px, 3vw, 44px) !important;
}

body.pp-design-page .pp-v2032-configurator {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .86fr);
  align-items: center;
  gap: clamp(38px, 7vw, 112px);
  color: var(--pp-v2032-navy);
  background: transparent;
}

body.pp-design-page .pp-v2032-configurator-media {
  width: 100%;
  min-width: 0;
}

body.pp-design-page .pp-v2032-configurator-media > img {
  display: block;
  width: 100%;
  height: clamp(400px, 35vw, 510px);
  object-fit: contain;
  background: transparent;
  -webkit-mask-image: radial-gradient(ellipse 62% 62% at center, #000 48%, transparent 78%);
  mask-image: radial-gradient(ellipse 62% 62% at center, #000 48%, transparent 78%);
}

body.pp-design-page .pp-v2032-configurator-copy {
  width: 100%;
  min-width: 0;
  max-width: 610px;
}

body.pp-design-page .pp-v2032-style-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 26px 0 22px;
}

body.pp-design-page .pp-v2032-style-tabs button {
  position: relative;
  padding: 0 0 8px;
  border: 0;
  color: rgba(10, 59, 112, .6);
  background: transparent;
  font: 800 10px/1.2 Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}

body.pp-design-page .pp-v2032-style-tabs button::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: transparent;
}

body.pp-design-page .pp-v2032-style-tabs button.is-active {
  color: var(--pp-v2032-blue);
}

body.pp-design-page .pp-v2032-style-tabs button.is-active::after {
  background: var(--pp-v2032-gold);
}

body.pp-design-page .pp-v2032-selected-product {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
}

body.pp-design-page .pp-v2032-selected-product h3 {
  margin: 0;
  color: var(--pp-v2032-blue);
  font: 500 clamp(28px, 2.35vw, 40px)/1 Georgia, serif;
}

body.pp-design-page .pp-v2032-selected-product strong {
  flex: 0 0 auto;
  color: var(--pp-v2032-gold);
  font: 700 20px/1 Georgia, serif;
}

body.pp-design-page .pp-v2032-configurator-copy .pp-design-copy {
  min-height: 58px;
  margin: 12px 0 20px !important;
}

body.pp-design-page .pp-design-option-title {
  margin-bottom: 10px !important;
  color: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-design-swatches {
  gap: 11px !important;
  margin-bottom: 20px !important;
}

body.pp-design-page .pp-design-swatch {
  width: 29px !important;
  height: 29px !important;
  border: 2px solid rgba(255, 255, 255, .88) !important;
  box-shadow: none !important;
}

body.pp-design-page .pp-design-swatch.active {
  outline-color: var(--pp-v2032-gold) !important;
}

body.pp-design-page .pp-design-sizes {
  gap: 8px !important;
  margin-bottom: 20px !important;
}

body.pp-design-page .pp-design-size {
  min-width: 43px !important;
  height: 38px !important;
  border-color: rgba(10, 59, 112, .28) !important;
  color: var(--pp-v2032-blue) !important;
  background: rgba(255, 255, 255, .25) !important;
}

body.pp-design-page .pp-design-size.active {
  border-color: var(--pp-v2032-blue) !important;
  color: #fff !important;
  background: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-v2032-add {
  width: min(100%, 420px) !important;
  margin-top: 0 !important;
}

body.pp-design-page .pp-design-product-link {
  width: min(100%, 420px);
  margin-top: 13px !important;
  color: var(--pp-v2032-blue) !important;
  text-align: left !important;
}

/* Model-led silhouette story. */
body.pp-design-page .pp-v2032-silhouette-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.24fr) minmax(350px, .76fr);
  align-items: center;
  gap: clamp(34px, 6vw, 94px);
}

body.pp-design-page .pp-v2032-editorial-figure {
  margin: 0;
}

body.pp-design-page .pp-v2032-editorial-figure img {
  display: block;
  width: 100%;
  height: clamp(520px, 49vw, 710px);
  object-fit: cover;
  object-position: center top;
}

body.pp-design-page .pp-v2032-editorial-figure figcaption {
  margin-top: 11px;
  color: var(--pp-v2032-blue);
  font: 800 9px/1.3 Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.pp-design-page .pp-v2032-silhouette-list {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

body.pp-design-page .pp-v2032-silhouette-list li {
  display: grid;
  grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid rgba(10, 59, 112, .16);
}

body.pp-design-page .pp-v2032-silhouette-list b {
  color: var(--pp-v2032-gold);
  font: 500 19px/1.15 Georgia, serif;
}

body.pp-design-page .pp-v2032-silhouette-list span {
  color: var(--pp-v2032-blue);
  font: 14px/1.5 Georgia, serif;
}

body.pp-design-page .pp-v2032-signature-label {
  color: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-v2032-spec-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

body.pp-design-page .pp-v2032-spec-strip figure {
  display: grid;
  min-width: 0;
  margin: 0;
  grid-template-rows: minmax(0, 1fr) auto;
  background: rgba(255, 255, 255, .28);
}

body.pp-design-page .pp-v2032-spec-strip img {
  display: block;
  width: 100%;
  height: clamp(185px, 18vw, 260px);
  object-fit: contain;
}

body.pp-design-page .pp-v2032-spec-strip figcaption,
body.pp-design-page .pp-v2032-how-proof figcaption,
body.pp-design-page .pp-v2032-hidden figcaption {
  padding: 10px 12px 12px;
  color: var(--pp-v2032-blue);
  font: 800 9px/1.35 Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Three visual proofs aligned directly with the three consumer facts. */
body.pp-design-page .pp-v2032-principles-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: clamp(22px, 2.6vw, 38px);
}

body.pp-design-page .pp-v2032-principle-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 48px);
}

body.pp-design-page .pp-v2032-principle-list article {
  display: grid;
  min-width: 0;
  align-content: start;
  padding: 0;
  background: transparent;
}

body.pp-design-page .pp-v2032-principle-list figure {
  position: relative;
  min-width: 0;
  margin: 0 0 18px;
  overflow: hidden;
  background: transparent;
}

body.pp-design-page .pp-v2032-principle-list figure::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 35%;
  background: linear-gradient(180deg, transparent, rgba(4, 24, 45, .48));
  pointer-events: none;
}

body.pp-design-page .pp-v2032-principle-list figure img {
  display: block;
  width: 100%;
  height: clamp(245px, 24vw, 345px);
  object-fit: cover;
}

body.pp-design-page .pp-v2032-principle-list article:first-child figure img {
  object-fit: contain;
  background: rgba(255, 255, 255, .18);
}

body.pp-design-page .pp-v2032-principle-list article:nth-child(2) figure img {
  object-position: center 22%;
}

body.pp-design-page .pp-v2032-principle-list article:nth-child(3) figure img {
  object-position: center 38%;
}

body.pp-design-page .pp-v2032-principle-list figcaption {
  position: absolute;
  right: 13px;
  bottom: 11px;
  left: 13px;
  z-index: 1;
  color: #fff;
  font: 800 8px/1.3 Arial, sans-serif;
  letter-spacing: .13em;
  text-shadow: 0 2px 9px rgba(0, 0, 0, .68);
  text-transform: uppercase;
}

body.pp-design-page .pp-v2032-principle-list b {
  color: var(--pp-v2032-gold);
  font: 500 28px/1 Georgia, serif;
}

body.pp-design-page .pp-v2032-principle-list h3 {
  margin: 10px 0 8px;
  color: var(--pp-v2032-blue);
  font: 500 25px/1.05 Georgia, serif;
}

body.pp-design-page .pp-v2032-principle-list p {
  margin: 0;
  color: var(--pp-v2032-blue);
  font: 14px/1.58 Georgia, serif;
}

body.pp-design-page .pp-v2032-how-label {
  color: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-v2032-how-proof {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

body.pp-design-page .pp-v2032-principles-grid > header {
  grid-column: 1 / -1;
  grid-row: 1;
}

body.pp-design-page .pp-v2032-how-proof {
  grid-row: 2;
}

body.pp-design-page .pp-v2032-principle-list {
  grid-column: 1 / -1;
  grid-row: 2;
}

body.pp-design-page .pp-v2032-how-proof figure {
  display: grid;
  min-width: 0;
  margin: 0;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  background: rgba(255, 255, 255, .24);
}

body.pp-design-page .pp-v2032-how-proof img {
  display: block;
  width: 100%;
  height: clamp(205px, 20vw, 285px);
  object-fit: cover;
}

body.pp-design-page .pp-v2032-how-proof figure:first-child img {
  object-fit: contain;
}

body.pp-design-page .pp-v2032-hidden-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  align-items: center;
  gap: clamp(32px, 6vw, 92px);
}

body.pp-design-page .pp-v2032-hidden figure {
  margin: 0;
}

body.pp-design-page .pp-v2032-hidden figure img {
  display: block;
  width: 100%;
  height: clamp(430px, 43vw, 620px);
  object-fit: cover;
  object-position: center top;
}

body.pp-design-page .pp-v2032-construction-grid {
  display: grid;
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
  align-items: start;
  gap: clamp(34px, 6vw, 90px);
}

body.pp-design-page .pp-v2032-construction ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.pp-design-page .pp-v2032-construction li {
  color: var(--pp-v2032-blue);
  font: 14px/1.55 Georgia, serif;
}

body.pp-design-page .pp-v2032-construction li b {
  display: block;
  margin-bottom: 10px;
  color: var(--pp-v2032-gold);
  font: 500 27px/1 Georgia, serif;
}

/* Interactive single-page magazine: one page remains readable while the
   outgoing sheet turns directionally over the incoming page. */
body.pp-design-page .pp-v2032-book-section {
  padding-block: clamp(44px, 5vw, 78px) !important;
}

body.pp-design-page .pp-v2031-book-intro {
  max-width: 850px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

body.pp-design-page .pp-v2032-book-guide {
  display: grid;
  max-width: 720px;
  gap: 5px;
  margin: 19px auto 0;
  padding: 13px 18px;
  border-top: 1px solid rgba(210, 165, 75, .55);
  border-bottom: 1px solid rgba(210, 165, 75, .55);
  color: var(--pp-v2032-blue);
  background: transparent;
}

body.pp-design-page .pp-v2032-book-guide strong {
  color: var(--pp-v2032-gold);
  font: 800 9px/1.3 Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.pp-design-page .pp-v2032-book-guide span {
  font: 14px/1.48 Georgia, serif;
}

body.pp-design-page .pp-v2032-book {
  width: min(1040px, 100%) !important;
  outline: 0;
}

body.pp-design-page .pp-v2032-book:focus-visible {
  outline: 2px solid var(--pp-v2032-gold);
  outline-offset: 8px;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-stage {
  position: relative !important;
  min-height: 640px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  perspective: 2200px !important;
  touch-action: pan-y !important;
  user-select: none !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::before,
body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::after {
  content: '';
  position: absolute;
  top: 24px;
  bottom: 24px;
  z-index: 0;
  width: calc(50% - 378px);
  min-width: 8px;
  max-width: 30px;
  opacity: .42;
  pointer-events: none;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::before {
  left: calc(50% - 402px);
  background: linear-gradient(90deg, transparent, rgba(6, 27, 52, .24));
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::after {
  right: calc(50% - 402px);
  background: linear-gradient(90deg, rgba(6, 27, 52, .2), transparent);
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  z-index: 1 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transform: none !important;
  transform-style: preserve-3d !important;
  transition: none !important;
  pointer-events: none !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-active,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-revealing-forward,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-revealing-backward,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-forward,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-backward {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-active {
  z-index: 2 !important;
  pointer-events: auto !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-revealing-forward,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-revealing-backward {
  z-index: 2 !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-forward,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-backward {
  z-index: 4 !important;
  pointer-events: none !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-page {
  position: relative !important;
  display: grid !important;
  width: min(780px, calc(100% - 48px)) !important;
  height: 600px !important;
  margin: 0 !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .18) !important;
  box-shadow: 0 30px 76px rgba(6, 27, 52, .16) !important;
  backface-visibility: visible !important;
  transform-style: preserve-3d !important;
  will-change: transform, filter, box-shadow, clip-path, border-radius;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-page > * {
  backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
  transform: translateZ(1px) !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-page::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 0 0 auto !important;
  width: 46% !important;
  z-index: 3 !important;
  opacity: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(6, 27, 52, .09) 28%, rgba(6, 27, 52, .38) 72%, rgba(255, 255, 255, .9) 96%);
  transform: scaleX(.15);
  transform-origin: right center;
  pointer-events: none;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-page::after {
  content: 'PRESSPAIR  ·  THE POCKET BOOK' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  padding: 40px !important;
  color: #d2a54b !important;
  font: 600 13px/1.4 Arial, sans-serif !important;
  letter-spacing: .24em !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 40% 36%, rgba(255, 255, 255, .98), rgba(245, 239, 226, .94) 54%, rgba(213, 197, 164, .86)),
    #f7f2e8 !important;
  box-shadow: inset 18px 0 34px rgba(6, 27, 52, .13), inset -2px 0 0 rgba(255, 255, 255, .8) !important;
  backface-visibility: hidden !important;
  transform: rotateY(180deg) translateZ(2px) !important;
  pointer-events: none !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-forward .pp-v2031-book-page {
  transform-origin: left center !important;
  animation: pp-v2032-turn-forward 1.05s cubic-bezier(.62, .02, .28, 1) both;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-backward .pp-v2031-book-page {
  transform-origin: right center !important;
  animation: pp-v2032-turn-backward 1.05s cubic-bezier(.62, .02, .28, 1) both;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-forward .pp-v2031-book-page::before,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-backward .pp-v2031-book-page::before {
  animation: pp-v2032-page-shade 1.05s ease both;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-turning-backward .pp-v2031-book-page::before {
  inset: 0 auto 0 0 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .9) 4%, rgba(6, 27, 52, .38) 28%, rgba(6, 27, 52, .09) 72%, transparent 100%) !important;
  transform-origin: left center !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-revealing-forward .pp-v2031-book-page,
body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-revealing-backward .pp-v2031-book-page {
  animation: pp-v2032-page-reveal 1.05s ease both;
}

@keyframes pp-v2032-turn-forward {
  0% {
    transform: perspective(2200px) translateX(0) rotateY(0deg) rotateZ(0deg) skewY(0deg) scaleX(1);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    border-radius: 0;
    filter: brightness(1) drop-shadow(0 28px 32px rgba(6,27,52,.13));
    opacity: 1;
  }
  20% {
    transform: perspective(2200px) translateX(-1%) rotateY(-10deg) rotateZ(-.15deg) skewY(-.35deg) scaleX(.995);
    clip-path: polygon(0 0,98% 0,96% 18%,92% 50%,96% 82%,98% 100%,0 100%);
    border-radius: 0 8% 8% 0 / 0 32% 32% 0;
    filter: brightness(.99) drop-shadow(15px 26px 26px rgba(6,27,52,.18));
  }
  44% {
    transform: perspective(2200px) translateX(-8%) rotateY(-24deg) rotateZ(-.45deg) skewY(-.9deg) scaleX(.94);
    clip-path: polygon(0 0,94% 2%,87% 17%,79% 50%,88% 83%,95% 98%,0 100%);
    border-radius: 0 22% 22% 0 / 0 48% 48% 0;
    filter: brightness(.94) drop-shadow(30px 24px 28px rgba(6,27,52,.27));
  }
  64% {
    transform: perspective(2200px) translateX(-25%) rotateY(-39deg) rotateZ(-.75deg) skewY(-1.35deg) scaleX(.81);
    clip-path: polygon(0 1%,80% 5%,68% 20%,56% 50%,69% 80%,82% 95%,0 99%);
    border-radius: 0 48% 48% 0 / 0 58% 58% 0;
    filter: brightness(.88) drop-shadow(38px 20px 30px rgba(6,27,52,.32));
  }
  84% {
    transform: perspective(2200px) translateX(-56%) rotateY(-55deg) rotateZ(-.55deg) skewY(-.8deg) scaleX(.55);
    clip-path: polygon(0 4%,58% 10%,43% 24%,29% 50%,44% 76%,60% 90%,0 96%);
    border-radius: 0 68% 68% 0 / 0 62% 62% 0;
    filter: brightness(.92) drop-shadow(30px 16px 26px rgba(6,27,52,.24));
    opacity: .96;
  }
  100% {
    transform: perspective(2200px) translateX(-92%) rotateY(-68deg) rotateZ(0deg) skewY(0deg) scaleX(.16);
    clip-path: polygon(0 12%,28% 18%,15% 34%,6% 50%,16% 66%,30% 82%,0 88%);
    border-radius: 0 80% 80% 0 / 0 68% 68% 0;
    filter: brightness(.98) drop-shadow(10px 10px 18px rgba(6,27,52,.12));
    opacity: 0;
  }
}

@keyframes pp-v2032-turn-backward {
  0% {
    transform: perspective(2200px) translateX(0) rotateY(0deg) rotateZ(0deg) skewY(0deg) scaleX(1);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    border-radius: 0;
    filter: brightness(1) drop-shadow(0 28px 32px rgba(6,27,52,.13));
    opacity: 1;
  }
  20% {
    transform: perspective(2200px) translateX(1%) rotateY(10deg) rotateZ(.15deg) skewY(.35deg) scaleX(.995);
    clip-path: polygon(2% 0,100% 0,100% 100%,2% 100%,4% 82%,8% 50%,4% 18%);
    border-radius: 8% 0 0 8% / 32% 0 0 32%;
    filter: brightness(.99) drop-shadow(-15px 26px 26px rgba(6,27,52,.18));
  }
  44% {
    transform: perspective(2200px) translateX(8%) rotateY(24deg) rotateZ(.45deg) skewY(.9deg) scaleX(.94);
    clip-path: polygon(6% 2%,100% 0,100% 100%,5% 98%,12% 83%,21% 50%,13% 17%);
    border-radius: 22% 0 0 22% / 48% 0 0 48%;
    filter: brightness(.94) drop-shadow(-30px 24px 28px rgba(6,27,52,.27));
  }
  64% {
    transform: perspective(2200px) translateX(25%) rotateY(39deg) rotateZ(.75deg) skewY(1.35deg) scaleX(.81);
    clip-path: polygon(20% 5%,100% 1%,100% 99%,18% 95%,31% 80%,44% 50%,32% 20%);
    border-radius: 48% 0 0 48% / 58% 0 0 58%;
    filter: brightness(.88) drop-shadow(-38px 20px 30px rgba(6,27,52,.32));
  }
  84% {
    transform: perspective(2200px) translateX(56%) rotateY(55deg) rotateZ(.55deg) skewY(.8deg) scaleX(.55);
    clip-path: polygon(42% 10%,100% 4%,100% 96%,40% 90%,56% 76%,71% 50%,57% 24%);
    border-radius: 68% 0 0 68% / 62% 0 0 62%;
    filter: brightness(.92) drop-shadow(-30px 16px 26px rgba(6,27,52,.24));
    opacity: .96;
  }
  100% {
    transform: perspective(2200px) translateX(92%) rotateY(68deg) rotateZ(0deg) skewY(0deg) scaleX(.16);
    clip-path: polygon(72% 18%,100% 12%,100% 88%,70% 82%,84% 66%,94% 50%,85% 34%);
    border-radius: 80% 0 0 80% / 68% 0 0 68%;
    filter: brightness(.98) drop-shadow(-10px 10px 18px rgba(6,27,52,.12));
    opacity: 0;
  }
}

@keyframes pp-v2032-page-shade {
  0%, 100% { opacity: 0; transform: scaleX(.12); }
  30% { opacity: .58; transform: scaleX(.62); }
  60% { opacity: .95; transform: scaleX(1); }
  84% { opacity: .64; transform: scaleX(.72); }
}

@keyframes pp-v2032-page-reveal {
  0% { opacity: .5; filter: brightness(.78); transform: scale(.985); }
  55% { opacity: .84; filter: brightness(.94); transform: scale(.994); }
  100% { opacity: 1; filter: brightness(1); transform: scale(1); }
}

/* The final motion is a hinged magazine leaf.  The full surface stays intact
   while perspective exposes its paper back; only the leading-edge highlight
   bends, so typography is never cut by a portal-shaped mask. */
@keyframes pp-v2032-turn-forward {
  0% {
    transform: perspective(2200px) translateX(0) rotateY(0deg) rotateZ(0deg) skewY(0deg) scaleY(1);
    border-radius: 0 2px 2px 0;
    filter: brightness(1) drop-shadow(0 28px 32px rgba(6, 27, 52, .13));
    opacity: 1;
  }
  18% {
    transform: perspective(2200px) translateX(-.8%) rotateY(-18deg) rotateZ(-.12deg) skewY(-.25deg) scaleY(.998);
    border-radius: 0 9px 9px 0 / 0 4% 4% 0;
    filter: brightness(.98) drop-shadow(16px 25px 25px rgba(6, 27, 52, .2));
  }
  42% {
    transform: perspective(2200px) translateX(-2.2%) rotateY(-55deg) rotateZ(-.3deg) skewY(-.75deg) scaleY(.993);
    border-radius: 0 18px 18px 0 / 0 7% 7% 0;
    filter: brightness(.9) drop-shadow(34px 21px 28px rgba(6, 27, 52, .31));
  }
  58% {
    transform: perspective(2200px) translateX(-3.8%) rotateY(-92deg) rotateZ(-.36deg) skewY(-1.05deg) scaleY(.987);
    border-radius: 0 24px 24px 0 / 0 10% 10% 0;
    filter: brightness(.82) drop-shadow(42px 17px 30px rgba(6, 27, 52, .36));
  }
  76% {
    transform: perspective(2200px) translateX(-2.6%) rotateY(-134deg) rotateZ(-.22deg) skewY(-.62deg) scaleY(.994);
    border-radius: 0 15px 15px 0 / 0 6% 6% 0;
    filter: brightness(.91) drop-shadow(25px 14px 24px rgba(6, 27, 52, .25));
  }
  100% {
    transform: perspective(2200px) translateX(0) rotateY(-179.4deg) rotateZ(0deg) skewY(0deg) scaleY(1);
    border-radius: 0 2px 2px 0;
    filter: brightness(.98) drop-shadow(4px 8px 12px rgba(6, 27, 52, .08));
    opacity: .98;
  }
}

@keyframes pp-v2032-turn-backward {
  0% {
    transform: perspective(2200px) translateX(0) rotateY(0deg) rotateZ(0deg) skewY(0deg) scaleY(1);
    border-radius: 2px 0 0 2px;
    filter: brightness(1) drop-shadow(0 28px 32px rgba(6, 27, 52, .13));
    opacity: 1;
  }
  18% {
    transform: perspective(2200px) translateX(.8%) rotateY(18deg) rotateZ(.12deg) skewY(.25deg) scaleY(.998);
    border-radius: 9px 0 0 9px / 4% 0 0 4%;
    filter: brightness(.98) drop-shadow(-16px 25px 25px rgba(6, 27, 52, .2));
  }
  42% {
    transform: perspective(2200px) translateX(2.2%) rotateY(55deg) rotateZ(.3deg) skewY(.75deg) scaleY(.993);
    border-radius: 18px 0 0 18px / 7% 0 0 7%;
    filter: brightness(.9) drop-shadow(-34px 21px 28px rgba(6, 27, 52, .31));
  }
  58% {
    transform: perspective(2200px) translateX(3.8%) rotateY(92deg) rotateZ(.36deg) skewY(1.05deg) scaleY(.987);
    border-radius: 24px 0 0 24px / 10% 0 0 10%;
    filter: brightness(.82) drop-shadow(-42px 17px 30px rgba(6, 27, 52, .36));
  }
  76% {
    transform: perspective(2200px) translateX(2.6%) rotateY(134deg) rotateZ(.22deg) skewY(.62deg) scaleY(.994);
    border-radius: 15px 0 0 15px / 6% 0 0 6%;
    filter: brightness(.91) drop-shadow(-25px 14px 24px rgba(6, 27, 52, .25));
  }
  100% {
    transform: perspective(2200px) translateX(0) rotateY(179.4deg) rotateZ(0deg) skewY(0deg) scaleY(1);
    border-radius: 2px 0 0 2px;
    filter: brightness(.98) drop-shadow(-4px 8px 12px rgba(6, 27, 52, .08));
    opacity: .98;
  }
}

@keyframes pp-v2032-page-shade {
  0%, 100% { opacity: 0; transform: scaleX(.08); }
  24% { opacity: .48; transform: scaleX(.42); }
  50% { opacity: .96; transform: scaleX(1); }
  76% { opacity: .56; transform: scaleX(.52); }
}

@keyframes pp-v2032-page-reveal {
  0% { opacity: .8; filter: brightness(.82); transform: scale(.992); }
  58% { opacity: .9; filter: brightness(.92); transform: scale(.996); }
  100% { opacity: 1; filter: brightness(1); transform: scale(1); }
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-page img {
  display: block !important;
  width: 100% !important;
  height: 544px !important;
  object-fit: cover !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-page--contain img {
  object-fit: contain !important;
  padding: 8px !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-caption {
  position: static !important;
  padding: 14px 18px 17px !important;
  color: var(--pp-v2032-blue) !important;
  background: transparent !important;
}

body.pp-design-page .pp-v2032-book .pp-v2032-book-page--dark {
  background: rgba(3, 11, 20, .92) !important;
}

body.pp-design-page .pp-v2032-book .pp-v2032-book-page--dark .pp-v2031-book-caption {
  color: var(--pp-v2032-gold) !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-cover {
  min-height: 0 !important;
  place-items: center !important;
  padding: 36px !important;
  text-align: center !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .07)),
    var(--pp-v2032-silk) center/cover no-repeat !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-cover img {
  width: 86px !important;
  height: 106px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-cover h3 {
  margin: 22px 0 10px !important;
  color: var(--pp-v2032-blue) !important;
  font-size: clamp(42px, 4.5vw, 66px) !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-cover p {
  color: var(--pp-v2032-gold) !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-controls {
  margin-top: 16px !important;
}

body.pp-design-page .pp-v2032-book-status {
  margin: 14px 0 0;
  color: var(--pp-v2032-blue);
  font: 800 9px/1.3 Arial, sans-serif;
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
}

body.pp-design-page .pp-v2032-book-edge {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 12;
  width: 17%;
  padding: 0;
  border: 0;
  color: #fff;
  background: transparent;
  cursor: pointer;
}

body.pp-design-page .pp-v2032-book-edge--previous { left: 0; cursor: w-resize; }
body.pp-design-page .pp-v2032-book-edge--next { right: 0; cursor: e-resize; }

body.pp-design-page .pp-v2032-book-edge span {
  display: grid;
  position: absolute;
  top: 50%;
  width: 34px;
  height: 52px;
  place-items: center;
  opacity: .22;
  color: #fff;
  background: rgba(6, 27, 52, .72);
  font: 36px/1 Georgia, serif;
  transform: translateY(-50%);
  transition: opacity .2s ease, background .2s ease;
}

body.pp-design-page .pp-v2032-book-edge--previous span { left: 8px; }
body.pp-design-page .pp-v2032-book-edge--next span { right: 8px; }

body.pp-design-page .pp-v2032-book-edge:hover span,
body.pp-design-page .pp-v2032-book-edge:focus-visible span {
  opacity: 1;
  background: var(--pp-v2032-blue);
}

body.pp-design-page .pp-v2032-book-edge:disabled {
  visibility: hidden;
  pointer-events: none;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-controls > button {
  border: 0 !important;
  color: var(--pp-v2032-navy) !important;
  background: var(--pp-v2032-gold) !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-rail {
  gap: 6px !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-rail button {
  width: 27px !important;
  height: 27px !important;
  border-color: rgba(10, 59, 112, .22) !important;
  color: var(--pp-v2032-blue) !important;
  background: rgba(255, 255, 255, .26) !important;
}

body.pp-design-page .pp-v2032-book .pp-v2031-book-rail button[aria-current='true'] {
  border-color: var(--pp-v2032-gold) !important;
  color: var(--pp-v2032-navy) !important;
  background: var(--pp-v2032-gold) !important;
}

/* Closing editorial triptych. */
body.pp-design-page .pp-v2032-context {
  padding-bottom: clamp(40px, 5vw, 74px) !important;
}

body.pp-design-page .pp-v2032-context-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(300px, .7fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(18px, 3.2vw, 52px);
}

body.pp-design-page .pp-v2032-context-shot {
  margin: 0;
  overflow: hidden;
}

body.pp-design-page .pp-v2032-context-shot img {
  display: block;
  width: 100%;
  height: clamp(430px, 40vw, 610px);
  object-fit: cover;
}

body.pp-design-page .pp-v2032-context-shot--suite img {
  object-position: center top;
}

body.pp-design-page .pp-v2032-context-shot--coast img {
  object-position: center center;
}

body.pp-design-page .pp-v2032-context-copy {
  position: relative;
  z-index: 1;
}

body.pp-design-page .pp-v2032-carry {
  padding: clamp(36px, 4vw, 58px) 0 clamp(48px, 6vw, 82px) !important;
  text-align: left;
}

body.pp-design-page .pp-v2032-carry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
  align-items: center;
  gap: clamp(30px, 6vw, 92px);
}

body.pp-design-page .pp-v2032-carry-image {
  margin: 0;
  overflow: hidden;
}

body.pp-design-page .pp-v2032-carry-image img {
  display: block;
  width: 100%;
  height: clamp(440px, 48vw, 680px);
  object-fit: cover;
  object-position: center top;
}

body.pp-design-page .pp-v2032-carry-copy {
  max-width: 590px;
}

body.pp-design-page .pp-v2032-carry .pp-design-copy {
  margin: 16px 0 0 !important;
}

@media (max-width: 1180px) {
  body.pp-design-page .pp-v2032-hero-grid,
  body.pp-design-page .pp-v2032-configurator,
  body.pp-design-page .pp-v2032-silhouette-grid,
  body.pp-design-page .pp-v2032-principles-grid,
  body.pp-design-page .pp-v2032-context-grid,
  body.pp-design-page .pp-v2032-carry-grid,
  body.pp-design-page .pp-v2032-hidden-grid,
  body.pp-design-page .pp-v2032-construction-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.pp-design-page .pp-v2032-hero-copy,
  body.pp-design-page .pp-v2032-configurator-copy,
  body.pp-design-page .pp-v2032-silhouette-copy {
    max-width: 820px;
  }

  body.pp-design-page .pp-v2032-opening {
    height: min(72vw, 720px);
  }

  body.pp-design-page .pp-v2032-configurator {
    gap: 26px;
  }

  body.pp-design-page .pp-v2032-configurator-media > img {
    height: min(58vw, 520px);
  }
}

@media (max-width: 760px) {
  body.pp-design-page {
    background-attachment: scroll !important;
  }

  body.pp-design-page .pp-design-shell {
    width: calc(100% - 22px) !important;
  }

  body.pp-design-page .pp-design-section {
    padding: 25px 0 !important;
  }

  body.pp-design-page .pp-design-main {
    padding-bottom: 118px !important;
  }

  body.pp-design-page .pp-v2032-hero {
    padding-top: 24px !important;
  }

  body.pp-design-page .pp-design-title {
    font-size: clamp(43px, 13vw, 58px) !important;
  }

  body.pp-design-page .pp-design-heading {
    font-size: clamp(35px, 10.4vw, 48px) !important;
  }

  body.pp-design-page .pp-design-actions {
    gap: 10px !important;
    margin-top: 20px !important;
  }

  body.pp-design-page .pp-design-button {
    min-height: 44px !important;
    padding: 12px 17px !important;
    font-size: 9px !important;
  }

  body.pp-design-page .pp-v2032-text-link {
    min-height: 38px;
    font-size: 9px;
  }

  body.pp-design-page .pp-v2032-opening {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 340px 140px;
    gap: 7px;
  }

  body.pp-design-page .pp-v2032-opening-shot--hero {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body.pp-design-page .pp-v2032-opening-shot--proof {
    grid-column: 1;
    grid-row: 2;
  }

  body.pp-design-page .pp-v2032-opening-shot--phone {
    grid-column: 2;
    grid-row: 2;
  }

  body.pp-design-page .pp-v2032-opening-shot--models {
    display: none;
  }

  body.pp-design-page .pp-v2032-opening-shot--proof img {
    object-position: center 36%;
  }

  body.pp-design-page .pp-v2032-opening-shot figcaption {
    left: 9px;
    bottom: 8px;
    font-size: 7px;
  }

  body.pp-design-page .pp-v2032-proof-line {
    gap: 8px;
    margin-top: 12px;
  }

  body.pp-design-page .pp-v2032-proof-line p {
    display: block;
    font-size: 8px;
    line-height: 1.35;
  }

  body.pp-design-page .pp-v2032-proof-line b {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
  }

  body.pp-design-page .pp-v2032-configurator-media > img {
    height: 350px;
  }

  body.pp-design-page .pp-v2032-style-tabs {
    justify-content: space-between;
    gap: 10px;
    margin: 21px 0 18px;
  }

  body.pp-design-page .pp-v2032-style-tabs button {
    font-size: 8px;
  }

  body.pp-design-page .pp-v2032-configurator-copy .pp-design-copy {
    min-height: 0;
  }

  body.pp-design-page .pp-v2032-editorial-figure img {
    height: 430px;
  }

  body.pp-design-page .pp-v2032-silhouette-list li {
    grid-template-columns: minmax(100px, .42fr) minmax(0, 1fr);
    gap: 12px;
    padding: 13px 0;
  }

  body.pp-design-page .pp-v2032-silhouette-list b {
    font-size: 17px;
  }

  body.pp-design-page .pp-v2032-principle-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  body.pp-design-page .pp-v2032-principle-list figure {
    margin-bottom: 14px;
  }

  body.pp-design-page .pp-v2032-principle-list figure img {
    height: min(88vw, 350px);
  }

  body.pp-design-page .pp-v2032-how-proof {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.pp-design-page .pp-v2032-how-proof figure:first-child {
    grid-column: 1 / -1;
  }

  body.pp-design-page .pp-v2032-how-proof figure:first-child img {
    height: 275px;
  }

  body.pp-design-page .pp-v2032-how-proof figure:not(:first-child) img {
    height: 170px;
  }

  body.pp-design-page .pp-v2032-spec-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.pp-design-page .pp-v2032-spec-strip img {
    height: 132px;
  }

  body.pp-design-page .pp-v2032-spec-strip figcaption {
    padding: 7px 4px 8px;
    font-size: 6.5px;
    letter-spacing: .08em;
  }

  body.pp-design-page .pp-v2032-hidden figure img {
    height: 430px;
  }

  body.pp-design-page .pp-v2032-construction ol {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  body.pp-design-page .pp-v2032-principle-list h3 {
    margin-top: 8px;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-stage {
    min-height: 500px !important;
    overflow: hidden !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::before,
  body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::after {
    display: none;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-spread {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    transform: none !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-spread.is-active {
    transform: none !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-page {
    width: calc(100% - 10px) !important;
    height: 480px !important;
  }

  body.pp-design-page .pp-v2032-book-edge {
    width: 22%;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-page img {
    height: 424px !important;
  }

  body.pp-design-page .pp-v2032-book-status {
    margin-top: 48px !important;
    padding-right: 54px !important;
    padding-left: 104px !important;
    box-sizing: border-box !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-cover {
    min-height: 0 !important;
    padding: 24px !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-rail {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-rail button {
    width: 24px !important;
    height: 24px !important;
    font-size: 8px !important;
  }

  body.pp-design-page .pp-v2032-context-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.pp-design-page .pp-v2032-context-shot img {
    height: 410px;
  }

  body.pp-design-page .pp-v2032-context-shot--coast img {
    height: 260px;
  }

  body.pp-design-page .pp-v2032-carry-image img {
    height: 470px;
  }
}

/* Manual Mobile Version must mirror the native phone layout even when the
   browser itself is wider than the mobile media query. */
html.pp-mobile-mode body.pp-design-page .pp-design-main,
html.pp-v2006-mobile body.pp-design-page .pp-design-main {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  padding-bottom: 118px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-design-shell,
html.pp-v2006-mobile body.pp-design-page .pp-design-shell {
  width: calc(100% - 22px) !important;
}

html.pp-mobile-mode body.pp-design-page .pp-design-section,
html.pp-v2006-mobile body.pp-design-page .pp-design-section {
  padding: 25px 0 !important;
}

html.pp-mobile-mode body.pp-design-page .pp-design-title,
html.pp-v2006-mobile body.pp-design-page .pp-design-title {
  font-size: 52px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-design-heading,
html.pp-v2006-mobile body.pp-design-page .pp-design-heading {
  font-size: 42px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-hero-grid,
html.pp-mobile-mode body.pp-design-page .pp-v2032-configurator,
html.pp-mobile-mode body.pp-design-page .pp-v2032-silhouette-grid,
html.pp-mobile-mode body.pp-design-page .pp-v2032-principles-grid,
html.pp-mobile-mode body.pp-design-page .pp-v2032-context-grid,
html.pp-mobile-mode body.pp-design-page .pp-v2032-carry-grid,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-hero-grid,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-configurator,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-silhouette-grid,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-principles-grid,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-context-grid,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-carry-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 28px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-opening {
  height: auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: 340px 140px !important;
  gap: 7px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--hero,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-opening-shot--hero {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--proof,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-opening-shot--proof {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--phone,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-opening-shot--phone {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--models,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-opening-shot--models {
  display: none !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-configurator-media,
html.pp-mobile-mode body.pp-design-page .pp-v2032-configurator-copy,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-configurator-media,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-configurator-copy {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-configurator-media > img,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-configurator-media > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 350px !important;
  object-fit: contain !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-style-tabs,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-style-tabs {
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 21px 0 18px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-style-tabs button,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-style-tabs button {
  font-size: 8px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-selected-product,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-selected-product {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-selected-product strong,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-selected-product strong {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-principle-list,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-principle-list {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 24px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-principle-list figure img,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-principle-list figure img {
  height: 350px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book .pp-v2031-book-stage,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book .pp-v2031-book-stage {
  min-height: 500px !important;
  overflow: hidden !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::before,
html.pp-mobile-mode body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::after,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::before,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book .pp-v2031-book-stage::after {
  display: none !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book .pp-v2031-book-page,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book .pp-v2031-book-page {
  width: calc(100% - 10px) !important;
  height: 480px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book .pp-v2031-book-page img,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book .pp-v2031-book-page img {
  height: 424px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book-status,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book-status {
  margin-top: 18px !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
  box-sizing: border-box !important;
  font-size: 8px !important;
  letter-spacing: .1em !important;
  white-space: nowrap !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book-edge,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book-edge {
  width: 22% !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book .pp-v2031-book-controls,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book .pp-v2031-book-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-book .pp-v2031-book-rail,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-book .pp-v2031-book-rail {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-editorial-figure img,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-editorial-figure img {
  height: 430px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-context-shot img,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-context-shot img {
  height: 410px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-context-shot--coast img,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-context-shot--coast img {
  height: 260px !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-carry-image img,
html.pp-v2006-mobile body.pp-design-page .pp-v2032-carry-image img {
  height: 470px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.pp-design-page .pp-v2032-book .pp-v2031-spread {
    transition: none !important;
  }

  body.pp-design-page .pp-v2032-book .pp-v2031-book-page,
  body.pp-design-page .pp-v2032-book .pp-v2031-book-page::before {
    animation: none !important;
  }
}

/* V2031 approval palette: labels identify each chapter in PressPair blue;
   the three required editorial promise lines use the approved true gold. */
body.pp-design-page .pp-v2032-how-label,
body.pp-design-page .pp-v2032-signature-label {
  color: var(--pp-v2032-blue) !important;
}

body.pp-design-page .pp-design-title,
body.pp-design-page .pp-v2032-how-title,
body.pp-design-page .pp-v2032-signature-title {
  color: var(--pp-v2032-gold) !important;
}