@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap");

/* =========================================================
   PLICO NEWSPAPER HOMEPAGE — V7 CLEAN
   DESKTOP + TABLET + MOBILE
   CARGO SAFE
========================================================= */


/* =========================================================
   PAGE / CARGO RESET
========================================================= */

html.plico-newspaper-page,
body.plico-newspaper-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;

  overflow-x: hidden !important;
}


/*
   IMPORTANT:
   DO NOT target generic "main".
   It was interfering with .pn-main.
*/

body.plico-newspaper-page .page,
body.plico-newspaper-page .page-content,
body.plico-newspaper-page .content,
body.plico-newspaper-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Hide old global logo/menu only here */

body.plico-newspaper-page .plico-logo,
body.plico-newspaper-page #menu-toggle {
  display: none !important;
}


/* =========================================================
   GLOBAL
========================================================= */

.plico-newspaper-home,
.plico-newspaper-home * {
  box-sizing: border-box;
}


.plico-newspaper-home {
  position: relative;

  left: 50%;

  width: 100vw;
  max-width: none;
  min-height: 100vh;

  margin-left: -50vw;

  padding: 20px;

  background: #ffffff;
  color: #000000;

  overflow: hidden;
}


.pn-shell {
  position: relative;

  width: 100%;
  min-height: calc(100vh - 40px);

  border: 1px solid #000000;

  background: #ffffff;
}


/* Keep our custom page in normal document flow */

body.plico-newspaper-page .pn-header,
body.plico-newspaper-page .pn-main,
body.plico-newspaper-page .pn-hero-grid,
body.plico-newspaper-page .pn-middle-grid,
body.plico-newspaper-page .pn-bottom-grid {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  transform: none !important;
}


/* Prevent grid children from forcing overflow */

.pn-header-main > *,
.pn-hero-grid > *,
.pn-middle-grid > *,
.pn-left-split > *,
.pn-bottom-grid > *,
.pn-game-row > *,
.pn-issue-products > * {
  min-width: 0;
}


/* =========================================================
   NEVER BREAK WORDS RANDOMLY
========================================================= */

.pn-feature-title,
.pn-feature-links,
.pn-feature-links a,
.pn-feature-caption,
.pn-mini-clues,
.pn-mini-clues-body,
.pn-book-body,
.pn-book-body strong,
.pn-issue-names,
.pn-editor-link,
.pn-body-copy {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}


/* =========================================================
   TOP TITLE
========================================================= */

.pn-topline {
  padding: 18px 26px 12px;

  text-align: center;

  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;

  text-transform: uppercase;
}


/* =========================================================
   HEADER
========================================================= */

.pn-header {
  width: 100%;

  margin: 0;

  background: #ffffff;

  z-index: 2;
}


.pn-header-main {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 24px;

  align-items: center;

  min-height: 110px;

  padding: 5px 26px 13px;
}


/* =========================================================
   DIGITAL ROOM BOX
========================================================= */

.pn-room-box {
  width: 210px;
  max-width: 100%;
}


.pn-room-bar {
  width: 100%;
  height: 12px;

  background: #000000;
}


.pn-room-text {
  padding: 7px 4px;

  text-align: center;

  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 1.1;
}


.pn-room-text strong {
  font-weight: 400;
}


.pn-room-text span {
  font-size: 9px;
}


/* =========================================================
   LOGO
========================================================= */

.pn-logo-wrap {
  display: flex;

  align-items: center;
  justify-content: center;
}


.pn-logo {
  display: block;

  width: 120px;
  max-width: 100%;

  height: auto;

  filter: grayscale(100%) brightness(0%);
}


/* =========================================================
   NAV
========================================================= */

.pn-nav-wrap {
  justify-self: end;

  text-align: right;
}


.pn-nav-vertical,
.pn-nav-inline {
  font-family: "Courier New", Courier, monospace;

  font-size: 11px;
  line-height: 1.12;
}


.pn-nav-vertical a,
.pn-nav-inline a {
  color: #0000ee !important;

  text-decoration: underline !important;
}


.pn-nav-inline {
  margin-top: 9px;
}


/* =========================================================
   META ROW
========================================================= */

.pn-meta-row {
  display: grid;

  grid-template-columns:
    130px
    60px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  min-height: 30px;

  padding: 6px 24px;

  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;

  font-family: "Courier New", Courier, monospace;

  font-size: 9px;
  line-height: 1.2;
}


.pn-meta-center {
  text-align: center;
}


.pn-meta-right {
  text-align: right;
}


/* =========================================================
   MAIN
========================================================= */

body.plico-newspaper-page .pn-main {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;

  padding: 32px 28px 22px !important;

  float: none !important;

  z-index: 1;
}


/* =========================================================
   HERO
========================================================= */

.pn-hero-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 30px;

  align-items: stretch;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;
}


.pn-black-block {
  width: 100%;

  background: #000000;
}


.pn-hero-image {
  position: relative !important;

  width: 100%;

  min-height: 430px;

  margin: 0;
}


.pn-hero-copy {
  position: relative !important;

  width: 100%;

  min-height: 430px;

  margin: 0;

  padding: 8px 22px 48px 16px;

  overflow: hidden;
}


/* =========================================================
   WHAT IS LOST...
========================================================= */

.pn-hero-copy h1 {
  position: relative !important;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;

  text-align: center;

  font-family: Arial, Helvetica, sans-serif;

  font-size: clamp(44px, 4.7vw, 76px);
  font-weight: 900;

  line-height: .84;
  letter-spacing: -.055em;

  text-transform: uppercase;

  white-space: nowrap !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* =========================================================
   EDITOR LETTER
========================================================= */

.pn-editor-link {
  position: absolute !important;

  top: auto !important;
  left: auto !important;

  right: 22px !important;
  bottom: 16px !important;

  color: #000000;

  font-family: "Courier New", Courier, monospace;

  font-size: 10px;
  line-height: 1;

  text-decoration: none;

  white-space: nowrap;
}


.pn-editor-link:hover {
  text-decoration: underline;
}


/* =========================================================
   MIDDLE GRID
========================================================= */

.pn-middle-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.38fr)
    minmax(0, 1fr);

  gap: 30px;

  width: 100%;

  margin-top: 40px;
}


/* =========================================================
   QUOTE
========================================================= */

.pn-quote {
  margin: 0 8px 20px;

  text-align: center;

  font-family: "Times New Roman", Times, serif;

  font-size: 46px;
  font-weight: 400;

  line-height: .92;
}


/* =========================================================
   LEFT EDITORIAL AREA
========================================================= */

.pn-left-split {
  display: grid;

  grid-template-columns:
    minmax(0, .62fr)
    minmax(0, 1fr);

  gap: 25px;

  width: 100%;
}


/* =========================================================
   BODY COPY
========================================================= */

.pn-body-copy {
  padding-left: 3px;
  padding-right: 3px;

  font-family: "Times New Roman", Times, serif;

  font-size: 13px;

  line-height: 1.07;

  text-align: justify;
}


/* =========================================================
   FEATURE COLUMN
========================================================= */

.pn-feature-column {
  width: 100%;

  padding-left: 2px;
  padding-right: 2px;

  text-align: center;
}


.pn-feature-title {
  display: inline-block;

  max-width: 95%;

  margin-bottom: 18px;

  color: #000000;

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;
  line-height: 1.18;

  text-transform: uppercase;

  text-decoration: underline;
}


.pn-feature-image-top {
  min-height: 220px;

  margin-bottom: 12px;
}


.pn-feature-links {
  margin: 0 8px 16px;

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;

  line-height: 1.55;
}


.pn-feature-links a {
  color: #000000;

  text-decoration: underline;
}


.pn-feature-image-bottom {
  min-height: 290px;
}


.pn-feature-caption {
  margin-top: 6px;

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;

  text-decoration: underline;
}


/* =========================================================
   DIRECTOR SPOTLIGHT
========================================================= */

.pn-spotlight-box {
  position: relative;

  min-height: 790px;

  border: 1px solid #777777;

  background: #ffffff;
}


.pn-spotlight-tag {
  position: absolute;

  top: -1px;
  left: -1px;

  width: 46%;

  padding: 12px;

  background: #ef3c2b;

  color: #ffffff;

  text-align: center;

  font-family: "Times New Roman", Times, serif;

  font-size: 13px;

  white-space: nowrap;
}


/* =========================================================
   BOTTOM GRID
========================================================= */

.pn-bottom-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(0, 1fr)
    minmax(0, .72fr);

  gap: 24px;

  align-items: end;

  width: 100%;

  margin-top: 30px;
}


/* =========================================================
   CROSSWORD
========================================================= */

.pn-game-column {
  min-width: 0;

  padding: 0 4px;
}


.pn-game-column h3 {
  margin: 0 0 13px;

  font-family: "Times New Roman", Times, serif;

  font-size: 23px;
  font-weight: 400;

  line-height: 1;
}


.pn-game-row {
  display: grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(0, .92fr);

  gap: 15px;

  align-items: start;
}


.pn-crossword-thumb {
  display: grid;

  grid-template-columns: repeat(7, 1fr);

  width: 100%;

  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}


.pn-crossword-thumb div {
  aspect-ratio: 1 / 1;

  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;

  background: #000000;
}


.pn-crossword-thumb .w {
  background: #ffffff;
}


.pn-mini-clues {
  min-width: 0;

  padding: 1px 3px;
}


.pn-mini-clues-head {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 7px;

  margin-bottom: 8px;

  font-family: "Times New Roman", Times, serif;

  font-size: 11px;
  font-weight: 700;

  line-height: 1.1;

  white-space: nowrap;
}


.pn-mini-clues-body {
  font-family: "Courier New", Courier, monospace;

  font-size: 8px;

  line-height: 1.32;
}


/* =========================================================
   ISSUE
========================================================= */

.pn-issue-column {
  width: 100%;
  min-width: 0;

  padding: 0 2px;

  text-align: center;
}


.pn-issue-title {
  margin-bottom: 8px;

  font-family: "Times New Roman", Times, serif;

  font-size: 22px;
}


.pn-issue-products {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 8px;
}


.pn-cover-one,
.pn-cover-two-bg {
  min-height: 155px;
}


.pn-cover-two {
  position: relative;
}


/* =========================================================
   BUY NOW KEEP FOREVER
========================================================= */

.pn-buy-forever {
  position: absolute;

  left: 52%;
  top: 56%;

  width: 84%;
  max-width: 220px;

  display: block;

  text-align: center;

  color: #ff27a3 !important;

  font-family: "Times New Roman", Times, serif;

  font-size: 29px;
  font-weight: 700;
  font-style: italic;

  line-height: .9;

  text-decoration: none !important;

  transform:
    translate(-50%, -50%)
    rotate(14deg);

  z-index: 2;
}


.pn-buy-forever:hover,
.pn-buy-forever:visited,
.pn-buy-forever:focus,
.pn-buy-forever:active {
  color: #ff27a3 !important;

  text-decoration: none !important;
}


.pn-issue-names {
  margin-top: 5px;
  padding-top: 3px;

  border-top: 1px solid #000000;

  font-family: "Times New Roman", Times, serif;

  font-size: 11px;

  line-height: 1.25;
}


.pn-issue-names a {
  color: #000000;

  text-decoration: underline;
}


/* =========================================================
   BOOK
========================================================= */

.pn-book-column {
  display: flex;

  justify-content: center;
  align-items: flex-end;

  padding: 0 4px;
}


.pn-book-card {
  width: 145px;
  max-width: 100%;

  border: 1px solid #000000;

  background: #e8d8aa;

  box-shadow:
    -7px
    6px
    0
    rgba(0,0,0,.12);
}


.pn-book-top {
  height: 14px;

  background: #000000;
}


.pn-book-body {
  padding: 10px 9px 13px;

  color: #000000;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 9px;

  line-height: 1.18;
}


.pn-book-body strong {
  display: block;

  font-size: 9px;

  line-height: 1.15;
}


.pn-book-body span {
  font-size: 7px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1500px) {

  .pn-hero-copy h1 {
    font-size: 82px;
  }


  .pn-hero-image,
  .pn-hero-copy {
    min-height: 500px;
  }


  .pn-spotlight-box {
    min-height: 880px;
  }

}


/* =========================================================
   TABLET / SMALL DESKTOP
   651px — 900px
========================================================= */

@media (min-width: 651px) and (max-width: 900px) {

  .plico-newspaper-home {
    padding: 12px;
  }


  .pn-shell {
    min-height: calc(100vh - 24px);
  }


  .pn-topline {
    padding-left: 18px;
    padding-right: 18px;

    font-size: 14px;
  }


  .pn-header-main {
    padding-left: 18px;
    padding-right: 18px;

    gap: 15px;
  }


  .pn-room-text {
    font-size: 9px;
  }


  .pn-nav-vertical,
  .pn-nav-inline {
    font-size: 9px;
  }


  .pn-meta-row {
    padding-left: 16px;
    padding-right: 16px;

    font-size: 7px;
  }


  body.plico-newspaper-page .pn-main {
    padding: 24px 18px 18px !important;
  }


  .pn-hero-grid {
    gap: 20px;
  }


  .pn-hero-image,
  .pn-hero-copy {
    min-height: 360px;
  }


  .pn-hero-copy {
    padding: 8px 14px 42px;
  }


  .pn-hero-copy h1 {
    font-size: clamp(34px, 5.4vw, 52px);
  }


  .pn-middle-grid {
    gap: 20px;

    margin-top: 30px;
  }


  .pn-body-copy {
    font-size: 10px;
  }


  .pn-feature-title,
  .pn-feature-links,
  .pn-feature-caption {
    font-size: 9px;
  }


  .pn-bottom-grid {
    gap: 15px;
  }

}


/* =========================================================
   MOBILE
   SAME PRINTED MAGAZINE LANGUAGE
========================================================= */

@media (max-width: 650px) {

  /* PAGE */

  .plico-newspaper-home {
    width: 100vw;
    min-height: 100vh;

    padding: 8px;

    background: #ffffff;
  }


  .pn-shell {
    width: 100%;
    min-height: calc(100vh - 16px);

    border: 1px solid #000000;
  }


  /* TOP */

  .pn-topline {
    padding: 15px 14px 12px;

    font-size: 11px;
    line-height: 1.08;
  }


  /* HEADER */

  .pn-header-main {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, .8fr)
      minmax(0, 1fr);

    gap: 10px;

    min-height: 90px;

    padding: 8px 14px 13px;
  }


  .pn-room-box {
    width: 100%;
    max-width: 120px;
  }


  .pn-room-bar {
    height: 7px;
  }


  .pn-room-text {
    padding: 5px 2px;

    font-size: 7px;
  }


  .pn-room-text span {
    font-size: 6px;
  }


  .pn-logo {
    width: 68px;
  }


  .pn-nav-wrap {
    padding-right: 2px;
  }


  .pn-nav-vertical,
  .pn-nav-inline {
    font-size: 7px;
  }


  .pn-nav-inline {
    margin-top: 6px;
  }


  /* META */

  .pn-meta-row {
    grid-template-columns:
      55px
      28px
      minmax(0, 1fr);

    gap: 6px;

    padding: 6px 12px;

    font-size: 5.5px;
    line-height: 1.25;
  }


  /* MAIN */

  body.plico-newspaper-page .pn-main {
    padding: 18px 18px 20px !important;
  }


  /* HERO */

  .pn-hero-grid {
    grid-template-columns:
      minmax(0, .92fr)
      minmax(0, 1.08fr);

    gap: 15px;

    padding-left: 8px;
    padding-right: 8px;
  }


  .pn-hero-image {
    min-height: 47vw;
  }


  .pn-hero-copy {
    min-height: 47vw;

    padding: 8px 12px 30px;
  }


  .pn-hero-copy h1 {
    font-size: 6.6vw;

    line-height: .84;
  }


  .pn-editor-link {
    right: 8px !important;
    bottom: 8px !important;

    font-size: 6px;
  }


  /* MIDDLE */

  .pn-middle-grid {
    grid-template-columns:
      minmax(0, 1.5fr)
      minmax(0, .9fr);

    gap: 14px;

    margin-top: 22px;
  }


  /* QUOTE */

  .pn-quote {
    margin: 0 4px 16px;

    text-align: center;

    font-size: 4.5vw;

    line-height: .94;

    white-space: nowrap;
  }


  /* LEFT SPLIT */

  .pn-left-split {
    grid-template-columns:
      minmax(0, .58fr)
      minmax(0, 1fr);

    gap: 10px;
  }


  .pn-body-copy {
    padding: 0 3px;

    font-size: 6.6px;

    line-height: 1.1;
  }


  .pn-feature-column {
    padding: 0 3px;
  }


  .pn-feature-title {
    max-width: 96%;

    margin-bottom: 8px;

    font-size: 6.8px;
  }


  .pn-feature-image-top {
    min-height: 25vw;

    margin-bottom: 7px;
  }


  .pn-feature-links {
    margin:
      0
      3px
      9px;

    font-size: 6.8px;

    line-height: 1.48;
  }


  .pn-feature-image-bottom {
    min-height: 34vw;
  }


  .pn-feature-caption {
    margin-top: 5px;

    font-size: 6.8px;
  }


  /* SPOTLIGHT */

  .pn-spotlight-box {
    min-height: 82vw;
  }


  .pn-spotlight-tag {
    width: 58%;

    padding: 7px 5px;

    font-size: 6.5px;
  }


  /* BOTTOM */

  .pn-bottom-grid {
    grid-template-columns:
      minmax(0, 1.34fr)
      minmax(0, .94fr)
      minmax(0, .72fr);

    gap: 12px;

    margin-top: 22px;
  }


  /* CROSSWORD */

  .pn-game-column {
    padding-left: 5px;
    padding-right: 4px;
  }


  .pn-game-column h3 {
    margin-bottom: 9px;

    font-size: 16px;
  }


  .pn-game-row {
    gap: 10px;
  }


  .pn-mini-clues {
    padding: 1px 2px 0;
  }


  .pn-mini-clues-head {
    gap: 4px;

    margin-bottom: 5px;

    font-size: 6.2px;
  }


  .pn-mini-clues-body {
    font-size: 5px;

    line-height: 1.3;
  }


  /* ISSUE */

  .pn-issue-column {
    padding: 0 2px;
  }


  .pn-issue-title {
    margin-bottom: 5px;

    font-size: 14px;
  }


  .pn-issue-products {
    gap: 5px;
  }


  .pn-cover-one,
  .pn-cover-two-bg {
    min-height: 19vw;
  }


  .pn-buy-forever {
    left: 52%;
    top: 56%;

    width: 86%;
    max-width: none;

    font-size: 3.6vw;

    line-height: .9;
  }


  .pn-issue-names {
    margin-top: 4px;
    padding-top: 2px;

    font-size: 5.2px;
  }


  /* BOOK */

  .pn-book-column {
    padding: 0 3px;
  }


  .pn-book-card {
    width: 100%;
    max-width: 86px;

    box-shadow:
      -4px
      4px
      0
      rgba(0,0,0,.12);
  }


  .pn-book-top {
    height: 8px;
  }


  .pn-book-body {
    padding: 6px 6px 8px;

    font-size: 5px;
  }


  .pn-book-body strong {
    font-size: 5.4px;
  }


  .pn-book-body span {
    font-size: 4px;
  }

}


/* =========================================================
   VERY SMALL PHONE
========================================================= */

@media (max-width: 390px) {

  body.plico-newspaper-page .pn-main {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }


  .pn-header-main {
    padding-left: 12px;
    padding-right: 12px;
  }


  .pn-hero-copy h1 {
    font-size: 6.35vw;
  }


  .pn-middle-grid {
    gap: 10px;
  }


  .pn-quote {
    font-size: 4.35vw;
  }


  .pn-bottom-grid {
    gap: 9px;
  }


  .pn-game-column {
    padding-left: 3px;
    padding-right: 2px;
  }


  .pn-mini-clues-body {
    font-size: 4.7px;
  }


  .pn-book-card {
    max-width: 78px;
  }

}

/* =========================================================
   PLICO V8 — ALIGNMENT + HERO TITLE FIX
   KEEP AT VERY END
========================================================= */


/* ---------------------------------------------------------
   FIX WHOLE NEWSPAPER POSITION
   No more negative full-viewport centering
--------------------------------------------------------- */

body.plico-newspaper-page .plico-newspaper-home {
  position: relative !important;

  left: auto !important;
  right: auto !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  transform: none !important;
}


/* ---------------------------------------------------------
   HERO TEXT — NEVER CLIP
--------------------------------------------------------- */

body.plico-newspaper-page .pn-hero-copy {
  overflow: visible !important;
}


/* Desktop */

body.plico-newspaper-page .pn-hero-copy h1 {
  max-width: 100% !important;

  padding-left: 6px !important;
  padding-right: 6px !important;

  font-size: clamp(40px, 4.35vw, 72px) !important;

  line-height: .84 !important;

  letter-spacing: -.055em !important;

  white-space: nowrap !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* ---------------------------------------------------------
   TABLET / NARROW DESKTOP
--------------------------------------------------------- */

@media (min-width: 651px) and (max-width: 900px) {

  body.plico-newspaper-page .pn-hero-copy {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.plico-newspaper-page .pn-hero-copy h1 {
    font-size: 5vw !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 650px) {

  body.plico-newspaper-page .plico-newspaper-home {
    width: 100% !important;

    margin: 0 !important;
  }

  body.plico-newspaper-page .pn-hero-copy {
    overflow: visible !important;
  }

  body.plico-newspaper-page .pn-hero-copy h1 {
    font-size: 6.25vw !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}


/* Very small mobile */

@media (max-width: 390px) {

  body.plico-newspaper-page .pn-hero-copy h1 {
    font-size: 6.05vw !important;
  }

}


/* =========================================================
   PLICO ENTRY PAGE — CARGO SAFE / MOBILE LARGER V2
========================================================= */

html.plico-entry-page,
body.plico-entry-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #eeeeee !important;

  overflow-x: hidden !important;
}


/* Hide global logo + menu only on entry page */

body.plico-entry-page .plico-logo,
body.plico-entry-page #menu-toggle {
  display: none !important;
}


/* Cargo containers */

body.plico-entry-page .page,
body.plico-entry-page .page-content,
body.plico-entry-page .content,
body.plico-entry-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================================
   PAGE
========================================================= */

.plico-entry-home,
.plico-entry-home * {
  box-sizing: border-box;
}


.plico-entry-home {
  position: relative;

  width: 100%;
  min-height: 100vh;

  margin: 0;
  padding: calc(18vh + 90px) 0 24vh;

  background: #eeeeee;
  color: #000000;

  overflow: hidden;
}


/* =========================================================
   STAGE
========================================================= */

.pe-stage {
  position: relative;

  width: 620px;
  height: 650px;

  margin: 0 auto;
}


/* =========================================================
   SHOP NOW
========================================================= */

.pe-shop {
  position: absolute;

  left: 255px;
  top: 0;

  width: 330px;
  height: 58px;

  display: flex;

  align-items: center;
  justify-content: center;

  background: #ff1307;

  color: #000000 !important;

  text-decoration: none !important;

  transform: rotate(1deg);
}


.pe-shop span {
  display: block;

  font-family: "Times New Roman", Times, serif;

  font-size: 33px;
  font-weight: 700;
  font-style: normal;

  line-height: 1;

  transform: rotate(-1deg);
}


.pe-shop:hover,
.pe-shop:focus,
.pe-shop:active,
.pe-shop:visited {
  color: #000000 !important;

  text-decoration: none !important;
}


/* =========================================================
   NOWHERE
========================================================= */

.pe-nowhere {
  position: absolute;

  left: 35px;
  top: 115px;

  width: 235px;
  height: 145px;

  font-family: "Times New Roman", Times, serif;

  font-size: 46px;
  font-weight: 400;

  line-height: 1;

  pointer-events: none;
}


.pe-letter {
  position: absolute;

  display: block;
}


.pe-n {
  left: 0;
  top: 83px;

  transform: rotate(-58deg);
}


.pe-o {
  left: 42px;
  top: 32px;

  transform: rotate(24deg);
}


.pe-w {
  left: 79px;
  top: 4px;

  transform: rotate(28deg);
}


.pe-h {
  left: 116px;
  top: 43px;

  transform: rotate(33deg);
}


.pe-e1 {
  left: 145px;
  top: 72px;

  transform: rotate(34deg);
}


.pe-r {
  left: 181px;
  top: 42px;

  transform: rotate(-49deg);
}


.pe-e2 {
  left: 214px;
  top: 17px;

  transform: rotate(27deg);
}


/* =========================================================
   CREDITS
========================================================= */

.pe-credits {
  position: absolute;

  top: 207px;

  font-family: "Courier New", Courier, monospace;

  font-size: 12px;
  font-weight: 400;

  line-height: 1.08;

  color: #000000;

  text-transform: uppercase;

  white-space: nowrap;
}


.pe-credits-left {
  left: 95px;

  text-align: left;
}


.pe-credits-right {
  right: 88px;

  text-align: right;
}


/* =========================================================
   ISSUE N°1 + PLICO MAGAZINE
========================================================= */

.pe-issue-wrap {
  position: absolute;

  left: 195px;
  top: 360px;

  transform: rotate(12deg);

  transform-origin: center center;
}


.pe-issue-top {
  font-family: "Times New Roman", Times, serif;

  font-size: 34px;
  font-weight: 700;
  font-style: normal;

  line-height: 1;

  color: #ff1307;

  white-space: nowrap;
}


.pe-issue-bottom {
  margin-top: -2px;

  font-family: "Times New Roman", Times, serif;

  font-size: 38px;
  font-weight: 700;
  font-style: normal;

  line-height: 1;

  color: #ff1307;

  white-space: nowrap;
}


/* =========================================================
   AND MORE
========================================================= */

.pe-more {
  position: absolute;

  left: 358px;
  top: 535px;

  font-family: "Courier New", Courier, monospace;

  font-size: 12px;

  line-height: 1;

  color: #000000;

  white-space: nowrap;
}


/* =========================================================
   DIGITAL ROOM
========================================================= */

.pe-digital {
  position: absolute;

  left: 50%;
  top: 595px;

  transform: translateX(-50%);

  font-family: "Times New Roman", Times, serif;

  font-size: 18px;
  font-weight: 700;

  line-height: 1;

  color: #0000ee !important;

  text-decoration: underline !important;

  white-space: nowrap;
}


.pe-digital:hover,
.pe-digital:focus,
.pe-digital:active,
.pe-digital:visited {
  color: #0000ee !important;

  text-decoration: underline !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .plico-entry-home {
    padding-top: calc(12vh + 75px);
    padding-bottom: 18vh;
  }


  .pe-stage {
    transform: scale(.85);

    transform-origin: top center;

    margin-bottom: -90px;
  }

}


/* =========================================================
   MOBILE LARGE — FULLER / MORE READABLE
========================================================= */

@media (max-width: 650px) {

  .plico-entry-home {
    padding-top: calc(5vh + 65px);
    padding-bottom: 4vh;
    min-height: 100vh;
  }


  .pe-stage {
    left: 50%;

    margin-left: -310px;
    margin-right: 0;

    transform: scale(.88);

    transform-origin: top center;

    margin-bottom: -70px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 520px) {

  .plico-entry-home {
    padding-top: calc(4vh + 60px);
    padding-bottom: 4vh;
  }


  .pe-stage {
    transform: scale(.78);

    margin-bottom: -135px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .plico-entry-home {
    padding-top: calc(3vh + 55px);
    padding-bottom: 3vh;
  }


  .pe-stage {
    transform: scale(.68);

    margin-bottom: -205px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

  .pe-stage {
    transform: scale(.58);

    margin-bottom: -270px;
  }

}

/* =========================================================
   PLICO — SITE-WIDE GLOBAL MENU V1
   One menu for EVERY Cargo page.
   The menu itself is injected from Site Settings > CSS/HTML > HTML.
   KEEP AT VERY END
========================================================= */

/* Hide the old page-specific copies so there is never a duplicate. */
body .pn-header-main > .pn-nav-wrap,
body .pit-info-nav {
  display: none !important;
}


/* Global menu */
.plico-global-nav {
  position: fixed !important;

  top: 68px !important;
  right: 26px !important;
  left: auto !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: right !important;

  font-family: "Courier New", Courier, monospace !important;
  font-size: 11px !important;
  line-height: 1.12 !important;

  z-index: 99999 !important;

  pointer-events: auto !important;
}

.plico-global-nav,
.plico-global-nav * {
  box-sizing: border-box;
}

.plico-global-nav a {
  color: #0000ee !important;
  text-decoration: underline !important;
}

.plico-global-nav-main {
  width: auto;
  margin: 0;
  padding: 0;
}

.plico-global-nav-bottom {
  width: auto;

  margin-top: 9px;
  padding: 0;

  white-space: nowrap;
}


/* =========================================================
   MOBILE — SAME POSITION ON EVERY PAGE
========================================================= */

@media (max-width: 650px) {

  .plico-global-nav {
    top: 70px !important;
    right: 18px !important;

    font-size: 8px !important;
    line-height: 1.16 !important;
  }

  .plico-global-nav-bottom {
    margin-top: 7px;
  }

}


/* Very small phones */
@media (max-width: 390px) {

  .plico-global-nav {
    top: 66px !important;
    right: 16px !important;

    font-size: 7.5px !important;
  }

}

/* =========================================================
   PLICO N°1 — NOWHERE PRODUCT PAGE V3
   MINIMAL / EDITORIAL / RESPONSIVE
   CARGO SAFE
========================================================= */

/* =========================================================
   PLICO N°1 — NOWHERE PRODUCT PAGE
   SUPER MINIMAL VERSION
========================================================= */

/* =========================================================
   PLICO N°1 — NOWHERE PRODUCT PAGE
   NATIVE CARGO COMMERCE VERSION V11
========================================================= */

/* =========================================================
   PLICO N°1 — NOWHERE PRODUCT PAGE
   NATIVE CARGO COMMERCE VERSION V14
========================================================= */

/* =========================================================
   PLICO N°1 — NOWHERE PRODUCT PAGE
   VISUAL COVER SWITCH V16
========================================================= */


/* =========================================================
   PAGE RESET
========================================================= */

html.plico-product-page,
body.plico-product-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #efefec !important;
  color: #111111 !important;

  overflow-x: hidden !important;
}

body.plico-product-page .page,
body.plico-product-page .page-content,
body.plico-product-page .content,
body.plico-product-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================================
   BASE
========================================================= */

.pp-page,
.pp-page * {
  box-sizing: border-box;
}

.pp-page {
  width: 100%;

  background: #efefec;
  color: #111111;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   HERO
========================================================= */

.pp-hero {
  width: 100%;
  min-height: 100vh;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(420px, 1fr);

  border-bottom: 1px solid #111111;
}


/* =========================================================
   LARGE COVER
========================================================= */

.pp-cover-area {
  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    120px
    48px
    60px;

  border-right: 1px solid #111111;
}

.pp-cover {
  width: min(80%, 650px);

  aspect-ratio: 3 / 2;

  overflow: hidden;

  background: #111111;
}

.pp-cover img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  opacity: 1;

  transition:
    opacity .12s ease;
}

.pp-cover img.is-changing {
  opacity: .35;
}


/* =========================================================
   PRODUCT INFO
========================================================= */

.pp-product-info {
  min-height: 100vh;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  padding:
    130px
    70px
    52px;
}

.pp-product-copy {
  max-width: 560px;
}

.pp-file-number {
  margin-bottom: 22px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
}

.pp-title {
  margin: 0;

  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: clamp(34px, 3.2vw, 52px);
  font-weight: 700;

  line-height: .95;
  letter-spacing: -.02em;

  text-transform: uppercase;
}

.pp-subtitle {
  max-width: 360px;

  margin:
    18px
    0
    0;

  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.15;
}


/* =========================================================
   PRODUCT DESCRIPTION
========================================================= */

.pp-product-description {
  max-width: 490px;

  margin-top: 30px;
}

.pp-description-text {
  margin:
    0
    0
    17px;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 12px;
  line-height: 1.38;
}

.pp-detail-list {
  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1.5;

  text-transform: uppercase;
}


/* =========================================================
   VISUAL COVER SELECTOR
========================================================= */

.pp-cover-visual-hint {
  margin-top: 18px;
  padding-top: 14px;

  border-top: 1px solid #111111;
}

.pp-cover-hint-topline {
  margin-bottom: 12px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
}

.pp-cover-hint-grid {
  display: flex;
  align-items: flex-start;

  gap: 14px;
}

.pp-cover-hint-card {
  position: relative;

  width: 135px;

  margin: 0;
  padding: 0;

  border: 0;

  background: transparent;
  color: #111111;

  text-align: left;

  cursor: pointer;
}

.pp-cover-hint-thumb {
  position: relative;

  width: 100%;

  aspect-ratio: 3 / 2;

  display: block;

  overflow: hidden;

  border: 1px solid rgba(17,17,17,.35);

  background: #e7e7e3;
}

.pp-cover-hint-thumb img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  filter: grayscale(35%);

  opacity: .72;

  transition:
    opacity .12s ease,
    filter .12s ease;
}

.pp-cover-hint-card:hover
.pp-cover-hint-thumb img,
.pp-cover-hint-card.is-active
.pp-cover-hint-thumb img {
  filter: none;

  opacity: 1;
}

.pp-cover-hint-card.is-active
.pp-cover-hint-thumb {
  border-color: #111111;
  border-width: 2px;
}

.pp-cover-hint-card.is-active::after {
  content: "";

  position: absolute;

  top: 7px;
  right: 7px;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #e31b16;

  z-index: 3;
}

.pp-cover-hint-caption {
  display: block;

  margin-top: 7px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;
  line-height: 1.25;

  text-transform: uppercase;
}

.pp-cover-number {
  display: inline-block;

  margin-right: 5px;
}


/* =========================================================
   NATIVE CARGO COMMERCE
========================================================= */

.pp-native-commerce {
  width: 100%;

  margin-top: 28px;
  padding-top: 0;

  color: #111111;
}

.pp-native-commerce * {
  box-sizing: border-box;

  border-radius: 0 !important;
  box-shadow: none !important;
}

.pp-native-commerce-placeholder {
  width: 100%;

  padding:
    13px
    0;

  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1.3;

  text-transform: uppercase;
}

.pp-native-commerce .price,
.pp-native-commerce [class*="price"],
.pp-native-commerce [class*="Price"] {
  display: block !important;

  margin:
    0
    0
    15px !important;

  color: #111111 !important;

  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-size: 27px !important;
  line-height: 1 !important;
}

.pp-native-commerce,
.pp-native-commerce label,
.pp-native-commerce option,
.pp-native-commerce [class*="variant"],
.pp-native-commerce [class*="Variant"] {
  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 9px !important;
  line-height: 1.35 !important;

  text-transform: uppercase !important;
}

.pp-native-commerce select {
  width: 100% !important;

  margin:
    0
    0
    17px !important;

  padding:
    11px
    36px
    11px
    12px !important;

  border: 1px solid #111111 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #111111 !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 9px !important;
  line-height: 1 !important;

  text-transform: uppercase !important;
}


/* Small CTA — no full-width red bar */

.pp-native-commerce a,
.pp-native-commerce button,
.pp-native-commerce input[type="submit"],
.pp-native-commerce [rel="add_to_cart"],
.pp-native-commerce [class*="cart"],
.pp-native-commerce [class*="Cart"],
.pp-native-commerce [class*="add-to-cart"],
.pp-native-commerce [class*="add_to_cart"] {
  width: auto !important;
  min-width: 175px !important;
  max-width: 100% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-top: 0 !important;

  padding:
    11px
    18px !important;

  border: 1px solid #111111 !important;
  border-radius: 0 !important;

  background: #e31b16 !important;
  color: #111111 !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 10px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  text-decoration: none !important;
  text-transform: uppercase !important;

  cursor: pointer !important;
}

.pp-native-commerce a:hover,
.pp-native-commerce button:hover,
.pp-native-commerce input[type="submit"]:hover,
.pp-native-commerce [rel="add_to_cart"]:hover,
.pp-native-commerce [class*="cart"]:hover,
.pp-native-commerce [class*="Cart"]:hover,
.pp-native-commerce [class*="add-to-cart"]:hover,
.pp-native-commerce [class*="add_to_cart"]:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

.pp-micro {
  margin-top: 14px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 6.5px;
  line-height: 1.45;

  text-transform: uppercase;
}


/* =========================================================
   COLOPHON
========================================================= */

.pp-colophon {
  min-height: 88px;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;

  padding:
    22px
    20px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;
  line-height: 1.3;

  text-transform: uppercase;
}

.pp-colophon-copy {
  white-space: nowrap;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) and (min-width: 651px) {

  .pp-hero {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(340px, .95fr);
  }

  .pp-cover-area {
    padding-left: 35px;
    padding-right: 35px;
  }

  .pp-cover {
    width: 88%;
  }

  .pp-product-info {
    padding-left: 38px;
    padding-right: 38px;
  }

  .pp-cover-hint-card {
    width: 115px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .pp-hero {
    display: block;

    min-height: 0;
  }

  .pp-cover-area {
    min-height: auto;

    padding:
      115px
      18px
      40px;

    border-right: 0;
    border-bottom: 1px solid #111111;
  }

  .pp-cover {
    width: 100%;
    max-width: 520px;
  }

  .pp-product-info {
    min-height: auto;

    display: block;

    padding:
      32px
      18px
      40px;
  }

  .pp-file-number {
    margin-bottom: 17px;

    font-size: 7px;
  }

  .pp-title {
    font-size: clamp(30px, 9vw, 42px);

    line-height: .98;
  }

  .pp-subtitle {
    max-width: 260px;

    margin-top: 17px;

    font-size: 15px;
  }

  .pp-product-description {
    margin-top: 26px;
  }

  .pp-description-text {
    font-size: 11px;
  }

  .pp-detail-list,
  .pp-cover-hint-topline {
    font-size: 7px;
  }

  .pp-cover-hint-grid {
    gap: 9px;
  }

  .pp-cover-hint-card {
    width: min(42vw, 135px);
  }

  .pp-cover-hint-caption {
    font-size: 6.5px;
  }

  .pp-native-commerce {
    margin-top: 25px;
  }

  .pp-native-commerce .price,
  .pp-native-commerce [class*="price"],
  .pp-native-commerce [class*="Price"] {
    font-size: 25px !important;
  }

  .pp-native-commerce select {
    font-size: 8px !important;
  }

  .pp-native-commerce a,
  .pp-native-commerce button,
  .pp-native-commerce input[type="submit"],
  .pp-native-commerce [rel="add_to_cart"],
  .pp-native-commerce [class*="cart"],
  .pp-native-commerce [class*="Cart"],
  .pp-native-commerce [class*="add-to-cart"],
  .pp-native-commerce [class*="add_to_cart"] {
    min-width: 155px !important;

    padding:
      11px
      16px !important;

    font-size: 9px !important;
  }

  .pp-micro {
    font-size: 6px;
  }

  .pp-colophon {
    min-height: 110px;

    display: block;

    padding:
      20px
      18px;

    font-size: 6px;
  }

  .pp-colophon-copy {
    margin-top: 20px;
  }

}

/* =========================================================
   PLICO COOKIE BANNER — REFINED
   GLOBAL VERSION
========================================================= */

.plico-cookie-banner {
  position: fixed;

  left: 18px;
  bottom: 18px;

  width: 350px;
  max-width: calc(100vw - 36px);

  padding: 16px 16px 14px;

  background: #efefec;
  color: #111111;

  border: 1px solid #111111;

  font-family: "Courier New", Courier, monospace;

  z-index: 999999;

  display: none;
}

.plico-cookie-banner.is-visible {
  display: block;
}

.plico-cookie-copy {
  margin-bottom: 15px;

  font-size: 9px;
  line-height: 1.35;

  letter-spacing: .01em;

  text-transform: uppercase;
}

.plico-cookie-actions {
  display: flex;

  align-items: center;

  gap: 16px;
}

.plico-cookie-button {
  padding: 0;

  border: 0;

  background: transparent;

  color: #111111;

  font-family: "Courier New", Courier, monospace;

  font-size: 8.5px;
  line-height: 1;

  text-decoration: underline;

  text-underline-offset: 2px;

  cursor: pointer;
}

.plico-cookie-button:hover {
  text-decoration: none;
}


/* =========================================================
   COOKIE BANNER — MOBILE
========================================================= */

@media (max-width: 650px) {

  .plico-cookie-banner {
    left: 12px;
    right: auto;
    bottom: 12px;

    width: 300px;
    max-width: calc(100vw - 24px);

    padding: 14px;
  }

  .plico-cookie-copy {
    margin-bottom: 13px;

    font-size: 8px;
  }

  .plico-cookie-button {
    font-size: 8px;
  }

}


/* =========================================================
   PLICO NEWSLETTER POPUP — HOME
   MINIMAL SANS VERSION
========================================================= */

.plico-newsletter-overlay,
.plico-newsletter-overlay * {
  box-sizing: border-box;
}


/* =========================================================
   OVERLAY
========================================================= */

.plico-newsletter-overlay {
  position: fixed;

  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(239, 239, 236, .55);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity .15s ease,
    visibility .15s ease;

  z-index: 999998;
}

.plico-newsletter-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


/* =========================================================
   POPUP
========================================================= */

.plico-newsletter-popup {
  position: relative;

  width: 430px;
  max-width: calc(100vw - 36px);

  padding:
    18px
    18px
    16px;

  background: #D8D2C8;
  color: #111111;

  border: 1px solid #111111;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   CLOSE
========================================================= */

.plico-newsletter-close {
  position: absolute;

  top: 8px;
  right: 11px;

  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 0;

  background: transparent;
  color: #111111;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 22px;
  font-weight: 400;
  line-height: 1;

  cursor: pointer;
}


/* =========================================================
   META
========================================================= */

.plico-newsletter-meta {
  margin-bottom: 46px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;
  line-height: 1;

  text-transform: uppercase;
}


/* =========================================================
   TITLE
========================================================= */

.plico-newsletter-title {
  margin:
    0
    0
    14px;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 18px;
  font-weight: 500;

  line-height: 1;
  letter-spacing: -.025em;

  text-transform: uppercase;

  white-space: nowrap;
}


/* =========================================================
   COPY
========================================================= */

.plico-newsletter-copy {
  max-width: 300px;

  margin-bottom: 42px;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 11px;
  font-weight: 400;

  line-height: 1.25;
}


/* =========================================================
   FORM
========================================================= */

.plico-newsletter-form {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;

  border-bottom: 1px solid #111111;
}

.plico-newsletter-input {
  width: 100%;

  padding:
    9px
    10px
    9px
    0;

  border: 0;
  outline: 0;

  border-radius: 0;

  background: transparent;
  color: #111111;

  box-shadow: none;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7.5px;
  line-height: 1;
}

.plico-newsletter-input:focus {
  outline: 0;
  box-shadow: none;
}

.plico-newsletter-input::placeholder {
  color: #111111;

  opacity: 1;
}

.plico-newsletter-submit {
  padding:
    9px
    0
    9px
    12px;

  border: 0;
  border-radius: 0;

  background: transparent;
  color: #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7.5px;
  line-height: 1;

  cursor: pointer;
}

.plico-newsletter-submit:hover {
  color: #e31b16;
}


/* =========================================================
   FOOT
========================================================= */

.plico-newsletter-foot {
  margin-top: 11px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 6px;
  line-height: 1;

  text-transform: uppercase;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .plico-newsletter-overlay {
    padding: 15px;
  }

  .plico-newsletter-popup {
    width: 92vw;
    max-width: 360px;

    padding:
      16px
      16px
      14px;
  }

  .plico-newsletter-close {
    top: 6px;
    right: 7px;

    width: 30px;
    height: 30px;

    font-size: 23px;
  }

  .plico-newsletter-meta {
    margin-bottom: 38px;

    font-size: 6.5px;
  }

  .plico-newsletter-title {
    font-size: clamp(13px, 4.2vw, 16px);

    white-space: nowrap;
  }

  .plico-newsletter-copy {
    margin-bottom: 34px;

    font-size: 10px;
  }

  .plico-newsletter-input,
  .plico-newsletter-submit {
    font-size: 7px;
  }

  .plico-newsletter-foot {
    font-size: 5.5px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 350px) {

  .plico-newsletter-title {
    font-size: 12px;
  }

  .plico-newsletter-copy {
    font-size: 9.5px;
  }

}

/* =========================================================
   PLICO SHOP — STRONGER NATIVE CARGO CTA
   Makes Cargo's ADD TO CART look like a real button.
========================================================= */

/* Slightly more breathing room in the commerce block */
.pp-native-commerce {
  margin-top: 56px !important;
}

/* Make native Cargo price more legible when rendered as text or wrapper */
.pp-native-commerce .price,
.pp-native-commerce [class*="price"],
.pp-native-commerce [class*="Price"] {
  display: block !important;

  margin:
    0
    0
    18px !important;

  color: #111111 !important;

  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-size: 30px !important;
  line-height: 1 !important;
}

/* Catch generic native Cargo add-to-cart links/buttons more aggressively */
.pp-native-commerce a,
.pp-native-commerce button,
.pp-native-commerce input[type="submit"],
.pp-native-commerce [rel="add_to_cart"],
.pp-native-commerce [class*="cart"],
.pp-native-commerce [class*="Cart"],
.pp-native-commerce [class*="add-to-cart"],
.pp-native-commerce [class*="add_to_cart"] {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  margin-top: 18px !important;

  padding:
    16px
    14px !important;

  border: 1px solid #111111 !important;
  border-radius: 0 !important;

  background: #e31b16 !important;
  color: #111111 !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 8px !important;
  line-height: 1 !important;

  text-decoration: none !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
  cursor: pointer !important;
}

/* Add arrow if Cargo renders plain text link/button */
.pp-native-commerce a::after,
.pp-native-commerce button::after,
.pp-native-commerce input[type="submit"]::after,
.pp-native-commerce [rel="add_to_cart"]::after,
.pp-native-commerce [class*="cart"]::after,
.pp-native-commerce [class*="Cart"]::after,
.pp-native-commerce [class*="add-to-cart"]::after,
.pp-native-commerce [class*="add_to_cart"]::after {
  content: "→" !important;

  margin-left: 18px !important;

  flex: 0 0 auto;
}

/* Hover / focus */
.pp-native-commerce a:hover,
.pp-native-commerce button:hover,
.pp-native-commerce input[type="submit"]:hover,
.pp-native-commerce [rel="add_to_cart"]:hover,
.pp-native-commerce [class*="cart"]:hover,
.pp-native-commerce [class*="Cart"]:hover,
.pp-native-commerce [class*="add-to-cart"]:hover,
.pp-native-commerce [class*="add_to_cart"]:hover,
.pp-native-commerce a:focus,
.pp-native-commerce button:focus,
.pp-native-commerce input[type="submit"]:focus,
.pp-native-commerce [rel="add_to_cart"]:focus,
.pp-native-commerce [class*="cart"]:focus,
.pp-native-commerce [class*="Cart"]:focus,
.pp-native-commerce [class*="add-to-cart"]:focus,
.pp-native-commerce [class*="add_to_cart"]:focus {
  background: #111111 !important;
  color: #ffffff !important;

  outline: none !important;
}

/* Keep selects visually separate from CTA */
.pp-native-commerce select {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
}

/* Mobile */
@media (max-width: 650px) {

  .pp-native-commerce .price,
  .pp-native-commerce [class*="price"],
  .pp-native-commerce [class*="Price"] {
    font-size: 26px !important;
  }

  .pp-native-commerce a,
  .pp-native-commerce button,
  .pp-native-commerce input[type="submit"],
  .pp-native-commerce [rel="add_to_cart"],
  .pp-native-commerce [class*="cart"],
  .pp-native-commerce [class*="Cart"],
  .pp-native-commerce [class*="add-to-cart"],
  .pp-native-commerce [class*="add_to_cart"] {
    font-size: 7.5px !important;

    padding:
      15px
      12px !important;
  }

}

/* =========================================================
   PLICO SHOP — READABLE COMMERCE SCALE V13
   Final readability override for native Cargo product UI.
========================================================= */

/* Main native commerce area */
.pp-native-commerce {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* Price */
.pp-native-commerce .price,
.pp-native-commerce [class*="price"],
.pp-native-commerce [class*="Price"] {
  margin-bottom: 20px !important;

  font-size: 32px !important;
  line-height: 1 !important;
}

/* Variant/select text */
.pp-native-commerce select,
.pp-native-commerce option,
.pp-native-commerce label,
.pp-native-commerce [class*="variant"],
.pp-native-commerce [class*="Variant"] {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* Native add-to-cart CTA — much more readable */
.pp-native-commerce a,
.pp-native-commerce button,
.pp-native-commerce input[type="submit"],
.pp-native-commerce [rel="add_to_cart"],
.pp-native-commerce [class*="cart"],
.pp-native-commerce [class*="Cart"],
.pp-native-commerce [class*="add-to-cart"],
.pp-native-commerce [class*="add_to_cart"] {
  min-height: 58px !important;

  padding:
    0
    18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  background: #e31b16 !important;
  color: #111111 !important;

  border: 1px solid #111111 !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 14px !important;
  font-weight: 400 !important;

  line-height: 1 !important;
  letter-spacing: 0 !important;

  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Remove any corrupted/generated arrow */
.pp-native-commerce a::after,
.pp-native-commerce button::after,
.pp-native-commerce input[type="submit"]::after,
.pp-native-commerce [rel="add_to_cart"]::after,
.pp-native-commerce [class*="cart"]::after,
.pp-native-commerce [class*="Cart"]::after,
.pp-native-commerce [class*="add-to-cart"]::after,
.pp-native-commerce [class*="add_to_cart"]::after {
  content: "" !important;
  display: none !important;
}

/* Hover */
.pp-native-commerce a:hover,
.pp-native-commerce button:hover,
.pp-native-commerce input[type="submit"]:hover,
.pp-native-commerce [rel="add_to_cart"]:hover,
.pp-native-commerce [class*="cart"]:hover,
.pp-native-commerce [class*="Cart"]:hover,
.pp-native-commerce [class*="add-to-cart"]:hover,
.pp-native-commerce [class*="add_to_cart"]:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

/* Keep supporting micro-copy small, but not microscopic */
.pp-micro {
  font-size: 8px !important;
  line-height: 1.45 !important;
}


/* MOBILE */
@media (max-width: 650px) {

  .pp-native-commerce {
    font-size: 10px !important;
  }

  .pp-native-commerce .price,
  .pp-native-commerce [class*="price"],
  .pp-native-commerce [class*="Price"] {
    font-size: 28px !important;
  }

  .pp-native-commerce select,
  .pp-native-commerce option,
  .pp-native-commerce label,
  .pp-native-commerce [class*="variant"],
  .pp-native-commerce [class*="Variant"] {
    font-size: 10px !important;
  }

  .pp-native-commerce a,
  .pp-native-commerce button,
  .pp-native-commerce input[type="submit"],
  .pp-native-commerce [rel="add_to_cart"],
  .pp-native-commerce [class*="cart"],
  .pp-native-commerce [class*="Cart"],
  .pp-native-commerce [class*="add-to-cart"],
  .pp-native-commerce [class*="add_to_cart"] {
    min-height: 54px !important;

    padding:
      0
      14px !important;

    font-size: 12px !important;
  }

  .pp-micro {
    font-size: 7px !important;
  }

}

/* =========================================================
   PLICO MOBILE QA FIX V17
   HOME menu clearance + INFORMATION tabs cookie clearance
   KEEP AT VERY END
========================================================= */


/* =========================================================
   HOME — KEEP SHOP NOW BELOW GLOBAL NAV
========================================================= */

@media (max-width: 650px) {

  body.plico-entry-page .plico-entry-home {
    padding-top: 160px !important;
  }

}

@media (max-width: 520px) {

  body.plico-entry-page .plico-entry-home {
    padding-top: 155px !important;
  }

}

@media (max-width: 430px) {

  body.plico-entry-page .plico-entry-home {
    padding-top: 150px !important;
  }

}

@media (max-width: 360px) {

  body.plico-entry-page .plico-entry-home {
    padding-top: 145px !important;
  }

}


/* =========================================================
   INFORMATION — RAISE FOLDER STACK ABOVE COOKIE BANNER
========================================================= */

@media (max-width: 650px) {

  body.plico-info-tabs-page .pit-tabs {
    margin-bottom: 92px !important;
  }

  /* Closed archive: keep the whole menu comfortably visible */
  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tabs {
    margin-bottom: 92px !important;
  }

}

@media (max-width: 390px) {

  body.plico-info-tabs-page .pit-tabs,
  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tabs {
    margin-bottom: 96px !important;
  }

}



/* =========================================================
   PLICO PRIVACY PAGE — CARGO SAFE V22
========================================================= */

html.plico-privacy-page,
body.plico-privacy-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #efefec !important;
  color: #111111 !important;
}

body.plico-privacy-page .page,
body.plico-privacy-page .page-content,
body.plico-privacy-page .content,
body.plico-privacy-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


.pc-page,
.pc-page * {
  box-sizing: border-box;
}

.pc-page {
  width: 100%;
  max-width: 980px;

  margin: 0;

  padding:
    150px
    60px
    150px;

  background: #efefec;
  color: #111111;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;
}


/* TOP */

.pc-top {
  width: 100%;

  padding-bottom: 50px;

  border-bottom: 1px solid #111111;
}

.pc-meta,
.pc-date,
.pc-number,
.pc-small {
  font-family:
    "Courier New",
    Courier,
    monospace;

  text-transform: uppercase;
}

.pc-meta {
  margin-bottom: 30px;

  font-size: 8px;
  line-height: 1;
}

.pc-date {
  margin-bottom: 28px;

  font-size: 8px;
  line-height: 1;
}

.pc-title {
  margin-bottom: 28px;

  font-size: 68px;
  font-weight: 500;

  line-height: .9;
  letter-spacing: -.045em;

  text-transform: uppercase;
}

.pc-intro {
  max-width: 620px;

  font-size: 16px;
  line-height: 1.4;
}


/* BLOCK */

.pc-block {
  width: 100%;

  padding:
    42px
    0;

  border-bottom: 1px solid #111111;
}

.pc-number {
  margin-bottom: 18px;

  font-size: 8px;
  line-height: 1;
}

.pc-heading {
  margin-bottom: 26px;

  font-size: 28px;
  font-weight: 500;

  line-height: 1;

  text-transform: uppercase;
}

.pc-copy {
  max-width: 670px;

  margin-bottom: 18px;

  font-size: 14px;
  line-height: 1.5;
}

.pc-list {
  max-width: 670px;

  margin-bottom: 20px;
}

.pc-list > div {
  margin-bottom: 9px;

  font-size: 14px;
  line-height: 1.5;
}


/* SUBBLOCKS */

.pc-subblock {
  max-width: 670px;

  padding:
    18px
    0;

  border-top: 1px solid #111111;
}

.pc-subblock:last-child {
  border-bottom: 1px solid #111111;
}

.pc-subtitle {
  margin-bottom: 14px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
}

.pc-small {
  max-width: 620px;

  font-size: 6.5px;
  line-height: 1.45;
}


/* LINES */

.pc-lines {
  max-width: 670px;

  margin:
    24px
    0;

  border-top: 1px solid #111111;
}

.pc-line {
  display: flex;

  width: 100%;

  padding:
    10px
    0;

  border-bottom: 1px solid #111111;
}

.pc-line span,
.pc-line strong {
  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1.3;

  text-transform: uppercase;
}

.pc-line span {
  width: 180px;

  flex: 0 0 180px;
}

.pc-line strong {
  flex: 1 1 auto;

  font-weight: 400;
}


/* LINKS */

.pc-links {
  max-width: 670px;

  margin-top: 22px;
}

.pc-links a {
  display: inline-block;

  margin:
    0
    18px
    8px
    0;

  color: #0000ee !important;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;

  text-decoration: underline !important;
  text-underline-offset: 2px;

  text-transform: uppercase;
}


/* COOKIE SETTINGS */

.pc-cookie-settings {
  margin-top: 8px;

  padding:
    11px
    16px;

  border: 1px solid #111111;
  border-radius: 0;

  background: #e31b16;
  color: #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;

  cursor: pointer;
}

.pc-cookie-settings:hover {
  background: #111111;
  color: #ffffff;
}


/* CONTACT */

.pc-contact {
  margin:
    24px
    0;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 12px;
  line-height: 1;

  text-transform: uppercase;
}


/* CODE */

.pc-page code {
  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: .9em;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .pc-page {
    max-width: none;

    padding:
      125px
      18px
      180px;
  }

  .pc-top {
    padding-bottom: 36px;
  }

  .pc-meta,
  .pc-date,
  .pc-number {
    font-size: 7px;
  }

  .pc-title {
    margin-bottom: 24px;

    font-size: 42px;

    line-height: .92;
  }

  .pc-intro {
    font-size: 14px;
  }

  .pc-block {
    padding:
      34px
      0;
  }

  .pc-heading {
    margin-bottom: 22px;

    font-size: 23px;
  }

  .pc-copy,
  .pc-list > div {
    font-size: 13px;
    line-height: 1.48;
  }

  .pc-subblock {
    padding:
      15px
      0;
  }

  .pc-subtitle {
    font-size: 7px;
  }

  .pc-line {
    display: block;

    padding:
      9px
      0;
  }

  .pc-line span,
  .pc-line strong {
    display: block;

    width: 100%;

    font-size: 7px;
  }

  .pc-line span {
    margin-bottom: 5px;
  }

  .pc-links a {
    display: block;

    margin:
      0
      0
      8px;

    font-size: 6.5px;
  }

  .pc-cookie-settings {
    font-size: 7.5px;
  }

  .pc-contact {
    font-size: 10px;
  }

}

/* =========================================================
   PLICO PRIVACY MODAL — CARGO SAFE V24
========================================================= */

.plico-privacy-modal-overlay {
  position: fixed;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background: rgba(239, 239, 236, .76);

  opacity: 0;
  visibility: hidden;

  z-index: 1000001;
}

.plico-privacy-modal-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}


.plico-privacy-modal {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 590px;
  max-width: 90%;
  height: 72%;

  transform: translate(-50%, -50%);

  border: 1px solid #111111;

  background: #efefec;
  color: #111111;

  overflow-y: auto;

  font-family: "Lausanne", Arial, Helvetica, sans-serif;
}


/* HEAD */

.plico-privacy-modal-head {
  position: relative;

  min-height: 48px;

  padding:
    17px
    52px
    14px
    17px;

  border-bottom: 1px solid #111111;
}

.plico-privacy-modal-meta {
  font-family: "Courier New", Courier, monospace;

  font-size: 7px;
  line-height: 1;

  text-transform: uppercase;
}

.plico-privacy-modal-close {
  position: absolute;

  top: 8px;
  right: 10px;

  width: 32px;
  height: 32px;

  padding: 0;

  border: 0;

  background: transparent;
  color: #111111;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 22px;
  line-height: 32px;

  text-align: center;

  cursor: pointer;
}


/* CONTENT */

.plico-privacy-modal-scroll {
  padding:
    24px
    22px
    26px;
}

.plico-privacy-modal-title {
  margin-bottom: 12px;

  font-size: 28px;
  font-weight: 500;

  line-height: .95;

  text-transform: uppercase;
}

.plico-privacy-modal-updated {
  margin-bottom: 30px;

  font-family: "Courier New", Courier, monospace;

  font-size: 6.5px;
  line-height: 1;

  text-transform: uppercase;
}

.plico-privacy-modal-section {
  padding:
    17px
    0;

  border-top: 1px solid #111111;
}

.plico-privacy-modal-number {
  margin-bottom: 11px;

  font-family: "Courier New", Courier, monospace;

  font-size: 7px;
  line-height: 1;

  text-transform: uppercase;
}

.plico-privacy-modal-copy {
  max-width: 500px;

  font-size: 12px;
  line-height: 1.42;
}

.plico-privacy-modal-code {
  font-family: "Courier New", Courier, monospace;

  font-size: 11px;
}


/* ACTIONS */

.plico-privacy-modal-actions {
  padding-top: 18px;

  border-top: 1px solid #111111;
}

.plico-privacy-modal-settings,
.plico-privacy-modal-full {
  display: inline-block;

  margin:
    0
    8px
    8px
    0;

  padding:
    11px
    13px;

  border: 1px solid #111111;

  font-family: "Courier New", Courier, monospace;

  font-size: 7px;
  line-height: 1;

  text-transform: uppercase;

  text-decoration: none !important;

  cursor: pointer;
}

.plico-privacy-modal-settings {
  background: #e31b16;
  color: #111111;
}

.plico-privacy-modal-full {
  background: transparent;
  color: #111111 !important;
}

.plico-privacy-modal-settings:hover,
.plico-privacy-modal-full:hover {
  background: #111111;
  color: #ffffff !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .plico-privacy-modal {
    width: 92%;
    max-width: 92%;
    height: 72%;
  }

  .plico-privacy-modal-head {
    min-height: 44px;

    padding:
      15px
      48px
      13px
      14px;
  }

  .plico-privacy-modal-meta {
    font-size: 6.5px;
  }

  .plico-privacy-modal-close {
    top: 6px;
    right: 7px;

    font-size: 23px;
  }

  .plico-privacy-modal-scroll {
    padding:
      19px
      15px
      21px;
  }

  .plico-privacy-modal-title {
    font-size: 23px;
  }

  .plico-privacy-modal-updated {
    margin-bottom: 24px;

    font-size: 6px;
  }

  .plico-privacy-modal-section {
    padding:
      15px
      0;
  }

  .plico-privacy-modal-number {
    font-size: 6.5px;
  }

  .plico-privacy-modal-copy {
    font-size: 11px;
    line-height: 1.45;
  }

  .plico-privacy-modal-settings,
  .plico-privacy-modal-full {
    display: block;

    width: 100%;

    margin:
      0
      0
      8px;

    font-size: 6.5px;

    text-align: center;
  }

}

/* =========================================================
   PLICO CONTACT PAGE V26
   CARGO SAFE
========================================================= */

.pco-page,
.pco-page * {
  box-sizing: border-box;
}

.pco-page {
  width: 100%;
  max-width: 980px;
  margin: 0;
  padding: 150px 60px 140px;
  background: #efefec;
  color: #111111;
  font-family: "Lausanne", Arial, Helvetica, sans-serif;
}

.pco-top {
  width: 100%;
  padding-bottom: 48px;
  border-bottom: 1px solid #111111;
}

.pco-meta {
  margin-bottom: 30px;
  font-family: "Courier New", Courier, monospace;
  font-size: 8px;
  line-height: 1;
  text-transform: uppercase;
}

.pco-title {
  margin-bottom: 28px;
  font-size: 72px;
  font-weight: 500;
  line-height: .9;
  letter-spacing: -.045em;
  text-transform: uppercase;
}

.pco-intro {
  max-width: 560px;
  font-size: 16px;
  line-height: 1.4;
}

.pco-list {
  width: 100%;
}

.pco-row {
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px solid #111111;
}

.pco-label {
  margin-bottom: 15px;
  font-family: "Courier New", Courier, monospace;
  font-size: 8px;
  line-height: 1;
  text-transform: uppercase;
}

.pco-content {
  max-width: 690px;
}

.pco-content a {
  display: inline-block;
  color: #111111 !important;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
  text-transform: uppercase;
}

.pco-content a:hover {
  color: #e31b16 !important;
}

.pco-note {
  max-width: 590px;
  margin-top: 11px;
  font-family: "Courier New", Courier, monospace;
  font-size: 7px;
  line-height: 1.4;
  text-transform: uppercase;
}

.pco-footer {
  padding-top: 34px;
}

.pco-footer-label,
.pco-footer-copy {
  font-family: "Courier New", Courier, monospace;
  font-size: 7px;
  line-height: 1.3;
  text-transform: uppercase;
}

.pco-footer-label {
  margin-bottom: 5px;
  font-weight: 700;
}

@media (max-width: 650px) {

  .pco-page {
    max-width: none;
    padding: 125px 18px 160px;
  }

  .pco-top {
    padding-bottom: 35px;
  }

  .pco-meta {
    margin-bottom: 24px;
    font-size: 7px;
  }

  .pco-title {
    margin-bottom: 23px;
    font-size: 46px;
  }

  .pco-intro {
    font-size: 14px;
  }

  .pco-row {
    padding: 20px 0;
  }

  .pco-label {
    margin-bottom: 13px;
    font-size: 7px;
  }

  .pco-content a {
    font-size: 19px;
  }

  .pco-note {
    margin-top: 9px;
    font-size: 6.5px;
  }

  .pco-footer {
    padding-top: 28px;
  }

}

/* =========================================================
   PLICO NEWSLETTER CONFIRMED PAGE V27
   CARGO SAFE
========================================================= */

.pn-confirmed-page,
.pn-confirmed-page * {
  box-sizing: border-box;
}

.pn-confirmed-page {
  width: 100%;
  max-width: 760px;

  padding:
    155px
    60px
    140px;

  background: #efefec;
  color: #111111;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;
}

.pn-confirmed-meta {
  margin-bottom: 35px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
}

.pn-confirmed-title {
  margin-bottom: 28px;

  font-size: 68px;
  font-weight: 500;

  line-height: .9;
  letter-spacing: -.04em;

  text-transform: uppercase;
}

.pn-confirmed-copy {
  max-width: 510px;

  margin-bottom: 38px;

  font-size: 15px;
  line-height: 1.4;
}

.pn-confirmed-home {
  display: inline-block;

  padding:
    11px
    14px;

  border: 1px solid #111111;

  background: transparent;

  color: #111111 !important;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-decoration: none !important;

  text-transform: uppercase;
}

.pn-confirmed-home:hover {
  background: #111111;
  color: #ffffff !important;
}

@media (max-width: 650px) {

  .pn-confirmed-page {
    max-width: none;

    padding:
      130px
      18px
      160px;
  }

  .pn-confirmed-meta {
    font-size: 7px;
  }

  .pn-confirmed-title {
    font-size: 44px;
  }

  .pn-confirmed-copy {
    font-size: 13px;
  }

  .pn-confirmed-home {
    font-size: 7px;
  }

}

/* =========================================================
   PLICO CONTACT — MINIMAL V28
   CARGO SAFE
   KEEP AT END
========================================================= */

.pco-min-page,
.pco-min-page * {
  box-sizing: border-box;
}

.pco-min-page {
  position: relative;

  width: 100%;
  min-height: 100vh;

  padding:
    36px
    42px
    42px;

  background: #efefec;
  color: #111111;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;
}

.pco-min-meta {
  position: absolute;

  top: 34px;
  left: 42px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;
  line-height: 1;

  text-transform: uppercase;
}

.pco-min-center {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 88%;

  transform: translate(-50%, -50%);

  text-align: center;
}

.pco-min-email {
  display: inline-block;

  color: #111111 !important;

  font-size: clamp(44px, 7vw, 108px);
  font-weight: 500;

  line-height: .9;
  letter-spacing: -.05em;

  text-decoration: none !important;

  text-transform: uppercase;
}

.pco-min-email span {
  display: block;
}

.pco-min-email:hover {
  color: #e31b16 !important;
}

.pco-min-write {
  display: inline-block;

  margin-top: 34px;

  color: #111111 !important;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-decoration: none !important;
  text-transform: uppercase;
}

.pco-min-write:hover {
  color: #e31b16 !important;
}


/* MOBILE */

@media (max-width: 650px) {

  .pco-min-page {
    min-height: 100vh;

    padding:
      26px
      18px
      30px;
  }

  .pco-min-meta {
    top: 25px;
    left: 18px;

    font-size: 6.5px;
  }

  .pco-min-center {
    width: 92%;
  }

  .pco-min-email {
    font-size: 11.5vw;

    line-height: .92;
  }

  .pco-min-write {
    margin-top: 26px;

    font-size: 7px;
  }

}

/* =========================================================
   PLICO CONTACT — MOBILE FIT FIX V29
   KEEP AT VERY END
========================================================= */

@media (max-width: 650px) {

  .pco-min-center {
    left: 0 !important;

    width: 100% !important;

    padding:
      0
      18px !important;

    transform: translateY(-50%) !important;
  }

  .pco-min-email {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    font-size: 8.5vw !important;

    line-height: .94 !important;
    letter-spacing: -.045em !important;

    text-align: center !important;

    white-space: normal !important;

    overflow: visible !important;
  }

  .pco-min-email span {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    white-space: nowrap !important;
  }

  .pco-min-write {
    margin-top: 24px !important;
  }

}


@media (max-width: 430px) {

  .pco-min-email {
    font-size: 8.2vw !important;
  }

}


@media (max-width: 360px) {

  .pco-min-email {
    font-size: 7.9vw !important;
  }

}

/* =========================================================
   PLICO SHOP — LEGAL LINKS V31
   Terms of Sale + Privacy links used on product page.
   CARGO SAFE
   KEEP AT VERY END
========================================================= */

.pp-legal-links {
  margin-top: 14px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;
  line-height: 1.35;

  text-transform: uppercase;
}

.pp-legal-links a,
.pp-colophon a {
  color: #111111 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.pp-legal-links span {
  margin: 0 5px;
}

.pp-legal-links a:hover,
.pp-colophon a:hover {
  color: #e31b16 !important;
}

@media (max-width: 650px) {

  .pp-legal-links {
    margin-top: 13px;
    font-size: 6.5px;
  }

  .pp-colophon-copy a {
    display: inline-block;
    margin-bottom: 5px;
  }

}


/* =========================================================
   PLICO CONTACT — FULL VIEWPORT FIX V31
   Conservative Cargo-safe version.
   KEEP AT VERY END
========================================================= */

html.plico-contact-page,
body.plico-contact-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #efefec !important;

  overflow-x: hidden !important;
}

body.plico-contact-page .page,
body.plico-contact-page .page-content,
body.plico-contact-page .content,
body.plico-contact-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

.pco-min-page {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}

@media (max-width: 650px) {

  .pco-min-page {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pco-min-center {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .pco-min-email {
    max-width: 100% !important;
    font-size: 8.2vw !important;
  }

}

@media (max-width: 390px) {

  .pco-min-center {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .pco-min-email {
    font-size: 7.9vw !important;
  }

}



/* =========================================================
   PLICO SHOP — MOBILE GLOBAL NAV CLEARANCE V35
   Keep the full global navigation above the cover.
   KEEP AT VERY END
========================================================= */

@media (max-width: 650px) {

  body.plico-product-page
  .pp-cover-area {
    padding:
      165px
      18px
      40px !important;
  }

}


/* SMALL PHONES */

@media (max-width: 390px) {

  body.plico-product-page
  .pp-cover-area {
    padding-top: 158px !important;
  }

}
/* =========================================================
   PLICO SHOP — MOBILE NAV / COVER CLEARANCE V36
   Creates a real visual gap between SHOP and the cover.
   KEEP AT VERY END
========================================================= */

@media (max-width: 650px) {

  body.plico-product-page
  .pp-cover-area {
    padding:
      225px
      18px
      42px !important;
  }

}


/* =========================================================
   PLICO SHOP — CLEAN COLOPHON V36
   Repeated publication specs removed from HTML.
========================================================= */

@media (min-width: 651px) {

  body.plico-product-page
  .pp-colophon {
    justify-content: flex-end !important;
  }

  body.plico-product-page
  .pp-colophon-copy {
    text-align: right !important;
  }

}

@media (max-width: 650px) {

  body.plico-product-page
  .pp-colophon {
    min-height: 86px !important;

    padding:
      20px
      18px
      28px !important;
  }

  body.plico-product-page
  .pp-colophon-copy {
    margin-top: 0 !important;

    white-space: normal !important;
  }

}

/* =========================================================
   PLICO PLACES MAP V2 — ADDED 21 AUGUST 2026
   MAP-FIRST / CARGO SAFE
   KEEP AT VERY END
========================================================= */

/* =========================================================
   PLICO PLACES — MAP FIRST V2
   CARGO SAFE
   Replace the old PLICO PLACES V1 CSS block with this.
========================================================= */


/* =========================================================
   PAGE RESET
========================================================= */

html.plico-places-page,
body.plico-places-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #efefec !important;
  color: #111111 !important;

  overflow-x: hidden !important;
}

body.plico-places-page .page,
body.plico-places-page .page-content,
body.plico-places-page .content,
body.plico-places-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================================
   BASE
========================================================= */

.plm-page,
.plm-page * {
  box-sizing: border-box;
}

.plm-page {
  width: 100%;
  min-height: 100vh;

  margin: 0;

  background: #efefec;
  color: #111111;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   HEADER
========================================================= */

.plm-header {
  min-height: 72vh;

  display: flex;
  flex-direction: column;

  padding:
    150px
    34px
    34px;

  border-bottom: 1px solid #111111;
}

.plm-meta {
  margin-bottom: 34px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
}

.plm-title {
  margin: 0;

  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: clamp(72px, 11.7vw, 190px);
  font-weight: 700;

  line-height: .82;
  letter-spacing: -.055em;

  text-transform: uppercase;
}

.plm-header-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(280px, .65fr);

  gap: 50px;

  align-items: end;

  margin-top: auto;
  padding-top: 60px;
}

.plm-statement {
  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: clamp(28px, 3.4vw, 54px);

  line-height: .93;
  letter-spacing: -.025em;

  text-transform: uppercase;
}

.plm-intro {
  max-width: 430px;

  font-size: 12px;
  line-height: 1.42;
}

.plm-intro span {
  display: block;

  margin-bottom: 13px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
}


/* =========================================================
   MAP SECTION
========================================================= */

.plm-map-section {
  width: 100%;

  border-bottom: 1px solid #111111;
}

.plm-map-toolbar {
  min-height: 54px;

  display: grid;

  grid-template-columns:
    150px
    minmax(0, 1fr)
    90px;

  align-items: center;

  border-bottom: 1px solid #111111;
}

.plm-toolbar-label,
.plm-index-toggle,
.plm-city-tab {
  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
}

.plm-toolbar-label {
  padding-left: 16px;
}

.plm-city-tabs {
  height: 100%;

  display: flex;

  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
}

.plm-city-tab {
  flex: 1 1 0;

  min-width: 0;

  padding: 0 15px;

  border: 0;
  border-right: 1px solid #111111;

  border-radius: 0;

  background: transparent;
  color: #111111;

  cursor: pointer;
}

.plm-city-tab:last-child {
  border-right: 0;
}

.plm-city-tab:hover,
.plm-city-tab.is-active {
  background: #111111;
  color: #ffffff;
}

.plm-index-toggle {
  height: 100%;

  padding: 0;

  border: 0;
  border-radius: 0;

  background: transparent;
  color: #111111;

  cursor: pointer;
}

.plm-index-toggle:hover {
  background: #e31b16;
}


/* =========================================================
   GOOGLE MAP
========================================================= */

.plm-map-shell {
  position: relative;

  width: 100%;
  height: 72vh;
  min-height: 590px;

  overflow: hidden;

  background: #d0d0cb;
}

.plm-map {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;
}

.plm-map-setup {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 9px;

  background:
    linear-gradient(
      90deg,
      rgba(17,17,17,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      rgba(17,17,17,.055) 1px,
      transparent 1px
    ),
    #d0d0cb;

  background-size:
    34px 34px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 10px;
  line-height: 1;

  text-transform: uppercase;
}

.plm-map-setup small {
  font-size: 7px;
}


/* =========================================================
   PLICO MAP MARKERS
========================================================= */

.plm-marker {
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #111111;
  border-radius: 50%;

  background: #e31b16;
  color: #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 9px;
  line-height: 1;

  cursor: pointer;

  box-shadow: none;

  transition:
    transform .12s ease,
    background .12s ease,
    color .12s ease;
}

.plm-marker:hover,
.plm-marker:focus {
  transform: scale(1.18);

  background: #111111;
  color: #ffffff;

  outline: none;
}


/* =========================================================
   DETAIL FILE
========================================================= */

.plm-detail {
  position: absolute;

  top: 18px;
  right: 18px;

  width: min(370px, calc(100% - 36px));
  min-height: 430px;

  display: flex;
  flex-direction: column;

  padding:
    17px
    17px
    15px;

  border: 1px solid #111111;

  background: #efefec;
  color: #111111;

  z-index: 5;

  transform: translateX(calc(100% + 40px));

  transition:
    transform .18s ease;
}

.plm-detail.is-open {
  transform: translateX(0);
}

.plm-detail-close {
  align-self: flex-end;

  margin: 0 0 35px;
  padding: 0;

  border: 0;

  background: transparent;
  color: #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;

  text-decoration: underline;

  cursor: pointer;
}

.plm-detail-number,
.plm-detail-type,
.plm-detail-coords {
  font-family:
    "Courier New",
    Courier,
    monospace;

  text-transform: uppercase;
}

.plm-detail-number {
  margin-bottom: 10px;

  font-size: 8px;
}

.plm-detail-type {
  margin-bottom: 24px;

  font-size: 7px;
}

.plm-detail-title {
  margin:
    0
    0
    18px;

  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: 44px;
  font-weight: 700;

  line-height: .9;
  letter-spacing: -.035em;

  text-transform: uppercase;
}

.plm-detail-copy {
  max-width: 300px;

  margin-bottom: 22px;

  font-size: 12px;
  line-height: 1.42;
}

.plm-detail-coords {
  margin-bottom: 12px;

  font-size: 7px;
}

.plm-detail-link {
  display: inline-block;

  margin-bottom: 30px;

  color: #0000ee !important;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;

  text-decoration: underline !important;
}

.plm-detail-member {
  margin-top: auto;
  padding-top: 14px;

  border-top: 1px solid #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;
  line-height: 1.4;

  text-transform: uppercase;
}

.plm-detail-member span {
  display: block;

  margin-bottom: 8px;

  color: #e31b16;
}


/* =========================================================
   INDEX
========================================================= */

.plm-index[hidden] {
  display: none !important;
}

.plm-index {
  width: 100%;

  background: #efefec;

  border-top: 1px solid #111111;
}

.plm-index-head {
  min-height: 44px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding:
    0
    16px;

  border-bottom: 1px solid #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;

  text-transform: uppercase;
}

.plm-index-row {
  width: 100%;

  display: grid;

  grid-template-columns:
    55px
    minmax(0, 1fr)
    minmax(170px, .4fr)
    28px;

  gap: 15px;

  align-items: center;

  min-height: 58px;

  padding:
    0
    16px;

  border: 0;
  border-bottom: 1px solid #111111;

  border-radius: 0;

  background: transparent;
  color: #111111;

  text-align: left;

  cursor: pointer;
}

.plm-index-row:hover {
  background: #e31b16;
}

.plm-index-no,
.plm-index-type,
.plm-index-arrow {
  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;

  text-transform: uppercase;
}

.plm-index-name {
  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: 24px;
  font-weight: 700;

  line-height: 1;

  text-transform: uppercase;
}

.plm-index-arrow {
  text-align: right;
}


/* =========================================================
   MANIFESTO
========================================================= */

.plm-manifesto {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .7fr);

  gap: 60px;

  min-height: 64vh;

  padding:
    65px
    34px;

  border-bottom: 1px solid #111111;
}

.plm-manifesto-title {
  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: clamp(72px, 10vw, 158px);
  font-weight: 700;

  line-height: .76;
  letter-spacing: -.055em;

  text-transform: uppercase;
}

.plm-manifesto-copy {
  align-self: end;

  max-width: 470px;

  font-size: 15px;
  line-height: 1.35;
}

.plm-manifesto-copy p {
  margin:
    0
    0
    22px;
}

.plm-manifesto-line {
  margin-top: 42px;
  padding-top: 14px;

  border-top: 1px solid #111111;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;
  line-height: 1.35;

  text-transform: uppercase;
}


/* =========================================================
   MEMBERSHIP
========================================================= */

.plm-members {
  min-height: 68vh;

  padding:
    60px
    34px
    35px;

  background: #e31b16;
  color: #111111;

  border-bottom: 1px solid #111111;
}

.plm-members-meta {
  margin-bottom: 35px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 8px;

  text-transform: uppercase;
}

.plm-members-title {
  margin-bottom: 55px;

  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: clamp(78px, 11vw, 174px);
  font-weight: 700;

  line-height: .74;
  letter-spacing: -.055em;

  text-transform: uppercase;
}

.plm-members-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 40px;

  max-width: 760px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 9px;
  line-height: 1.55;

  text-transform: uppercase;
}

.plm-members-link {
  display: inline-block;

  margin-top: 48px;

  color: #111111 !important;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 9px;

  text-decoration: underline !important;
}


/* =========================================================
   FOOTER
========================================================= */

.plm-footer {
  min-height: 90px;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 20px;

  padding:
    22px
    18px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 7px;

  text-transform: uppercase;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .plm-header {
    min-height: 64vh;
  }

  .plm-map-shell {
    min-height: 540px;
  }

  .plm-map-toolbar {
    grid-template-columns:
      120px
      minmax(0, 1fr)
      75px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .plm-header {
    min-height: 70vh;

    padding:
      132px
      18px
      22px;
  }

  .plm-meta {
    margin-bottom: 28px;

    font-size: 7px;
  }

  .plm-title {
    font-size: clamp(58px, 19vw, 105px);

    line-height: .79;
  }

  .plm-header-grid {
    display: block;

    padding-top: 48px;
  }

  .plm-statement {
    margin-bottom: 34px;

    font-size: 32px;
  }

  .plm-intro {
    max-width: 320px;

    font-size: 11px;
  }


  /* TOOLBAR */

  .plm-map-toolbar {
    display: block;

    min-height: 0;
  }

  .plm-toolbar-label {
    padding:
      12px
      12px;

    border-bottom: 1px solid #111111;

    font-size: 7px;
  }

  .plm-city-tabs {
    width: 100%;
    height: 44px;

    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #111111;
  }

  .plm-city-tab {
    padding:
      0
      5px;

    font-size: 7px;
  }

  .plm-index-toggle {
    width: 100%;
    height: 36px;

    border-bottom: 0;

    font-size: 7px;
  }


  /* MAP */

  .plm-map-shell {
    height: 68vh;
    min-height: 520px;
  }

  .plm-marker {
    width: 30px;
    height: 30px;

    font-size: 8px;
  }


  /* DETAIL becomes bottom editorial drawer */

  .plm-detail {
    top: auto;
    right: 0;
    bottom: 0;

    width: 100%;
    min-height: 0;
    max-height: 72%;

    padding:
      14px
      16px
      16px;

    border-right: 0;
    border-bottom: 0;
    border-left: 0;

    overflow-y: auto;

    transform: translateY(calc(100% + 20px));
  }

  .plm-detail.is-open {
    transform: translateY(0);
  }

  .plm-detail-close {
    margin-bottom: 22px;
  }

  .plm-detail-title {
    font-size: 37px;
  }

  .plm-detail-copy {
    font-size: 11px;
  }

  .plm-detail-member {
    margin-top: 24px;
  }


  /* INDEX */

  .plm-index-head {
    display: block;

    padding:
      11px
      12px;

    font-size: 6.5px;
    line-height: 1.45;
  }

  .plm-index-head span {
    display: block;
  }

  .plm-index-row {
    grid-template-columns:
      34px
      minmax(0, 1fr)
      22px;

    gap: 8px;

    min-height: 54px;

    padding:
      0
      12px;
  }

  .plm-index-type {
    display: none;
  }

  .plm-index-name {
    font-size: 19px;
  }

  .plm-index-no,
  .plm-index-arrow {
    font-size: 7px;
  }


  /* MANIFESTO */

  .plm-manifesto {
    display: block;

    min-height: 0;

    padding:
      48px
      18px
      55px;
  }

  .plm-manifesto-title {
    margin-bottom: 50px;

    font-size: clamp(68px, 20vw, 100px);
  }

  .plm-manifesto-copy {
    font-size: 14px;
  }


  /* MEMBERS */

  .plm-members {
    min-height: 0;

    padding:
      46px
      18px
      50px;
  }

  .plm-members-title {
    margin-bottom: 45px;

    font-size: clamp(68px, 20vw, 105px);
  }

  .plm-members-grid {
    grid-template-columns: 1fr;

    gap: 25px;

    font-size: 8px;
  }

  .plm-footer {
    min-height: 110px;

    display: block;

    padding:
      20px
      18px;

    font-size: 6px;
  }

  .plm-footer span {
    display: block;

    margin-bottom: 8px;
  }

}

/* =========================================================
   PLICO PLACES — LEAFLET / OPENSTREETMAP V35
   FINAL OVERRIDES — KEEP AT VERY END
========================================================= */

/* Leaflet map base */
.plm-map.leaflet-container {
  background: #d0d0cb !important;
  color: #111111 !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important;
}

/* Make the geographic layer quieter and more PLICO. */
.plm-map .leaflet-tile-pane {
  filter: grayscale(100%) contrast(90%) brightness(108%);
}

/* Keep our red markers outside the tile filter. */
.plm-leaflet-divicon {
  width: 34px !important;
  height: 34px !important;

  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;

  box-shadow: none !important;
}

/* Square minimal Leaflet zoom controls. */
.plm-map .leaflet-control-zoom {
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.plm-map .leaflet-control-zoom a {
  width: 30px !important;
  height: 30px !important;

  line-height: 30px !important;

  border-radius: 0 !important;
  border-bottom: 1px solid #111111 !important;

  background: #efefec !important;
  color: #111111 !important;

  font-family: "Courier New", Courier, monospace !important;
  font-size: 17px !important;

  box-shadow: none !important;
}

.plm-map .leaflet-control-zoom a:last-child {
  border-bottom: 0 !important;
}

.plm-map .leaflet-control-zoom a:hover {
  background: #e31b16 !important;
  color: #111111 !important;
}

/* Attribution is legally required; keep it visible but discreet. */
.plm-map .leaflet-control-attribution {
  margin: 0 !important;
  padding: 4px 6px !important;

  background: rgba(239,239,236,.92) !important;
  color: #111111 !important;

  font-family: "Courier New", Courier, monospace !important;
  font-size: 6px !important;
  line-height: 1.15 !important;
}

.plm-map .leaflet-control-attribution a {
  color: #111111 !important;
  text-decoration: underline !important;
}

/* Prevent default Leaflet focus/drag artifacts from changing the visual system. */
.plm-map .leaflet-marker-icon,
.plm-map .leaflet-marker-shadow {
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 650px) {
  .plm-leaflet-divicon {
    width: 30px !important;
    height: 30px !important;
  }

  .plm-map .leaflet-control-zoom a {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 15px !important;
  }

  .plm-map .leaflet-control-attribution {
    max-width: 75vw !important;
    font-size: 5.5px !important;
  }
}



/*
   IMPORTANT:
   DO NOT target generic "main".
   It was interfering with .pn-main.
*/

body.plico-newspaper-page .page,
body.plico-newspaper-page .page-content,
body.plico-newspaper-page .content,
body.plico-newspaper-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Hide old global logo/menu only here */

body.plico-newspaper-page .plico-logo,
body.plico-newspaper-page #menu-toggle {
  display: none !important;
}


/* =========================================================
   GLOBAL
========================================================= */

.plico-newspaper-home,
.plico-newspaper-home * {
  box-sizing: border-box;
}


.plico-newspaper-home {
  position: relative;

  left: 50%;

  width: 100vw;
  max-width: none;
  min-height: 100vh;

  margin-left: -50vw;

  padding: 20px;

  background: #ffffff;
  color: #000000;

  overflow: hidden;
}


.pn-shell {
  position: relative;

  width: 100%;
  min-height: calc(100vh - 40px);

  border: 1px solid #000000;

  background: #ffffff;
}


/* Keep our custom page in normal document flow */

body.plico-newspaper-page .pn-header,
body.plico-newspaper-page .pn-main,
body.plico-newspaper-page .pn-hero-grid,
body.plico-newspaper-page .pn-middle-grid,
body.plico-newspaper-page .pn-bottom-grid {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  transform: none !important;
}


/* Prevent grid children from forcing overflow */

.pn-header-main > *,
.pn-hero-grid > *,
.pn-middle-grid > *,
.pn-left-split > *,
.pn-bottom-grid > *,
.pn-game-row > *,
.pn-issue-products > * {
  min-width: 0;
}


/* =========================================================
   NEVER BREAK WORDS RANDOMLY
========================================================= */

.pn-feature-title,
.pn-feature-links,
.pn-feature-links a,
.pn-feature-caption,
.pn-mini-clues,
.pn-mini-clues-body,
.pn-book-body,
.pn-book-body strong,
.pn-issue-names,
.pn-editor-link,
.pn-body-copy {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}


/* =========================================================
   TOP TITLE
========================================================= */

.pn-topline {
  padding: 18px 26px 12px;

  text-align: center;

  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;

  text-transform: uppercase;
}


/* =========================================================
   HEADER
========================================================= */

.pn-header {
  width: 100%;

  margin: 0;

  background: #ffffff;

  z-index: 2;
}


.pn-header-main {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 24px;

  align-items: center;

  min-height: 110px;

  padding: 5px 26px 13px;
}


/* =========================================================
   DIGITAL ROOM BOX
========================================================= */

.pn-room-box {
  width: 210px;
  max-width: 100%;
}


.pn-room-bar {
  width: 100%;
  height: 12px;

  background: #000000;
}


.pn-room-text {
  padding: 7px 4px;

  text-align: center;

  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 1.1;
}


.pn-room-text strong {
  font-weight: 400;
}


.pn-room-text span {
  font-size: 9px;
}


/* =========================================================
   LOGO
========================================================= */

.pn-logo-wrap {
  display: flex;

  align-items: center;
  justify-content: center;
}


.pn-logo {
  display: block;

  width: 120px;
  max-width: 100%;

  height: auto;

  filter: grayscale(100%) brightness(0%);
}


/* =========================================================
   NAV
========================================================= */

.pn-nav-wrap {
  justify-self: end;

  text-align: right;
}


.pn-nav-vertical,
.pn-nav-inline {
  font-family: "Courier New", Courier, monospace;

  font-size: 11px;
  line-height: 1.12;
}


.pn-nav-vertical a,
.pn-nav-inline a {
  color: #0000ee !important;

  text-decoration: underline !important;
}


.pn-nav-inline {
  margin-top: 9px;
}


/* =========================================================
   META ROW
========================================================= */

.pn-meta-row {
  display: grid;

  grid-template-columns:
    130px
    60px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  min-height: 30px;

  padding: 6px 24px;

  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;

  font-family: "Courier New", Courier, monospace;

  font-size: 9px;
  line-height: 1.2;
}


.pn-meta-center {
  text-align: center;
}


.pn-meta-right {
  text-align: right;
}


/* =========================================================
   MAIN
========================================================= */

body.plico-newspaper-page .pn-main {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;

  padding: 32px 28px 22px !important;

  float: none !important;

  z-index: 1;
}


/* =========================================================
   HERO
========================================================= */

.pn-hero-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 30px;

  align-items: stretch;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;
}


.pn-black-block {
  width: 100%;

  background: #000000;
}


.pn-hero-image {
  position: relative !important;

  width: 100%;

  min-height: 430px;

  margin: 0;
}


.pn-hero-copy {
  position: relative !important;

  width: 100%;

  min-height: 430px;

  margin: 0;

  padding: 8px 22px 48px 16px;

  overflow: hidden;
}


/* =========================================================
   WHAT IS LOST...
========================================================= */

.pn-hero-copy h1 {
  position: relative !important;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;

  text-align: center;

  font-family: Arial, Helvetica, sans-serif;

  font-size: clamp(44px, 4.7vw, 76px);
  font-weight: 900;

  line-height: .84;
  letter-spacing: -.055em;

  text-transform: uppercase;

  white-space: nowrap !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* =========================================================
   EDITOR LETTER
========================================================= */

.pn-editor-link {
  position: absolute !important;

  top: auto !important;
  left: auto !important;

  right: 22px !important;
  bottom: 16px !important;

  color: #000000;

  font-family: "Courier New", Courier, monospace;

  font-size: 10px;
  line-height: 1;

  text-decoration: none;

  white-space: nowrap;
}


.pn-editor-link:hover {
  text-decoration: underline;
}


/* =========================================================
   MIDDLE GRID
========================================================= */

.pn-middle-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.38fr)
    minmax(0, 1fr);

  gap: 30px;

  width: 100%;

  margin-top: 40px;
}


/* =========================================================
   QUOTE
========================================================= */

.pn-quote {
  margin: 0 8px 20px;

  text-align: center;

  font-family: "Times New Roman", Times, serif;

  font-size: 46px;
  font-weight: 400;

  line-height: .92;
}


/* =========================================================
   LEFT EDITORIAL AREA
========================================================= */

.pn-left-split {
  display: grid;

  grid-template-columns:
    minmax(0, .62fr)
    minmax(0, 1fr);

  gap: 25px;

  width: 100%;
}


/* =========================================================
   BODY COPY
========================================================= */

.pn-body-copy {
  padding-left: 3px;
  padding-right: 3px;

  font-family: "Times New Roman", Times, serif;

  font-size: 13px;

  line-height: 1.07;

  text-align: justify;
}


/* =========================================================
   FEATURE COLUMN
========================================================= */

.pn-feature-column {
  width: 100%;

  padding-left: 2px;
  padding-right: 2px;

  text-align: center;
}


.pn-feature-title {
  display: inline-block;

  max-width: 95%;

  margin-bottom: 18px;

  color: #000000;

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;
  line-height: 1.18;

  text-transform: uppercase;

  text-decoration: underline;
}


.pn-feature-image-top {
  min-height: 220px;

  margin-bottom: 12px;
}


.pn-feature-links {
  margin: 0 8px 16px;

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;

  line-height: 1.55;
}


.pn-feature-links a {
  color: #000000;

  text-decoration: underline;
}


.pn-feature-image-bottom {
  min-height: 290px;
}


.pn-feature-caption {
  margin-top: 6px;

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;

  text-decoration: underline;
}


/* =========================================================
   DIRECTOR SPOTLIGHT
========================================================= */

.pn-spotlight-box {
  position: relative;

  min-height: 790px;

  border: 1px solid #777777;

  background: #ffffff;
}


.pn-spotlight-tag {
  position: absolute;

  top: -1px;
  left: -1px;

  width: 46%;

  padding: 12px;

  background: #ef3c2b;

  color: #ffffff;

  text-align: center;

  font-family: "Times New Roman", Times, serif;

  font-size: 13px;

  white-space: nowrap;
}


/* =========================================================
   BOTTOM GRID
========================================================= */

.pn-bottom-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(0, 1fr)
    minmax(0, .72fr);

  gap: 24px;

  align-items: end;

  width: 100%;

  margin-top: 30px;
}


/* =========================================================
   CROSSWORD
========================================================= */

.pn-game-column {
  min-width: 0;

  padding: 0 4px;
}


.pn-game-column h3 {
  margin: 0 0 13px;

  font-family: "Times New Roman", Times, serif;

  font-size: 23px;
  font-weight: 400;

  line-height: 1;
}


.pn-game-row {
  display: grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(0, .92fr);

  gap: 15px;

  align-items: start;
}


.pn-crossword-thumb {
  display: grid;

  grid-template-columns: repeat(7, 1fr);

  width: 100%;

  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}


.pn-crossword-thumb div {
  aspect-ratio: 1 / 1;

  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;

  background: #000000;
}


.pn-crossword-thumb .w {
  background: #ffffff;
}


.pn-mini-clues {
  min-width: 0;

  padding: 1px 3px;
}


.pn-mini-clues-head {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 7px;

  margin-bottom: 8px;

  font-family: "Times New Roman", Times, serif;

  font-size: 11px;
  font-weight: 700;

  line-height: 1.1;

  white-space: nowrap;
}


.pn-mini-clues-body {
  font-family: "Courier New", Courier, monospace;

  font-size: 8px;

  line-height: 1.32;
}


/* =========================================================
   ISSUE
========================================================= */

.pn-issue-column {
  width: 100%;
  min-width: 0;

  padding: 0 2px;

  text-align: center;
}


.pn-issue-title {
  margin-bottom: 8px;

  font-family: "Times New Roman", Times, serif;

  font-size: 22px;
}


.pn-issue-products {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 8px;
}


.pn-cover-one,
.pn-cover-two-bg {
  min-height: 155px;
}


.pn-cover-two {
  position: relative;
}


/* =========================================================
   BUY NOW KEEP FOREVER
========================================================= */

.pn-buy-forever {
  position: absolute;

  left: 52%;
  top: 56%;

  width: 84%;
  max-width: 220px;

  display: block;

  text-align: center;

  color: #ff27a3 !important;

  font-family: "Times New Roman", Times, serif;

  font-size: 29px;
  font-weight: 700;
  font-style: italic;

  line-height: .9;

  text-decoration: none !important;

  transform:
    translate(-50%, -50%)
    rotate(14deg);

  z-index: 2;
}


.pn-buy-forever:hover,
.pn-buy-forever:visited,
.pn-buy-forever:focus,
.pn-buy-forever:active {
  color: #ff27a3 !important;

  text-decoration: none !important;
}


.pn-issue-names {
  margin-top: 5px;
  padding-top: 3px;

  border-top: 1px solid #000000;

  font-family: "Times New Roman", Times, serif;

  font-size: 11px;

  line-height: 1.25;
}


.pn-issue-names a {
  color: #000000;

  text-decoration: underline;
}


/* =========================================================
   BOOK
========================================================= */

.pn-book-column {
  display: flex;

  justify-content: center;
  align-items: flex-end;

  padding: 0 4px;
}


.pn-book-card {
  width: 145px;
  max-width: 100%;

  border: 1px solid #000000;

  background: #e8d8aa;

  box-shadow:
    -7px
    6px
    0
    rgba(0,0,0,.12);
}


.pn-book-top {
  height: 14px;

  background: #000000;
}


.pn-book-body {
  padding: 10px 9px 13px;

  color: #000000;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 9px;

  line-height: 1.18;
}


.pn-book-body strong {
  display: block;

  font-size: 9px;

  line-height: 1.15;
}


.pn-book-body span {
  font-size: 7px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1500px) {

  .pn-hero-copy h1 {
    font-size: 82px;
  }


  .pn-hero-image,
  .pn-hero-copy {
    min-height: 500px;
  }


  .pn-spotlight-box {
    min-height: 880px;
  }

}


/* =========================================================
   TABLET / SMALL DESKTOP
   651px — 900px
========================================================= */

@media (min-width: 651px) and (max-width: 900px) {

  .plico-newspaper-home {
    padding: 12px;
  }


  .pn-shell {
    min-height: calc(100vh - 24px);
  }


  .pn-topline {
    padding-left: 18px;
    padding-right: 18px;

    font-size: 14px;
  }


  .pn-header-main {
    padding-left: 18px;
    padding-right: 18px;

    gap: 15px;
  }


  .pn-room-text {
    font-size: 9px;
  }


  .pn-nav-vertical,
  .pn-nav-inline {
    font-size: 9px;
  }


  .pn-meta-row {
    padding-left: 16px;
    padding-right: 16px;

    font-size: 7px;
  }


  body.plico-newspaper-page .pn-main {
    padding: 24px 18px 18px !important;
  }


  .pn-hero-grid {
    gap: 20px;
  }


  .pn-hero-image,
  .pn-hero-copy {
    min-height: 360px;
  }


  .pn-hero-copy {
    padding: 8px 14px 42px;
  }


  .pn-hero-copy h1 {
    font-size: clamp(34px, 5.4vw, 52px);
  }


  .pn-middle-grid {
    gap: 20px;

    margin-top: 30px;
  }


  .pn-body-copy {
    font-size: 10px;
  }


  .pn-feature-title,
  .pn-feature-links,
  .pn-feature-caption {
    font-size: 9px;
  }


  .pn-bottom-grid {
    gap: 15px;
  }

}


/* =========================================================
   MOBILE
   SAME PRINTED MAGAZINE LANGUAGE
========================================================= */

@media (max-width: 650px) {

  /* PAGE */

  .plico-newspaper-home {
    width: 100vw;
    min-height: 100vh;

    padding: 8px;

    background: #ffffff;
  }


  .pn-shell {
    width: 100%;
    min-height: calc(100vh - 16px);

    border: 1px solid #000000;
  }


  /* TOP */

  .pn-topline {
    padding: 15px 14px 12px;

    font-size: 11px;
    line-height: 1.08;
  }


  /* HEADER */

  .pn-header-main {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, .8fr)
      minmax(0, 1fr);

    gap: 10px;

    min-height: 90px;

    padding: 8px 14px 13px;
  }


  .pn-room-box {
    width: 100%;
    max-width: 120px;
  }


  .pn-room-bar {
    height: 7px;
  }


  .pn-room-text {
    padding: 5px 2px;

    font-size: 7px;
  }


  .pn-room-text span {
    font-size: 6px;
  }


  .pn-logo {
    width: 68px;
  }


  .pn-nav-wrap {
    padding-right: 2px;
  }


  .pn-nav-vertical,
  .pn-nav-inline {
    font-size: 7px;
  }


  .pn-nav-inline {
    margin-top: 6px;
  }


  /* META */

  .pn-meta-row {
    grid-template-columns:
      55px
      28px
      minmax(0, 1fr);

    gap: 6px;

    padding: 6px 12px;

    font-size: 5.5px;
    line-height: 1.25;
  }


  /* MAIN */

  body.plico-newspaper-page .pn-main {
    padding: 18px 18px 20px !important;
  }


  /* HERO */

  .pn-hero-grid {
    grid-template-columns:
      minmax(0, .92fr)
      minmax(0, 1.08fr);

    gap: 15px;

    padding-left: 8px;
    padding-right: 8px;
  }


  .pn-hero-image {
    min-height: 47vw;
  }


  .pn-hero-copy {
    min-height: 47vw;

    padding: 8px 12px 30px;
  }


  .pn-hero-copy h1 {
    font-size: 6.6vw;

    line-height: .84;
  }


  .pn-editor-link {
    right: 8px !important;
    bottom: 8px !important;

    font-size: 6px;
  }


  /* MIDDLE */

  .pn-middle-grid {
    grid-template-columns:
      minmax(0, 1.5fr)
      minmax(0, .9fr);

    gap: 14px;

    margin-top: 22px;
  }


  /* QUOTE */

  .pn-quote {
    margin: 0 4px 16px;

    text-align: center;

    font-size: 4.5vw;

    line-height: .94;

    white-space: nowrap;
  }


  /* LEFT SPLIT */

  .pn-left-split {
    grid-template-columns:
      minmax(0, .58fr)
      minmax(0, 1fr);

    gap: 10px;
  }


  .pn-body-copy {
    padding: 0 3px;

    font-size: 6.6px;

    line-height: 1.1;
  }


  .pn-feature-column {
    padding: 0 3px;
  }


  .pn-feature-title {
    max-width: 96%;

    margin-bottom: 8px;

    font-size: 6.8px;
  }


  .pn-feature-image-top {
    min-height: 25vw;

    margin-bottom: 7px;
  }


  .pn-feature-links {
    margin:
      0
      3px
      9px;

    font-size: 6.8px;

    line-height: 1.48;
  }


  .pn-feature-image-bottom {
    min-height: 34vw;
  }


  .pn-feature-caption {
    margin-top: 5px;

    font-size: 6.8px;
  }


  /* SPOTLIGHT */

  .pn-spotlight-box {
    min-height: 82vw;
  }


  .pn-spotlight-tag {
    width: 58%;

    padding: 7px 5px;

    font-size: 6.5px;
  }


  /* BOTTOM */

  .pn-bottom-grid {
    grid-template-columns:
      minmax(0, 1.34fr)
      minmax(0, .94fr)
      minmax(0, .72fr);

    gap: 12px;

    margin-top: 22px;
  }


  /* CROSSWORD */

  .pn-game-column {
    padding-left: 5px;
    padding-right: 4px;
  }


  .pn-game-column h3 {
    margin-bottom: 9px;

    font-size: 16px;
  }


  .pn-game-row {
    gap: 10px;
  }


  .pn-mini-clues {
    padding: 1px 2px 0;
  }


  .pn-mini-clues-head {
    gap: 4px;

    margin-bottom: 5px;

    font-size: 6.2px;
  }


  .pn-mini-clues-body {
    font-size: 5px;

    line-height: 1.3;
  }


  /* ISSUE */

  .pn-issue-column {
    padding: 0 2px;
  }


  .pn-issue-title {
    margin-bottom: 5px;

    font-size: 14px;
  }


  .pn-issue-products {
    gap: 5px;
  }


  .pn-cover-one,
  .pn-cover-two-bg {
    min-height: 19vw;
  }


  .pn-buy-forever {
    left: 52%;
    top: 56%;

    width: 86%;
    max-width: none;

    font-size: 3.6vw;

    line-height: .9;
  }


  .pn-issue-names {
    margin-top: 4px;
    padding-top: 2px;

    font-size: 5.2px;
  }


  /* BOOK */

  .pn-book-column {
    padding: 0 3px;
  }


  .pn-book-card {
    width: 100%;
    max-width: 86px;

    box-shadow:
      -4px
      4px
      0
      rgba(0,0,0,.12);
  }


  .pn-book-top {
    height: 8px;
  }


  .pn-book-body {
    padding: 6px 6px 8px;

    font-size: 5px;
  }


  .pn-book-body strong {
    font-size: 5.4px;
  }


  .pn-book-body span {
    font-size: 4px;
  }

}


/* =========================================================
   VERY SMALL PHONE
========================================================= */

@media (max-width: 390px) {

  body.plico-newspaper-page .pn-main {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }


  .pn-header-main {
    padding-left: 12px;
    padding-right: 12px;
  }


  .pn-hero-copy h1 {
    font-size: 6.35vw;
  }


  .pn-middle-grid {
    gap: 10px;
  }


  .pn-quote {
    font-size: 4.35vw;
  }


  .pn-bottom-grid {
    gap: 9px;
  }


  .pn-game-column {
    padding-left: 3px;
    padding-right: 2px;
  }


  .pn-mini-clues-body {
    font-size: 4.7px;
  }


  .pn-book-card {
    max-width: 78px;
  }

}

/* =========================================================
   PLICO V8 — ALIGNMENT + HERO TITLE FIX
   KEEP AT VERY END
========================================================= */


/* ---------------------------------------------------------
   FIX WHOLE NEWSPAPER POSITION
   No more negative full-viewport centering
--------------------------------------------------------- */

body.plico-newspaper-page .plico-newspaper-home {
  position: relative !important;

  left: auto !important;
  right: auto !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  transform: none !important;
}


/* ---------------------------------------------------------
   HERO TEXT — NEVER CLIP
--------------------------------------------------------- */

body.plico-newspaper-page .pn-hero-copy {
  overflow: visible !important;
}


/* Desktop */

body.plico-newspaper-page .pn-hero-copy h1 {
  max-width: 100% !important;

  padding-left: 6px !important;
  padding-right: 6px !important;

  font-size: clamp(40px, 4.35vw, 72px) !important;

  line-height: .84 !important;

  letter-spacing: -.055em !important;

  white-space: nowrap !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* ---------------------------------------------------------
   TABLET / NARROW DESKTOP
--------------------------------------------------------- */

@media (min-width: 651px) and (max-width: 900px) {

  body.plico-newspaper-page .pn-hero-copy {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.plico-newspaper-page .pn-hero-copy h1 {
    font-size: 5vw !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 650px) {

  body.plico-newspaper-page .plico-newspaper-home {
    width: 100% !important;

    margin: 0 !important;
  }

  body.plico-newspaper-page .pn-hero-copy {
    overflow: visible !important;
  }

  body.plico-newspaper-page .pn-hero-copy h1 {
    font-size: 6.25vw !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}


/* Very small mobile */

@media (max-width: 390px) {

  body.plico-newspaper-page .pn-hero-copy h1 {
    font-size: 6.05vw !important;
  }

}


/* =========================================================
   PLICO ENTRY PAGE — CARGO SAFE / MOBILE LARGER V2
========================================================= */

html.plico-entry-page,
body.plico-entry-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #eeeeee !important;

  overflow-x: hidden !important;
}


/* Hide global logo + menu only on entry page */

body.plico-entry-page .plico-logo,
body.plico-entry-page #menu-toggle {
  display: none !important;
}


/* Cargo containers */

body.plico-entry-page .page,
body.plico-entry-page .page-content,
body.plico-entry-page .content,
body.plico-entry-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================================
   PAGE
========================================================= */

.plico-entry-home,
.plico-entry-home * {
  box-sizing: border-box;
}


.plico-entry-home {
  position: relative;

  width: 100%;
  min-height: 100vh;

  margin: 0;
  padding: calc(18vh + 90px) 0 24vh;

  background: #eeeeee;
  color: #000000;

  overflow: hidden;
}


/* =========================================================
   STAGE
========================================================= */

.pe-stage {
  position: relative;

  width: 620px;
  height: 650px;

  margin: 0 auto;
}


/* =========================================================
   SHOP NOW
========================================================= */

.pe-shop {
  position: absolute;

  left: 255px;
  top: 0;

  width: 330px;
  height: 58px;

  display: flex;

  align-items: center;
  justify-content: center;

  background: #ff1307;

  color: #000000 !important;

  text-decoration: none !important;

  transform: rotate(1deg);
}


.pe-shop span {
  display: block;

  font-family: "Times New Roman", Times, serif;

  font-size: 33px;
  font-weight: 700;
  font-style: normal;

  line-height: 1;

  transform: rotate(-1deg);
}


.pe-shop:hover,
.pe-shop:focus,
.pe-shop:active,
.pe-shop:visited {
  color: #000000 !important;

  text-decoration: none !important;
}


/* =========================================================
   NOWHERE
========================================================= */

.pe-nowhere {
  position: absolute;

  left: 35px;
  top: 115px;

  width: 235px;
  height: 145px;

  font-family: "Times New Roman", Times, serif;

  font-size: 46px;
  font-weight: 400;

  line-height: 1;

  pointer-events: none;
}


.pe-letter {
  position: absolute;

  display: block;
}


.pe-n {
  left: 0;
  top: 83px;

  transform: rotate(-58deg);
}


.pe-o {
  left: 42px;
  top: 32px;

  transform: rotate(24deg);
}


.pe-w {
  left: 79px;
  top: 4px;

  transform: rotate(28deg);
}


.pe-h {
  left: 116px;
  top: 43px;

  transform: rotate(33deg);
}


.pe-e1 {
  left: 145px;
  top: 72px;

  transform: rotate(34deg);
}


.pe-r {
  left: 181px;
  top: 42px;

  transform: rotate(-49deg);
}


.pe-e2 {
  left: 214px;
  top: 17px;

  transform: rotate(27deg);
}


/* =========================================================
   CREDITS
========================================================= */

.pe-credits {
  position: absolute;

  top: 207px;

  font-family: "Courier New", Courier, monospace;

  font-size: 12px;
  font-weight: 400;

  line-height: 1.08;

  color: #000000;

  text-transform: uppercase;

  white-space: nowrap;
}


.pe-credits-left {
  left: 95px;

  text-align: left;
}


.pe-credits-right {
  right: 88px;

  text-align: right;
}


/* =========================================================
   ISSUE N°1 + PLICO MAGAZINE
========================================================= */

.pe-issue-wrap {
  position: absolute;

  left: 195px;
  top: 360px;

  transform: rotate(12deg);

  transform-origin: center center;
}


.pe-issue-top {
  font-family: "Times New Roman", Times, serif;

  font-size: 34px;
  font-weight: 700;
  font-style: normal;

  line-height: 1;

  color: #ff1307;

  white-space: nowrap;
}


.pe-issue-bottom {
  margin-top: -2px;

  font-family: "Times New Roman", Times, serif;

  font-size: 38px;
  font-weight: 700;
  font-style: normal;

  line-height: 1;

  color: #ff1307;

  white-space: nowrap;
}


/* =========================================================
   AND MORE
========================================================= */

.pe-more {
  position: absolute;

  left: 358px;
  top: 535px;

  font-family: "Courier New", Courier, monospace;

  font-size: 12px;

  line-height: 1;

  color: #000000;

  white-space: nowrap;
}


/* =========================================================
   DIGITAL ROOM
========================================================= */

.pe-digital {
  position: absolute;

  left: 50%;
  top: 595px;

  transform: translateX(-50%);

  font-family: "Times New Roman", Times, serif;

  font-size: 18px;
  font-weight: 700;

  line-height: 1;

  color: #0000ee !important;

  text-decoration: underline !important;

  white-space: nowrap;
}


.pe-digital:hover,
.pe-digital:focus,
.pe-digital:active,
.pe-digital:visited {
  color: #0000ee !important;

  text-decoration: underline !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .plico-entry-home {
    padding-top: calc(12vh + 75px);
    padding-bottom: 18vh;
  }


  .pe-stage {
    transform: scale(.85);

    transform-origin: top center;

    margin-bottom: -90px;
  }

}


/* =========================================================
   MOBILE LARGE — FULLER / MORE READABLE
========================================================= */

@media (max-width: 650px) {

  .plico-entry-home {
    padding-top: calc(5vh + 65px);
    padding-bottom: 4vh;
    min-height: 100vh;
  }


  .pe-stage {
    left: 50%;

    margin-left: -310px;
    margin-right: 0;

    transform: scale(.88);

    transform-origin: top center;

    margin-bottom: -70px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 520px) {

  .plico-entry-home {
    padding-top: calc(4vh + 60px);
    padding-bottom: 4vh;
  }


  .pe-stage {
    transform: scale(.78);

    margin-bottom: -135px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .plico-entry-home {
    padding-top: calc(3vh + 55px);
    padding-bottom: 3vh;
  }


  .pe-stage {
    transform: scale(.68);

    margin-bottom: -205px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

  .pe-stage {
    transform: scale(.58);

    margin-bottom: -270px;
  }

}

/* =========================================================
   PLICO INFORMATION — FINAL ARCHIVE V30
   INFORMATION / PROGRAMME / PUBLICATIONS / PROJECTS / ARCHIVE
   CURRENT SITE BASE — CARGO SAFE
   KEEP AT VERY END
========================================================= */


/* =========================================================
   PAGE RESET — INFORMATION ONLY
========================================================= */

html.plico-info-tabs-page,
body.plico-info-tabs-page {
  width: 100% !important;
  max-width: none !important;

  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #efefec !important;

  overflow: hidden !important;
}

body.plico-info-tabs-page .page,
body.plico-info-tabs-page .page-content,
body.plico-info-tabs-page .content,
body.plico-info-tabs-page .site-main {
  width: 100% !important;
  max-width: none !important;

  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

body.plico-info-tabs-page .plico-logo,
body.plico-info-tabs-page #menu-toggle,
body.plico-info-tabs-page .pit-info-nav {
  display: none !important;
}


/* =========================================================
   BASE
========================================================= */

body.plico-info-tabs-page .pit-page,
body.plico-info-tabs-page .pit-page * {
  box-sizing: border-box;
}

body.plico-info-tabs-page .pit-page {
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;

  margin: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  background: #efefec;
  color: #111111;

  overflow: hidden !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  transition:
    background .18s ease,
    color .18s ease;
}


/* =========================================================
   THEMES
========================================================= */

body.plico-info-tabs-page
.pit-page.pit-theme-paper {
  background: #efefec !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-page.pit-theme-grey {
  background: #c9c9c3 !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-page.pit-theme-red {
  background: #e31b16 !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-page.pit-theme-black {
  background: #111111 !important;
  color: #ffffff !important;
}


/* =========================================================
   GLOBAL NAV CLEARANCE
========================================================= */

body.plico-info-tabs-page .pit-topbar {
  position: relative !important;

  flex: 0 0 128px !important;

  width: 100% !important;
  height: 128px !important;
  min-height: 128px !important;

  margin: 0 !important;
  padding: 0 !important;

  pointer-events: none !important;
}


/* =========================================================
   ACTIVE FOLDER TITLE
   CLICK TITLE TO CLOSE
========================================================= */

body.plico-info-tabs-page .pit-active-wrap {
  position: relative !important;

  flex: 0 0 66px !important;

  width: 100% !important;
  min-height: 66px !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 20px !important;

  opacity: 1;
  visibility: visible;

  z-index: 20 !important;
}

body.plico-info-tabs-page .pit-active-tab {
  position: relative !important;

  width: 350px !important;
  max-width: calc(100vw - 80px) !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 4px 0 0 !important;
  padding: 0 !important;

  background: #efefec;
  color: #111111;

  border-top: 1px solid currentColor !important;
  border-bottom: 1px solid currentColor !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 19px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  text-align: center !important;
  text-transform: uppercase !important;

  cursor: pointer !important;

  z-index: 3 !important;
}

body.plico-info-tabs-page .pit-active-tab::before,
body.plico-info-tabs-page .pit-active-tab::after {
  content: "" !important;

  position: absolute !important;

  top: -1px !important;

  width: 34px !important;
  height: 52px !important;

  background: inherit !important;

  border-top: 1px solid currentColor !important;

  z-index: -1 !important;
}

body.plico-info-tabs-page .pit-active-tab::before {
  left: -19px !important;

  border-left: 1px solid currentColor !important;

  transform: skewX(-24deg) !important;
}

body.plico-info-tabs-page .pit-active-tab::after {
  right: -19px !important;

  border-right: 1px solid currentColor !important;

  transform: skewX(24deg) !important;
}


/* Active title follows folder colour */

body.plico-info-tabs-page
.pit-theme-paper
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-paper
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-paper
.pit-active-tab::after {
  background: #efefec !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-theme-grey
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-grey
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-grey
.pit-active-tab::after {
  background: #c9c9c3 !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-theme-red
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-red
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-red
.pit-active-tab::after {
  background: #e31b16 !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-theme-black
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-black
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-black
.pit-active-tab::after {
  background: #111111 !important;
  color: #ffffff !important;
}


/* =========================================================
   CONTENT
========================================================= */

body.plico-info-tabs-page .pit-content {
  position: relative !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  min-height: 0 !important;

  overflow: hidden !important;
}

body.plico-info-tabs-page .pit-content-scroll {
  width: 100% !important;
  height: 100% !important;

  padding:
    4vh
    7vw
    4vh !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  -webkit-overflow-scrolling: touch;

  opacity: 1;
  visibility: visible;

  transform: translateY(0);

  transition:
    opacity .18s ease,
    transform .18s ease;
}

body.plico-info-tabs-page .pit-content-inner {
  position: relative !important;

  width: 100% !important;
  max-width: 880px !important;

  margin: 0 auto !important;
}

body.plico-info-tabs-page
.pit-content-inner.has-image {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(240px, .9fr) !important;

  gap: 50px !important;

  align-items: start !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

body.plico-info-tabs-page .pit-kicker {
  margin: 0 0 22px !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 10px !important;
  line-height: 1.1 !important;

  text-transform: uppercase !important;
}

body.plico-info-tabs-page .pit-text {
  max-width: 720px !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 19px !important;
  line-height: 1.22 !important;
}

body.plico-info-tabs-page .pit-text p {
  margin:
    0
    0
    22px !important;
}

body.plico-info-tabs-page .pit-text strong {
  font-weight: 700 !important;
}

body.plico-info-tabs-page .pit-text em {
  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-style: italic !important;
}

body.plico-info-tabs-page
.pit-text
.pit-statement {
  margin-top: 30px !important;
  margin-bottom: 30px !important;

  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-size: 29px !important;
  font-weight: 700 !important;

  line-height: .96 !important;
  letter-spacing: -.025em !important;

  text-transform: uppercase !important;
}

body.plico-info-tabs-page
.pit-text
.pit-programme-line,
body.plico-info-tabs-page
.pit-text
.pit-index-line {
  margin-bottom: 28px !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 11px !important;
  line-height: 1.35 !important;

  text-transform: uppercase !important;
}

body.plico-info-tabs-page
.pit-text
.pit-name {
  font-weight: 700 !important;
}

body.plico-info-tabs-page
.pit-text
.pit-role {
  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 10px !important;
  line-height: 1.35 !important;

  text-transform: uppercase !important;
}


/* =========================================================
   LINKS
========================================================= */

body.plico-info-tabs-page .pit-link {
  display: none;

  margin-top: 26px !important;

  color: #0000ee !important;

  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-size: 15px !important;

  text-decoration: underline !important;
}

body.plico-info-tabs-page
.pit-theme-black
.pit-link {
  color: #fff36c !important;
}


/* =========================================================
   IMAGE
========================================================= */

body.plico-info-tabs-page .pit-visual {
  display: none !important;

  width: 100% !important;
  max-width: 390px !important;

  height: auto !important;

  margin-left: auto !important;

  border: 0 !important;
}

body.plico-info-tabs-page
.pit-content-inner.has-image
.pit-visual {
  display: block !important;
}


/* =========================================================
   FOLDER STACK — FIVE FILES
========================================================= */

body.plico-info-tabs-page .pit-tabs {
  position: relative !important;

  flex: 0 0 auto !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 10px 0 0 !important;

  background: transparent !important;

  border-top: 0 !important;

  overflow: visible !important;

  z-index: 30 !important;
}

body.plico-info-tabs-page .pit-tabs::before {
  display: none !important;
  content: none !important;
}

body.plico-info-tabs-page .pit-tab,
body.plico-info-tabs-page .pit-tab:hover,
body.plico-info-tabs-page .pit-tab:focus,
body.plico-info-tabs-page .pit-tab:focus-visible,
body.plico-info-tabs-page .pit-tab:active {
  position: relative !important;

  width: 100% !important;
  height: 46px !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-top: 1px solid #111111 !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  outline: none !important;

  box-shadow: none !important;

  filter: none !important;

  cursor: pointer !important;

  transform: none;

  overflow: visible !important;

  -webkit-tap-highlight-color: transparent;
}

body.plico-info-tabs-page
.pit-tab::before,
body.plico-info-tabs-page
.pit-tab::after {
  display: none !important;
  content: none !important;
}


/* =========================================================
   TAB COLOURS
========================================================= */

body.plico-info-tabs-page
.pit-tab-paper,
body.plico-info-tabs-page
.pit-tab-paper
.pit-tab-label,
body.plico-info-tabs-page
.pit-tab-paper
.pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-paper
.pit-tab-label::after {
  background: #efefec !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-tab-grey,
body.plico-info-tabs-page
.pit-tab-grey
.pit-tab-label,
body.plico-info-tabs-page
.pit-tab-grey
.pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-grey
.pit-tab-label::after {
  background: #c9c9c3 !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-tab-red,
body.plico-info-tabs-page
.pit-tab-red
.pit-tab-label,
body.plico-info-tabs-page
.pit-tab-red
.pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-red
.pit-tab-label::after {
  background: #e31b16 !important;
  color: #111111 !important;
}

body.plico-info-tabs-page
.pit-tab-black,
body.plico-info-tabs-page
.pit-tab-black
.pit-tab-label,
body.plico-info-tabs-page
.pit-tab-black
.pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-black
.pit-tab-label::after {
  background: #111111 !important;
  color: #ffffff !important;
}


/* =========================================================
   RAISED FOLDER LABEL
========================================================= */

body.plico-info-tabs-page .pit-tab-label {
  position: absolute !important;

  left: 50% !important;
  top: -13px !important;

  width: 350px !important;
  max-width: calc(100vw - 70px) !important;
  height: 34px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  transform: translateX(-50%) !important;

  border-top: 1px solid #111111 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  text-align: center !important;
  text-transform: uppercase !important;

  white-space: nowrap !important;

  z-index: 4 !important;
}

body.plico-info-tabs-page
.pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-label::after {
  content: "" !important;

  position: absolute !important;

  top: -1px !important;

  width: 25px !important;
  height: 34px !important;

  border-top: 1px solid #111111 !important;

  z-index: -1 !important;
}

body.plico-info-tabs-page
.pit-tab-label::before {
  left: -13px !important;

  border-left: 1px solid #111111 !important;

  transform: skewX(-24deg) !important;
}

body.plico-info-tabs-page
.pit-tab-label::after {
  right: -13px !important;

  border-right: 1px solid #111111 !important;

  transform: skewX(24deg) !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-open
.pit-tab.is-active {
  transform: translateY(-6px) !important;

  z-index: 50 !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-open
.pit-tab.is-active
.pit-tab-label {
  font-weight: 700 !important;
}


/* =========================================================
   CLOSED ARCHIVE
========================================================= */

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-active-wrap {
  flex: 0 0 0 !important;

  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 0 !important;
  visibility: hidden !important;

  pointer-events: none !important;

  overflow: hidden !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-content {
  flex: 1 1 auto !important;

  background: #efefec !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-content-scroll {
  opacity: 0 !important;
  visibility: hidden !important;

  pointer-events: none !important;

  transform: translateY(18px) !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tabs {
  display: block !important;

  margin: 0 !important;
  padding: 24px 0 0 !important;

  background: #efefec !important;

  border-top: 0 !important;

  overflow: visible !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tabs::before {
  content: "INDEX / 05 FILES / TAP TO OPEN" !important;

  position: absolute !important;

  left: 22px !important;
  top: 5px !important;

  display: block !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 7px !important;
  line-height: 1 !important;

  color: #111111 !important;

  text-transform: uppercase !important;

  pointer-events: none !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab:hover,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab:focus,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab:active {
  height: 44px !important;

  background: #efefec !important;

  border-top: 1px solid #111111 !important;

  transform: none !important;

  z-index: 1 !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab
.pit-tab-label {
  top: -1px !important;

  width: 365px !important;
  max-width: calc(100vw - 70px) !important;
  height: 36px !important;

  border-top: 1px solid #111111 !important;
  border-bottom: 1px solid #111111 !important;

  font-size: 13.5px !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab
.pit-tab-label::before,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab
.pit-tab-label::after {
  height: 36px !important;

  border-top: 1px solid #111111 !important;
  border-bottom: 1px solid #111111 !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-front-tab
.pit-tab-label {
  font-weight: 700 !important;
}


/* =========================================================
   OPEN STATE
========================================================= */

body.plico-info-tabs-page
.pit-page.pit-is-open
.pit-active-wrap {
  opacity: 1 !important;
  visibility: visible !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-open
.pit-content-scroll {
  opacity: 1 !important;
  visibility: visible !important;

  pointer-events: auto !important;

  transform: translateY(0) !important;
}


/* =========================================================
   FOOTER EDGE
========================================================= */

body.plico-info-tabs-page .pit-footer-edge {
  flex: 0 0 6px !important;

  width: 100% !important;

  background: #111111 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  body.plico-info-tabs-page .pit-topbar {
    flex: 0 0 128px !important;

    height: 128px !important;
    min-height: 128px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-topbar {
    flex: 0 0 116px !important;

    height: 116px !important;
    min-height: 116px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-active-wrap {
    flex: 0 0 56px !important;

    min-height: 56px !important;

    padding:
      0
      18px !important;
  }


  body.plico-info-tabs-page
  .pit-active-tab {
    width: 74% !important;
    max-width: 320px !important;

    height: 44px !important;

    margin-top: 0 !important;

    font-size: 16px !important;
  }


  body.plico-info-tabs-page
  .pit-active-tab::before,
  body.plico-info-tabs-page
  .pit-active-tab::after {
    width: 27px !important;
    height: 44px !important;
  }


  body.plico-info-tabs-page
  .pit-active-tab::before {
    left: -15px !important;
  }


  body.plico-info-tabs-page
  .pit-active-tab::after {
    right: -15px !important;
  }


  /* Open folder = clean reading mode */

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tabs,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-footer-edge {
    display: none !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content {
    flex: 1 1 auto !important;

    min-height: 0 !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content-scroll {
    height: 100% !important;

    padding:
      24px
      30px
      155px !important;

    overflow-y: auto !important;
  }


  body.plico-info-tabs-page
  .pit-content-inner.has-image {
    display: block !important;
  }


  body.plico-info-tabs-page .pit-kicker {
    margin-bottom: 20px !important;

    font-size: 9px !important;
    line-height: 1.25 !important;
  }


  body.plico-info-tabs-page .pit-text {
    max-width: none !important;

    font-size: 16px !important;
    line-height: 1.34 !important;
  }


  body.plico-info-tabs-page .pit-text p {
    margin-bottom: 22px !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-statement {
    margin-top: 28px !important;
    margin-bottom: 28px !important;

    font-size: 26px !important;
    line-height: .98 !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-programme-line,
  body.plico-info-tabs-page
  .pit-text
  .pit-index-line {
    margin-bottom: 24px !important;

    font-size: 9px !important;
    line-height: 1.4 !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-role {
    font-size: 8.5px !important;
  }


  body.plico-info-tabs-page .pit-link {
    margin-top: 20px !important;

    font-size: 13px !important;
  }


  body.plico-info-tabs-page .pit-visual {
    max-width: 100% !important;

    margin:
      24px
      auto
      0 !important;
  }


  /* Closed five-folder archive */

  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tabs {
    display: block !important;

    margin: 0 0 92px !important;
    padding-top: 28px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tabs::before {
    content: "INDEX / 05 FILES / TAP TO OPEN" !important;

    left: 18px !important;
    top: 5px !important;

    font-size: 6.5px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab,
  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab:hover,
  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab:focus,
  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab:active {
    height: 52px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab
  .pit-tab-label {
    top: -1px !important;

    width: 82% !important;
    max-width: 390px !important;
    height: 51px !important;

    font-size: 12px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab
  .pit-tab-label::before,
  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab
  .pit-tab-label::after {
    width: 28px !important;
    height: 51px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab
  .pit-tab-label::before {
    left: -16px !important;

    transform: skewX(-22deg) !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab
  .pit-tab-label::after {
    right: -16px !important;

    transform: skewX(22deg) !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-footer-edge {
    display: block !important;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

  body.plico-info-tabs-page .pit-topbar {
    flex-basis: 132px !important;

    height: 132px !important;
    min-height: 132px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-topbar {
    flex-basis: 120px !important;

    height: 120px !important;
    min-height: 120px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content-scroll {
    padding-right: 26px !important;
    padding-bottom: 150px !important;
    padding-left: 26px !important;
  }


  body.plico-info-tabs-page .pit-text {
    font-size: 15.5px !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-statement {
    font-size: 25px !important;
  }


  body.plico-info-tabs-page
  .pit-active-tab {
    width: 78% !important;

    font-size: 15px !important;
  }


  body.plico-info-tabs-page
  .pit-page.pit-is-closed
  .pit-tab
  .pit-tab-label {
    width: 84% !important;

    font-size: 11px !important;
  }

}


/* =========================================================
   PLICO INFORMATION — TYPOGRAPHY SYSTEM V31
   ARCHIVAL SWISS + ONE SERIF INTERRUPTION
   KEEP AT VERY END
========================================================= */


/* =========================================================
   READING WIDTH + ALIGNMENT
========================================================= */

body.plico-info-tabs-page
.pit-content-inner {
  max-width: 760px !important;
}

body.plico-info-tabs-page
.pit-text {
  max-width: 680px !important;
}


/* =========================================================
   FILE META
========================================================= */

body.plico-info-tabs-page
.pit-kicker {
  margin-bottom: 34px !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 8px !important;
  font-weight: 400 !important;

  line-height: 1.25 !important;
  letter-spacing: .02em !important;

  text-transform: uppercase !important;
}


/* =========================================================
   MAIN BODY
   One sans system throughout the archive
========================================================= */

body.plico-info-tabs-page
.pit-text {
  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 17px !important;
  font-weight: 400 !important;

  line-height: 1.42 !important;
  letter-spacing: -.008em !important;
}

body.plico-info-tabs-page
.pit-text p {
  margin:
    0
    0
    28px !important;
}


/* =========================================================
   EMPHASIS
========================================================= */

body.plico-info-tabs-page
.pit-text strong {
  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: .9em !important;
  font-weight: 600 !important;

  line-height: 1.15 !important;
  letter-spacing: 0 !important;

  text-transform: uppercase !important;
}

body.plico-info-tabs-page
.pit-text em {
  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 1em !important;
  font-weight: 400 !important;
  font-style: normal !important;

  line-height: 1.35 !important;

  opacity: .72;
}


/* =========================================================
   EDITORIAL STATEMENT
   Times appears only here
========================================================= */

body.plico-info-tabs-page
.pit-text
.pit-statement {
  max-width: 650px !important;

  margin-top: 46px !important;
  margin-bottom: 42px !important;

  font-family:
    "Times New Roman",
    Times,
    serif !important;

  font-size: clamp(31px, 2.6vw, 39px) !important;
  font-weight: 700 !important;

  line-height: .98 !important;
  letter-spacing: -.035em !important;

  text-transform: uppercase !important;
}


/* =========================================================
   NAMES / ROLES
========================================================= */

body.plico-info-tabs-page
.pit-text
.pit-name {
  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 600 !important;

  line-height: 1.15 !important;
  letter-spacing: 0 !important;

  text-transform: uppercase !important;
}

body.plico-info-tabs-page
.pit-text
.pit-role {
  display: inline-block;

  margin-top: 5px !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 7.5px !important;
  font-weight: 400 !important;

  line-height: 1.4 !important;
  letter-spacing: .015em !important;

  text-transform: uppercase !important;
}


/* =========================================================
   INDEX / PROGRAMME LINES
========================================================= */

body.plico-info-tabs-page
.pit-text
.pit-programme-line,
body.plico-info-tabs-page
.pit-text
.pit-index-line {
  max-width: 650px !important;

  margin-top: 0 !important;
  margin-bottom: 38px !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 8px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;
  letter-spacing: .015em !important;

  text-transform: uppercase !important;
}


/* =========================================================
   LINKS
========================================================= */

body.plico-info-tabs-page
.pit-link {
  margin-top: 12px !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 8px !important;
  font-weight: 400 !important;

  line-height: 1 !important;
  letter-spacing: .01em !important;

  text-transform: uppercase !important;

  text-underline-offset: 3px !important;
}


/* =========================================================
   ACTIVE FOLDER TITLE
========================================================= */

body.plico-info-tabs-page
.pit-active-tab {
  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 16px !important;
  font-weight: 500 !important;

  letter-spacing: -.01em !important;
}


/* =========================================================
   FOLDER INDEX LABELS
========================================================= */

body.plico-info-tabs-page
.pit-tab-label {
  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 12.5px !important;
  font-weight: 400 !important;

  letter-spacing: -.005em !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-front-tab
.pit-tab-label,
body.plico-info-tabs-page
.pit-page.pit-is-open
.pit-tab.is-active
.pit-tab-label {
  font-weight: 500 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content-scroll {
    padding-top: 26px !important;
    padding-right: 28px !important;
    padding-left: 28px !important;
  }


  body.plico-info-tabs-page
  .pit-content-inner {
    max-width: none !important;
  }


  body.plico-info-tabs-page
  .pit-kicker {
    margin-bottom: 28px !important;

    font-size: 7.5px !important;
  }


  body.plico-info-tabs-page
  .pit-text {
    max-width: none !important;

    font-size: 15.5px !important;
    line-height: 1.44 !important;
  }


  body.plico-info-tabs-page
  .pit-text p {
    margin-bottom: 25px !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-statement {
    margin-top: 38px !important;
    margin-bottom: 35px !important;

    font-size: 28px !important;
    line-height: .98 !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-name {
    font-size: 14px !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-role {
    margin-top: 4px !important;

    font-size: 7px !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-programme-line,
  body.plico-info-tabs-page
  .pit-text
  .pit-index-line {
    margin-bottom: 31px !important;

    font-size: 7px !important;
    line-height: 1.5 !important;
  }


  body.plico-info-tabs-page
  .pit-link {
    font-size: 7.5px !important;
  }


  body.plico-info-tabs-page
  .pit-active-tab {
    font-size: 14px !important;
  }


  body.plico-info-tabs-page
  .pit-tab-label {
    font-size: 11px !important;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content-scroll {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }


  body.plico-info-tabs-page
  .pit-text {
    font-size: 15px !important;
  }


  body.plico-info-tabs-page
  .pit-text
  .pit-statement {
    font-size: 26px !important;
  }


  body.plico-info-tabs-page
  .pit-active-tab {
    font-size: 13px !important;
  }

}


/* =========================================================
   PLICO INFORMATION — INTRO REFINEMENT V32
   Removes redundant small PLICO heading and creates
   one clean introductory line.
========================================================= */

body.plico-info-tabs-page
.pit-text
.pit-intro {
  max-width: 620px !important;

  margin-top: 0 !important;
  margin-bottom: 36px !important;

  font-family:
    "Lausanne",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 19px !important;
  font-weight: 400 !important;

  line-height: 1.28 !important;
  letter-spacing: -.015em !important;

  text-transform: none !important;

  opacity: .72;
}

@media (max-width: 650px) {

  body.plico-info-tabs-page
  .pit-text
  .pit-intro {
    margin-bottom: 30px !important;

    font-size: 17px !important;
    line-height: 1.3 !important;
  }

}

@media (max-width: 390px) {

  body.plico-info-tabs-page
  .pit-text
  .pit-intro {
    font-size: 16px !important;
  }

}


/* =========================================================
   PLICO INFORMATION — MOBILE REFINEMENT V33
   Smaller, quieter, more minimal.
   Scoped only to Information page on mobile.
========================================================= */

@media (max-width: 767px) {

  .plico-info-tabs-page .pit-content-inner {
    max-width: none;
    padding-left: 18px;
    padding-right: 18px;
  }

  .plico-info-tabs-page .pit-text {
    max-width: 100%;
    font-size: 14.25px;
    line-height: 1.48;
    letter-spacing: -0.005em;
  }

  .plico-info-tabs-page .pit-intro {
    font-size: 15.75px;
    line-height: 1.42;
    max-width: 30em;
    margin-bottom: 1.15em;
  }

  .plico-info-tabs-page .pit-text p {
    margin-top: 0;
    margin-bottom: 0.95em;
  }

  .plico-info-tabs-page .pit-statement {
    font-size: 24px;
    line-height: 0.98;
    letter-spacing: -0.025em;
    margin-top: 1.35em;
    margin-bottom: 0.85em;
  }

  .plico-info-tabs-page .pit-kicker {
    font-size: 7px;
    line-height: 1.2;
    letter-spacing: 0.035em;
    margin-bottom: 12px;
  }

  .plico-info-tabs-page .pit-name {
    font-size: 13.5px;
    line-height: 1.25;
  }

  .plico-info-tabs-page .pit-role {
    font-size: 6.75px;
    line-height: 1.35;
    letter-spacing: 0.035em;
  }

  .plico-info-tabs-page .pit-programme-line,
  .plico-info-tabs-page .pit-index-line {
    font-size: 7.25px;
    line-height: 1.4;
    letter-spacing: 0.025em;
  }

  .plico-info-tabs-page .pit-active-tab {
    font-size: 14px;
    line-height: 1;
  }

  .plico-info-tabs-page .pit-tab-label {
    font-size: 11px;
    line-height: 1;
    letter-spacing: -0.01em;
  }

  .plico-info-tabs-page .pit-link {
    font-size: 7.5px;
    line-height: 1.25;
    margin-top: 10px;
  }

}


/* =========================================================
   PLICO INFORMATION — MOBILE BOTTOM FOLDER NAV V34
   Mobile only:
   - keep the other folders visible at the bottom while reading
   - hide the currently active folder from the bottom stack
   - smaller / quieter mobile typography
========================================================= */

@media (max-width: 767px) {

  /* ---------------------------------------------------------
     OPEN FOLDER: reserve bottom space for the other folders
  --------------------------------------------------------- */

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content-scroll {
    height: 100% !important;

    padding:
      22px
      24px
      30px !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }


  /* ---------------------------------------------------------
     SHOW OTHER FOLDERS AT BOTTOM
  --------------------------------------------------------- */

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tabs {
    position: relative !important;

    display: block !important;

    flex: 0 0 auto !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 7px 0 0 !important;

    background: #efefec !important;

    border-top: 1px solid #111111 !important;

    overflow: visible !important;

    z-index: 40 !important;
  }

  /* No "INDEX" label while a file is open */
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tabs::before {
    display: none !important;
    content: none !important;
  }

  /* Current folder already appears at the top: don't repeat it */
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab.is-active {
    display: none !important;
  }

  /* Compact rows for the four remaining folders */
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab:hover,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab:focus,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab:active {
    display: block !important;

    width: 100% !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-top: 1px solid #111111 !important;

    transform: none !important;

    overflow: visible !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label {
    top: -1px !important;

    width: 72% !important;
    max-width: 300px !important;
    height: 33px !important;

    font-size: 10.5px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    border-top: 1px solid #111111 !important;
    border-bottom: 0 !important;

    letter-spacing: -0.01em !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::before,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::after {
    top: -1px !important;

    width: 19px !important;
    height: 33px !important;

    border-top: 1px solid #111111 !important;
    border-bottom: 0 !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::before {
    left: -11px !important;
    transform: skewX(-20deg) !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::after {
    right: -11px !important;
    transform: skewX(20deg) !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-footer-edge {
    display: block !important;

    flex: 0 0 4px !important;
    height: 4px !important;
  }


  /* ---------------------------------------------------------
     MOBILE TYPE — actually override older !important rules
  --------------------------------------------------------- */

  body.plico-info-tabs-page
  .pit-content-inner {
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.plico-info-tabs-page
  .pit-text {
    max-width: 100% !important;

    font-size: 14px !important;
    line-height: 1.46 !important;

    letter-spacing: -0.006em !important;
  }

  body.plico-info-tabs-page
  .pit-text p {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }

  body.plico-info-tabs-page
  .pit-text
  .pit-intro {
    max-width: 31em !important;

    margin-bottom: 20px !important;

    font-size: 15.5px !important;
    line-height: 1.38 !important;
  }

  body.plico-info-tabs-page
  .pit-text
  .pit-statement {
    margin-top: 27px !important;
    margin-bottom: 18px !important;

    font-size: 23px !important;
    line-height: 1 !important;

    letter-spacing: -0.025em !important;
  }

  body.plico-info-tabs-page
  .pit-kicker {
    margin-bottom: 14px !important;

    font-size: 7px !important;
    line-height: 1.2 !important;

    letter-spacing: .03em !important;
  }

  body.plico-info-tabs-page
  .pit-text
  .pit-name {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  body.plico-info-tabs-page
  .pit-text
  .pit-role {
    font-size: 6.75px !important;
    line-height: 1.35 !important;

    letter-spacing: .02em !important;
  }

  body.plico-info-tabs-page
  .pit-active-tab {
    font-size: 13.5px !important;
  }

}


/* Slightly tighter on very small phones */
@media (max-width: 390px) {

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-content-scroll {
    padding:
      20px
      21px
      26px !important;
  }

  body.plico-info-tabs-page
  .pit-text {
    font-size: 13.75px !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab {
    height: 32px !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::before,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::after {
    height: 31px !important;
  }

}


/* =========================================================
   PLICO INFORMATION — MOBILE FOLDER JOIN V35
   Remove the empty strip between open content and folder stack.
========================================================= */

@media (max-width: 767px) {

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tabs {
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab:first-of-type:not(.is-active),
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab.is-active + .pit-tab {
    border-top: 1px solid #111111 !important;
  }

}


/* =========================================================
   PLICO INFORMATION — MOBILE TAB LINE ALIGNMENT V36
   Align raised-folder top line with the full-width row line.
========================================================= */

@media (max-width: 767px) {

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label {
    top: 0 !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::before,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::after {
    top: 0 !important;
  }

  /*
    Let the row border be the single horizontal baseline.
    The label keeps only its angled sides, avoiding the
    doubled / floating horizontal line visible before.
  */
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label {
    border-top: 0 !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::before,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::after {
    border-top: 0 !important;
  }

}


/* =========================================================
   PLICO INFORMATION — DESKTOP TAB LINE ALIGNMENT V37
   Open state only:
   use the full-width row border as the single baseline.
========================================================= */

@media (min-width: 768px) {

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label {
    top: 0 !important;
    border-top: 0 !important;
  }

  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::before,
  body.plico-info-tabs-page
  .pit-page.pit-is-open
  .pit-tab
  .pit-tab-label::after {
    top: 0 !important;
    border-top: 0 !important;
  }

}


/* =========================================================
   PLICO HOME — SHOP NOW REFINEMENT V38
   Smaller / lighter visual weight.
========================================================= */

.plico-entry-home .pe-shop {
  left: 290px !important;
  top: 4px !important;

  width: 260px !important;
  height: 44px !important;

  transform: rotate(.7deg) !important;
}

.plico-entry-home .pe-shop span {
  font-family: "Times New Roman", Times, serif !important;

  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: .95 !important;

  transform: rotate(-.7deg) !important;
}


/* Slightly quieter again on phones after stage scaling */
@media (max-width: 520px) {

  .plico-entry-home .pe-shop {
    width: 248px !important;
    height: 42px !important;

    left: 296px !important;
  }

  .plico-entry-home .pe-shop span {
    font-size: 23px !important;
  }

}

/* =========================================================
   PLICO — TYPOGRAPHY OVERRIDE / SAFE V1
   TYPOGRAPHY ONLY.
   NO LAYOUT / POSITION / SIZE / COLOR / RESPONSIVE CHANGES.
========================================================= */

:root {
  --plico-editorial-font:
    "EB Garamond",
    Garamond,
    "Times New Roman",
    Times,
    serif;

  --plico-system-font:
    "Courier New",
    Courier,
    monospace;
}


/* =========================================================
   ENTRY / HOME
========================================================= */

body.plico-entry-page .pe-nowhere,
body.plico-entry-page .pe-issue-top,
body.plico-entry-page .pe-issue-bottom,
body.plico-entry-page .pe-digital {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-entry-page .pe-credits,
body.plico-entry-page .pe-more,
body.plico-entry-page .pe-shop {
  font-family: var(--plico-system-font) !important;
}

body.plico-entry-page .pe-shop span {
  font-family: var(--plico-system-font) !important;
}


/* =========================================================
   DIGITAL ROOM
========================================================= */

body.plico-newspaper-page .pn-topline,
body.plico-newspaper-page .pn-hero-copy h1,
body.plico-newspaper-page .pn-quote,
body.plico-newspaper-page .pn-body-copy,
body.plico-newspaper-page .pn-feature-title,
body.plico-newspaper-page .pn-feature-links,
body.plico-newspaper-page .pn-feature-caption,
body.plico-newspaper-page .pn-spotlight-tag,
body.plico-newspaper-page .pn-game-column h3,
body.plico-newspaper-page .pn-mini-clues-head,
body.plico-newspaper-page .pn-issue-title,
body.plico-newspaper-page .pn-issue-names,
body.plico-newspaper-page .pn-buy-forever,
body.plico-newspaper-page .pn-book-body,
body.plico-newspaper-page .pn-book-body strong {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-newspaper-page .pn-room-text,
body.plico-newspaper-page .pn-nav-vertical,
body.plico-newspaper-page .pn-nav-inline,
body.plico-newspaper-page .pn-meta-row,
body.plico-newspaper-page .pn-editor-link,
body.plico-newspaper-page .pn-mini-clues-body {
  font-family: var(--plico-system-font) !important;
}


/* =========================================================
   INFORMATION
========================================================= */

body.plico-info-tabs-page .pit-text,
body.plico-info-tabs-page .pit-intro,
body.plico-info-tabs-page .pit-statement,
body.plico-info-tabs-page .pit-name {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-info-tabs-page .pit-kicker,
body.plico-info-tabs-page .pit-role,
body.plico-info-tabs-page .pit-index-line,
body.plico-info-tabs-page .pit-programme-line,
body.plico-info-tabs-page .pit-link,
body.plico-info-tabs-page .pit-active-tab,
body.plico-info-tabs-page .pit-tab-label {
  font-family: var(--plico-system-font) !important;
}


/* =========================================================
   SHOP / PRODUCT PAGE
========================================================= */

body.plico-product-page .pp-page,
body.plico-product-page .pp-title,
body.plico-product-page .pp-subtitle,
body.plico-product-page .pp-description-text,
body.plico-product-page .pp-native-commerce .price,
body.plico-product-page .pp-native-commerce [class*="price"],
body.plico-product-page .pp-native-commerce [class*="Price"] {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-product-page .pp-file-number,
body.plico-product-page .pp-detail-list,
body.plico-product-page .pp-cover-hint-topline,
body.plico-product-page .pp-cover-hint-caption,
body.plico-product-page .pp-native-commerce,
body.plico-product-page .pp-native-commerce label,
body.plico-product-page .pp-native-commerce option,
body.plico-product-page .pp-native-commerce select,
body.plico-product-page .pp-native-commerce button,
body.plico-product-page .pp-native-commerce input,
body.plico-product-page .pp-native-commerce a,
body.plico-product-page .pp-micro,
body.plico-product-page .pp-colophon,
body.plico-product-page .pp-cart-tab,
body.plico-product-page .pp-sold-out-label {
  font-family: var(--plico-system-font) !important;
}


/* =========================================================
   GLOBAL NAV
========================================================= */

.plico-global-nav,
.plico-global-nav * {
  font-family: var(--plico-system-font) !important;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.plico-newsletter-popup,
.plico-newsletter-title,
.plico-newsletter-copy {
  font-family: var(--plico-editorial-font) !important;
}

.plico-newsletter-meta,
.plico-newsletter-input,
.plico-newsletter-submit,
.plico-newsletter-foot {
  font-family: var(--plico-system-font) !important;
}


/* =========================================================
   COOKIE UI
========================================================= */

.plico-cookie-banner,
.plico-cookie-copy,
.plico-cookie-actions,
.plico-cookie-button {
  font-family: var(--plico-system-font) !important;
}

/* =========================================================
   PLICO HOME — SMALLER TYPOGRAPHY V1
   TYPOGRAPHY ONLY / NO LAYOUT CHANGES
========================================================= */

/* NOWHERE */
body.plico-entry-page .pe-nowhere {
  font-family: "EB Garamond", Garamond, "Times New Roman", serif !important;
  font-size: 37px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}


/* CONTRIBUTORS */
body.plico-entry-page .pe-credits {
  font-family: "Courier New", Courier, monospace !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}


/* ISSUE N°1 */
body.plico-entry-page .pe-issue-top {
  font-family: "EB Garamond", Garamond, "Times New Roman", serif !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: .95 !important;
}


/* PLICO MAGAZINE */
body.plico-entry-page .pe-issue-bottom {
  font-family: "EB Garamond", Garamond, "Times New Roman", serif !important;
  font-size: 29px !important;
  font-weight: 500 !important;
  line-height: .95 !important;
}


/* AND MORE */
body.plico-entry-page .pe-more {
  font-family: "Courier New", Courier, monospace !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}


/* DIGITAL ROOM */
body.plico-entry-page .pe-digital {
  font-family: "EB Garamond", Garamond, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

/* =========================================================
   PLICO — LUXURY BRAND SYSTEM V1
   FINAL OVERRIDE
   VISUAL SYSTEM ONLY:
   - no layout changes
   - no position changes
   - no responsive geometry changes
   - no Cargo Commerce logic changes
========================================================= */

:root {
  --plico-ivory: #F3F0E9;
  --plico-ivory-light: #F7F4EE;
  --plico-putty: #D8D2C8;
  --plico-ink: #151412;
  --plico-red: #B92720;
  --plico-oxblood: #55201F;
  --plico-brass: #9A8463;

  --plico-editorial-font:
    "EB Garamond",
    Garamond,
    "Times New Roman",
    Times,
    serif;

  --plico-system-font:
    "Courier New",
    Courier,
    monospace;
}


/* =========================================================
   GLOBAL NAVIGATION
========================================================= */

.plico-global-nav,
.plico-global-nav * {
  font-family: var(--plico-system-font) !important;
}

.plico-global-nav a,
.plico-global-nav a:visited {
  color: var(--plico-ink) !important;
  text-decoration-color: currentColor !important;
}

.plico-global-nav a:hover,
.plico-global-nav a:focus {
  color: var(--plico-red) !important;
}


/* =========================================================
   ENTRY / HOME
========================================================= */

html.plico-entry-page,
body.plico-entry-page,
body.plico-entry-page .plico-entry-home {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
}

body.plico-entry-page .pe-nowhere,
body.plico-entry-page .pe-issue-top,
body.plico-entry-page .pe-issue-bottom,
body.plico-entry-page .pe-digital {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-entry-page .pe-nowhere {
  font-size: 37px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: var(--plico-ink) !important;
}

body.plico-entry-page .pe-credits {
  font-family: var(--plico-system-font) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: var(--plico-ink) !important;
}

body.plico-entry-page .pe-issue-top {
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: .95 !important;
  color: var(--plico-red) !important;
}

body.plico-entry-page .pe-issue-bottom {
  font-size: 29px !important;
  font-weight: 500 !important;
  line-height: .95 !important;
  color: var(--plico-red) !important;
}

body.plico-entry-page .pe-more {
  font-family: var(--plico-system-font) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: var(--plico-ink) !important;
}

body.plico-entry-page .pe-digital,
body.plico-entry-page .pe-digital:visited {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: var(--plico-ink) !important;
  text-decoration-color: var(--plico-ink) !important;
}

body.plico-entry-page .pe-digital:hover,
body.plico-entry-page .pe-digital:focus {
  color: var(--plico-red) !important;
  text-decoration-color: var(--plico-red) !important;
}


/* =========================================================
   DIGITAL ROOM / NEWSPAPER
========================================================= */

html.plico-newspaper-page,
body.plico-newspaper-page,
body.plico-newspaper-page .plico-newspaper-home,
body.plico-newspaper-page .pn-shell,
body.plico-newspaper-page .pn-header,
body.plico-newspaper-page .pn-spotlight-box {
  background: var(--plico-ivory-light) !important;
  color: var(--plico-ink) !important;
}

body.plico-newspaper-page .pn-topline,
body.plico-newspaper-page .pn-hero-copy h1,
body.plico-newspaper-page .pn-quote,
body.plico-newspaper-page .pn-body-copy,
body.plico-newspaper-page .pn-feature-title,
body.plico-newspaper-page .pn-feature-links,
body.plico-newspaper-page .pn-feature-caption,
body.plico-newspaper-page .pn-spotlight-tag,
body.plico-newspaper-page .pn-game-column h3,
body.plico-newspaper-page .pn-mini-clues-head,
body.plico-newspaper-page .pn-issue-title,
body.plico-newspaper-page .pn-issue-names,
body.plico-newspaper-page .pn-buy-forever,
body.plico-newspaper-page .pn-book-body,
body.plico-newspaper-page .pn-book-body strong {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-newspaper-page .pn-hero-copy h1 {
  font-weight: 600 !important;
}

body.plico-newspaper-page .pn-room-text,
body.plico-newspaper-page .pn-nav-vertical,
body.plico-newspaper-page .pn-nav-inline,
body.plico-newspaper-page .pn-meta-row,
body.plico-newspaper-page .pn-editor-link,
body.plico-newspaper-page .pn-mini-clues-body {
  font-family: var(--plico-system-font) !important;
}

body.plico-newspaper-page .pn-black-block,
body.plico-newspaper-page .pn-room-bar {
  background: var(--plico-ink) !important;
}

body.plico-newspaper-page .pn-spotlight-tag {
  background: var(--plico-red) !important;
  color: var(--plico-ivory) !important;
}

body.plico-newspaper-page .pn-buy-forever,
body.plico-newspaper-page .pn-buy-forever:hover,
body.plico-newspaper-page .pn-buy-forever:visited,
body.plico-newspaper-page .pn-buy-forever:focus,
body.plico-newspaper-page .pn-buy-forever:active {
  color: var(--plico-red) !important;
}

body.plico-newspaper-page .pn-book-card {
  background: var(--plico-putty) !important;
}

body.plico-newspaper-page .pn-nav-vertical a,
body.plico-newspaper-page .pn-nav-inline a,
body.plico-newspaper-page .pn-feature-links a,
body.plico-newspaper-page .pn-issue-names a {
  color: var(--plico-ink) !important;
  text-decoration-color: currentColor !important;
}

body.plico-newspaper-page .pn-nav-vertical a:hover,
body.plico-newspaper-page .pn-nav-inline a:hover,
body.plico-newspaper-page .pn-feature-links a:hover,
body.plico-newspaper-page .pn-issue-names a:hover {
  color: var(--plico-red) !important;
}


/* =========================================================
   INFORMATION / FOLDER ARCHIVE
========================================================= */

body.plico-info-tabs-page .pit-page.pit-theme-paper {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
}

body.plico-info-tabs-page .pit-page.pit-theme-grey {
  background: var(--plico-putty) !important;
  color: var(--plico-ink) !important;
}

body.plico-info-tabs-page .pit-page.pit-theme-red {
  background: var(--plico-red) !important;
  color: var(--plico-ivory) !important;
}

body.plico-info-tabs-page .pit-page.pit-theme-black {
  background: var(--plico-ink) !important;
  color: var(--plico-ivory) !important;
}

body.plico-info-tabs-page .pit-text,
body.plico-info-tabs-page .pit-intro,
body.plico-info-tabs-page .pit-statement,
body.plico-info-tabs-page .pit-name {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-info-tabs-page .pit-text {
  font-weight: 400 !important;
}

body.plico-info-tabs-page .pit-statement {
  font-weight: 500 !important;
}

body.plico-info-tabs-page .pit-kicker,
body.plico-info-tabs-page .pit-role,
body.plico-info-tabs-page .pit-index-line,
body.plico-info-tabs-page .pit-programme-line,
body.plico-info-tabs-page .pit-active-tab,
body.plico-info-tabs-page .pit-tab-label {
  font-family: var(--plico-system-font) !important;
}

body.plico-info-tabs-page
.pit-theme-paper
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-paper
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-paper
.pit-active-tab::after,
body.plico-info-tabs-page
.pit-tab-paper,
body.plico-info-tabs-page
.pit-tab-paper .pit-tab-label,
body.plico-info-tabs-page
.pit-tab-paper .pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-paper .pit-tab-label::after {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
}

body.plico-info-tabs-page
.pit-theme-grey
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-grey
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-grey
.pit-active-tab::after,
body.plico-info-tabs-page
.pit-tab-grey,
body.plico-info-tabs-page
.pit-tab-grey .pit-tab-label,
body.plico-info-tabs-page
.pit-tab-grey .pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-grey .pit-tab-label::after {
  background: var(--plico-putty) !important;
  color: var(--plico-ink) !important;
}

body.plico-info-tabs-page
.pit-theme-red
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-red
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-red
.pit-active-tab::after,
body.plico-info-tabs-page
.pit-tab-red,
body.plico-info-tabs-page
.pit-tab-red .pit-tab-label,
body.plico-info-tabs-page
.pit-tab-red .pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-red .pit-tab-label::after {
  background: var(--plico-red) !important;
  color: var(--plico-ivory) !important;
}

body.plico-info-tabs-page
.pit-theme-black
.pit-active-tab,
body.plico-info-tabs-page
.pit-theme-black
.pit-active-tab::before,
body.plico-info-tabs-page
.pit-theme-black
.pit-active-tab::after,
body.plico-info-tabs-page
.pit-tab-black,
body.plico-info-tabs-page
.pit-tab-black .pit-tab-label,
body.plico-info-tabs-page
.pit-tab-black .pit-tab-label::before,
body.plico-info-tabs-page
.pit-tab-black .pit-tab-label::after {
  background: var(--plico-ink) !important;
  color: var(--plico-ivory) !important;
}

body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-content,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tabs,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab:hover,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab:focus,
body.plico-info-tabs-page
.pit-page.pit-is-closed
.pit-tab:active {
  background: var(--plico-ivory) !important;
}

body.plico-info-tabs-page .pit-link,
body.plico-info-tabs-page .pit-link:visited {
  color: currentColor !important;
  font-family: var(--plico-system-font) !important;
}

body.plico-info-tabs-page .pit-link:hover {
  color: var(--plico-oxblood) !important;
}

body.plico-info-tabs-page .pit-footer-edge {
  background: var(--plico-ink) !important;
}


/* =========================================================
   SHOP / PRODUCT PAGE
========================================================= */

html.plico-product-page,
body.plico-product-page,
body.plico-product-page .pp-page {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
}

body.plico-product-page .pp-title,
body.plico-product-page .pp-subtitle,
body.plico-product-page .pp-description-text,
body.plico-product-page .pp-native-commerce .price,
body.plico-product-page .pp-native-commerce [class*="price"],
body.plico-product-page .pp-native-commerce [class*="Price"] {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-product-page .pp-title {
  font-weight: 600 !important;
}

body.plico-product-page .pp-file-number,
body.plico-product-page .pp-detail-list,
body.plico-product-page .pp-cover-hint-topline,
body.plico-product-page .pp-cover-hint-caption,
body.plico-product-page .pp-native-commerce,
body.plico-product-page .pp-native-commerce label,
body.plico-product-page .pp-native-commerce option,
body.plico-product-page .pp-native-commerce select,
body.plico-product-page .pp-native-commerce button,
body.plico-product-page .pp-native-commerce input,
body.plico-product-page .pp-native-commerce a,
body.plico-product-page .pp-micro,
body.plico-product-page .pp-colophon,
body.plico-product-page .pp-cart-tab,
body.plico-product-page .pp-sold-out-label {
  font-family: var(--plico-system-font) !important;
}

body.plico-product-page .pp-cover {
  background: var(--plico-ink) !important;
}

body.plico-product-page .pp-cover-hint-thumb {
  background: var(--plico-putty) !important;
}

body.plico-product-page .pp-cover-hint-card.is-active::after {
  background: var(--plico-red) !important;
}

body.plico-product-page .pp-native-commerce a,
body.plico-product-page .pp-native-commerce button,
body.plico-product-page .pp-native-commerce input[type="submit"],
body.plico-product-page .pp-native-commerce [rel="add_to_cart"],
body.plico-product-page .pp-native-commerce [class*="cart"],
body.plico-product-page .pp-native-commerce [class*="Cart"],
body.plico-product-page .pp-native-commerce [class*="add-to-cart"],
body.plico-product-page .pp-native-commerce [class*="add_to_cart"] {
  background: var(--plico-red) !important;
  color: var(--plico-ivory) !important;
  border-color: var(--plico-ink) !important;
}

body.plico-product-page .pp-native-commerce a:hover,
body.plico-product-page .pp-native-commerce button:hover,
body.plico-product-page .pp-native-commerce input[type="submit"]:hover,
body.plico-product-page .pp-native-commerce [rel="add_to_cart"]:hover,
body.plico-product-page .pp-native-commerce [class*="cart"]:hover,
body.plico-product-page .pp-native-commerce [class*="Cart"]:hover,
body.plico-product-page .pp-native-commerce [class*="add-to-cart"]:hover,
body.plico-product-page .pp-native-commerce [class*="add_to_cart"]:hover {
  background: var(--plico-ink) !important;
  color: var(--plico-ivory) !important;
}

body.plico-product-page .pp-cart-tab,
body.plico-product-page .pp-cart-tab:link,
body.plico-product-page .pp-cart-tab:visited {
  background: var(--plico-red) !important;
  color: var(--plico-ivory) !important;
  border-color: var(--plico-ink) !important;
}

body.plico-product-page .pp-cart-tab:hover {
  background: var(--plico-ink) !important;
  color: var(--plico-ivory) !important;
}

body.plico-product-page .pp-sold-out-label {
  background: var(--plico-putty) !important;
  color: var(--plico-ink) !important;
  border-color: var(--plico-ink) !important;
}

body.plico-product-page .pp-legal-links a,
body.plico-product-page .pp-colophon a {
  color: var(--plico-ink) !important;
}

body.plico-product-page .pp-legal-links a:hover,
body.plico-product-page .pp-colophon a:hover {
  color: var(--plico-red) !important;
}


/* =========================================================
   NEWSLETTER POPUP
========================================================= */

.plico-newsletter-overlay {
  background: rgba(21, 20, 18, .12) !important;
}

.plico-newsletter-popup {
  background: var(--plico-putty) !important;
  color: var(--plico-ink) !important;
  border-color: var(--plico-ink) !important;
  font-family: var(--plico-editorial-font) !important;
}

.plico-newsletter-title,
.plico-newsletter-copy {
  font-family: var(--plico-editorial-font) !important;
}

.plico-newsletter-title {
  font-weight: 500 !important;
}

.plico-newsletter-meta,
.plico-newsletter-input,
.plico-newsletter-submit,
.plico-newsletter-foot {
  font-family: var(--plico-system-font) !important;
}

.plico-newsletter-form {
  border-bottom-color: var(--plico-ink) !important;
}

.plico-newsletter-input,
.plico-newsletter-input::placeholder,
.plico-newsletter-submit,
.plico-newsletter-close {
  color: var(--plico-ink) !important;
}

.plico-newsletter-submit:hover {
  color: var(--plico-red) !important;
}


/* =========================================================
   COOKIE BANNER
========================================================= */

.plico-cookie-banner {
  background: var(--plico-putty) !important;
  color: var(--plico-ink) !important;
  border-color: var(--plico-ink) !important;
  font-family: var(--plico-system-font) !important;
}

.plico-cookie-copy,
.plico-cookie-actions,
.plico-cookie-button {
  font-family: var(--plico-system-font) !important;
  color: var(--plico-ink) !important;
}

.plico-cookie-button:hover {
  color: var(--plico-red) !important;
}


/* =========================================================
   CONTACT
========================================================= */

html.plico-contact-page,
body.plico-contact-page,
.pco-page,
.pco-min-page {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
}

.pco-page,
.pco-min-page,
.pco-title,
.pco-intro,
.pco-content,
.pco-min-email {
  font-family: var(--plico-editorial-font) !important;
}

.pco-meta,
.pco-label,
.pco-note,
.pco-footer-label,
.pco-footer-copy,
.pco-min-meta,
.pco-min-write {
  font-family: var(--plico-system-font) !important;
}

.pco-content a,
.pco-min-email,
.pco-min-write {
  color: var(--plico-ink) !important;
}

.pco-content a:hover,
.pco-min-email:hover,
.pco-min-write:hover {
  color: var(--plico-red) !important;
}


/* =========================================================
   PRIVACY / TERMS
========================================================= */

html.plico-privacy-page,
body.plico-privacy-page,
body.plico-privacy-page .pc-page {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
}

body.plico-privacy-page .pc-page,
body.plico-privacy-page .pc-title,
body.plico-privacy-page .pc-intro,
body.plico-privacy-page .pc-body,
body.plico-privacy-page .pc-section {
  font-family: var(--plico-editorial-font) !important;
}

body.plico-privacy-page .pc-meta,
body.plico-privacy-page .pc-date,
body.plico-privacy-page .pc-number,
body.plico-privacy-page .pc-small {
  font-family: var(--plico-system-font) !important;
}

body.plico-privacy-page a {
  color: var(--plico-ink) !important;
}

body.plico-privacy-page a:hover {
  color: var(--plico-red) !important;
}


/* =========================================================
   NEWSLETTER CONFIRMED
========================================================= */

.pn-confirmed-page {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
  font-family: var(--plico-editorial-font) !important;
}

.pn-confirmed-meta,
.pn-confirmed-home {
  font-family: var(--plico-system-font) !important;
}

.pn-confirmed-home {
  color: var(--plico-ink) !important;
  border-color: var(--plico-ink) !important;
}

.pn-confirmed-home:hover {
  background: var(--plico-ink) !important;
  color: var(--plico-ivory) !important;
}


/* =========================================================
   PLICO PLACES
========================================================= */

html.plico-places-page,
body.plico-places-page,
.plm-page,
.plm-detail,
.plm-index {
  background: var(--plico-ivory) !important;
  color: var(--plico-ink) !important;
}

.plm-page,
.plm-title,
.plm-statement,
.plm-intro,
.plm-detail-title,
.plm-detail-copy,
.plm-index-name,
.plm-manifesto-title,
.plm-manifesto-copy {
  font-family: var(--plico-editorial-font) !important;
}

.plm-meta,
.plm-intro span,
.plm-toolbar-label,
.plm-index-toggle,
.plm-city-tab,
.plm-map-setup,
.plm-marker,
.plm-detail-close,
.plm-detail-number,
.plm-detail-type,
.plm-detail-coords,
.plm-detail-link,
.plm-detail-member,
.plm-index-head,
.plm-index-no,
.plm-index-type,
.plm-index-arrow,
.plm-manifesto-line {
  font-family: var(--plico-system-font) !important;
}

.plm-map-shell,
.plm-map-setup {
  background-color: var(--plico-putty) !important;
}

.plm-marker {
  background: var(--plico-red) !important;
  color: var(--plico-ivory) !important;
  border-color: var(--plico-ink) !important;
}

.plm-marker:hover,
.plm-marker:focus,
.plm-city-tab:hover,
.plm-city-tab.is-active {
  background: var(--plico-ink) !important;
  color: var(--plico-ivory) !important;
}

.plm-index-toggle:hover,
.plm-index-row:hover {
  background: var(--plico-putty) !important;
  color: var(--plico-ink) !important;
}

.plm-detail-link,
.plm-detail-link:visited {
  color: var(--plico-ink) !important;
}

.plm-detail-link:hover,
.plm-detail-member span {
  color: var(--plico-red) !important;
}


/* =========================================================
   FINAL PLICO LUXURY LINK TREATMENT
   No default browser blue on branded PLICO components.
========================================================= */

body.plico-entry-page a,
body.plico-product-page a,
body.plico-info-tabs-page a,
body.plico-contact-page a,
body.plico-privacy-page a,
body.plico-places-page a {
  text-decoration-color: currentColor;
}

/* =========================================================
   PLICO — CLASSY GLOBAL MENU V2
   BOUTIQUE / EDITORIAL PANEL
   VISUAL ONLY — KEEPS EXISTING GLOBAL NAV FUNCTIONALITY
========================================================= */

.plico-global-nav {
  position: fixed !important;

  top: 24px !important;
  left: 24px !important;
  right: auto !important;

  width: 310px !important;
  max-width: calc(100vw - 48px) !important;

  margin: 0 !important;

  padding:
    12px
    18px !important;

  background: #F0ECE3 !important;
  color: var(--plico-ink) !important;

  border: 0 !important;

  text-align: center !important;

  box-shadow: none !important;

  z-index: 99999 !important;

  pointer-events: auto !important;
}


/* ---------------------------------------------------------
   FONT / GENERAL LINK TREATMENT
--------------------------------------------------------- */

.plico-global-nav,
.plico-global-nav * {
  box-sizing: border-box;

  font-family:
    "EB Garamond",
    Garamond,
    "Times New Roman",
    Times,
    serif !important;
}


.plico-global-nav a,
.plico-global-nav a:link,
.plico-global-nav a:visited {
  color: var(--plico-ink) !important;

  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;

  letter-spacing: .12em !important;

  text-decoration: none !important;
  text-transform: uppercase !important;

  transition:
    color 120ms ease,
    opacity 120ms ease !important;
}


.plico-global-nav a:hover,
.plico-global-nav a:focus {
  color: var(--plico-red) !important;
  text-decoration: none !important;
}


/* ---------------------------------------------------------
   MAIN NAVIGATION STRIP
--------------------------------------------------------- */

.plico-global-nav-main {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  gap:
    5px
    14px !important;

  margin: 0 !important;

  padding:
    8px
    4px !important;

  border-top:
    1px dotted
    rgba(21, 20, 18, .34) !important;

  border-bottom:
    1px dotted
    rgba(21, 20, 18, .34) !important;
}


.plico-global-nav-main a {
  display: inline-block !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
}


/* ---------------------------------------------------------
   BOTTOM NAVIGATION STRIP
--------------------------------------------------------- */

.plico-global-nav-bottom {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  gap:
    5px
    12px !important;

  margin: 0 !important;

  padding:
    8px
    4px !important;

  border-bottom:
    1px dotted
    rgba(21, 20, 18, .34) !important;

  white-space: normal !important;
}


.plico-global-nav-bottom a {
  display: inline-block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 9px !important;

  white-space: nowrap !important;
}


/* ---------------------------------------------------------
   SUBTLE LUXURY HOVER
--------------------------------------------------------- */

@media (hover: hover) and (pointer: fine) {

  .plico-global-nav:hover {
    background: #ECE6DC !important;
  }

}


/* =========================================================
   MOBILE — SAME LANGUAGE, SMALLER PANEL
========================================================= */

@media (max-width: 650px) {

  .plico-global-nav {
    top: 16px !important;
    left: 16px !important;
    right: auto !important;

    width: 220px !important;
    max-width: calc(100vw - 32px) !important;

    padding:
      10px
      13px !important;
  }


  .plico-global-nav a,
  .plico-global-nav a:link,
  .plico-global-nav a:visited {
    font-size: 8px !important;

    letter-spacing: .1em !important;
  }


  .plico-global-nav-main {
    gap:
      4px
      10px !important;

    padding:
      7px
      2px !important;
  }


  .plico-global-nav-bottom {
    gap:
      4px
      9px !important;

    padding:
      7px
      2px !important;
  }


  .plico-global-nav-bottom a {
    font-size: 7.5px !important;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

  .plico-global-nav {
    top: 14px !important;
    left: 14px !important;

    width: 205px !important;
    max-width: calc(100vw - 28px) !important;

    padding:
      9px
      11px !important;
  }


  .plico-global-nav a,
  .plico-global-nav a:link,
  .plico-global-nav a:visited {
    font-size: 7.5px !important;

    letter-spacing: .09em !important;
  }


  .plico-global-nav-bottom a {
    font-size: 7px !important;
  }

}

/* =========================================================
   PLICO INFORMATION — PROGRAMME SINGLE NEUTRAL DASH
   FINAL OVERRIDE
   Removes only the extra red line and keeps one dash,
   consistent with the other archive folders.
========================================================= */

body.plico-archive-page .pa-tab:nth-child(5)::after {
  display: none !important;
}

body.plico-archive-page .pa-tab:nth-child(5) .pa-tab-mark {
  display: block !important;
  background: rgba(21,20,18,.30) !important;
}

/* =========================================================
   PLICO INFORMATION — ARCHIVE V7
   CLEAN OPEN STATE
   No red decorative dash in open file header.
========================================================= */

body.plico-archive-page .pa-content-accent {
  display: none !important;
}

/* PROGRAMME keeps the same single neutral dash as all files. */
body.plico-archive-page .pa-tab:nth-child(5)::after {
  display: none !important;
}

body.plico-archive-page .pa-tab:nth-child(5) .pa-tab-mark {
  display: block !important;
  background: rgba(21,20,18,.30) !important;
}

/* =========================================================
   PLICO DIGITAL ROOM — V13
   LIVE-SAFE EDITORIAL DESK / READABLE TYPE
   Original global menu remains untouched.
========================================================= */

body.plico-digital-room-page {
  --drv12-bg: #F3F0E9;
  --drv12-paper: #F7F4EE;
  --drv12-putty: #D8D2C8;
  --drv12-yellow: #EAD9A7;
  --drv12-ink: #151412;
  --drv12-red: #B92720;

  --drv12-serif:
    "EB Garamond",
    Garamond,
    "Times New Roman",
    Times,
    serif;

  --drv12-mono:
    "Courier New",
    Courier,
    monospace;

  background:
    var(--drv12-bg) !important;

  color:
    var(--drv12-ink) !important;

  overflow-x:
    hidden !important;
}


/* =========================================================
   CARGO RESET
========================================================= */

body.plico-digital-room-page .page,
body.plico-digital-room-page .page-content,
body.plico-digital-room-page .content,
body.plico-digital-room-page .site-main {
  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;
}


/* =========================================================
   BASE
========================================================= */

.drv12-page,
.drv12-page * {
  box-sizing:
    border-box;
}


.drv12-page {
  position:
    relative;

  width:
    100%;

  min-height:
    100vh;

  background:
    var(--drv12-bg);

  color:
    var(--drv12-ink);
}


.drv12-page a {
  color:
    inherit;
}


/* =========================================================
   DESKTOP SHELL
========================================================= */

.drv12-shell {
  display:
    grid;

  grid-template-columns:
    310px
    minmax(0,1fr);

  gap:
    36px;

  width:
    calc(100% - 48px);

  margin:
    0
    24px;

  padding:
    164px
    0
    62px;
}


/* =========================================================
   LEFT DESK
   204px top reserve keeps it below the fixed global menu.
========================================================= */

.drv12-sidebar {
  position:
    sticky;

  top:
    164px;

  align-self:
    start;

  min-width:
    0;

  max-height:
    calc(100vh - 184px);

  overflow-y:
    auto;

  padding:
    0
    6px
    8px
    0;

  scrollbar-width:
    thin;

  scrollbar-color:
    rgba(21,20,18,.12)
    transparent;
}


.drv12-side-heading {
  display:
    flex;

  justify-content:
    space-between;

  gap:
    15px;

  margin-bottom:
    10px;

  padding-top:
    8px;

  border-top:
    1px solid
    rgba(21,20,18,.22);

  font-family:
    var(--drv12-mono);

  font-size:
    7px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.76);
}


/* =========================================================
   TOOL CARDS
========================================================= */

.drv12-tools {
  display:
    grid;

  gap:
    11px;

  margin-bottom:
    27px;
}


.drv12-tool-card {
  display:
    block;

  width:
    calc(100% - 11px);

  min-height:
    82px;

  margin:
    0;

  padding:
    10px
    11px;

  border:
    1px solid
    rgba(21,20,18,.72);

  border-radius:
    0;

  background:
    var(--drv12-paper);

  color:
    var(--drv12-ink);

  text-align:
    left;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;

  box-shadow:
    7px
    8px
    0
    rgba(21,20,18,.075);

  transition:
    transform
    140ms
    ease,
    box-shadow
    140ms
    ease;
}


.drv12-tool-books {
  transform:
    rotate(-.34deg);
}


.drv12-tool-game {
  margin-left:
    5px;

  transform:
    rotate(.34deg);
}


.drv12-tool-seasonal {
  margin-left:
    1px;

  transform:
    rotate(-.18deg);
}


.drv12-tool-card:hover {
  transform:
    translateY(-2px)
    rotate(0deg);

  box-shadow:
    9px
    10px
    0
    rgba(21,20,18,.10);
}


.drv12-tool-card span,
.drv12-tool-card em {
  display:
    block;

  font-family:
    var(--drv12-mono);

  font-size:
    6.2px;

  line-height:
    1;

  letter-spacing:
    .02em;

  text-transform:
    uppercase;

  font-style:
    normal;

  color:
    rgba(21,20,18,.74);
}


.drv12-tool-card strong {
  display:
    block;

  max-width:
    210px;

  margin:
    13px
    0
    11px;

  font-family:
    var(--drv12-serif);

  font-size:
    17px;

  font-weight:
    500;

  line-height:
    .99;

  color:
    var(--drv12-ink);
}


.drv12-tool-card em {
  text-decoration:
    underline;

  text-underline-offset:
    3px;
}


/* =========================================================
   NOWHERE / CURRENT PRINT
========================================================= */

.drv12-issue {
  width:
    100%;

  padding:
    13px
    0
    8px;

  border-top:
    1px solid
    rgba(21,20,18,.20);

  text-align:
    center;
}


.drv12-issue-eyebrow {
  margin-bottom:
    8px;

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.72);
}


.drv12-issue-title-wrap {
  display:
    flex;

  align-items:
    baseline;

  justify-content:
    center;

  gap:
    7px;

  margin-bottom:
    5px;
}


.drv12-issue-title-wrap h2 {
  margin:
    0;

  font-family:
    var(--drv12-serif);

  font-size:
    23px;

  font-weight:
    500;

  line-height:
    .92;

  letter-spacing:
    -.015em;

  color:
    var(--drv12-ink);
}


.drv12-issue-title-wrap span {
  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  line-height:
    1;

  color:
    rgba(21,20,18,.66);
}


.drv12-slider-stage {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    100%;

  min-height:
    225px;

  margin:
    0;

  padding:
    5px
    0
    8px;

  border:
    0;

  background:
    transparent;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;

  opacity:
    1;

  transition:
    opacity
    130ms
    ease,
    transform
    200ms
    ease;
}


.drv12-slider-stage.is-changing {
  opacity:
    .28;

  transform:
    translateX(3px);
}


.drv12-slider-stage img {
  display:
    block;

  width:
    min(
      59%,
      154px
    );

  height:
    auto;

  box-shadow:
    7px
    8px
    0
    rgba(21,20,18,.07);

  transform:
    rotate(-.55deg);

  transition:
    transform
    160ms
    ease;
}


.drv12-slider-stage:hover img {
  transform:
    rotate(0deg)
    translateY(-2px);
}


.drv12-slider-meta {
  display:
    flex;

  justify-content:
    space-between;

  gap:
    10px;

  width:
    min(
      70%,
      185px
    );

  margin:
    0 auto;

  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  line-height:
    1.15;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.78);
}


.drv12-slider-meta span:last-child {
  color:
    rgba(21,20,18,.45);
}


.drv12-slider-dots {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    7px;

  margin:
    10px
    0
    12px;
}


.drv12-slider-dot {
  width:
    6px;

  height:
    6px;

  margin:
    0;

  padding:
    0;

  border:
    1px solid
    rgba(21,20,18,.55);

  border-radius:
    50%;

  background:
    transparent;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;
}


.drv12-slider-dot.is-active {
  background:
    var(--drv12-ink);
}


.drv12-buy-button {
  display:
    block;

  width:
    min(
      70%,
      185px
    );

  margin:
    0 auto;

  padding:
    8px
    10px;

  border:
    1px solid
    rgba(21,20,18,.76);

  background:
    transparent;

  color:
    var(--drv12-ink);

  font-family:
    var(--drv12-mono);

  font-size:
    6.8px;

  line-height:
    1;

  letter-spacing:
    .02em;

  text-align:
    center;

  text-transform:
    uppercase;

  text-decoration:
    none;
}


.drv12-buy-button:hover {
  background:
    var(--drv12-ink);

  color:
    var(--drv12-bg);
}


/* =========================================================
   MAIN
========================================================= */

.drv12-main {
  min-width:
    0;
}


/* =========================================================
   MASTHEAD
   No vertical divider here.
========================================================= */

.drv12-main-header {
  min-height:
    150px;

  padding:
    5px
    28px
    20px;

  text-align:
    center;
}


.drv12-main-overline {
  margin-bottom:
    7px;

  font-family:
    var(--drv12-mono);

  font-size:
    6.5px;

  line-height:
    1;

  letter-spacing:
    .02em;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.72);
}


.drv12-main-header h1 {
  margin:
    0;

  font-family:
    var(--drv12-serif);

  font-size:
    clamp(
      34px,
      3.5vw,
      49px
    );

  font-weight:
    500;

  line-height:
    .88;

  letter-spacing:
    -.028em;

  text-transform:
    uppercase;

  color:
    var(--drv12-ink);
}


.drv12-main-deck {
  max-width:
    560px;

  margin:
    11px
    auto
    0;

  font-family:
    var(--drv12-mono);

  font-size:
    6.4px;

  line-height:
    1.35;

  letter-spacing:
    .02em;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.72);
}


/* =========================================================
   INDEX
========================================================= */

.drv12-index {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-wrap:
    wrap;

  gap:
    0
    21px;

  width:
    min(
      100%,
      690px
    );

  margin:
    22px
    auto
    0;
}


.drv12-index-item {
  display:
    inline-grid;

  grid-template-columns:
    18px
    auto;

  gap:
    4px;

  align-items:
    center;

  min-width:
    84px;

  margin:
    0;

  padding:
    6px
    0;

  border:
    0;

  border-bottom:
    1px solid
    rgba(21,20,18,.18);

  border-radius:
    0;

  background:
    transparent;

  color:
    rgba(21,20,18,.68);

  font-family:
    var(--drv12-mono);

  font-size:
    7px;

  line-height:
    1;

  text-align:
    left;

  text-transform:
    uppercase;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;
}


.drv12-index-item span {
  color:
    rgba(21,20,18,.70);
}


.drv12-index-item:hover,
.drv12-index-item.is-active {
  color:
    var(--drv12-red);
}


/* =========================================================
   MAIN BODY
   The divider starts ONLY here, under the masthead/menu.
========================================================= */

.drv12-main-body {
  min-width:
    0;

  padding-left:
    34px;

  border-left:
    1px solid
    rgba(21,20,18,.24);
}


.drv12-stage {
  width:
    100%;

  min-height:
    610px;

  padding:
    31px
    0
    23px;
}


.drv12-view {
  display:
    none;

  width:
    100%;

  animation:
    drv12ViewIn
    300ms
    ease
    both;
}


.drv12-view.is-active {
  display:
    block;
}


@keyframes drv12ViewIn {

  from {
    opacity:
      0;

    transform:
      translateY(4px);
  }

  to {
    opacity:
      1;

    transform:
      translateY(0);
  }

}


.drv12-kicker {
  font-family:
    var(--drv12-mono);

  font-size:
    6.7px;

  line-height:
    1;

  letter-spacing:
    .02em;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.72);
}


.drv12-text-link {
  display:
    inline-block;

  color:
    var(--drv12-ink);

  font-family:
    var(--drv12-mono);

  font-size:
    6.8px;

  line-height:
    1;

  text-transform:
    uppercase;

  text-decoration:
    underline;

  text-underline-offset:
    4px;
}


.drv12-text-link:hover {
  color:
    var(--drv12-red);
}


/* =========================================================
   IMAGE FRAME
========================================================= */

.drv12-frame {
  position:
    relative;

  margin:
    0;

  overflow:
    hidden;

  background:
    transparent;

  border:
    1px solid
    rgba(21,20,18,.25);
}


.drv12-frame::before {
  content:
    "";

  position:
    absolute;

  left:
    0;

  top:
    50%;

  width:
    100%;

  height:
    1px;

  background:
    rgba(21,20,18,.11);
}


.drv12-frame::after {
  content:
    "";

  position:
    absolute;

  left:
    50%;

  top:
    0;

  width:
    1px;

  height:
    100%;

  background:
    rgba(21,20,18,.11);
}


.drv12-frame.has-image::before,
.drv12-frame.has-image::after {
  display:
    none;
}


.drv12-frame img {
  display:
    none;

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;
}


.drv12-frame.has-image img {
  display:
    block;
}


.drv12-frame figcaption {
  position:
    absolute;

  left:
    7px;

  bottom:
    6px;

  z-index:
    2;

  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.68);
}


.drv12-frame.has-image figcaption {
  padding:
    3px
    4px;

  background:
    var(--drv12-bg);
}


/* =========================================================
   00 / DESK FRONT PAGE
========================================================= */

.drv12-desk-hero {
  display:
    grid;

  grid-template-columns:
    minmax(0,1.45fr)
    minmax(245px,.55fr);

  gap:
    27px;

  align-items:
    stretch;

  margin-bottom:
    32px;
}


.drv12-desk-hero-media {
  min-height:
    min(
      34vw,
      390px
    );
}


.drv12-desk-current {
  display:
    flex;

  flex-direction:
    column;

  justify-content:
    flex-end;

  padding:
    4px
    0
    3px;
}


.drv12-desk-current h2 {
  max-width:
    370px;

  margin:
    15px
    0
    18px;

  font-family:
    var(--drv12-serif);

  font-size:
    clamp(
      24px,
      2.4vw,
      34px
    );

  font-weight:
    500;

  line-height:
    .94;

  letter-spacing:
    -.022em;

  color:
    var(--drv12-ink);
}


.drv12-desk-section-head {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    16px;

  padding:
    9px
    0;

  border-top:
    1px solid
    rgba(21,20,18,.20);

  border-bottom:
    1px solid
    rgba(21,20,18,.14);

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.68);
}


.drv12-desk-articles {
  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:
    18px;

  padding:
    17px
    0
    25px;
}


.drv12-desk-article {
  min-height:
    116px;

  padding:
    2px
    9px
    0
    0;
}


.drv12-desk-article-meta {
  display:
    flex;

  gap:
    8px;

  margin-bottom:
    22px;

  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.68);
}


.drv12-desk-article a {
  display:
    block;

  max-width:
    230px;

  font-family:
    var(--drv12-serif);

  font-size:
    20px;

  font-weight:
    500;

  line-height:
    .97;

  letter-spacing:
    -.012em;

  text-decoration:
    none;

  color:
    var(--drv12-ink);
}


.drv12-desk-article a:hover {
  color:
    var(--drv12-red);
}


.drv12-desk-teasers {
  display:
    grid;

  grid-template-columns:
    1fr
    1fr;

  gap:
    18px;

  padding-top:
    18px;

  border-top:
    1px solid
    rgba(21,20,18,.18);
}


.drv12-desk-teaser {
  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;

  min-height:
    115px;

  margin:
    0;

  padding:
    11px
    13px;

  border:
    1px solid
    rgba(21,20,18,.24);

  border-radius:
    0;

  background:
    transparent;

  color:
    var(--drv12-ink);

  text-align:
    left;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;
}


.drv12-desk-teaser span,
.drv12-desk-teaser em {
  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  line-height:
    1;

  text-transform:
    uppercase;

  font-style:
    normal;

  color:
    rgba(21,20,18,.68);
}


.drv12-desk-teaser strong {
  display:
    block;

  max-width:
    330px;

  margin:
    16px
    0
    auto;

  font-family:
    var(--drv12-serif);

  font-size:
    19px;

  font-weight:
    500;

  line-height:
    .98;
}


.drv12-desk-teaser em {
  margin-top:
    13px;

  text-decoration:
    underline;

  text-underline-offset:
    3px;
}


.drv12-desk-teaser:hover {
  border-color:
    rgba(21,20,18,.48);
}


/* =========================================================
   LETTER
========================================================= */

.drv12-letter-layout {
  display:
    grid;

  grid-template-columns:
    minmax(0,1.3fr)
    minmax(275px,.7fr);

  gap:
    32px;

  align-items:
    start;
}


.drv12-letter-media {
  min-height:
    min(
      48vw,
      535px
    );
}


.drv12-letter-copy {
  padding-top:
    2px;
}


.drv12-letter-copy h2 {
  max-width:
    420px;

  margin:
    17px
    0
    23px;

  font-family:
    var(--drv12-serif);

  font-size:
    clamp(
      28px,
      2.8vw,
      39px
    );

  font-weight:
    500;

  line-height:
    .92;

  letter-spacing:
    -.026em;

  color:
    var(--drv12-ink);
}


.drv12-letter-copy blockquote {
  max-width:
    300px;

  margin:
    0
    0
    17px;

  padding:
    0;

  font-family:
    var(--drv12-serif);

  font-size:
    16px;

  font-style:
    italic;

  line-height:
    1.07;

  color:
    rgba(21,20,18,.86);
}


.drv12-letter-copy p {
  max-width:
    360px;

  margin:
    0
    0
    21px;

  font-family:
    var(--drv12-serif);

  font-size:
    14px;

  line-height:
    1.46;

  color:
    rgba(21,20,18,.82);
}


/* =========================================================
   WATCH
========================================================= */

.drv12-watch-layout {
  display:
    grid;

  grid-template-columns:
    minmax(280px,.78fr)
    minmax(0,1.22fr);

  gap:
    38px;

  align-items:
    start;
}


.drv12-watch-copy h2 {
  max-width:
    430px;

  margin:
    17px
    0
    24px;

  font-family:
    var(--drv12-serif);

  font-size:
    clamp(
      27px,
      2.75vw,
      38px
    );

  font-weight:
    500;

  line-height:
    .94;

  letter-spacing:
    -.024em;
}


.drv12-watch-body {
  max-width:
    440px;

  margin-bottom:
    23px;

  font-family:
    var(--drv12-serif);

  font-size:
    13.5px;

  line-height:
    1.48;

  column-count:
    2;

  column-gap:
    21px;

  color:
    rgba(21,20,18,.82);
}


.drv12-watch-media {
  min-height:
    min(
      46vw,
      510px
    );
}


/* =========================================================
   NOTES
========================================================= */

.drv12-view-heading {
  display:
    grid;

  grid-template-columns:
    112px
    minmax(0,1fr);

  gap:
    24px;

  align-items:
    end;

  margin-bottom:
    40px;
}


.drv12-view-heading h2 {
  max-width:
    430px;

  margin:
    0;

  font-family:
    var(--drv12-serif);

  font-size:
    27px;

  font-weight:
    500;

  line-height:
    .96;

  letter-spacing:
    -.02em;
}


.drv12-notes {
  display:
    grid;

  grid-template-columns:
    repeat(
      12,
      minmax(0,1fr)
    );

  gap:
    18px;

  min-height:
    410px;
}


.drv12-note {
  position:
    relative;

  min-height:
    165px;

  padding-top:
    12px;
}


.drv12-note::before {
  content:
    "";

  position:
    absolute;

  top:
    0;

  left:
    0;

  width:
    56px;

  height:
    1px;

  background:
    rgba(21,20,18,.36);
}


.drv12-note-1 {
  grid-column:
    1 / span 4;
}


.drv12-note-2 {
  grid-column:
    5 / span 3;

  margin-top:
    68px;
}


.drv12-note-2::before {
  width:
    34px;
}


.drv12-note-3 {
  grid-column:
    8 / span 5;

  margin-top:
    24px;

  padding-left:
    14px;
}


.drv12-note-3::before {
  left:
    14px;

  width:
    78px;
}


.drv12-note-meta {
  display:
    flex;

  gap:
    10px;

  font-family:
    var(--drv12-mono);

  font-size:
    5.9px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.70);
}


.drv12-note-title {
  display:
    block;

  max-width:
    280px;

  margin-top:
    23px;

  color:
    var(--drv12-ink);

  font-family:
    var(--drv12-serif);

  font-size:
    clamp(
      18px,
      1.8vw,
      25px
    );

  font-weight:
    500;

  line-height:
    .97;

  letter-spacing:
    -.016em;

  text-decoration:
    none;
}


.drv12-note-title:hover {
  color:
    var(--drv12-red);
}


/* =========================================================
   SPOTLIGHT
========================================================= */

.drv12-spotlight-layout {
  display:
    grid;

  grid-template-columns:
    minmax(280px,.75fr)
    minmax(0,1.25fr);

  gap:
    34px;

  align-items:
    start;
}


.drv12-spotlight-copy {
  padding-top:
    2px;
}


.drv12-spotlight-copy h2 {
  max-width:
    500px;

  margin:
    17px
    0
    22px;

  font-family:
    var(--drv12-serif);

  font-size:
    clamp(
      29px,
      3.1vw,
      44px
    );

  font-weight:
    500;

  line-height:
    .91;

  letter-spacing:
    -.029em;
}


.drv12-spotlight-copy p {
  max-width:
    410px;

  margin:
    0;

  font-family:
    var(--drv12-serif);

  font-size:
    14px;

  line-height:
    1.45;

  color:
    rgba(21,20,18,.82);
}


.drv12-spotlight-media {
  min-height:
    min(
      46vw,
      510px
    );
}


/* =========================================================
   FOOTER
========================================================= */

.drv12-footer {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding-top:
    9px;

  border-top:
    1px solid
    rgba(21,20,18,.18);

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.68);
}


/* =========================================================
   DRAGGABLE WINDOWS
========================================================= */

.drv12-window {
  position:
    fixed;

  z-index:
    1500;

  display:
    none;

  border:
    1px solid
    var(--drv12-ink);

  background:
    var(--drv12-yellow);

  color:
    var(--drv12-ink);

  box-shadow:
    13px
    14px
    0
    rgba(21,20,18,.12);
}


.drv12-window.is-open {
  display:
    block;
}


.drv12-window.is-dragging {
  user-select:
    none;

  -webkit-user-select:
    none;

  box-shadow:
    17px
    18px
    0
    rgba(21,20,18,.15);
}


.drv12-window-reading {
  left:
    4vw;

  top:
    23vh;

  width:
    min(
      290px,
      calc(100vw - 24px)
    );
}


.drv12-window-game {
  left:
    7vw;

  top:
    13vh;

  width:
    min(
      520px,
      calc(100vw - 24px)
    );

  background:
    #F1E7C7;
}


.drv12-window-seasonal {
  left:
    11vw;

  top:
    20vh;

  width:
    min(
      320px,
      calc(100vw - 24px)
    );

  background:
    #E5DDD0;
}


.drv12-window-bar {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    12px;

  min-height:
    29px;

  padding:
    5px
    7px
    5px
    9px;

  background:
    var(--drv12-ink);

  color:
    var(--drv12-bg);

  font-family:
    var(--drv12-mono);

  font-size:
    6.3px;

  line-height:
    1;

  text-transform:
    uppercase;

  cursor:
    grab;

  touch-action:
    none;
}


.drv12-window.is-dragging
.drv12-window-bar {
  cursor:
    grabbing;
}


.drv12-window-close {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    22px;

  height:
    20px;

  margin:
    0;

  padding:
    0;

  border:
    0;

  background:
    transparent;

  color:
    inherit;

  font-family:
    var(--drv12-serif);

  font-size:
    16px;

  cursor:
    pointer;
}


.drv12-window-body {
  overflow-y:
    auto;

  max-height:
    calc(100vh - 70px);
}


/* READING */

.drv12-reading-body {
  padding:
    18px
    18px
    19px;
}


.drv12-reading-body h3 {
  max-width:
    235px;

  margin:
    0
    0
    17px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:
    15px;

  font-weight:
    700;

  line-height:
    1.05;
}


.drv12-reading-list {
  margin:
    0;

  padding:
    0
    0
    0
    27px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:
    14px;

  line-height:
    1.18;
}


.drv12-reading-list li {
  margin-bottom:
    9px;
}


.drv12-reading-list em {
  font-style:
    italic;
}


.drv12-reading-footer {
  margin-top:
    22px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:
    10.5px;

  text-transform:
    uppercase;
}


/* INTERMISSION */

.drv12-game-body {
  padding:
    16px;
}


.drv12-game-body h3 {
  margin:
    0
    0
    4px;

  font-family:
    var(--drv12-serif);

  font-size:
    25px;

  font-weight:
    500;

  line-height:
    .95;
}


.drv12-game-meta {
  margin-bottom:
    16px;

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.58);
}


.drv12-game-layout {
  display:
    grid;

  grid-template-columns:
    minmax(230px,.9fr)
    minmax(175px,.7fr);

  gap:
    18px;

  align-items:
    start;
}


.drv12-crossword {
  display:
    grid;

  grid-template-columns:
    repeat(
      7,
      minmax(0,1fr)
    );

  width:
    100%;

  aspect-ratio:
    1 / 1;

  border-top:
    1px solid
    var(--drv12-ink);

  border-left:
    1px solid
    var(--drv12-ink);
}


.drv12-crossword > div,
.drv12-crossword input {
  display:
    block;

  width:
    100%;

  min-width:
    0;

  aspect-ratio:
    1 / 1;

  margin:
    0;

  padding:
    0;

  border:
    0;

  border-right:
    1px solid
    var(--drv12-ink);

  border-bottom:
    1px solid
    var(--drv12-ink);

  border-radius:
    0;
}


.drv12-crossword > div {
  background:
    var(--drv12-ink);
}


.drv12-crossword input {
  background:
    var(--drv12-bg);

  color:
    var(--drv12-ink);

  font-family:
    var(--drv12-mono);

  font-size:
    14px;

  font-weight:
    700;

  line-height:
    1;

  text-align:
    center;

  text-transform:
    uppercase;

  outline:
    none;

  appearance:
    none;

  -webkit-appearance:
    none;
}


.drv12-crossword input:focus {
  box-shadow:
    inset
    0
    0
    0
    2px
    var(--drv12-red);
}


.drv12-clues {
  display:
    grid;

  gap:
    15px;
}


.drv12-clue-head {
  margin-bottom:
    5px;

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.70);
}


.drv12-clue-copy {
  font-family:
    var(--drv12-serif);

  font-size:
    11px;

  line-height:
    1.40;

  color:
    rgba(21,20,18,.86);
}


/* SEASONAL */

.drv12-seasonal-body {
  padding:
    18px;
}


.drv12-seasonal-body h3 {
  max-width:
    245px;

  margin:
    0
    0
    13px;

  font-family:
    var(--drv12-serif);

  font-size:
    22px;

  font-weight:
    500;

  line-height:
    .94;
}


.drv12-seasonal-body p {
  max-width:
    250px;

  margin:
    0
    0
    18px;

  font-family:
    var(--drv12-serif);

  font-size:
    13.5px;

  line-height:
    1.38;

  color:
    rgba(21,20,18,.80);
}


.drv12-seasonal-list {
  margin:
    0;

  padding:
    0;

  list-style:
    none;

  counter-reset:
    seasonal;
}


.drv12-seasonal-list li {
  display:
    grid;

  grid-template-columns:
    24px
    1fr;

  gap:
    8px;

  padding:
    8px
    0;

  border-top:
    1px solid
    rgba(21,20,18,.16);

  font-family:
    var(--drv12-serif);

  font-size:
    13.5px;

  line-height:
    1.25;

  counter-increment:
    seasonal;
}


.drv12-seasonal-list li::before {
  content:
    "0"
    counter(seasonal);

  padding-top:
    2px;

  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  color:
    rgba(21,20,18,.50);
}


.drv12-seasonal-footer {
  margin-top:
    16px;

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.55);
}


/* =========================================================
   MID-SIZE
========================================================= */

@media (max-width: 1120px) {

  .drv12-shell {
    grid-template-columns:
      290px
      minmax(0,1fr);

    gap:
      28px;

    width:
      calc(100% - 36px);

    margin:
      0
      18px;
  }


  .drv12-main-header {
    padding-left:
      18px;

    padding-right:
      18px;
  }


  .drv12-main-body {
    padding-left:
      27px;
  }


  .drv12-desk-hero {
    grid-template-columns:
      minmax(0,1.25fr)
      minmax(235px,.75fr);
  }


  .drv12-watch-body {
    column-count:
      1;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 860px) {

  .drv12-shell {
    grid-template-columns:
      270px
      minmax(0,1fr);

    gap:
      22px;

    width:
      calc(100% - 28px);

    margin:
      0
      14px;
  }


  .drv12-sidebar {
    top:
      164px;

    padding-top:
      0;
  }


  .drv12-main-body {
    padding-left:
      22px;
  }


  .drv12-main-header h1 {
    font-size:
      32px;
  }


  .drv12-index {
    gap:
      0
      13px;
  }


  .drv12-desk-hero,
  .drv12-letter-layout,
  .drv12-watch-layout,
  .drv12-spotlight-layout {
    display:
      block;
  }


  .drv12-desk-hero-media,
  .drv12-letter-media,
  .drv12-watch-media,
  .drv12-spotlight-media {
    min-height:
      0;

    aspect-ratio:
      4 / 3;

    margin-bottom:
      22px;
  }


  .drv12-desk-current {
    display:
      block;
  }


  .drv12-desk-articles {
    grid-template-columns:
      1fr
      1fr;
  }


  .drv12-desk-article:last-child {
    grid-column:
      1 / -1;
  }


  .drv12-notes {
    display:
      block;

    min-height:
      0;
  }


  .drv12-note,
  .drv12-note-1,
  .drv12-note-2,
  .drv12-note-3 {
    min-height:
      0;

    margin:
      0
      0
      28px;

    padding:
      12px
      0
      0;
  }


  .drv12-note-3::before {
    left:
      0;
  }

}


/* =========================================================
   MOBILE
   Same hierarchy, adapted:
   global menu -> objects -> Nowhere -> Digital Room -> views
========================================================= */

@media (max-width: 760px) {

  .drv12-shell {
    display:
      block;

    width:
      calc(100% - 20px);

    margin:
      0
      10px;

    padding:
      138px
      0
      48px;
  }


  .drv12-sidebar {
    position:
      static;

    display:
      block;

    max-height:
      none;

    overflow:
      visible;

    padding:
      0;

    margin-bottom:
      30px;
  }


  .drv12-tools {
    display:
      flex;

    gap:
      10px;

    width:
      100%;

    margin-bottom:
      24px;

    padding:
      2px
      3px
      12px;

    overflow-x:
      auto;

    scroll-snap-type:
      x
      proximity;

    scrollbar-width:
      thin;
  }


  .drv12-tool-card {
    flex:
      0
      0
      160px;

    width:
      160px;

    min-height:
      88px;

    margin:
      0 !important;

    scroll-snap-align:
      start;
  }


  .drv12-tool-card strong {
    font-size:
      13.5px;
  }


  .drv12-issue {
    display:
      grid;

    grid-template-columns:
      112px
      minmax(0,1fr);

    gap:
      13px
      17px;

    align-items:
      center;

    padding:
      13px
      0
      16px;

    border-bottom:
      1px solid
      rgba(21,20,18,.18);

    text-align:
      left;
  }


  .drv12-issue-eyebrow {
    grid-column:
      1 / -1;

    margin:
      0;
  }


  .drv12-issue-title-wrap {
    display:
      block;

    grid-column:
      1;

    margin:
      0;

    text-align:
      left;
  }


  .drv12-issue-title-wrap h2 {
    font-size:
      21px;
  }


  .drv12-issue-title-wrap span {
    display:
      block;

    margin-top:
      5px;
  }


  .drv12-slider-stage {
    grid-column:
      2;

    grid-row:
      2 / span 3;

    min-height:
      180px;
  }


  .drv12-slider-stage img {
    width:
      min(
        60%,
        125px
      );
  }


  .drv12-slider-meta {
    grid-column:
      2;

    width:
      min(
        72%,
        155px
      );

    margin-top:
      -6px;

    font-size:
      4.4px;
  }


  .drv12-slider-dots {
    grid-column:
      2;

    margin:
      5px
      0
      9px;
  }


  .drv12-buy-button {
    grid-column:
      1;

    width:
      100%;

    margin:
      0;

    align-self:
      end;

    text-align:
      left;
  }


  .drv12-main-header {
    min-height:
      0;

    padding:
      27px
      0
      19px;

    border-top:
      1px solid
      rgba(21,20,18,.22);
  }


  .drv12-main-header h1 {
    font-size:
      35px;
  }


  .drv12-main-deck {
    max-width:
      350px;

    font-size:
      5px;
  }


  .drv12-index {
    justify-content:
      flex-start;

    flex-wrap:
      nowrap;

    gap:
      17px;

    width:
      100%;

    margin-top:
      19px;

    padding-bottom:
      7px;

    overflow-x:
      auto;

    scrollbar-width:
      thin;
  }


  .drv12-index-item {
    flex:
      0
      0
      auto;

    min-width:
      78px;
  }


  .drv12-main-body {
    padding-left:
      0;

    border-left:
      0;
  }


  .drv12-stage {
    min-height:
      0;

    padding:
      26px
      0
      20px;
  }


  .drv12-desk-hero,
  .drv12-letter-layout,
  .drv12-watch-layout,
  .drv12-spotlight-layout {
    display:
      block;
  }


  .drv12-desk-hero-media,
  .drv12-letter-media,
  .drv12-watch-media,
  .drv12-spotlight-media {
    min-height:
      0;

    aspect-ratio:
      4 / 3;

    margin-bottom:
      21px;
  }


  .drv12-desk-current h2 {
    font-size:
      29px;
  }


  .drv12-desk-articles {
    display:
      flex;

    gap:
      12px;

    width:
      100%;

    padding:
      15px
      0
      22px;

    overflow-x:
      auto;

    scroll-snap-type:
      x
      proximity;

    scrollbar-width:
      thin;
  }


  .drv12-desk-article {
    flex:
      0
      0
      190px;

    min-height:
      110px;

    scroll-snap-align:
      start;
  }


  .drv12-desk-article:last-child {
    grid-column:
      auto;
  }


  .drv12-desk-article a {
    font-size:
      17px;
  }


  .drv12-desk-teasers {
    grid-template-columns:
      1fr;
  }


  .drv12-letter-copy h2 {
    font-size:
      30px;
  }


  .drv12-watch-copy h2 {
    font-size:
      28px;
  }


  .drv12-watch-body {
    max-width:
      560px;

    column-count:
      1;

    font-size:
      13px;
  }


  .drv12-view-heading {
    display:
      block;

    margin-bottom:
      29px;
  }


  .drv12-view-heading h2 {
    margin-top:
      13px;

    font-size:
      25px;
  }


  .drv12-spotlight-copy h2 {
    font-size:
      30px;
  }


  .drv12-note-title {
    font-size:
      22px;
  }


  /* MOBILE WINDOWS */

  .drv12-window-reading {
    left:
      9px;

    top:
      92px;

    width:
      min(
        290px,
        calc(100vw - 18px)
      );
  }


  .drv12-window-game {
    left:
      9px;

    top:
      78px;

    width:
      calc(100vw - 18px);
  }


  .drv12-window-seasonal {
    left:
      9px;

    top:
      104px;

    width:
      min(
        320px,
        calc(100vw - 18px)
      );
  }


  .drv12-game-layout {
    display:
      block;
  }


  .drv12-crossword {
    max-width:
      350px;

    margin:
      0 auto 22px;
  }


  .drv12-clues {
    grid-template-columns:
      1fr
      1fr;

    gap:
      14px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

  .drv12-shell {
    width:
      calc(100% - 14px);

    margin:
      0
      7px;

    padding-top:
      132px;
  }


  .drv12-tool-card {
    flex-basis:
      148px;
  }


  .drv12-issue {
    grid-template-columns:
      100px
      minmax(0,1fr);

    gap:
      11px;
  }


  .drv12-slider-stage {
    min-height:
      165px;
  }


  .drv12-main-header h1 {
    font-size:
      32px;
  }


  .drv12-desk-current h2 {
    font-size:
      27px;
  }


  .drv12-letter-copy h2 {
    font-size:
      28px;
  }


  .drv12-watch-copy h2 {
    font-size:
      26px;
  }


  .drv12-spotlight-copy h2 {
    font-size:
      28px;
  }


  .drv12-window-game {
    left:
      7px;

    width:
      calc(100vw - 14px);
  }


  .drv12-window-reading,
  .drv12-window-seasonal {
    left:
      7px;

    width:
      min(
        300px,
        calc(100vw - 14px)
      );
  }


  .drv12-reading-list {
    font-size:
      13.5px;
  }


  .drv12-clue-copy {
    font-size:
      10px;
  }

}


/* =========================================================
   V13 LIVE-SITE SAFETY OVERRIDES
   Cargo preview/live must reserve the same fixed-menu band.
========================================================= */

@media (min-width: 761px) {

  body.plico-digital-room-page .drv12-shell {
    padding-top: 164px !important;
  }

  body.plico-digital-room-page .drv12-sidebar {
    top: 164px !important;
    padding-top: 0 !important;
  }

  body.plico-digital-room-page .drv12-main-header {
    position: relative !important;
    z-index: 1 !important;
  }

  body.plico-digital-room-page .drv12-main-body {
    position: relative !important;
    z-index: 1 !important;
  }

}


/* Mobile keeps the exact same hierarchy but with a safe
   reserved band for the smaller fixed global menu. */

@media (max-width: 760px) {

  body.plico-digital-room-page .drv12-shell {
    padding-top: 138px !important;
  }

  body.plico-digital-room-page .drv12-index-item {
    font-size: 6.8px !important;
  }

  body.plico-digital-room-page .drv12-side-heading,
  body.plico-digital-room-page .drv12-kicker,
  body.plico-digital-room-page .drv12-main-overline,
  body.plico-digital-room-page .drv12-main-deck,
  body.plico-digital-room-page .drv12-desk-section-head,
  body.plico-digital-room-page .drv12-desk-article-meta {
    font-size: 6px !important;
  }

}


@media (max-width: 390px) {

  body.plico-digital-room-page .drv12-shell {
    padding-top: 130px !important;
  }

}


/* =========================================================
   PLICO DIGITAL ROOM — V14 MOBILE EDITORIAL SYSTEM
   Desktop V13 remains unchanged.
========================================================= */

.plico-global-nav.plico-dr-mobile-hidden {
  display: none !important;
}


/* Desktop/tablet do not show mobile-only controls. */

.drv14-mobile-topbar,
.drv14-mobile-menu,
.drv14-desk-trigger,
.drv14-desk-drawer,
.drv14-issue-close {
  display: none;
}


/* =========================================================
   MOBILE / SMALL TABLET
   Designed fluidly for 320px–760px widths.
========================================================= */

@media (max-width: 760px) {

  body.plico-digital-room-page {
    overflow-x: hidden !important;
  }


  /* -----------------------------------------
     PAGE
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-page {
    width: 100% !important;
    min-width: 0 !important;
  }


  body.plico-digital-room-page .drv12-shell {
    display: block !important;

    width: calc(100% - 20px) !important;

    max-width: none !important;

    margin: 0 10px !important;

    padding:
      74px
      0
      42px !important;
  }


  /* -----------------------------------------
     MOBILE TOP BAR
  ----------------------------------------- */

  .drv14-mobile-topbar {
    position: fixed;

    top: 10px;
    left: 10px;
    right: 10px;

    z-index: 1250;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 38px;

    padding: 0;

    pointer-events: none;
  }


  .drv14-mobile-topbar-button {
    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 76px;
    min-height: 38px;

    margin: 0;
    padding: 8px 12px;

    border:
      1px solid
      rgba(21,20,18,.62);

    border-radius: 0;

    background:
      rgba(243,240,233,.94);

    color:
      var(--drv12-ink);

    font-family:
      var(--drv12-mono);

    font-size: 8px;
    line-height: 1;

    letter-spacing: .03em;

    text-transform: uppercase;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    pointer-events: auto;
  }


  .drv14-mobile-topbar-button:active {
    background: var(--drv12-ink);
    color: var(--drv12-bg);
  }


  /* -----------------------------------------
     MOBILE MENU PANEL
  ----------------------------------------- */

  .drv14-mobile-menu {
    position: fixed;

    top: 58px;
    left: 10px;

    z-index: 1400;

    display: none;

    width:
      min(
        270px,
        calc(100vw - 20px)
      );

    padding:
      11px
      12px
      13px;

    border:
      1px solid
      rgba(21,20,18,.68);

    background:
      rgba(247,244,238,.98);

    box-shadow:
      10px
      11px
      0
      rgba(21,20,18,.09);
  }


  .drv14-mobile-menu.is-open {
    display: block;
  }


  .drv14-mobile-menu-head {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 8px;

    padding-bottom: 8px;

    border-bottom:
      1px solid
      rgba(21,20,18,.18);

    font-family:
      var(--drv12-mono);

    font-size: 7px;
    line-height: 1;

    text-transform: uppercase;

    color:
      rgba(21,20,18,.68);
  }


  .drv14-mobile-menu-head button {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    color: var(--drv12-ink);

    font-family:
      var(--drv12-serif);

    font-size: 20px;

    cursor: pointer;
  }


  .drv14-mobile-menu a,
  .drv14-mobile-menu a:link,
  .drv14-mobile-menu a:visited {
    display: block;

    padding:
      9px
      2px;

    border-bottom:
      1px solid
      rgba(21,20,18,.12);

    color:
      var(--drv12-ink) !important;

    font-family:
      var(--drv12-serif) !important;

    font-size:
      clamp(12px, 3.3vw, 15px) !important;

    font-weight:
      400 !important;

    line-height:
      1 !important;

    letter-spacing:
      .04em !important;

    text-transform:
      uppercase !important;

    text-decoration:
      none !important;
  }


  .drv14-mobile-menu a[aria-current="page"] {
    color:
      var(--drv12-red) !important;
  }


  /* -----------------------------------------
     DESKTOP SIDEBAR DISAPPEARS FROM FLOW.
     Its NOWHERE section becomes the ISSUE popup.
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-sidebar {
    position: static !important;

    width: 0 !important;
    height: 0 !important;

    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }


  body.plico-digital-room-page .drv12-side-heading,
  body.plico-digital-room-page .drv12-tools {
    display: none !important;
  }


  body.plico-digital-room-page .drv12-issue {
    display: none !important;
  }


  body.plico-digital-room-page .drv12-issue.is-mobile-open {
    position: fixed !important;

    top: 58px !important;
    right: 10px !important;
    left: auto !important;

    z-index: 1400 !important;

    display: block !important;

    width:
      min(
        300px,
        calc(100vw - 20px)
      ) !important;

    max-height:
      calc(100vh - 72px);

    overflow-y: auto;

    margin: 0 !important;
    padding:
      15px
      14px
      15px !important;

    border:
      1px solid
      rgba(21,20,18,.70) !important;

    background:
      rgba(247,244,238,.985) !important;

    box-shadow:
      11px
      12px
      0
      rgba(21,20,18,.10) !important;

    text-align: center !important;
  }


  .drv14-issue-close {
    position: absolute;

    top: 7px;
    right: 7px;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    color: var(--drv12-ink);

    font-family:
      var(--drv12-serif);

    font-size: 20px;

    cursor: pointer;
  }


  body.plico-digital-room-page .drv12-issue-eyebrow {
    margin-top: 4px !important;
    margin-bottom: 7px !important;

    font-size: 7px !important;
  }


  body.plico-digital-room-page .drv12-issue-title-wrap {
    display: flex !important;

    align-items: baseline !important;
    justify-content: center !important;

    gap: 7px !important;

    margin:
      0
      0
      5px !important;

    text-align: center !important;
  }


  body.plico-digital-room-page .drv12-issue-title-wrap h2 {
    font-size: 24px !important;
  }


  body.plico-digital-room-page .drv12-issue-title-wrap span {
    display: inline !important;

    margin: 0 !important;

    font-size: 7px !important;
  }


  body.plico-digital-room-page .drv12-slider-stage {
    display: flex !important;

    min-height:
      clamp(
        210px,
        58vw,
        310px
      ) !important;

    padding:
      7px
      0
      8px !important;
  }


  body.plico-digital-room-page .drv12-slider-stage img {
    width:
      min(
        58%,
        165px
      ) !important;
  }


  body.plico-digital-room-page .drv12-slider-meta {
    width:
      min(
        76%,
        200px
      ) !important;

    margin:
      0
      auto !important;

    font-size: 6px !important;
  }


  body.plico-digital-room-page .drv12-slider-dots {
    margin:
      10px
      0
      12px !important;
  }


  body.plico-digital-room-page .drv12-buy-button {
    width:
      min(
        76%,
        200px
      ) !important;

    margin:
      0
      auto !important;

    padding:
      10px
      10px !important;

    font-size: 7px !important;

    text-align: center !important;
  }


  /* -----------------------------------------
     MAIN
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-main {
    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
  }


  body.plico-digital-room-page .drv12-main-header {
    min-height: 0 !important;

    margin: 0 !important;
    padding:
      14px
      0
      15px !important;

    border-top: 0 !important;
    border-bottom:
      1px solid
      rgba(21,20,18,.20) !important;

    text-align: center !important;
  }


  body.plico-digital-room-page .drv12-main-overline {
    display: none !important;
  }


  body.plico-digital-room-page .drv12-main-header h1 {
    font-size:
      clamp(
        24px,
        7.6vw,
        31px
      ) !important;

    line-height:
      .92 !important;

    letter-spacing:
      -.018em !important;
  }


  body.plico-digital-room-page .drv12-main-deck {
    max-width:
      calc(100% - 34px) !important;

    margin:
      8px
      auto
      0 !important;

    font-size:
      clamp(
        6px,
        1.8vw,
        7.5px
      ) !important;

    line-height:
      1.35 !important;

    color:
      rgba(21,20,18,.66) !important;
  }


  /* -----------------------------------------
     MOBILE INDEX
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-index {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 16px !important;

    width: 100% !important;

    margin:
      15px
      0
      0 !important;

    padding:
      0
      0
      6px !important;

    overflow-x: auto !important;

    scrollbar-width: none;
  }


  body.plico-digital-room-page .drv12-index::-webkit-scrollbar {
    display: none;
  }


  body.plico-digital-room-page .drv12-index-item {
    flex:
      0
      0
      auto !important;

    display: inline-grid !important;

    grid-template-columns:
      17px
      auto !important;

    gap: 4px !important;

    min-width: 76px !important;

    padding:
      7px
      0 !important;

    font-size:
      clamp(
        6.5px,
        1.9vw,
        7.5px
      ) !important;

    color:
      rgba(21,20,18,.72) !important;
  }


  /* -----------------------------------------
     MAIN BODY
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-main-body {
    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
  }


  body.plico-digital-room-page .drv12-stage {
    width: 100% !important;

    min-height: 0 !important;

    padding:
      20px
      0
      18px !important;
  }


  /* -----------------------------------------
     00 DESK — MOBILE COMPOSITION
     Hero -> 3 articles -> current story -> teasers
  ----------------------------------------- */

  body.plico-digital-room-page
  .drv12-view[data-view-panel="desk"].is-active {
    display: flex !important;

    flex-direction: column !important;
  }


  body.plico-digital-room-page .drv12-desk-hero {
    display: contents !important;
  }


  body.plico-digital-room-page .drv12-desk-hero-media {
    order: 1;

    width: 100% !important;

    min-height: 0 !important;

    aspect-ratio:
      5 / 6 !important;

    margin:
      0
      0
      10px !important;
  }


  body.plico-digital-room-page .drv12-desk-section-head {
    order: 2;

    margin: 0 !important;

    padding:
      8px
      0 !important;

    font-size:
      clamp(
        6px,
        1.8vw,
        7px
      ) !important;
  }


  body.plico-digital-room-page .drv12-desk-articles {
    order: 3;

    display: grid !important;

    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      ) !important;

    gap: 0 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    border-bottom:
      1px solid
      rgba(21,20,18,.18);
  }


  body.plico-digital-room-page .drv12-desk-article {
    min-width: 0 !important;

    min-height:
      clamp(
        100px,
        29vw,
        132px
      ) !important;

    margin: 0 !important;

    padding:
      10px
      8px
      11px !important;

    border-right:
      1px solid
      rgba(21,20,18,.18);
  }


  body.plico-digital-room-page .drv12-desk-article:last-child {
    border-right: 0 !important;
  }


  body.plico-digital-room-page .drv12-desk-article-meta {
    display: block !important;

    margin-bottom:
      13px !important;

    font-size:
      clamp(
        5.5px,
        1.6vw,
        6.5px
      ) !important;
  }


  body.plico-digital-room-page .drv12-desk-article-meta span {
    display: block;

    margin-bottom: 3px;
  }


  body.plico-digital-room-page .drv12-desk-article a {
    display:
      -webkit-box !important;

    max-width: none !important;

    overflow: hidden !important;

    font-size:
      clamp(
        12px,
        3.4vw,
        15px
      ) !important;

    line-height:
      1.00 !important;

    -webkit-box-orient:
      vertical;

    -webkit-line-clamp:
      4;
  }


  body.plico-digital-room-page .drv12-desk-current {
    order: 4;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
      19px
      0
      22px !important;

    border-bottom:
      1px solid
      rgba(21,20,18,.18);
  }


  body.plico-digital-room-page .drv12-desk-current .drv12-kicker {
    font-size:
      clamp(
        6.5px,
        1.8vw,
        7.5px
      ) !important;
  }


  body.plico-digital-room-page .drv12-desk-current h2 {
    max-width:
      95% !important;

    margin:
      12px
      0
      15px !important;

    font-size:
      clamp(
        24px,
        7.3vw,
        31px
      ) !important;

    line-height:
      .94 !important;
  }


  body.plico-digital-room-page .drv12-text-link {
    font-size:
      clamp(
        6.5px,
        1.8vw,
        7.5px
      ) !important;
  }


  body.plico-digital-room-page .drv12-desk-teasers {
    order: 5;

    display: grid !important;

    grid-template-columns:
      1fr
      1fr !important;

    gap: 8px !important;

    padding:
      16px
      0
      0 !important;

    border-top: 0 !important;
  }


  body.plico-digital-room-page .drv12-desk-teaser {
    min-height:
      118px !important;

    padding:
      10px
      10px !important;
  }


  body.plico-digital-room-page .drv12-desk-teaser strong {
    margin:
      13px
      0
      auto !important;

    font-size:
      clamp(
        14px,
        4vw,
        17px
      ) !important;
  }


  body.plico-digital-room-page .drv12-desk-teaser span,
  body.plico-digital-room-page .drv12-desk-teaser em {
    font-size:
      clamp(
        5.8px,
        1.6vw,
        6.8px
      ) !important;
  }


  /* -----------------------------------------
     ARTICLE VIEWS
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-letter-layout,
  body.plico-digital-room-page .drv12-watch-layout,
  body.plico-digital-room-page .drv12-spotlight-layout {
    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;
  }


  body.plico-digital-room-page .drv12-letter-media,
  body.plico-digital-room-page .drv12-watch-media,
  body.plico-digital-room-page .drv12-spotlight-media {
    width: 100% !important;

    min-height: 0 !important;

    aspect-ratio:
      5 / 6 !important;

    margin:
      0
      0
      20px !important;
  }


  body.plico-digital-room-page .drv12-kicker {
    font-size:
      clamp(
        6.5px,
        1.8vw,
        7.5px
      ) !important;
  }


  body.plico-digital-room-page .drv12-letter-copy h2,
  body.plico-digital-room-page .drv12-watch-copy h2,
  body.plico-digital-room-page .drv12-spotlight-copy h2 {
    max-width:
      96% !important;

    font-size:
      clamp(
        25px,
        7.2vw,
        32px
      ) !important;

    line-height:
      .95 !important;
  }


  body.plico-digital-room-page .drv12-letter-copy p,
  body.plico-digital-room-page .drv12-watch-body,
  body.plico-digital-room-page .drv12-spotlight-copy p {
    font-size:
      clamp(
        13px,
        3.6vw,
        15px
      ) !important;

    line-height:
      1.45 !important;
  }


  body.plico-digital-room-page .drv12-watch-body {
    column-count:
      1 !important;
  }


  /* -----------------------------------------
     NOTES
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-view-heading {
    display: block !important;

    margin-bottom:
      23px !important;
  }


  body.plico-digital-room-page .drv12-view-heading h2 {
    margin-top:
      10px !important;

    font-size:
      clamp(
        22px,
        6.5vw,
        28px
      ) !important;
  }


  body.plico-digital-room-page .drv12-notes {
    display: grid !important;

    grid-template-columns:
      1fr !important;

    gap: 0 !important;

    min-height: 0 !important;
  }


  body.plico-digital-room-page .drv12-note,
  body.plico-digital-room-page .drv12-note-1,
  body.plico-digital-room-page .drv12-note-2,
  body.plico-digital-room-page .drv12-note-3 {
    min-height: 0 !important;

    margin: 0 !important;

    padding:
      14px
      0
      22px !important;

    border-bottom:
      1px solid
      rgba(21,20,18,.14);
  }


  body.plico-digital-room-page .drv12-note::before {
    display: none !important;
  }


  body.plico-digital-room-page .drv12-note-meta {
    font-size:
      clamp(
        6px,
        1.7vw,
        7px
      ) !important;
  }


  body.plico-digital-room-page .drv12-note-title {
    margin-top:
      11px !important;

    font-size:
      clamp(
        20px,
        5.7vw,
        25px
      ) !important;
  }


  /* -----------------------------------------
     FOOTER
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-footer {
    margin-top:
      15px !important;

    padding:
      8px
      0
      0 !important;

    font-size:
      6px !important;
  }


  /* -----------------------------------------
     DESK + FLOATING CONTROL
  ----------------------------------------- */

  .drv14-desk-trigger {
    position: fixed;

    right: 10px;
    bottom: 12px;

    z-index: 1240;

    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 78px;
    min-height: 40px;

    margin: 0;
    padding:
      8px
      12px;

    border:
      1px solid
      rgba(21,20,18,.70);

    border-radius: 0;

    background:
      rgba(243,240,233,.95);

    color:
      var(--drv12-ink);

    font-family:
      var(--drv12-mono);

    font-size: 8px;
    line-height: 1;

    letter-spacing: .02em;

    text-transform: uppercase;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
  }


  .drv14-desk-drawer {
    position: fixed;

    right: 10px;
    bottom: 60px;

    z-index: 1390;

    display: none;

    width:
      min(
        300px,
        calc(100vw - 20px)
      );

    padding:
      10px;

    border:
      1px solid
      rgba(21,20,18,.70);

    background:
      rgba(247,244,238,.985);

    box-shadow:
      10px
      11px
      0
      rgba(21,20,18,.09);
  }


  .drv14-desk-drawer.is-open {
    display: block;
  }


  .drv14-desk-drawer-head {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 6px;

    padding:
      2px
      2px
      8px;

    border-bottom:
      1px solid
      rgba(21,20,18,.18);

    font-family:
      var(--drv12-mono);

    font-size: 6.5px;

    text-transform: uppercase;

    color:
      rgba(21,20,18,.66);
  }


  .drv14-desk-drawer-head button {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    color: var(--drv12-ink);

    font-family:
      var(--drv12-serif);

    font-size: 20px;

    cursor: pointer;
  }


  .drv14-desk-drawer-item {
    display: block;

    width: 100%;

    margin: 0;
    padding:
      10px
      2px;

    border: 0;

    border-bottom:
      1px solid
      rgba(21,20,18,.13);

    background: transparent;

    color: var(--drv12-ink);

    text-align: left;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
  }


  .drv14-desk-drawer-item span {
    display: block;

    margin-bottom: 7px;

    font-family:
      var(--drv12-mono);

    font-size: 6px;

    text-transform: uppercase;

    color:
      rgba(21,20,18,.58);
  }


  .drv14-desk-drawer-item strong {
    display: block;

    max-width: 240px;

    font-family:
      var(--drv12-serif);

    font-size:
      clamp(
        16px,
        4.6vw,
        19px
      );

    font-weight: 500;

    line-height: .98;
  }


  /* -----------------------------------------
     DRAGGABLE WINDOWS ON MOBILE
     Still draggable with Pointer Events.
  ----------------------------------------- */

  body.plico-digital-room-page .drv12-window-reading,
  body.plico-digital-room-page .drv12-window-game,
  body.plico-digital-room-page .drv12-window-seasonal {
    left: 10px !important;
    right: auto !important;

    top: 68px !important;

    width:
      min(
        340px,
        calc(100vw - 20px)
      ) !important;

    max-width:
      calc(100vw - 20px) !important;
  }


  body.plico-digital-room-page .drv12-window-game {
    width:
      calc(100vw - 20px) !important;
  }


  body.plico-digital-room-page .drv12-window-bar {
    min-height: 34px !important;

    font-size: 7px !important;
  }


  body.plico-digital-room-page .drv12-window-close {
    width: 30px !important;
    height: 28px !important;

    font-size: 20px !important;
  }


  body.plico-digital-room-page .drv12-window-body {
    max-height:
      calc(100vh - 116px) !important;
  }


  body.plico-digital-room-page .drv12-game-layout {
    display: block !important;
  }


  body.plico-digital-room-page .drv12-crossword {
    max-width: 350px !important;

    margin:
      0
      auto
      22px !important;
  }


  body.plico-digital-room-page .drv12-clues {
    grid-template-columns:
      1fr
      1fr !important;

    gap: 14px !important;
  }

}


/* =========================================================
   VERY SMALL PHONES — 320px to 359px
========================================================= */

@media (max-width: 359px) {

  body.plico-digital-room-page .drv12-shell {
    width:
      calc(100% - 12px) !important;

    margin:
      0
      6px !important;
  }


  .drv14-mobile-topbar {
    left: 6px;
    right: 6px;
  }


  .drv14-mobile-topbar-button {
    min-width: 68px;

    padding:
      8px
      10px;

    font-size: 7.5px;
  }


  body.plico-digital-room-page .drv12-main-header h1 {
    font-size: 24px !important;
  }


  body.plico-digital-room-page .drv12-desk-article {
    min-height: 96px !important;

    padding:
      9px
      6px
      10px !important;
  }


  body.plico-digital-room-page .drv12-desk-article a {
    font-size: 12px !important;
  }


  body.plico-digital-room-page .drv12-desk-current h2 {
    font-size: 24px !important;
  }


  body.plico-digital-room-page .drv12-desk-teasers {
    grid-template-columns:
      1fr !important;
  }


  .drv14-mobile-menu {
    left: 6px;

    width:
      calc(100vw - 12px);
  }


  body.plico-digital-room-page .drv12-issue.is-mobile-open {
    right: 6px !important;

    width:
      calc(100vw - 12px) !important;
  }


  .drv14-desk-trigger {
    right: 6px;
    bottom: 8px;
  }


  .drv14-desk-drawer {
    right: 6px;

    width:
      calc(100vw - 12px);
  }


  body.plico-digital-room-page .drv12-window-reading,
  body.plico-digital-room-page .drv12-window-game,
  body.plico-digital-room-page .drv12-window-seasonal {
    left: 6px !important;

    width:
      calc(100vw - 12px) !important;

    max-width:
      calc(100vw - 12px) !important;
  }

}


/* =========================================================
   WIDE PHONES / SMALL TABLETS
   Keeps phone structure but uses available width better.
========================================================= */

@media (min-width: 520px) and (max-width: 760px) {

  body.plico-digital-room-page .drv12-shell {
    width:
      min(
        calc(100% - 32px),
        690px
      ) !important;

    margin:
      0
      auto !important;
  }


  body.plico-digital-room-page .drv12-desk-hero-media,
  body.plico-digital-room-page .drv12-letter-media,
  body.plico-digital-room-page .drv12-watch-media,
  body.plico-digital-room-page .drv12-spotlight-media {
    aspect-ratio:
      4 / 3 !important;
  }


  body.plico-digital-room-page .drv12-desk-article {
    min-height: 112px !important;
  }


  body.plico-digital-room-page .drv12-desk-article a {
    font-size: 15px !important;
  }


  body.plico-digital-room-page .drv12-desk-teasers {
    grid-template-columns:
      1fr
      1fr !important;
  }


  .drv14-mobile-menu,
  body.plico-digital-room-page .drv12-issue.is-mobile-open,
  .drv14-desk-drawer {
    max-width: 320px;
  }

}


/* =========================================================
   SHORT LANDSCAPE PHONES
========================================================= */

@media (max-width: 760px) and (max-height: 520px) {

  body.plico-digital-room-page .drv12-shell {
    padding-top: 62px !important;
  }


  .drv14-mobile-topbar {
    top: 6px;
  }


  .drv14-mobile-topbar-button {
    min-height: 34px;
  }


  .drv14-mobile-menu,
  body.plico-digital-room-page .drv12-issue.is-mobile-open {
    top: 48px !important;

    max-height:
      calc(100vh - 58px);
  }


  body.plico-digital-room-page .drv12-window-reading,
  body.plico-digital-room-page .drv12-window-game,
  body.plico-digital-room-page .drv12-window-seasonal {
    top: 48px !important;
  }


  body.plico-digital-room-page .drv12-window-body {
    max-height:
      calc(100vh - 92px) !important;
  }

}


/* =========================================================
   PLICO DIGITAL ROOM — V15 LIVE WIDTH FIX
   IMPORTANT:
   Cargo live can place page HTML inside a constrained wrapper.
   The Digital Room root therefore owns viewport width directly.
========================================================= */

@media (min-width: 761px) {

  html.plico-digital-room-page,
  body.plico-digital-room-page {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }


  body.plico-digital-room-page .drv12-page,
  .drv12-page {
    position: relative !important;

    display: block !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;

    margin: 0 !important;

    padding:
      164px
      0
      0 !important;

    overflow-x: hidden !important;

    background:
      var(--drv12-bg) !important;
  }


  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    display: grid !important;

    grid-template-columns:
      310px
      minmax(0,1fr) !important;

    gap: 36px !important;

    width:
      calc(100vw - 48px) !important;

    max-width: none !important;

    margin:
      0
      24px !important;

    padding:
      0
      0
      62px !important;
  }


  body.plico-digital-room-page .drv12-sidebar,
  .drv12-sidebar {
    top: 164px !important;

    padding-top: 0 !important;
  }


  body.plico-digital-room-page .drv12-main,
  .drv12-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }


  body.plico-digital-room-page .drv12-main-header,
  .drv12-main-header {
    width: 100% !important;
    max-width: none !important;
  }


  body.plico-digital-room-page .drv12-main-body,
  .drv12-main-body {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

}


/* Slightly narrower desktop/tablet geometry. */

@media (min-width: 761px) and (max-width: 1120px) {

  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    grid-template-columns:
      285px
      minmax(0,1fr) !important;

    gap: 28px !important;

    width:
      calc(100vw - 36px) !important;

    margin:
      0
      18px !important;
  }

}


@media (min-width: 761px) and (max-width: 900px) {

  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    grid-template-columns:
      260px
      minmax(0,1fr) !important;

    gap: 22px !important;

    width:
      calc(100vw - 28px) !important;

    margin:
      0
      14px !important;
  }

}


/* Mobile returns to the V14 mobile system:
   no global menu reserve because MENU / ISSUE replaces it. */

@media (max-width: 760px) {

  body.plico-digital-room-page .drv12-page,
  .drv12-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
  }


  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    width:
      calc(100% - 20px) !important;

    max-width: none !important;

    margin:
      0
      10px !important;

    padding:
      74px
      0
      42px !important;
  }

}


@media (max-width: 359px) {

  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    width:
      calc(100% - 12px) !important;

    margin:
      0
      6px !important;
  }

}


/* =========================================================
   READABILITY SAFETY
   Prevent the live page from shrinking metadata into hairlines.
========================================================= */

@media (min-width: 761px) {

  body.plico-digital-room-page .drv12-side-heading,
  body.plico-digital-room-page .drv12-main-overline,
  body.plico-digital-room-page .drv12-main-deck,
  body.plico-digital-room-page .drv12-index-item,
  body.plico-digital-room-page .drv12-kicker,
  body.plico-digital-room-page .drv12-desk-section-head,
  body.plico-digital-room-page .drv12-desk-article-meta,
  body.plico-digital-room-page .drv12-note-meta,
  body.plico-digital-room-page .drv12-footer {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
  }


  body.plico-digital-room-page .drv12-main-header h1 {
    font-size:
      clamp(
        36px,
        3.5vw,
        50px
      ) !important;
  }

}


/* =========================================================
   PLICO DIGITAL ROOM — V16 GRID INTEGRITY FIX
   Cargo live must not flatten <main> or let its children
   participate directly in the outer grid.
========================================================= */

@media (min-width: 761px) {

  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    display: grid !important;

    grid-template-columns:
      310px
      minmax(0,1fr) !important;

    grid-template-areas:
      "desk room" !important;

    column-gap:
      36px !important;

    row-gap:
      0 !important;

    align-items:
      start !important;
  }


  body.plico-digital-room-page .drv12-shell > .drv12-sidebar,
  .drv12-shell > .drv12-sidebar {
    display: block !important;

    grid-area:
      desk !important;

    grid-column:
      1 !important;

    grid-row:
      1 !important;

    position:
      sticky !important;

    width:
      auto !important;

    min-width:
      0 !important;

    max-width:
      none !important;

    margin:
      0 !important;

    align-self:
      start !important;
  }


  body.plico-digital-room-page .drv12-shell > .drv12-main,
  .drv12-shell > .drv12-main {
    display:
      block !important;

    grid-area:
      room !important;

    grid-column:
      2 !important;

    grid-row:
      1 !important;

    position:
      relative !important;

    width:
      auto !important;

    min-width:
      0 !important;

    max-width:
      none !important;

    margin:
      0 !important;

    padding:
      0 !important;

    align-self:
      start !important;

    overflow:
      visible !important;
  }


  body.plico-digital-room-page .drv12-main > .drv12-main-header,
  body.plico-digital-room-page .drv12-main > .drv12-main-body,
  .drv12-main > .drv12-main-header,
  .drv12-main > .drv12-main-body {
    display:
      block !important;

    position:
      relative !important;

    width:
      100% !important;

    min-width:
      0 !important;

    max-width:
      none !important;

    margin-left:
      0 !important;

    margin-right:
      0 !important;

    grid-column:
      auto !important;

    grid-row:
      auto !important;
  }


  body.plico-digital-room-page .drv12-main-body,
  .drv12-main-body {
    box-sizing:
      border-box !important;
  }

}


/* Keep proportions consistent on narrower desktop widths. */

@media (min-width: 761px) and (max-width: 1120px) {

  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    grid-template-columns:
      285px
      minmax(0,1fr) !important;

    column-gap:
      28px !important;
  }

}


@media (min-width: 761px) and (max-width: 900px) {

  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    grid-template-columns:
      260px
      minmax(0,1fr) !important;

    column-gap:
      22px !important;
  }

}


/* Mobile keeps the V14 dedicated mobile composition.
   Remove desktop grid assignments completely. */

@media (max-width: 760px) {

  body.plico-digital-room-page .drv12-shell,
  .drv12-shell {
    display:
      block !important;

    grid-template-columns:
      none !important;

    grid-template-areas:
      none !important;
  }


  body.plico-digital-room-page .drv12-shell > .drv12-sidebar,
  body.plico-digital-room-page .drv12-shell > .drv12-main,
  .drv12-shell > .drv12-sidebar,
  .drv12-shell > .drv12-main {
    grid-area:
      auto !important;

    grid-column:
      auto !important;

    grid-row:
      auto !important;
  }

}


/* =========================================================
   PLICO DIGITAL ROOM — V17
   STABLE DESK + EDITORIAL POPUPS
========================================================= */


/* The front page is permanent. */

body.plico-digital-room-page
.drv12-view[data-view-panel="desk"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


body.plico-digital-room-page
.drv12-view[data-view-panel="letter"],
body.plico-digital-room-page
.drv12-view[data-view-panel="watch"],
body.plico-digital-room-page
.drv12-view[data-view-panel="notes"],
body.plico-digital-room-page
.drv12-view[data-view-panel="spotlight"] {
  display: none !important;
}


body.plico-digital-room-page
.drv12-index-item[data-desk-home] {
  color: var(--drv12-red) !important;
}


/* Hero placeholder */

.drv17-frame-placeholder {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;

  display: block;

  transform: translate(-50%,-50%);

  padding: 6px 8px;

  background: var(--drv12-bg);

  font-family: var(--drv12-mono);
  font-size: 6px;
  line-height: 1;

  letter-spacing: .02em;
  text-align: center;
  text-transform: uppercase;

  color: rgba(21,20,18,.55);

  white-space: nowrap;
}


.drv12-frame.has-image
.drv17-frame-placeholder {
  display: none;
}


/* =========================================================
   EDITORIAL POPUPS
========================================================= */

.drv17-editorial-window {
  width:
    min(
      390px,
      calc(100vw - 24px)
    );

  background: #F1EEE6;
}


.drv17-letter-window {
  left: 37vw;
  top: 20vh;
}


.drv17-watch-window {
  left: 43vw;
  top: 16vh;
}


.drv17-notes-window {
  left: 49vw;
  top: 22vh;
}


.drv17-spotlight-window {
  left: 54vw;
  top: 18vh;
}


.drv17-editorial-body {
  padding: 18px 18px 20px;
}


.drv17-editorial-kicker {
  margin-bottom: 13px;

  font-family: var(--drv12-mono);
  font-size: 6px;
  line-height: 1;

  text-transform: uppercase;

  color: rgba(21,20,18,.58);
}


.drv17-editorial-body h3 {
  max-width: 330px;

  margin: 0 0 17px;

  font-family: var(--drv12-serif);
  font-size: 27px;
  font-weight: 500;
  line-height: .94;

  letter-spacing: -.02em;
}


.drv17-editorial-body blockquote {
  max-width: 300px;

  margin: 0 0 15px;
  padding: 0;

  font-family: var(--drv12-serif);
  font-size: 16px;
  font-style: italic;
  line-height: 1.18;
}


.drv17-editorial-body p {
  max-width: 330px;

  margin: 0 0 14px;

  font-family: var(--drv12-serif);
  font-size: 13.5px;
  line-height: 1.42;
}


.drv17-editorial-placeholder-copy {
  margin-top: 22px !important;

  font-family: var(--drv12-mono) !important;
  font-size: 6px !important;

  text-transform: uppercase;

  color: rgba(21,20,18,.48);
}


.drv17-editorial-media-placeholder {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 160px;

  margin: 0 0 16px;

  border:
    1px solid
    rgba(21,20,18,.22);

  background: transparent;

  font-family: var(--drv12-mono);
  font-size: 6px;

  text-transform: uppercase;

  color: rgba(21,20,18,.46);
}


.drv17-mini-list {
  margin: 16px 0 0;
  padding: 0;

  list-style: none;

  counter-reset: drv17-mini;
}


.drv17-mini-list li {
  display: grid;

  grid-template-columns:
    26px
    1fr;

  gap: 8px;

  padding: 8px 0;

  border-top:
    1px solid
    rgba(21,20,18,.14);

  font-family: var(--drv12-mono);
  font-size: 7px;
  line-height: 1.2;

  counter-increment: drv17-mini;
}


.drv17-mini-list li::before {
  content:
    "0"
    counter(drv17-mini);

  color: rgba(21,20,18,.45);
}


.drv17-notes-list {
  border-top:
    1px solid
    rgba(21,20,18,.16);
}


.drv17-notes-list a {
  display: block;

  padding: 12px 0;

  border-bottom:
    1px solid
    rgba(21,20,18,.14);

  font-family: var(--drv12-serif);
  font-size: 18px;
  line-height: 1.02;

  text-decoration: none;
}


.drv17-notes-list a span {
  display: block;

  margin-bottom: 6px;

  font-family: var(--drv12-mono);
  font-size: 5.8px;
  line-height: 1;

  text-transform: uppercase;

  color: rgba(21,20,18,.52);
}


/* =========================================================
   READING LIST TYPOGRAPHY
========================================================= */

body.plico-digital-room-page
.drv12-reading-body h3 {
  font-family: var(--drv12-serif) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: .98 !important;
  letter-spacing: -.01em !important;
}


body.plico-digital-room-page
.drv12-reading-list {
  font-family: var(--drv12-serif) !important;
  font-size: 15px !important;
  line-height: 1.24 !important;
}


body.plico-digital-room-page
.drv12-reading-footer {
  font-family: var(--drv12-mono) !important;
  font-size: 6.2px !important;
}


/* =========================================================
   CROSSWORD — ZERO GAP 7 × 5
========================================================= */

body.plico-digital-room-page
.drv12-crossword {
  display: grid !important;

  grid-template-columns:
    repeat(
      7,
      minmax(0,1fr)
    ) !important;

  grid-template-rows:
    repeat(
      5,
      minmax(0,1fr)
    ) !important;

  gap: 0 !important;

  aspect-ratio: 7 / 5 !important;

  overflow: hidden !important;
  line-height: 0 !important;
}


body.plico-digital-room-page
.drv12-crossword > div,
body.plico-digital-room-page
.drv12-crossword input {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  aspect-ratio: auto !important;

  box-sizing: border-box !important;
  vertical-align: top !important;
}


body.plico-digital-room-page
.drv12-crossword input {
  line-height: 1 !important;
}


/* =========================================================
   MOBILE ISSUE — smaller, tighter, safer CTA
========================================================= */

@media (max-width: 760px) {

  body.plico-digital-room-page
  .drv12-issue.is-mobile-open {
    width:
      min(
        262px,
        calc(100vw - 28px)
      ) !important;

    right: 14px !important;

    padding:
      13px
      12px
      14px !important;
  }


  body.plico-digital-room-page
  .drv12-issue-title-wrap {
    display: block !important;

    margin:
      2px
      0
      0 !important;

    text-align: center !important;
  }


  body.plico-digital-room-page
  .drv12-issue-title-wrap h2 {
    font-size: 19px !important;
    line-height: .95 !important;
  }


  body.plico-digital-room-page
  .drv12-issue-title-wrap span {
    display: block !important;

    margin-top: 5px !important;

    font-size: 8px !important;
    line-height: 1 !important;
  }


  body.plico-digital-room-page
  .drv12-slider-stage {
    min-height: 176px !important;

    padding:
      0
      0
      4px !important;
  }


  body.plico-digital-room-page
  .drv12-slider-stage img {
    width:
      min(
        61%,
        137px
      ) !important;
  }


  body.plico-digital-room-page
  .drv12-slider-meta {
    width:
      min(
        82%,
        190px
      ) !important;

    font-size: 5.5px !important;
  }


  body.plico-digital-room-page
  .drv12-slider-dots {
    margin:
      8px
      0
      10px !important;
  }


  body.plico-digital-room-page
  .drv12-buy-button {
    position: relative !important;
    z-index: 5 !important;

    width:
      min(
        82%,
        190px
      ) !important;

    min-height: 38px !important;

    padding:
      10px
      8px !important;

    font-size: 6.7px !important;

    touch-action: manipulation !important;
    pointer-events: auto !important;
  }


  /* Editorial popups */

  body.plico-digital-room-page
  .drv17-editorial-window {
    left: 10px !important;
    top: 66px !important;

    width:
      min(
        340px,
        calc(100vw - 20px)
      ) !important;

    max-width:
      calc(100vw - 20px) !important;
  }


  body.plico-digital-room-page
  .drv17-editorial-body h3 {
    font-size:
      clamp(
        23px,
        7vw,
        28px
      ) !important;
  }


  body.plico-digital-room-page
  .drv17-editorial-body p {
    font-size: 14px !important;
  }


  body.plico-digital-room-page
  .drv17-editorial-media-placeholder {
    min-height: 140px !important;
  }


  .drv17-frame-placeholder {
    font-size: 6.5px;
  }

}


@media (max-width: 359px) {

  body.plico-digital-room-page
  .drv12-issue.is-mobile-open {
    width:
      calc(100vw - 20px) !important;

    right: 10px !important;
  }


  body.plico-digital-room-page
  .drv17-editorial-window {
    left: 6px !important;

    width:
      calc(100vw - 12px) !important;

    max-width:
      calc(100vw - 12px) !important;
  }

}


/* =========================================================
   PLICO DIGITAL ROOM — V18
   CINETECA + SCROLLING EDITORIAL RAIL
========================================================= */


/* =========================================================
   CINETECA WINDOW
========================================================= */

.drv18-cineteca-window {
  left:
    53vw;

  top:
    15vh;

  width:
    min(
      430px,
      calc(100vw - 24px)
    );

  background:
    #F1EEE6;
}


.drv18-cineteca-body {
  padding:
    18px
    18px
    19px;
}


.drv18-cineteca-body h3 {
  margin-bottom:
    12px;
}


.drv18-cineteca-intro {
  max-width:
    360px !important;

  margin-bottom:
    18px !important;
}


.drv18-screening-card {
  padding-top:
    4px;

  border-top:
    1px solid
    rgba(21,20,18,.18);
}


.drv18-screening-frame {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    100%;

  aspect-ratio:
    16 / 10;

  margin:
    12px
    0
    9px;

  border:
    1px solid
    rgba(21,20,18,.28);

  background:
    var(--drv12-ink);

  color:
    rgba(243,240,233,.70);

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  line-height:
    1;

  letter-spacing:
    .02em;

  text-transform:
    uppercase;
}


.drv18-screening-meta {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    14px;

  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.58);
}


.drv18-screening-card h4 {
  margin:
    14px
    0
    5px;

  font-family:
    var(--drv12-serif);

  font-size:
    21px;

  font-weight:
    500;

  line-height:
    .96;
}


.drv18-screening-card > p {
  margin:
    0
    0
    13px !important;

  font-family:
    var(--drv12-mono) !important;

  font-size:
    5.8px !important;

  line-height:
    1.25 !important;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.58);
}


.drv18-watch-free {
  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    34px;

  margin:
    0;

  padding:
    8px
    12px;

  border:
    1px solid
    rgba(21,20,18,.70);

  border-radius:
    0;

  background:
    transparent;

  color:
    var(--drv12-ink);

  font-family:
    var(--drv12-mono);

  font-size:
    6px;

  line-height:
    1;

  text-transform:
    uppercase;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;
}


.drv18-watch-free:hover {
  background:
    var(--drv12-ink);

  color:
    var(--drv12-bg);
}


.drv18-up-next {
  margin-top:
    20px;

  border-top:
    1px solid
    rgba(21,20,18,.18);
}


.drv18-up-next-head {
  padding:
    9px
    0
    6px;

  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.55);
}


.drv18-up-next-row {
  display:
    grid;

  grid-template-columns:
    24px
    minmax(0,1fr)
    auto;

  gap:
    8px;

  align-items:
    baseline;

  padding:
    9px
    0;

  border-top:
    1px solid
    rgba(21,20,18,.12);
}


.drv18-up-next-row span,
.drv18-up-next-row em {
  font-family:
    var(--drv12-mono);

  font-size:
    5.6px;

  line-height:
    1;

  text-transform:
    uppercase;

  font-style:
    normal;

  color:
    rgba(21,20,18,.48);
}


.drv18-up-next-row strong {
  font-family:
    var(--drv12-serif);

  font-size:
    13px;

  font-weight:
    500;

  line-height:
    1.05;
}


.drv18-cineteca-note {
  margin-top:
    15px;

  font-family:
    var(--drv12-mono);

  font-size:
    5.3px;

  line-height:
    1.3;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.45);
}


/* =========================================================
   SCROLLING EDITORIAL RAIL
========================================================= */

.drv18-rail-section {
  width:
    100%;

  margin-top:
    17px;

  padding-top:
    8px;

  border-top:
    1px solid
    rgba(21,20,18,.18);
}


.drv18-rail-head {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    16px;

  padding:
    0
    0
    8px;

  font-family:
    var(--drv12-mono);

  font-size:
    5.8px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.58);
}


.drv18-rail {
  width:
    100%;

  overflow-x:
    auto;

  overflow-y:
    hidden;

  scrollbar-width:
    none;

  overscroll-behavior-x:
    contain;

  -webkit-overflow-scrolling:
    touch;

  touch-action:
    pan-x;
}


.drv18-rail::-webkit-scrollbar {
  display:
    none;
}


.drv18-rail-track {
  display:
    flex;

  align-items:
    stretch;

  gap:
    8px;

  width:
    max-content;

  padding-bottom:
    2px;
}


.drv18-rail-card {
  display:
    flex;

  flex:
    0
    0
    210px;

  flex-direction:
    column;

  align-items:
    flex-start;

  min-height:
    105px;

  margin:
    0;

  padding:
    10px
    11px
    9px;

  border:
    1px solid
    rgba(21,20,18,.22);

  border-radius:
    0;

  background:
    transparent;

  color:
    var(--drv12-ink);

  text-align:
    left;

  text-decoration:
    none;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;

  transition:
    border-color
    140ms
    ease,
    transform
    140ms
    ease;
}


.drv18-rail-card:hover {
  border-color:
    rgba(21,20,18,.52);

  transform:
    translateY(-1px);
}


.drv18-rail-card-feature {
  background:
    rgba(216,210,200,.24);
}


.drv18-rail-card span,
.drv18-rail-card em {
  display:
    block;

  font-family:
    var(--drv12-mono);

  font-size:
    5.5px;

  line-height:
    1;

  text-transform:
    uppercase;

  font-style:
    normal;

  color:
    rgba(21,20,18,.56);
}


.drv18-rail-card strong {
  display:
    block;

  max-width:
    185px;

  margin:
    14px
    0
    auto;

  font-family:
    var(--drv12-serif);

  font-size:
    16px;

  font-weight:
    500;

  line-height:
    .98;
}


.drv18-rail-card em {
  margin-top:
    12px;

  text-decoration:
    underline;

  text-underline-offset:
    3px;
}


/* Old teaser system is no longer used. */

.drv12-desk-teasers {
  display:
    none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  body.plico-digital-room-page
  .drv18-cineteca-window {
    left:
      10px !important;

    top:
      66px !important;

    width:
      min(
        350px,
        calc(100vw - 20px)
      ) !important;

    max-width:
      calc(100vw - 20px) !important;
  }


  body.plico-digital-room-page
  .drv18-screening-frame {
    aspect-ratio:
      16 / 9;
  }


  body.plico-digital-room-page
  .drv18-rail-section {
    margin-top:
      15px;
  }


  body.plico-digital-room-page
  .drv18-rail-head {
    font-size:
      6px;
  }


  body.plico-digital-room-page
  .drv18-rail-card {
    flex-basis:
      clamp(
        145px,
        44vw,
        185px
      );

    min-height:
      100px;

    padding:
      9px
      9px
      8px;
  }


  body.plico-digital-room-page
  .drv18-rail-card span,
  body.plico-digital-room-page
  .drv18-rail-card em {
    font-size:
      5.8px;
  }


  body.plico-digital-room-page
  .drv18-rail-card strong {
    margin-top:
      12px;

    font-size:
      clamp(
        13px,
        3.8vw,
        16px
      );
  }

}


/* Very small phones */

@media (max-width: 359px) {

  body.plico-digital-room-page
  .drv18-cineteca-window {
    left:
      6px !important;

    width:
      calc(100vw - 12px) !important;

    max-width:
      calc(100vw - 12px) !important;
  }


  body.plico-digital-room-page
  .drv18-rail-card {
    flex-basis:
      142px;
  }

}


/* Reduced motion: rail stays manually scrollable. */

@media (prefers-reduced-motion: reduce) {

  .drv18-rail-card {
    transition:
      none;
  }

}


/* =========================================================
   PLICO DIGITAL ROOM — V19 FINAL
   Removes the READ / SMALL PRINT article grid from the DESK.
   MORE IN THE ROOM now follows the main story directly.
========================================================= */

body.plico-digital-room-page .drv18-rail-section {
  margin-top: 10px !important;
}

@media (max-width: 760px) {
  body.plico-digital-room-page .drv18-rail-section {
    margin-top: 8px !important;
  }
}


/* =========================================================
   PLICO SHOP — V36
   COMPACT NOWHERE + PLICO SHELVES
========================================================= */


/* =========================================================
   CURRENT PUBLICATION — MORE COMPACT
========================================================= */

@media (min-width: 901px) {

  body.plico-product-page .pp-hero,
  body.plico-product-page .pp-cover-area,
  body.plico-product-page .pp-product-info {
    min-height:
      clamp(
        590px,
        72vh,
        720px
      ) !important;
  }


  body.plico-product-page .pp-cover-area {
    padding:
      108px
      42px
      34px !important;
  }


  body.plico-product-page .pp-cover {
    width:
      min(
        72%,
        520px
      ) !important;
  }


  body.plico-product-page .pp-product-info {
    padding:
      110px
      58px
      34px !important;
  }


  body.plico-product-page .pp-product-copy {
    max-width:
      520px !important;
  }


  body.plico-product-page .pp-product-description {
    margin-top:
      20px !important;
  }


  body.plico-product-page .pp-native-commerce {
    margin-top:
      22px !important;
  }

}


body.plico-product-page .pp-description-text {
  font-size:
    13px !important;

  line-height:
    1.4 !important;
}


body.plico-product-page .pp-detail-list,
body.plico-product-page .pp-file-number,
body.plico-product-page .pp-cover-hint-topline,
body.plico-product-page .pp-cover-hint-caption {
  color:
    rgba(21,20,18,.72) !important;
}


body.plico-product-page .pp-native-commerce {
  position:
    relative !important;

  z-index:
    2 !important;
}


/* =========================================================
   PLICO SHELVES
========================================================= */

body.plico-product-page .ps-shelves,
body.plico-product-page .ps-shelves * {
  box-sizing:
    border-box;
}


body.plico-product-page .ps-shelves {
  position:
    relative;

  width:
    100%;

  min-height:
    clamp(
      330px,
      39vh,
      430px
    );

  padding:
    21px
    26px
    16px;

  border-bottom:
    1px solid
    rgba(21,20,18,.45);

  background:
    var(--plico-ivory);

  overflow:
    hidden;
}


body.plico-product-page .ps-shelves-head {
  display:
    grid;

  grid-template-columns:
    minmax(180px,.85fr)
    minmax(280px,1.5fr)
    auto;

  gap:
    28px;

  align-items:
    end;

  padding-bottom:
    13px;

  border-bottom:
    1px solid
    rgba(21,20,18,.24);
}


body.plico-product-page .ps-shelves-kicker,
body.plico-product-page .ps-shelves-meta {
  font-family:
    var(--plico-system-font) !important;

  font-size:
    6.4px;

  line-height:
    1;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.58);
}


body.plico-product-page .ps-shelves h2 {
  margin:
    6px
    0
    0;

  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    clamp(
      23px,
      2.2vw,
      31px
    );

  font-weight:
    500;

  line-height:
    .95;

  letter-spacing:
    -.018em;
}


body.plico-product-page .ps-shelves-intro {
  max-width:
    520px;

  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    13px;

  line-height:
    1.32;

  color:
    rgba(21,20,18,.80);
}


body.plico-product-page .ps-shelves-meta {
  text-align:
    right;

  white-space:
    nowrap;
}


body.plico-product-page .ps-shelf-viewport {
  position:
    relative;

  width:
    100%;

  overflow-x:
    auto;

  overflow-y:
    hidden;

  padding:
    21px
    0
    0;

  cursor:
    grab;

  scrollbar-width:
    none;

  overscroll-behavior-x:
    contain;

  -webkit-overflow-scrolling:
    touch;
}


body.plico-product-page .ps-shelf-viewport::-webkit-scrollbar {
  display:
    none;
}


body.plico-product-page .ps-shelf-viewport.is-dragging {
  cursor:
    grabbing;

  user-select:
    none;
}


body.plico-product-page .ps-shelf-track {
  position:
    relative;

  display:
    flex;

  align-items:
    flex-end;

  gap:
    8px;

  width:
    max-content;

  min-width:
    100%;

  height:
    245px;

  padding:
    0
    48px
    9px;

  border-bottom:
    1px solid
    var(--plico-ink);
}


body.plico-product-page .ps-book {
  position:
    relative;

  flex:
    0
    0
    var(--ps-book-w);

  width:
    var(--ps-book-w);

  height:
    var(--ps-book-h);

  margin:
    0;

  padding:
    10px
    7px
    8px;

  border:
    1px solid
    rgba(21,20,18,.55);

  border-bottom:
    0;

  border-radius:
    0;

  background:
    var(--ps-book-bg);

  color:
    var(--ps-book-ink);

  transform:
    rotate(
      var(--ps-book-tilt)
    );

  transform-origin:
    50%
    100%;

  cursor:
    pointer;

  overflow:
    hidden;

  appearance:
    none;

  -webkit-appearance:
    none;

  transition:
    transform
    150ms
    ease,
    box-shadow
    150ms
    ease;
}


body.plico-product-page .ps-book:hover,
body.plico-product-page .ps-book:focus-visible {
  transform:
    rotate(0deg)
    translateY(-7px);

  outline:
    none;

  box-shadow:
    5px
    6px
    0
    rgba(21,20,18,.10);
}


body.plico-product-page .ps-book-title {
  position:
    absolute;

  top:
    10px;

  left:
    50%;

  transform:
    translateX(-50%);

  writing-mode:
    vertical-rl;

  text-orientation:
    mixed;

  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    11px;

  line-height:
    1;

  white-space:
    nowrap;
}


body.plico-product-page .ps-book-number {
  position:
    absolute;

  left:
    50%;

  bottom:
    9px;

  transform:
    translateX(-50%);

  font-family:
    var(--plico-system-font) !important;

  font-size:
    5.5px;

  line-height:
    1;
}


/* =========================================================
   SUBSCRIPTION TEASER
========================================================= */

body.plico-product-page .ps-subscription {
  display:
    grid;

  grid-template-columns:
    1fr
    2fr
    auto;

  gap:
    24px;

  align-items:
    center;

  min-height:
    58px;

  padding:
    13px
    26px;

  border-bottom:
    1px solid
    rgba(21,20,18,.38);

  background:
    var(--plico-ivory);

  font-family:
    var(--plico-system-font) !important;

  font-size:
    6.1px;

  line-height:
    1.25;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.67);
}


body.plico-product-page .ps-subscription span:last-child {
  text-align:
    right;
}


/* =========================================================
   SHELF POPUP / CATALOG CARD
========================================================= */

body.plico-product-page.ps-modal-open {
  overflow:
    hidden !important;
}


body.plico-product-page .ps-modal {
  position:
    fixed;

  inset:
    0;

  z-index:
    12000;

  display:
    none;

  align-items:
    center;

  justify-content:
    center;

  padding:
    24px;

  background:
    rgba(21,20,18,.10);
}


body.plico-product-page .ps-modal.is-open {
  display:
    flex;
}


body.plico-product-page .ps-modal-panel {
  width:
    min(
      720px,
      calc(100vw - 48px)
    );

  max-height:
    calc(100vh - 48px);

  overflow-y:
    auto;

  border:
    1px solid
    var(--plico-ink);

  background:
    var(--plico-paper);

  box-shadow:
    13px
    14px
    0
    rgba(21,20,18,.11);
}


body.plico-product-page .ps-modal-bar {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  min-height:
    31px;

  padding:
    5px
    8px
    5px
    11px;

  background:
    var(--plico-ink);

  color:
    var(--plico-ivory);

  font-family:
    var(--plico-system-font) !important;

  font-size:
    6px;

  line-height:
    1;

  text-transform:
    uppercase;
}


body.plico-product-page .ps-modal-close {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    26px;

  height:
    24px;

  margin:
    0;

  padding:
    0;

  border:
    0;

  background:
    transparent;

  color:
    inherit;

  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    19px;

  cursor:
    pointer;
}


body.plico-product-page .ps-modal-grid {
  display:
    grid;

  grid-template-columns:
    minmax(240px,.9fr)
    minmax(0,1.1fr);

  min-height:
    410px;
}


body.plico-product-page .ps-modal-visual {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    410px;

  padding:
    35px;

  border-right:
    1px solid
    rgba(21,20,18,.35);

  background:
    var(--plico-ivory);
}


body.plico-product-page .ps-modal-object {
  position:
    relative;

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    center;

  width:
    min(
      70%,
      190px
    );

  aspect-ratio:
    3 / 4;

  padding:
    20px
    13px;

  border:
    1px solid
    rgba(21,20,18,.52);

  background:
    var(
      --ps-object-bg,
      var(--plico-putty)
    );

  color:
    var(
      --ps-object-ink,
      var(--plico-ink)
    );

  box-shadow:
    9px
    10px
    0
    rgba(21,20,18,.08);
}


body.plico-product-page .ps-modal-object span {
  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    19px;

  line-height:
    .95;

  text-align:
    center;
}


body.plico-product-page .ps-modal-copy {
  padding:
    31px
    32px
    28px;
}


body.plico-product-page .ps-modal-kicker,
body.plico-product-page .ps-modal-status {
  font-family:
    var(--plico-system-font) !important;

  font-size:
    6px;

  line-height:
    1.25;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.56);
}


body.plico-product-page .ps-modal-copy h3 {
  max-width:
    340px;

  margin:
    14px
    0
    16px;

  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    clamp(
      25px,
      2.5vw,
      34px
    );

  font-weight:
    500;

  line-height:
    .94;

  letter-spacing:
    -.025em;
}


body.plico-product-page .ps-modal-description {
  max-width:
    360px;

  margin:
    0
    0
    20px;

  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    13.5px;

  line-height:
    1.4;
}


body.plico-product-page .ps-modal-data {
  margin:
    0
    0
    21px;

  padding:
    0;

  border-top:
    1px solid
    rgba(21,20,18,.20);
}


body.plico-product-page .ps-modal-data div {
  display:
    grid;

  grid-template-columns:
    86px
    1fr;

  gap:
    13px;

  padding:
    7px
    0;

  border-bottom:
    1px solid
    rgba(21,20,18,.13);
}


body.plico-product-page .ps-modal-data dt,
body.plico-product-page .ps-modal-data dd {
  margin:
    0;

  font-family:
    var(--plico-system-font) !important;

  font-size:
    6.2px;

  line-height:
    1.25;

  text-transform:
    uppercase;
}


body.plico-product-page .ps-modal-data dt {
  color:
    rgba(21,20,18,.48);
}


body.plico-product-page .ps-modal-buy {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    100%;

  min-height:
    42px;

  padding:
    10px
    14px;

  border:
    1px solid
    var(--plico-ink);

  background:
    var(--plico-red);

  color:
    var(--plico-ivory) !important;

  font-family:
    var(--plico-system-font) !important;

  font-size:
    7px;

  line-height:
    1;

  text-transform:
    uppercase;

  text-decoration:
    none !important;
}


body.plico-product-page .ps-modal-buy:hover {
  background:
    var(--plico-ink);
}


body.plico-product-page .ps-modal-buy.is-disabled {
  background:
    transparent;

  color:
    rgba(21,20,18,.52) !important;

  cursor:
    default;
}


body.plico-product-page .ps-modal-status {
  margin-top:
    9px;
}


/* =========================================================
   SHORTER COLOPHON
========================================================= */

body.plico-product-page .pp-colophon {
  min-height:
    62px !important;

  padding:
    16px
    22px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 651px) and (max-width: 900px) {

  body.plico-product-page .pp-hero,
  body.plico-product-page .pp-cover-area,
  body.plico-product-page .pp-product-info {
    min-height:
      650px !important;
  }


  body.plico-product-page .pp-cover-area,
  body.plico-product-page .pp-product-info {
    padding-top:
      112px !important;
  }


  body.plico-product-page .ps-shelves-head {
    grid-template-columns:
      1fr
      1.5fr;
  }


  body.plico-product-page .ps-shelves-meta {
    display:
      none;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  body.plico-product-page .pp-hero {
    display:
      block !important;

    min-height:
      0 !important;
  }


  body.plico-product-page .pp-cover-area,
  body.plico-product-page .pp-product-info {
    min-height:
      0 !important;
  }


  body.plico-product-page .pp-cover-area {
    padding:
      170px
      18px
      34px !important;

    border-right:
      0 !important;

    border-bottom:
      1px solid
      rgba(21,20,18,.34) !important;
  }


  body.plico-product-page .pp-cover {
    width:
      min(
        82%,
        430px
      ) !important;
  }


  body.plico-product-page .pp-product-info {
    padding:
      28px
      18px
      32px !important;
  }


  body.plico-product-page .pp-native-commerce {
    margin-top:
      22px !important;
  }


  body.plico-product-page .ps-shelves {
    min-height:
      0;

    padding:
      18px
      12px
      13px;
  }


  body.plico-product-page .ps-shelves-head {
    display:
      block;

    padding-bottom:
      11px;
  }


  body.plico-product-page .ps-shelves-intro {
    max-width:
      320px;

    margin-top:
      12px;

    font-size:
      12.5px;
  }


  body.plico-product-page .ps-shelves-meta {
    margin-top:
      12px;

    text-align:
      left;
  }


  body.plico-product-page .ps-shelf-viewport {
    padding-top:
      16px;
  }


  body.plico-product-page .ps-shelf-track {
    height:
      215px;

    padding:
      0
      20px
      8px;
  }


  body.plico-product-page .ps-book {
    flex-basis:
      calc(
        var(--ps-book-w)
        * .88
      );

    width:
      calc(
        var(--ps-book-w)
        * .88
      );

    height:
      calc(
        var(--ps-book-h)
        * .88
      );
  }


  body.plico-product-page .ps-subscription {
    display:
      block;

    min-height:
      0;

    padding:
      12px;
  }


  body.plico-product-page .ps-subscription span {
    display:
      block;

    margin-bottom:
      7px;

    text-align:
      left !important;
  }


  body.plico-product-page .ps-subscription span:last-child {
    margin-bottom:
      0;
  }


  body.plico-product-page .ps-modal {
    align-items:
      flex-start;

    padding:
      62px
      10px
      12px;
  }


  body.plico-product-page .ps-modal-panel {
    width:
      100%;

    max-height:
      calc(100vh - 74px);
  }


  body.plico-product-page .ps-modal-grid {
    display:
      block;

    min-height:
      0;
  }


  body.plico-product-page .ps-modal-visual {
    min-height:
      265px;

    padding:
      27px;

    border-right:
      0;

    border-bottom:
      1px solid
      rgba(21,20,18,.30);
  }


  body.plico-product-page .ps-modal-object {
    width:
      min(
        48%,
        150px
      );
  }


  body.plico-product-page .ps-modal-copy {
    padding:
      22px
      19px
      20px;
  }


  body.plico-product-page .ps-modal-copy h3 {
    font-size:
      26px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 359px) {

  body.plico-product-page .pp-cover-area {
    padding-top:
      156px !important;
  }


  body.plico-product-page .ps-shelf-track {
    padding-left:
      13px;

    padding-right:
      13px;
  }


  body.plico-product-page .ps-modal {
    padding-left:
      6px;

    padding-right:
      6px;
  }

}


/* =========================================================
   PLICO SHOP — V37
   MOBILE ABOVE-FOLD + THE SHELF + DEREK JARMAN MOCKUP
========================================================= */


/* =========================================================
   SHELF NAMING / CENTERING
========================================================= */

body.plico-product-page .ps-shelves-head {
  grid-template-columns:
    1fr
    minmax(280px, 1.35fr)
    1fr !important;

  text-align:
    center;
}


body.plico-product-page .ps-shelves-head > div:first-child {
  text-align:
    left;
}


body.plico-product-page .ps-shelves-intro {
  justify-self:
    center;

  max-width:
    350px !important;

  font-size:
    15px !important;

  line-height:
    1.22 !important;

  text-align:
    center;
}


body.plico-product-page .ps-shelves-meta {
  align-self:
    end;

  text-align:
    right !important;
}


body.plico-product-page .ps-shelf-track {
  justify-content:
    center;

  padding-left:
    80px;

  padding-right:
    80px;
}


/* =========================================================
   FIRST BOOK — MORE LIKE A REAL OBJECT
========================================================= */

body.plico-product-page .ps-book:first-child {
  box-shadow:
    3px
    4px
    0
    rgba(21,20,18,.08);
}


body.plico-product-page .ps-book:first-child::after {
  content:
    "DEREK JARMAN / BLUE";

  position:
    absolute;

  left:
    50%;

  bottom:
    28px;

  transform:
    translateX(-50%);

  writing-mode:
    vertical-rl;

  font-family:
    var(--plico-system-font) !important;

  font-size:
    4.7px;

  line-height:
    1;

  letter-spacing:
    .02em;

  color:
    rgba(243,240,233,.72);

  white-space:
    nowrap;
}


/* =========================================================
   POPUP — REAL MOCKUP / FIRST TITLE
========================================================= */

body.plico-product-page .ps-modal-subtitle {
  margin:
    -7px
    0
    17px;

  font-family:
    var(--plico-system-font) !important;

  font-size:
    6.2px;

  line-height:
    1.25;

  text-transform:
    uppercase;

  color:
    rgba(21,20,18,.52);
}


body.plico-product-page .ps-modal-object-blue {
  position:
    relative;

  background:
    #2144A5 !important;

  overflow:
    hidden;
}


body.plico-product-page .ps-modal-object-blue::before {
  content:
    "BLUE";

  position:
    absolute;

  left:
    50%;

  top:
    50%;

  transform:
    translate(-50%, -50%);

  font-family:
    var(--plico-editorial-font) !important;

  font-size:
    48px;

  line-height:
    1;

  letter-spacing:
    -.03em;

  color:
    rgba(243,240,233,.92);
}


body.plico-product-page .ps-modal-object-blue::after {
  content:
    "RESPONSES TO DEREK JARMAN'S BLUE, 1993";

  position:
    absolute;

  left:
    15px;

  right:
    15px;

  bottom:
    14px;

  font-family:
    var(--plico-system-font) !important;

  font-size:
    5px;

  line-height:
    1.25;

  text-align:
    center;

  color:
    rgba(243,240,233,.82);
}


body.plico-product-page .ps-modal-object-blue span {
  opacity:
    0;
}


body.plico-product-page .ps-modal-buy {
  border-radius:
    0;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;
}


body.plico-product-page .ps-modal-buy.is-disabled {
  pointer-events:
    none;
}


/* =========================================================
   DESKTOP — GIVE THE SHELF A MORE CENTRAL PRESENCE
========================================================= */

@media (min-width: 901px) {

  body.plico-product-page .ps-shelves {
    padding-left:
      5vw;

    padding-right:
      5vw;
  }


  body.plico-product-page .ps-shelf-viewport {
    max-width:
      1180px;

    margin:
      0
      auto;
  }

}


/* =========================================================
   MOBILE — BRING THE WHOLE SHOP UP
   Keep safe clearance under the existing global menu.
========================================================= */

@media (max-width: 650px) {

  body.plico-product-page .pp-cover-area {
    padding:
      132px
      16px
      18px !important;
  }


  body.plico-product-page .pp-cover {
    width:
      min(
        66%,
        300px
      ) !important;
  }


  body.plico-product-page .pp-product-info {
    padding:
      18px
      16px
      20px !important;
  }


  body.plico-product-page .pp-file-number {
    margin-bottom:
      12px !important;
  }


  body.plico-product-page .pp-product-title {
    font-size:
      24px !important;
  }


  body.plico-product-page .pp-product-description {
    margin-top:
      13px !important;
  }


  body.plico-product-page .pp-description-text {
    font-size:
      12.5px !important;

    line-height:
      1.32 !important;
  }


  body.plico-product-page .pp-detail-list {
    margin-top:
      12px !important;
  }


  body.plico-product-page .pp-cover-selector {
    margin-top:
      12px !important;
  }


  body.plico-product-page .pp-native-commerce {
    margin-top:
      16px !important;
  }


  body.plico-product-page .ps-shelves {
    padding:
      14px
      10px
      11px !important;
  }


  body.plico-product-page .ps-shelves-head {
    display:
      grid !important;

    grid-template-columns:
      1fr
      auto !important;

    gap:
      10px !important;

    align-items:
      end;

    text-align:
      left;
  }


  body.plico-product-page .ps-shelves-head > div:first-child {
    grid-column:
      1 / 2;
  }


  body.plico-product-page .ps-shelves-intro {
    grid-column:
      1 / -1;

    grid-row:
      2;

    justify-self:
      start;

    max-width:
      260px !important;

    margin-top:
      3px !important;

    font-size:
      13px !important;

    line-height:
      1.22 !important;

    text-align:
      left;
  }


  body.plico-product-page .ps-shelves-meta {
    grid-column:
      2 / 3;

    grid-row:
      1;

    display:
      block !important;

    margin:
      0 !important;

    font-size:
      5.5px !important;

    text-align:
      right !important;
  }


  body.plico-product-page .ps-shelves h2 {
    font-size:
      22px !important;
  }


  body.plico-product-page .ps-shelf-viewport {
    padding-top:
      11px !important;
  }


  body.plico-product-page .ps-shelf-track {
    justify-content:
      flex-start;

    height:
      190px !important;

    padding:
      0
      14px
      7px !important;
  }


  body.plico-product-page .ps-book {
    flex-basis:
      calc(
        var(--ps-book-w)
        * .78
      ) !important;

    width:
      calc(
        var(--ps-book-w)
        * .78
      ) !important;

    height:
      calc(
        var(--ps-book-h)
        * .78
      ) !important;
  }


  body.plico-product-page .ps-book-title {
    font-size:
      9.5px !important;
  }


  body.plico-product-page .ps-modal {
    padding-top:
      52px !important;
  }


  body.plico-product-page .ps-modal-panel {
    max-height:
      calc(100vh - 62px) !important;
  }


  body.plico-product-page .ps-modal-visual {
    min-height:
      220px !important;

    padding:
      20px !important;
  }


  body.plico-product-page .ps-modal-object {
    width:
      min(
        42%,
        128px
      ) !important;
  }


  body.plico-product-page .ps-modal-object-blue::before {
    font-size:
      38px;
  }


  body.plico-product-page .ps-modal-copy {
    padding:
      18px
      16px
      17px !important;
  }


  body.plico-product-page .ps-modal-copy h3 {
    margin-bottom:
      12px !important;

    font-size:
      23px !important;
  }


  body.plico-product-page .ps-modal-description {
    margin-bottom:
      14px !important;

    font-size:
      13px !important;
  }


  body.plico-product-page .ps-modal-data {
    margin-bottom:
      14px !important;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 359px) {

  body.plico-product-page .pp-cover-area {
    padding-top:
      124px !important;
  }


  body.plico-product-page .pp-cover {
    width:
      min(
        62%,
        250px
      ) !important;
  }


  body.plico-product-page .ps-shelves-intro {
    max-width:
      225px !important;
  }


  body.plico-product-page .ps-shelf-track {
    height:
      178px !important;
  }

}


/* =========================================================
   PLICO SHOP — V38 MOBILE SPINE TYPE FIX
   Prevents vertical shelf labels from colliding on narrow phones.
========================================================= */

@media (max-width: 650px) {

  body.plico-product-page .ps-book-title {
    top:
      8px !important;

    max-height:
      calc(100% - 34px) !important;

    overflow:
      hidden !important;

    font-size:
      8.5px !important;

    line-height:
      .95 !important;

    letter-spacing:
      -.01em !important;

    text-overflow:
      clip !important;
  }


  body.plico-product-page .ps-book-number {
    bottom:
      7px !important;

    font-size:
      5px !important;
  }


  /* On mobile the extra secondary line on the blue Jarman
     spine is removed: the title + item number are enough. */

  body.plico-product-page .ps-book:first-child::after {
    display:
      none !important;
  }


  body.plico-product-page .ps-book:first-child .ps-book-title {
    font-size:
      8.2px !important;
  }

}


@media (max-width: 359px) {

  body.plico-product-page .ps-book-title {
    font-size:
      7.8px !important;
  }


  body.plico-product-page .ps-book:first-child .ps-book-title {
    font-size:
      7.5px !important;
  }

}


/* =========================================================
   PLICO SHOP — V39
   GREY COMING SOON SPINES + REFINED SHELF POPUP
========================================================= */


/* =========================================================
   COMING SOON BOOKS
========================================================= */

body.plico-product-page .ps-book.is-coming {
  background:
    var(--ps-book-bg) !important;

  color:
    #151412 !important;

  border-color:
    rgba(21,20,18,.34) !important;

  box-shadow:
    4px
    5px
    0
    rgba(21,20,18,.055) !important;
}


body.plico-product-page .ps-book.is-coming:hover,
body.plico-product-page .ps-book.is-coming:focus-visible {
  box-shadow:
    6px
    8px
    0
    rgba(21,20,18,.08) !important;
}


body.plico-product-page
.ps-book.is-coming
.ps-book-title {
  font-style:
    italic !important;

  font-weight:
    400 !important;

  text-transform:
    none !important;

  letter-spacing:
    0 !important;

  opacity:
    .78;
}


body.plico-product-page
.ps-book.is-coming
.ps-book-number {
  color:
    rgba(21,20,18,.50) !important;
}


/* First book remains the visual anchor. */

body.plico-product-page .ps-book:first-child {
  background:
    #2144A5 !important;

  color:
    #F3F0E9 !important;

  border-color:
    rgba(21,20,18,.55) !important;
}


/* =========================================================
   SHELF RHYTHM
========================================================= */

body.plico-product-page .ps-shelf-track {
  gap:
    10px !important;
}


@media (min-width: 901px) {

  body.plico-product-page .ps-shelf-track {
    max-width:
      980px;

    margin:
      0
      auto;

    justify-content:
      center !important;
  }

}


/* =========================================================
   POPUP — MAKE IT FEEL LIKE A REAL PRODUCT RECORD
========================================================= */

body.plico-product-page .ps-modal-panel {
  background:
    #F7F4EE !important;
}


body.plico-product-page .ps-modal-copy {
  display:
    flex;

  flex-direction:
    column;
}


body.plico-product-page .ps-modal-copy h3 {
  max-width:
    360px !important;
}


body.plico-product-page .ps-modal-description {
  max-width:
    370px !important;
}


body.plico-product-page .ps-modal-buy {
  margin-top:
    auto;
}


body.plico-product-page .ps-modal-status {
  max-width:
    340px;
}


/* =========================================================
   MOBILE — KEEP SPINES CLEAN
========================================================= */

@media (max-width: 650px) {

  body.plico-product-page
  .ps-book.is-coming
  .ps-book-title {
    font-size:
      8px !important;

    line-height:
      1 !important;
  }


  body.plico-product-page
  .ps-book.is-coming {
    box-shadow:
      3px
      4px
      0
      rgba(21,20,18,.045) !important;
  }


  body.plico-product-page .ps-shelf-track {
    gap:
      8px !important;
  }

}


@media (max-width: 359px) {

  body.plico-product-page
  .ps-book.is-coming
  .ps-book-title {
    font-size:
      7.4px !important;
  }

}


/* =========================================================
   PLICO INFORMATION — V11 CENTERED
   PAGE-SCOPED FINAL OVERRIDES
========================================================= */

body.plico-archive-page .pa-logo {
  pointer-events: auto !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body.plico-archive-page .pa-tabs {
  top: 52% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  height: 118px !important;
}

body.plico-archive-page .pa-index-meta {
  left: 50% !important;
  top: calc(52% - 118px) !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
}

body.plico-archive-page .pa-select-hint {
  left: 50% !important;
  top: calc(52% + 98px) !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
}

body.plico-archive-page .pa-content {
  top: 108px !important;
  left: 50% !important;
  right: auto !important;
  bottom: 188px !important;
  width: min(760px, calc(100vw - 220px)) !important;
  transform: translateX(-50%) !important;
}

body.plico-archive-page .pa-content-head {
  grid-template-columns: 76px minmax(0,1fr) 76px !important;
  margin-bottom: 28px !important;
  padding-bottom: 12px !important;
}

body.plico-archive-page .pa-content-title {
  justify-self: center !important;
  text-align: center !important;
}

body.plico-archive-page .pa-open-body {
  max-width: 700px !important;
  margin: 0 auto !important;
}

body.plico-archive-page .pa-manifesto-intro,
body.plico-archive-page .pa-manifesto-line {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.plico-archive-page .pa-manifesto-line {
  text-align: center !important;
}

body.plico-archive-page .pa-page.is-open .pa-tabs {
  top: auto !important;
  bottom: 48px !important;
  transform: none !important;
  height: 88px !important;
}

body.plico-archive-page .pa-tab:nth-child(1) {
  width: min(720px, 56vw) !important;
}

body.plico-archive-page .pa-tab:nth-child(2) {
  width: min(760px, 59vw) !important;
}

body.plico-archive-page .pa-tab:nth-child(3) {
  width: min(800px, 62vw) !important;
}

body.plico-archive-page .pa-tab:nth-child(4) {
  width: min(840px, 65vw) !important;
}

body.plico-archive-page .pa-tab:nth-child(5) {
  width: min(880px, 68vw) !important;
}

@media (max-width: 760px) {

  body.plico-archive-page .pa-tabs {
    top: 53% !important;
    transform: translateY(-50%) !important;
  }

  body.plico-archive-page .pa-index-meta {
    top: calc(53% - 108px) !important;
  }

  body.plico-archive-page .pa-select-hint {
    top: calc(53% + 92px) !important;
  }

  body.plico-archive-page .pa-tab:nth-child(1) {
    width: 78% !important;
  }

  body.plico-archive-page .pa-tab:nth-child(2) {
    width: 83% !important;
  }

  body.plico-archive-page .pa-tab:nth-child(3) {
    width: 88% !important;
  }

  body.plico-archive-page .pa-tab:nth-child(4) {
    width: 93% !important;
  }

  body.plico-archive-page .pa-tab:nth-child(5) {
    width: 97% !important;
  }

  body.plico-archive-page .pa-content {
    top: 92px !important;
    bottom: 142px !important;
    width: calc(100vw - 30px) !important;
  }

  body.plico-archive-page .pa-content-head {
    grid-template-columns: 54px minmax(0,1fr) 54px !important;
  }

  body.plico-archive-page .pa-page.is-open .pa-tabs {
    top: auto !important;
    bottom: 34px !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {

  body.plico-archive-page .pa-content {
    top: 82px !important;
    bottom: 132px !important;
  }

  body.plico-archive-page .pa-content-head {
    grid-template-columns: 42px minmax(0,1fr) 42px !important;
  }

  body.plico-archive-page .pa-page.is-open .pa-tabs {
    bottom: 26px !important;
  }
}


/* =========================================================
   PLICO HOME ENTRY — V2 FLOATING NOWHERE
   Micro-motion only. Digital Room removed from Home.
========================================================= */

/* Digital Room has been removed from the Home HTML.
   Hide any stale Cargo-rendered copy defensively. */
body.plico-entry-page .pe-digital {
  display: none !important;
}


/* ---------------------------------------------------------
   NOWHERE — SLOW MICRO MOVEMENT
   Parent keeps the original letter positioning/rotation.
   Inner span moves independently by only a few pixels.
--------------------------------------------------------- */

body.plico-entry-page .pe-float {
  display: block;
  will-change: transform;
  transform-origin: 50% 50%;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}


body.plico-entry-page .pe-n .pe-float {
  animation-name: pe-float-a;
  animation-duration: 11.5s;
  animation-delay: -2.1s;
}


body.plico-entry-page .pe-o .pe-float {
  animation-name: pe-float-b;
  animation-duration: 13.2s;
  animation-delay: -7.4s;
}


body.plico-entry-page .pe-w .pe-float {
  animation-name: pe-float-c;
  animation-duration: 9.8s;
  animation-delay: -3.9s;
}


body.plico-entry-page .pe-h .pe-float {
  animation-name: pe-float-d;
  animation-duration: 14.4s;
  animation-delay: -9.2s;
}


body.plico-entry-page .pe-e1 .pe-float {
  animation-name: pe-float-b;
  animation-duration: 12.1s;
  animation-delay: -5.3s;
}


body.plico-entry-page .pe-r .pe-float {
  animation-name: pe-float-c;
  animation-duration: 15.1s;
  animation-delay: -10.7s;
}


body.plico-entry-page .pe-e2 .pe-float {
  animation-name: pe-float-a;
  animation-duration: 10.7s;
  animation-delay: -6.6s;
}


@keyframes pe-float-a {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  45% {
    transform: translate3d(2px, -3px, 0) rotate(.35deg);
  }

  100% {
    transform: translate3d(-1px, 2px, 0) rotate(-.25deg);
  }
}


@keyframes pe-float-b {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  50% {
    transform: translate3d(-3px, 1px, 0) rotate(-.3deg);
  }

  100% {
    transform: translate3d(2px, -2px, 0) rotate(.2deg);
  }
}


@keyframes pe-float-c {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  40% {
    transform: translate3d(1px, 3px, 0) rotate(.25deg);
  }

  100% {
    transform: translate3d(-2px, -1px, 0) rotate(-.35deg);
  }
}


@keyframes pe-float-d {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  55% {
    transform: translate3d(3px, 2px, 0) rotate(.3deg);
  }

  100% {
    transform: translate3d(-1px, -3px, 0) rotate(-.2deg);
  }
}


/* Respect system reduced-motion settings. */
@media (prefers-reduced-motion: reduce) {

  body.plico-entry-page .pe-float {
    animation: none !important;
    transform: none !important;
  }

}


/* =========================================================
   PLICO HOME ENTRY — V3 STRONGER FLOAT + TYPING DOTS
   CSS-ONLY UPDATE
========================================================= */


/* ---------------------------------------------------------
   NOWHERE — MORE NOTICEABLE, STILL SOFT
--------------------------------------------------------- */

body.plico-entry-page .pe-n .pe-float {
  animation-duration: 7.2s !important;
  animation-delay: -1.4s !important;
}

body.plico-entry-page .pe-o .pe-float {
  animation-duration: 8.4s !important;
  animation-delay: -4.1s !important;
}

body.plico-entry-page .pe-w .pe-float {
  animation-duration: 6.6s !important;
  animation-delay: -2.7s !important;
}

body.plico-entry-page .pe-h .pe-float {
  animation-duration: 9.1s !important;
  animation-delay: -5.8s !important;
}

body.plico-entry-page .pe-e1 .pe-float {
  animation-duration: 7.7s !important;
  animation-delay: -3.6s !important;
}

body.plico-entry-page .pe-r .pe-float {
  animation-duration: 9.6s !important;
  animation-delay: -6.9s !important;
}

body.plico-entry-page .pe-e2 .pe-float {
  animation-duration: 7s !important;
  animation-delay: -4.9s !important;
}


@keyframes pe-float-a {
  0% {
    transform:
      translate3d(0, 0, 0)
      rotate(0deg);
  }

  42% {
    transform:
      translate3d(6px, -7px, 0)
      rotate(.8deg);
  }

  100% {
    transform:
      translate3d(-4px, 5px, 0)
      rotate(-.55deg);
  }
}


@keyframes pe-float-b {
  0% {
    transform:
      translate3d(0, 0, 0)
      rotate(0deg);
  }

  50% {
    transform:
      translate3d(-7px, 4px, 0)
      rotate(-.7deg);
  }

  100% {
    transform:
      translate3d(5px, -5px, 0)
      rotate(.5deg);
  }
}


@keyframes pe-float-c {
  0% {
    transform:
      translate3d(0, 0, 0)
      rotate(0deg);
  }

  40% {
    transform:
      translate3d(4px, 7px, 0)
      rotate(.65deg);
  }

  100% {
    transform:
      translate3d(-6px, -3px, 0)
      rotate(-.8deg);
  }
}


@keyframes pe-float-d {
  0% {
    transform:
      translate3d(0, 0, 0)
      rotate(0deg);
  }

  55% {
    transform:
      translate3d(8px, 5px, 0)
      rotate(.75deg);
  }

  100% {
    transform:
      translate3d(-3px, -7px, 0)
      rotate(-.5deg);
  }
}


/* ---------------------------------------------------------
   AND MORE, MORE, MORE...
   Keep HTML unchanged. Hide only the original trailing dots
   visually by recreating the whole line through pseudo-elements.
--------------------------------------------------------- */

body.plico-entry-page .pe-more {
  position: relative !important;

  color: transparent !important;

  white-space: nowrap !important;
}


body.plico-entry-page .pe-more::before {
  content: "AND MORE, MORE, MORE";

  color:
    var(
      --plico-ink,
      #151412
    );

  font: inherit;
  letter-spacing: inherit;
}


body.plico-entry-page .pe-more::after {
  content: "...";

  display: inline-block;

  width: 0;

  margin-left: 0;

  overflow: hidden;

  vertical-align: baseline;

  color:
    var(
      --plico-ink,
      #151412
    );

  font: inherit;
  letter-spacing: inherit;

  white-space: nowrap;

  animation:
    pe-more-dots
    2.2s
    steps(3, end)
    infinite;
}


@keyframes pe-more-dots {
  0%,
  12% {
    width: 0;
  }

  25% {
    width: .55em;
  }

  42% {
    width: 1.1em;
  }

  60%,
  82% {
    width: 1.65em;
  }

  100% {
    width: 0;
  }
}


/* ---------------------------------------------------------
   REDUCED MOTION
--------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  body.plico-entry-page .pe-float {
    animation: none !important;
    transform: none !important;
  }


  body.plico-entry-page .pe-more::after {
    width: 1.65em !important;
    animation: none !important;
  }

}


/* =========================================================
   PLICO HOME ENTRY — V36
   CARGO-SAFE TYPING DOTS
========================================================= */

/* Keep the original HTML untouched.
   Recreate the sentence and reveal the 3 dots progressively
   using clip-path rather than animated text/width. */

body.plico-entry-page .pe-more {
  position: relative !important;
  color: transparent !important;
  white-space: nowrap !important;
}

body.plico-entry-page .pe-more::before {
  content: "AND MORE, MORE, MORE";
  color: var(--plico-ink, #151412) !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}

body.plico-entry-page .pe-more::after {
  content: "...";
  display: inline-block !important;
  width: 1.7em !important;
  margin-left: 0 !important;
  overflow: visible !important;

  color: var(--plico-ink, #151412) !important;
  font: inherit !important;
  letter-spacing: inherit !important;

  clip-path: inset(0 100% 0 0);
  animation: pe-more-dots-reveal 2.4s linear infinite !important;
}

@keyframes pe-more-dots-reveal {
  0%,
  14% {
    clip-path: inset(0 100% 0 0);
  }

  15%,
  32% {
    clip-path: inset(0 66% 0 0);
  }

  33%,
  50% {
    clip-path: inset(0 33% 0 0);
  }

  51%,
  82% {
    clip-path: inset(0 0 0 0);
  }

  83%,
  100% {
    clip-path: inset(0 100% 0 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.plico-entry-page .pe-more::after {
    clip-path: inset(0 0 0 0) !important;
    animation: none !important;
  }
}


/* =========================================================
   PLICO HOME ENTRY — V37
   DOTS ATTACHED DIRECTLY TO "MORE"
========================================================= */

body.plico-entry-page .pe-more {
  display:
    inline-flex !important;

  align-items:
    baseline !important;

  justify-content:
    flex-start !important;

  width:
    max-content !important;

  max-width:
    none !important;

  white-space:
    nowrap !important;
}


body.plico-entry-page .pe-more::before {
  display:
    inline !important;

  flex:
    0
    0
    auto !important;
}


body.plico-entry-page .pe-more::after {
  display:
    inline-block !important;

  flex:
    0
    0
    1.7em !important;

  width:
    1.7em !important;

  min-width:
    0 !important;

  margin-left:
    0 !important;

  padding-left:
    0 !important;

  transform:
    translateX(0) !important;
}


/* =========================================================
   PLICO INFORMATION — V12
   MOBILE MENU CLEARANCE + EDITORIAL CONTENT UPDATE
========================================================= */

@media (max-width: 760px) {

  body.plico-archive-page .pa-content {
    top:
      132px !important;
  }

}


@media (max-width: 480px) {

  body.plico-archive-page .pa-content {
    top:
      126px !important;
  }

}


/* A little more air between selected-contributor note and names. */

body.plico-archive-page
.pa-entry-meta + .pa-entry-list {
  margin-top:
    1px;
}


/* =========================================================
   PLICO SHOP — V43
   TIGHTER SHELF + ARROWS + REAL CARGO PRODUCT POPUP
========================================================= */


/* ---------------------------------------------------------
   SHELF — TIGHTER / MORE LIKE A REAL BOOKSHELF
--------------------------------------------------------- */

body.plico-product-page .ps-shelf-viewport {
  width:
    min(
      760px,
      100%
    ) !important;

  margin:
    0
    auto !important;
}


body.plico-product-page .ps-shelf-track {
  gap:
    3px !important;

  justify-content:
    flex-start !important;

  min-width:
    max-content !important;

  padding-left:
    22px !important;

  padding-right:
    22px !important;
}


body.plico-product-page .ps-book {
  margin:
    0 !important;
}


body.plico-product-page .ps-shelves-meta {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    12px !important;
}


/* ---------------------------------------------------------
   SHELF ARROWS
--------------------------------------------------------- */

body.plico-product-page .ps-shelf-controls {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    3px;
}


body.plico-product-page .ps-shelf-arrow {
  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    25px;

  height:
    22px;

  margin:
    0;

  padding:
    0;

  border:
    1px solid
    rgba(21,20,18,.34);

  border-radius:
    0;

  background:
    transparent;

  color:
    #151412;

  font-family:
    var(--plico-system-font) !important;

  font-size:
    10px;

  line-height:
    1;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;

  transition:
    background-color
    120ms
    ease,
    color
    120ms
    ease;
}


@media (hover:hover) and (pointer:fine) {

  body.plico-product-page .ps-shelf-arrow:hover {
    background:
      #151412;

    color:
      #F3F0E9;
  }

}


/* =========================================================
   PLICO DIGITAL ROOM — V20 MOBILE UX
   iPHONE REFINEMENT / DESKTOP UNCHANGED
========================================================= */

.drv20-mobile-index-label {
  display: none;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  /* -------------------------------------------------------
     TOP BAR + PAGE CLEARANCE
  -------------------------------------------------------- */

  body.plico-digital-room-page .drv12-shell {
    padding:
      62px
      0
      42px !important;
  }


  .drv14-mobile-topbar {
    top:
      10px !important;

    left:
      10px !important;

    right:
      10px !important;

    min-height:
      40px !important;
  }


  .drv14-mobile-topbar-button {
    min-width:
      78px !important;

    min-height:
      40px !important;

    padding:
      8px
      11px !important;

    background:
      rgba(243,240,233,.97) !important;

    font-size:
      7.5px !important;
  }


  /* -------------------------------------------------------
     DIGITAL ROOM MASTHEAD
     Own row below MENU / ISSUE — never underneath them.
  -------------------------------------------------------- */

  body.plico-digital-room-page .drv12-main-header {
    padding:
      17px
      0
      12px !important;

    text-align:
      center !important;
  }


  body.plico-digital-room-page .drv12-main-header h1 {
    display:
      block !important;

    width:
      100% !important;

    max-width:
      calc(100vw - 42px) !important;

    margin:
      0
      auto !important;

    padding:
      0 !important;

    font-size:
      clamp(
        27px,
        8.1vw,
        34px
      ) !important;

    line-height:
      .92 !important;

    letter-spacing:
      -.025em !important;

    text-align:
      center !important;

    white-space:
      nowrap !important;
  }


  body.plico-digital-room-page .drv12-main-deck {
    width:
      min(
        330px,
        calc(100% - 32px)
      ) !important;

    max-width:
      none !important;

    margin:
      10px
      auto
      0 !important;

    font-family:
      var(--drv12-serif) !important;

    font-size:
      clamp(
        10px,
        2.8vw,
        12px
      ) !important;

    line-height:
      1.15 !important;

    letter-spacing:
      0 !important;

    text-transform:
      none !important;

    color:
      rgba(21,20,18,.74) !important;
  }


  /* -------------------------------------------------------
     INDEX — CLEARLY INTERACTIVE
  -------------------------------------------------------- */

  .drv20-mobile-index-label {
    display:
      block;

    margin:
      17px
      0
      7px;

    font-family:
      var(--drv12-mono);

    font-size:
      5.8px;

    line-height:
      1;

    letter-spacing:
      .035em;

    text-align:
      left;

    text-transform:
      uppercase;

    color:
      rgba(21,20,18,.47);
  }


  body.plico-digital-room-page .drv12-index {
    display:
      flex !important;

    align-items:
      stretch !important;

    justify-content:
      flex-start !important;

    gap:
      5px !important;

    width:
      100% !important;

    margin:
      0 !important;

    padding:
      0
      0
      11px !important;

    border-bottom:
      0 !important;

    overflow-x:
      auto !important;

    scroll-snap-type:
      x proximity;

    scrollbar-width:
      none;
  }


  body.plico-digital-room-page .drv12-index-item {
    flex:
      0
      0
      auto !important;

    display:
      inline-flex !important;

    align-items:
      center !important;

    justify-content:
      flex-start !important;

    gap:
      6px !important;

    min-width:
      0 !important;

    min-height:
      34px !important;

    margin:
      0 !important;

    padding:
      8px
      10px !important;

    border:
      1px solid
      rgba(21,20,18,.23) !important;

    border-bottom:
      1px solid
      rgba(21,20,18,.23) !important;

    background:
      rgba(238,233,224,.28) !important;

    color:
      rgba(21,20,18,.72) !important;

    font-size:
      6.8px !important;

    line-height:
      1 !important;

    scroll-snap-align:
      start;
  }


  body.plico-digital-room-page .drv12-index-item::before,
  body.plico-digital-room-page .drv12-index-item::after {
    display:
      none !important;

    content:
      none !important;
  }


  body.plico-digital-room-page .drv12-index-item span {
    color:
      rgba(21,20,18,.42) !important;
  }


  body.plico-digital-room-page
  .drv12-index-item[data-desk-home],
  body.plico-digital-room-page
  .drv12-index-item.is-active {
    border-color:
      #B92720 !important;

    background:
      #B92720 !important;

    color:
      #F3F0E9 !important;
  }


  body.plico-digital-room-page
  .drv12-index-item[data-desk-home] span,
  body.plico-digital-room-page
  .drv12-index-item.is-active span {
    color:
      rgba(243,240,233,.76) !important;
  }


  /* Remove the old long divider directly below the index. */

  body.plico-digital-room-page .drv12-main-body {
    border-top:
      0 !important;
  }


  body.plico-digital-room-page .drv12-stage {
    padding:
      5px
      0
      18px !important;
  }


  /* -------------------------------------------------------
     DESK ORDER
     1. SARA / HERO
     2. MORE IN THE ROOM
     3. CURRENT STORY
  -------------------------------------------------------- */

  body.plico-digital-room-page
  .drv12-view[data-view-panel="desk"].is-active {
    display:
      flex !important;

    flex-direction:
      column !important;
  }


  body.plico-digital-room-page .drv12-desk-hero {
    display:
      contents !important;
  }


  body.plico-digital-room-page .drv12-desk-hero-media {
    order:
      1 !important;

    margin:
      0
      0
      11px !important;
  }


  body.plico-digital-room-page .drv18-rail-section {
    order:
      2 !important;

    margin:
      0
      0
      4px !important;

    padding-top:
      9px !important;
  }


  body.plico-digital-room-page .drv12-desk-current {
    order:
      3 !important;

    margin:
      0 !important;

    padding:
      18px
      0
      21px !important;
  }


  body.plico-digital-room-page .drv18-rail-head {
    padding-bottom:
      8px !important;

    font-size:
      5.8px !important;
  }


  body.plico-digital-room-page .drv18-rail-card {
    flex-basis:
      clamp(
        158px,
        48vw,
        195px
      ) !important;

    min-height:
      112px !important;
  }


  /* -------------------------------------------------------
     DESK + — MAKE THE TOOL DRAWER OBVIOUS
  -------------------------------------------------------- */

  .drv14-desk-trigger {
    right:
      12px !important;

    bottom:
      calc(
        14px +
        env(safe-area-inset-bottom)
      ) !important;

    min-width:
      92px !important;

    min-height:
      44px !important;

    border-color:
      #B92720 !important;

    background:
      #B92720 !important;

    color:
      #F3F0E9 !important;

    box-shadow:
      5px
      6px
      0
      rgba(21,20,18,.09);

    font-size:
      7.5px !important;
  }


  /* -------------------------------------------------------
     MENU — SMALL, QUIET, MINIMAL
  -------------------------------------------------------- */

  .drv14-mobile-menu {
    top:
      58px !important;

    left:
      10px !important;

    width:
      min(
        220px,
        calc(100vw - 20px)
      ) !important;

    padding:
      9px
      11px
      10px !important;

    border:
      1px solid
      rgba(21,20,18,.48) !important;

    background:
      rgba(247,244,238,.995) !important;

    box-shadow:
      6px
      7px
      0
      rgba(21,20,18,.06) !important;
  }


  .drv14-mobile-menu-head {
    margin:
      0
      0
      3px !important;

    padding:
      0
      0
      6px !important;

    font-size:
      5.8px !important;

    color:
      rgba(21,20,18,.45) !important;
  }


  .drv14-mobile-menu-head button {
    width:
      23px !important;

    height:
      23px !important;

    font-size:
      17px !important;
  }


  .drv14-mobile-menu a,
  .drv14-mobile-menu a:link,
  .drv14-mobile-menu a:visited {
    padding:
      8px
      1px !important;

    border-bottom:
      1px solid
      rgba(21,20,18,.10) !important;

    font-family:
      var(--drv12-mono) !important;

    font-size:
      7.5px !important;

    line-height:
      1 !important;

    letter-spacing:
      .025em !important;

    text-align:
      left !important;
  }


  .drv14-mobile-menu a:last-child {
    border-bottom:
      0 !important;
  }


  /* -------------------------------------------------------
     ISSUE — SMALLER PRODUCT CARD
  -------------------------------------------------------- */

  body.plico-digital-room-page
  .drv12-issue.is-mobile-open {
    top:
      58px !important;

    right:
      10px !important;

    width:
      min(
        236px,
        calc(100vw - 20px)
      ) !important;

    max-height:
      calc(
        100vh -
        72px
      ) !important;

    padding:
      11px
      10px
      11px !important;

    border:
      1px solid
      rgba(21,20,18,.48) !important;

    background:
      rgba(247,244,238,.995) !important;

    box-shadow:
      6px
      7px
      0
      rgba(21,20,18,.06) !important;
  }


  body.plico-digital-room-page
  .drv12-issue-eyebrow {
    font-size:
      5.4px !important;
  }


  body.plico-digital-room-page
  .drv12-issue-title-wrap h2 {
    font-size:
      17px !important;
  }


  body.plico-digital-room-page
  .drv12-slider-stage {
    min-height:
      150px !important;
  }


  body.plico-digital-room-page
  .drv12-slider-stage img {
    width:
      min(
        58%,
        122px
      ) !important;
  }


  body.plico-digital-room-page
  .drv12-slider-meta {
    width:
      92% !important;

    font-size:
      5.2px !important;
  }


  body.plico-digital-room-page
  .drv12-buy-button {
    width:
      100% !important;

    max-width:
      none !important;

    min-height:
      38px !important;

    border-color:
      #B92720 !important;

    background:
      #B92720 !important;

    color:
      #F3F0E9 !important;
  }


  .drv14-issue-close {
    top:
      4px !important;

    right:
      4px !important;

    width:
      25px !important;

    height:
      25px !important;

    font-size:
      17px !important;
  }

}


/* =========================================================
   NARROW PHONES
========================================================= */

@media (max-width: 359px) {

  body.plico-digital-room-page .drv12-main-header h1 {
    font-size:
      26px !important;
  }


  body.plico-digital-room-page .drv12-main-deck {
    font-size:
      9.5px !important;
  }


  body.plico-digital-room-page .drv12-index-item {
    padding:
      8px
      8px !important;

    font-size:
      6.4px !important;
  }


  .drv14-mobile-menu {
    width:
      min(
        205px,
        calc(100vw - 20px)
      ) !important;
  }


  body.plico-digital-room-page
  .drv12-issue.is-mobile-open {
    width:
      min(
        224px,
        calc(100vw - 20px)
      ) !important;
  }

}


body.plico-product-page .ps-book.is-live .ps-book-title {
  top: 14px !important;
  max-height: calc(100% - 44px) !important;
  overflow: hidden !important;

  font-family: var(--plico-editorial-font) !important;
  font-size: 9.4px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;

  text-transform: none !important;
  white-space: nowrap !important;
}

body.plico-product-page .ps-book.is-live::after,
body.plico-product-page .ps-book.is-live .ps-book-sub {
  display: none !important;
  content: none !important;
}

body.plico-product-page .ps-book.is-coming:disabled {
  cursor: default !important;
  opacity: .86 !important;
}


/* ---------------------------------------------------------
   SHELF MOBILE
--------------------------------------------------------- */

@media (max-width: 650px) {

  body.plico-product-page .ps-shelves-meta {
    gap: 7px !important;
  }

  body.plico-product-page .ps-shelves-meta > span:first-child {
    display: none !important;
  }

  body.plico-product-page .ps-shelf-arrow {
    width: 29px !important;
    height: 27px !important;
    font-size: 11px !important;
  }

  body.plico-product-page .ps-shelf-viewport {
    width: 100% !important;
  }

  body.plico-product-page .ps-shelf-track {
    gap: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.plico-product-page .ps-book.is-live .ps-book-title {
    top: 8px !important;
    font-size: 7.4px !important;
  }

}

@media (max-width: 359px) {

  body.plico-product-page .ps-shelf-track {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.plico-product-page .ps-book.is-live .ps-book-title {
    font-size: 6.9px !important;
  }

}


/* =========================================================
   DEREK JARMAN PRODUCT PAGE — FINAL
   /DEREK-JARMAN-BLUE
   Designed for Cargo native Overlay.
   No iframe. No fixed viewport. Natural scrolling.
========================================================= */

.djp-page,
.djp-page * {
  box-sizing: border-box;
}

html.plico-derek-product-page,
body.plico-derek-product-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #F3F0E9 !important;
  color: #151412 !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
}


/* Keep the product record clean when opened as its own page too. */

body.plico-derek-product-page .plico-global-nav,
body.plico-derek-product-page #plico-newsletter-overlay,
body.plico-derek-product-page .plico-newsletter-overlay {
  display: none !important;
}


body.plico-derek-product-page .page,
body.plico-derek-product-page .page-content,
body.plico-derek-product-page .content,
body.plico-derek-product-page .site-main {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


.djp-page {
  width: 100%;
  min-height: 0;

  margin: 0;
  padding: 0;

  background: #F3F0E9;
}


/* ---------------------------------------------------------
   DESKTOP / TABLET
--------------------------------------------------------- */

.djp-product {
  display: grid;

  grid-template-columns:
    minmax(300px, .9fr)
    minmax(360px, 1.1fr);

  width: 100%;
  min-height: min(720px, 86vh);

  background: #F3F0E9;
}


.djp-visual {
  display: flex;

  align-items: center;
  justify-content: center;

  min-width: 0;

  padding: 42px;

  border-right:
    1px solid
    rgba(21,20,18,.24);

  background: #EEEAE2;
}


.djp-book-photo {
  width: min(100%, 410px);

  margin: 0;
}


.djp-book-photo img {
  display: block;

  width: 100%;
  height: auto;

  border:
    1px solid
    rgba(21,20,18,.16);

  background: #D8D4CB;
}


.djp-book-photo figcaption {
  margin-top: 8px;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 6px;
  line-height: 1.25;
  letter-spacing: .02em;

  text-transform: uppercase;

  color: rgba(21,20,18,.50);
}


.djp-info {
  display: flex;
  flex-direction: column;

  min-width: 0;

  padding:
    40px
    44px
    36px;
}


.djp-kicker,
.djp-byline,
.djp-shipping,
.djp-status {
  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 6.4px;
  line-height: 1.25;
  letter-spacing: .025em;

  text-transform: uppercase;

  color: rgba(21,20,18,.58);
}


.djp-info h1 {
  max-width: 560px;

  margin:
    15px
    0
    9px;

  font-family:
    "EB Garamond",
    Garamond,
    "Times New Roman",
    Times,
    serif !important;

  font-size:
    clamp(
      36px,
      4.5vw,
      58px
    );

  font-weight: 400;

  line-height: .94;
  letter-spacing: -.025em;

  text-transform: none;
}


.djp-byline {
  margin-bottom: 22px;
}


.djp-description {
  max-width: 540px;

  margin:
    0
    0
    22px;

  font-family:
    "EB Garamond",
    Garamond,
    "Times New Roman",
    Times,
    serif !important;

  font-size: 16px;
  line-height: 1.35;
}


.djp-details {
  width: 100%;
  max-width: 560px;

  margin:
    0
    0
    14px;

  padding: 0;

  border-top:
    1px solid
    rgba(21,20,18,.20);
}


.djp-details > div {
  display: grid;

  grid-template-columns:
    105px
    minmax(0,1fr);

  gap: 16px;

  padding:
    7px
    0;

  border-bottom:
    1px solid
    rgba(21,20,18,.12);
}


.djp-details dt,
.djp-details dd {
  margin: 0;

  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 6.4px;
  line-height: 1.3;
  letter-spacing: .02em;

  text-transform: uppercase;
}


.djp-details dt {
  color: rgba(21,20,18,.46);
}


.djp-status {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  width: 100%;
  max-width: 560px;

  margin:
    0
    0
    13px;

  padding-top: 2px;
}


/* ---------------------------------------------------------
   REAL CARGO COMMERCE
--------------------------------------------------------- */

.djp-commerce {
  width: 100%;
  max-width: 560px;

  margin: 0;
  padding: 0;
}


.djp-commerce * {
  box-sizing: border-box;

  border-radius: 0 !important;
  box-shadow: none !important;
}


.djp-commerce .price,
.djp-commerce [class*="price"],
.djp-commerce [class*="Price"] {
  display: block !important;

  margin:
    0
    0
    13px !important;

  color: #151412 !important;

  font-family:
    "EB Garamond",
    Garamond,
    "Times New Roman",
    Times,
    serif !important;

  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}


.djp-commerce,
.djp-commerce label,
.djp-commerce option,
.djp-commerce [class*="variant"],
.djp-commerce [class*="Variant"] {
  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 8px !important;
  line-height: 1.3 !important;

  text-transform: uppercase !important;
}


.djp-commerce select {
  width: 100% !important;

  margin:
    0
    0
    12px !important;

  padding:
    10px
    34px
    10px
    11px !important;

  border:
    1px solid
    #151412 !important;

  background: transparent !important;
  color: #151412 !important;
}


.djp-commerce a,
.djp-commerce button,
.djp-commerce input[type="submit"],
.djp-commerce [rel="add_to_cart"],
.djp-commerce [class*="add-to-cart"],
.djp-commerce [class*="add_to_cart"] {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 44px !important;

  margin: 0 !important;

  padding:
    11px
    18px !important;

  border:
    1px solid
    #151412 !important;

  background: #B92720 !important;
  color: #F3F0E9 !important;

  font-family:
    "Courier New",
    Courier,
    monospace !important;

  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  text-decoration: none !important;
  text-transform: uppercase !important;

  cursor: pointer !important;
}


@media (hover:hover) and (pointer:fine) {

  .djp-commerce a:hover,
  .djp-commerce button:hover,
  .djp-commerce input[type="submit"]:hover,
  .djp-commerce [rel="add_to_cart"]:hover {
    background: #151412 !important;
  }

}


.djp-shipping {
  margin-top: 9px;
}


/* =========================================================
   MOBILE — NATURAL SCROLL, NO LOCKED VIEWPORT
========================================================= */

@media (max-width: 700px) {

  html.plico-derek-product-page,
  body.plico-derek-product-page {
    height: auto !important;
    min-height: 100% !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }


  .djp-product {
    display: block !important;

    min-height: 0 !important;
    height: auto !important;
  }


  .djp-visual {
    width: 100%;

    min-height: 0 !important;

    padding:
      24px
      20px
      20px;

    border-right: 0;

    border-bottom:
      1px solid
      rgba(21,20,18,.20);
  }


  .djp-book-photo {
    width:
      min(
        82%,
        330px
      );

    margin: 0 auto;
  }


  .djp-book-photo figcaption {
    font-size: 6px;
  }


  .djp-info {
    display: block !important;

    width: 100%;

    padding:
      24px
      20px
      30px;

    overflow: visible !important;
  }


  .djp-kicker,
  .djp-byline,
  .djp-shipping,
  .djp-status {
    font-size: 6px;
  }


  .djp-info h1 {
    width: 100%;
    max-width: 520px;

    margin:
      10px
      0
      7px;

    font-size:
      clamp(
        31px,
        9.5vw,
        42px
      );

    line-height: .93;
  }


  .djp-byline {
    margin-bottom: 15px;
  }


  .djp-description {
    max-width: 100%;

    margin-bottom: 18px;

    font-size: 15px;
    line-height: 1.3;
  }


  .djp-details {
    max-width: 100%;

    margin-bottom: 12px;
  }


  .djp-details > div {
    grid-template-columns:
      88px
      minmax(0,1fr);

    gap: 10px;

    padding:
      6px
      0;
  }


  .djp-details dt,
  .djp-details dd {
    font-size: 6px;
  }


  .djp-status {
    max-width: 100%;

    margin-bottom: 14px;
  }


  .djp-commerce {
    max-width: 100%;
  }


  .djp-commerce .price,
  .djp-commerce [class*="price"],
  .djp-commerce [class*="Price"] {
    font-size: 31px !important;
  }


  .djp-commerce select {
    min-height: 40px !important;

    font-size: 8px !important;
  }


  .djp-commerce a,
  .djp-commerce button,
  .djp-commerce input[type="submit"],
  .djp-commerce [rel="add_to_cart"],
  .djp-commerce [class*="add-to-cart"],
  .djp-commerce [class*="add_to_cart"] {
    min-height: 48px !important;

    font-size: 8.5px !important;
  }

}


@media (max-width: 390px) {

  .djp-visual {
    padding:
      20px
      15px
      17px;
  }


  .djp-book-photo {
    width:
      min(
        86%,
        300px
      );
  }


  .djp-info {
    padding:
      21px
      16px
      26px;
  }


  .djp-info h1 {
    font-size:
      clamp(
        29px,
        9.2vw,
        37px
      );
  }


  .djp-description {
    font-size: 14px;
  }

}


/* Derek: native Cargo commerce owns price + purchase state. */
.djp-mobile-buy-summary {
  display: none !important;
}