/* StoryCrystal priority pages v1: mobile navigation, About, policies and trust links. */

.storycrystal-v2 .popup-drawer .drawer-navigation a {
  color: var(--sc-ink) !important;
}

.storycrystal-v2 .popup-drawer .drawer-navigation a:hover,
.storycrystal-v2 .popup-drawer .drawer-navigation .current-menu-item > a {
  color: var(--sc-plum) !important;
}

.storycrystal-v2 .popup-drawer .drawer-toggle {
  color: var(--sc-ink) !important;
}

.sc-home-v4 .sc-home-v4__trust-item .sc-home-v4__number {
  min-width: 26px;
  white-space: nowrap;
}

.storycrystal-home-no-products .sc-home-v4__intentions,
.storycrystal-home-no-products .sc-home-v4__selector {
  display: none;
}

.storycrystal-priority-editorial-page .entry-hero {
  display: none;
}

.sc-about-v1,
.sc-policy-v1 {
  --sc-priority-ink: #191816;
  --sc-priority-text: #625c56;
  --sc-priority-paper: #faf8f4;
  --sc-priority-cream: #f1ece4;
  --sc-priority-sage: #dce5ce;
  --sc-priority-plum: #56475e;
  --sc-priority-gold: #a58356;
  --sc-priority-line: #e5ddd3;
  color: var(--sc-priority-ink);
}

.sc-about-v1 > *,
.sc-policy-v1 > * {
  margin-block: 0;
}

.sc-about-v1 :where(h1, h2, h3),
.sc-policy-v1 :where(h1, h2, h3) {
  color: var(--sc-priority-ink);
  font-family: var(--sc-serif);
  font-weight: 600;
}

.sc-about-v1__inner,
.sc-policy-v1__inner {
  width: min(calc(100% - 64px), 1180px);
  margin-inline: auto;
}

.sc-about-v1__eyebrow,
.sc-policy-v1__eyebrow {
  margin-bottom: 16px;
  color: var(--sc-priority-plum);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.sc-about-v1__hero {
  display: grid;
  min-height: 620px;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  background: var(--sc-priority-paper);
}

.sc-about-v1__hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px clamp(42px, 7vw, 112px);
}

.sc-about-v1__hero h1 {
  max-width: 580px;
  margin: 0 0 28px;
  font-size: clamp(58px, 6vw, 88px);
  letter-spacing: -.045em;
  line-height: .9;
}

.sc-about-v1__hero-copy > p:not(.sc-about-v1__eyebrow) {
  max-width: 570px;
  margin: 0;
  color: var(--sc-priority-text);
  font-size: 16px;
  line-height: 1.75;
}

.sc-about-v1__hero-media,
.sc-about-v1__hero-media img {
  width: 100%;
  height: 100%;
  min-height: 620px;
  margin: 0;
}

.sc-about-v1__hero-media img {
  object-fit: cover;
}

.sc-about-v1__section {
  padding-block: 104px;
}

.sc-about-v1__section-head {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);
  gap: 52px;
  margin-bottom: 48px;
}

.sc-about-v1__section-head h2,
.sc-about-v1__pathways h2,
.sc-about-v1__closing h2 {
  margin: 0;
  font-size: clamp(46px, 5vw, 68px);
  letter-spacing: -.04em;
  line-height: .92;
}

.sc-about-v1__section-head > p,
.sc-about-v1__pathway p,
.sc-about-v1__detail-copy > p:not(.sc-about-v1__eyebrow) {
  margin: 0;
  color: var(--sc-priority-text);
  line-height: 1.75;
}

.sc-about-v1__principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--sc-priority-line);
}

.sc-about-v1__principle {
  min-height: 250px;
  padding: 36px;
  border-right: 1px solid var(--sc-priority-line);
}

.sc-about-v1__principle:last-child {
  border-right: 0;
}

.sc-about-v1__principle h3 {
  margin: 36px 0 14px;
  font-size: 27px;
  line-height: 1.05;
}

.sc-about-v1__principle p:last-child {
  margin: 0;
  color: var(--sc-priority-text);
  line-height: 1.7;
}

.sc-about-v1__number {
  margin: 0;
  color: var(--sc-priority-gold);
  font-family: var(--sc-serif);
  font-size: 13px;
}

.sc-about-v1__detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background: var(--sc-priority-cream);
}

.sc-about-v1__detail-media,
.sc-about-v1__detail-media img {
  width: 100%;
  height: 620px;
  margin: 0;
}

.sc-about-v1__detail-media img {
  object-fit: cover;
}

.sc-about-v1__detail-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 72px clamp(42px, 7vw, 104px);
}

.sc-about-v1__detail-copy h2 {
  margin: 0 0 24px;
  font-size: clamp(48px, 5vw, 70px);
  line-height: .92;
}

.sc-about-v1__pathways {
  background: var(--sc-priority-paper);
}

.sc-about-v1__pathway-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 44px;
}

.sc-about-v1__pathway {
  padding: 42px;
  border: 1px solid var(--sc-priority-line);
  background: #fff;
}

.sc-about-v1__pathway h3 {
  margin: 26px 0 16px;
  font-size: 34px;
}

.sc-about-v1__pathway .wp-block-button {
  margin-top: 28px;
}

.sc-about-v1__closing {
  padding-block: 76px;
  text-align: center;
  background: var(--sc-priority-sage);
}

.sc-about-v1__closing p {
  max-width: 620px;
  margin: 20px auto 28px;
  color: var(--sc-priority-text);
  line-height: 1.7;
}

.sc-about-v1__closing .wp-block-buttons {
  justify-content: center;
}

.sc-policy-v1 {
  padding-block: 88px 112px;
  background: var(--sc-priority-paper);
}

.sc-policy-v1__intro {
  max-width: 790px;
  margin-bottom: 42px;
}

.sc-policy-v1__intro h1 {
  margin: 0 0 20px;
  font-size: clamp(50px, 6vw, 78px);
  letter-spacing: -.045em;
  line-height: .92;
}

.sc-policy-v1__intro > p:not(.sc-policy-v1__eyebrow) {
  margin: 0;
  color: var(--sc-priority-text);
  font-size: 16px;
  line-height: 1.75;
}

.sc-policy-v1__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  padding: 18px 22px;
  border: 1px solid var(--sc-priority-line);
  background: #fff;
  color: var(--sc-priority-text);
  font-size: 12px;
}

.sc-policy-v1__sections {
  margin-top: 32px;
  border-top: 1px solid var(--sc-priority-line);
}

.sc-policy-v1__section {
  display: grid;
  grid-template-columns: 56px minmax(220px, .42fr) minmax(0, 1fr);
  gap: 28px;
  padding-block: 34px;
  border-bottom: 1px solid var(--sc-priority-line);
}

.sc-policy-v1__section h2 {
  margin: 0;
  font-size: 29px;
  line-height: 1.05;
}

.sc-policy-v1__section :where(p, li) {
  color: var(--sc-priority-text);
  line-height: 1.75;
}

.sc-policy-v1__section p {
  margin: 0 0 14px;
}

.sc-policy-v1__section p:last-child,
.sc-policy-v1__section ul:last-child {
  margin-bottom: 0;
}

.sc-policy-v1__section ul {
  margin-top: 0;
  padding-left: 20px;
}

.sc-policy-v1__note {
  margin-top: 36px;
  padding: 24px;
  border-left: 3px solid var(--sc-priority-gold);
  background: #fff;
  color: var(--sc-priority-text);
  line-height: 1.7;
}

.sc-form-privacy-note {
  width: min(calc(100% - 40px), 1180px);
  margin: 0 auto 64px;
  padding: 18px 22px;
  border: 1px solid var(--sc-priority-line, #e5ddd3);
  background: #faf8f4;
}

.sc-form-privacy-note p {
  margin: 0;
  color: #625c56;
  font-size: 12px;
  line-height: 1.65;
}

/* StoryCrystal site polish v1: restore a visible keyboard focus indicator. */
.storycrystal-v2.page-id-2394 .kb-form :where(input:not([type="hidden"]):not([aria-hidden="true"]), textarea, select, button):focus-visible {
  border-color: var(--sc-priority-plum, #56475e) !important;
  outline: 3px solid var(--sc-priority-plum, #56475e) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(86, 71, 94, .16) !important;
}

.sc-policy-footer {
  padding: 22px 24px 28px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #9e9893;
  background: #12110f;
}

.sc-policy-footer__inner {
  display: flex;
  width: min(100%, 1180px);
  margin-inline: auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.sc-policy-footer__inner > span {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sc-policy-footer ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sc-policy-footer a {
  color: #c8c2bd;
  font-size: 12px;
  text-decoration: none;
}

.sc-policy-footer a:hover,
.sc-policy-footer a:focus-visible {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .sc-about-v1__inner,
  .sc-policy-v1__inner {
    width: min(calc(100% - 40px), 1180px);
  }

  .sc-about-v1__hero,
  .sc-about-v1__detail {
    grid-template-columns: 1fr;
  }

  .sc-about-v1__hero-media {
    grid-row: 1;
  }

  .sc-about-v1__hero-media,
  .sc-about-v1__hero-media img {
    min-height: 400px;
    height: 400px;
  }

  .sc-about-v1__hero-copy {
    padding: 54px 22px 64px;
  }

  .sc-about-v1__hero h1 {
    font-size: 55px;
  }

  .sc-about-v1__section {
    padding-block: 76px;
  }

  .sc-about-v1__section-head {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 32px;
  }

  .sc-about-v1__section-head h2,
  .sc-about-v1__pathways h2,
  .sc-about-v1__closing h2 {
    font-size: 47px;
  }

  .sc-about-v1__principles,
  .sc-about-v1__pathway-grid {
    grid-template-columns: 1fr;
  }

  .sc-about-v1__principle {
    min-height: 0;
    padding: 30px;
    border-right: 0;
    border-bottom: 1px solid var(--sc-priority-line);
  }

  .sc-about-v1__principle:last-child {
    border-bottom: 0;
  }

  .sc-about-v1__detail-media,
  .sc-about-v1__detail-media img {
    height: 420px;
  }

  .sc-about-v1__detail-copy {
    padding: 64px 22px;
  }

  .sc-about-v1__detail-copy h2 {
    font-size: 49px;
  }

  .sc-about-v1__pathway {
    padding: 30px;
  }

  .sc-policy-v1 {
    padding-block: 68px 88px;
  }

  .sc-policy-v1__intro h1 {
    font-size: 51px;
  }

  .sc-policy-v1__section {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 18px;
  }

  .sc-policy-v1__section > div:last-child {
    grid-column: 2;
  }

  .sc-policy-v1__section h2 {
    font-size: 25px;
  }

  .sc-policy-footer__inner {
    display: block;
  }

  .sc-policy-footer ul {
    justify-content: flex-start;
    margin-top: 16px;
  }
}