/* Alternative homepages only. Shared navigation, consent and application UI stay intact. */
.pd-experiment .pd-shell { background: #fff; }
.pd-experiment .px-wrap { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.pd-experiment main { overflow: clip; }
.pd-experiment main :is(h1,h2,h3,p,figure,blockquote,dl,dd) { margin: 0; }
.pd-experiment main :is(h1,h2,h3) { color: var(--pd-ink); font-family: var(--pd-sans); font-weight: 700; letter-spacing: 0; text-transform: none; }
.pd-experiment main h1 { font-size: 64px; line-height: 1.08; }
.pd-experiment main h2 { font-size: 40px; line-height: 1.16; }
.pd-experiment main h3 { font-size: 21px; line-height: 1.35; }
.pd-experiment main :is(h1,h2) em { color: var(--pd-blush-deep); font-family: Georgia, serif; font-weight: 400; }
.pd-experiment main p { color: #685f5b; font-size: 16px; line-height: 1.75; }
.pd-experiment main p + p { margin-top: 18px; }
.pd-experiment main .px-kicker { margin-bottom: 20px; color: #786254; font-size: 11px; font-weight: 800; line-height: 1.5; text-transform: uppercase; }
.pd-experiment main .px-fine { font-size: 12px; line-height: 1.6; margin-top: 20px; }
.pd-experiment main .px-lead { font-size: 22px; line-height: 1.55; color: var(--pd-ink); }
.pd-experiment .pd-button { min-height: 50px; padding: 15px 28px; font-size: 14px; border-radius: 8px; box-shadow: none; white-space: normal; line-height: 1.4; }
.platinum-site.pd-experiment .pd-button,
.platinum-site.pd-experiment .pd-header .btn,
.platinum-site.pd-experiment .pd-footer .pd-button { border-radius: 8px; }
.pd-experiment .menu-toggle { border-radius: 8px; }
.pd-experiment .px-text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 3px; }
.pd-experiment main a:focus-visible { outline: 3px solid #98634e; outline-offset: 5px; }
.pd-experiment .px-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.pd-experiment .px-section { padding-block: 96px; scroll-margin-top: 90px; }
.pd-experiment .px-hero { position: relative; isolation: isolate; }
.pd-experiment .px-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.pd-experiment .px-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.pd-experiment .px-hero-inner { display: flex; align-items: center; min-height: 560px; padding-block: 42px; }
.pd-experiment .px-hero-copy { max-width: 580px; }
.pd-experiment .px-hero-copy > p:not(.px-kicker):not(.px-fine) { max-width: 460px; margin-top: 24px; font-size: 17px; }
.pd-experiment .px-editorial-hero .px-hero-image { object-position: 62% 53%; }
.pd-experiment .px-editorial-hero::after { background: linear-gradient(90deg, rgba(26,23,21,.8), rgba(26,23,21,.48) 42%, rgba(26,23,21,.04) 80%); }
.pd-experiment .px-editorial-hero h1 { color: #fff; font-size: 70px; }
.pd-experiment .px-editorial-hero h1 em { color: #eac3ad; }
.pd-experiment .px-editorial-hero p { color: #fff; }
.pd-experiment .px-editorial-hero .px-kicker { color: #efd2bf; }
.pd-experiment .px-editorial-hero .px-text-link { color: #fff; }
.pd-experiment .px-photo-caption { position: absolute; bottom: 38px; right: 40px; color: #fff; font: italic 22px/1.4 Georgia, serif; text-shadow: 0 1px 10px #2f2a28; }
.pd-experiment .px-benefit-strip { border-bottom: 1px solid var(--pd-line); background: #fff; }
.pd-experiment .px-benefit-strip .px-wrap { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 26px; }
.pd-experiment .px-benefit-strip p { margin: 0; border-left: 1px solid var(--pd-line); padding-inline: 26px; font-size: 13px; }
.pd-experiment .px-benefit-strip p:first-child { padding-left: 0; border: 0; }
.pd-experiment .px-benefit-strip strong, .pd-experiment .px-benefit-strip span { display: block; }
.pd-experiment .px-benefit-strip strong { color: var(--pd-ink); font-size: 16px; margin-bottom: 4px; }
.pd-experiment .px-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.pd-experiment .px-intro-grid .px-text-link { margin-top: 24px; }
.pd-experiment .px-principles { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px; margin-top: 64px; }
.pd-experiment .px-principles article { border-top: 1px solid #d8c8c0; padding-top: 24px; }
.pd-experiment .px-index { display: block; font: italic 30px/1 Georgia,serif; color: #ac816b; margin-bottom: 24px; }
.pd-experiment .px-principles p { margin: 12px 0 20px; }
.pd-experiment .px-principles a, .pd-experiment .px-answer-grid a { font-size: 14px; font-weight: 600; text-underline-offset: 5px; }
.pd-experiment .px-support-band { background: #f5eeea; padding-block: 72px; scroll-margin-top: 80px; }
.pd-experiment .px-support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.pd-experiment .px-support-grid img { width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: 64% center; }
.pd-experiment .px-support-grid figcaption { font: italic 17px/1.6 Georgia,serif; padding-top: 14px; }
.pd-experiment .px-support-grid h2 + p { margin-top: 24px; }
.pd-experiment .px-checklist { list-style: none; padding: 0; margin: 24px 0 32px; }
.pd-experiment .px-checklist li { display: flex; gap: 14px; border-bottom: 1px solid var(--pd-line); padding: 12px 0; }
.pd-experiment .px-checklist li::before { content: "\2713"; color: #956952; font-weight: 700; }
.pd-experiment .px-section-heading { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 42px; }
.pd-experiment .px-section-heading > p { max-width: 380px; }
.pd-experiment .px-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); list-style: none; padding: 0; margin: 0; gap: 44px; }
.pd-experiment .px-steps li { padding-top: 28px; border-top: 1px solid var(--pd-line); }
.pd-experiment .px-steps li > span { font: italic 38px/1 Georgia,serif; color: #b7866d; display: block; margin-bottom: 22px; }
.pd-experiment .px-steps p { margin-top: 14px; }
.pd-experiment .px-quote-band { background: #ede0d8; text-align: center; padding-block: 78px; }
.pd-experiment .px-quote-band blockquote { max-width: 840px; margin: 24px auto; }
.pd-experiment .px-quote-band blockquote p { font: 400 34px/1.4 Georgia,serif; color: var(--pd-ink); }
.pd-experiment cite { display: block; margin-top: 24px; font: 600 12px/1.5 var(--pd-sans); color: #75645b; }
.pd-experiment .px-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.pd-experiment .px-faq-grid h2 { margin-bottom: 28px; }
.pd-experiment .px-faqs details { border-top: 1px solid #dcd3ce; padding: 22px 0; }
.pd-experiment .px-faqs details:last-child { border-bottom: 1px solid #dcd3ce; }
.pd-experiment .px-faqs summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; color: var(--pd-ink); font-weight: 600; list-style: none; }
.pd-experiment .px-faqs summary::-webkit-details-marker { display: none; }
.pd-experiment .px-faqs summary::after { content: "+"; font-size: 24px; color: #9b745e; font-weight: 400; }
.pd-experiment .px-faqs details[open] summary::after { content: "\2212"; }
.pd-experiment .px-faqs details p { margin-top: 18px; }
.pd-experiment .px-final { padding-block: 72px; }
.pd-experiment .px-editorial-final { background: #302c29; text-align: center; }
.pd-experiment .px-editorial-final h2 { color: #fff; font-size: 46px; }
.pd-experiment .px-editorial-final h2 em { color: #e5bda6; }
.pd-experiment .px-editorial-final p { color: #efe1d8; margin-block: 20px; }
.pd-experiment .px-editorial-final .px-kicker { color: #e5bda6; }
.pd-experiment .px-editorial-final .pd-button { margin-top: 10px; }
.pd-experiment .px-guide-hero .px-hero-image { object-position: center 43%; }
.pd-experiment .px-guide-hero::after { background: linear-gradient(90deg, rgba(255,255,255,.97), rgba(255,255,255,.92) 29%, rgba(255,255,255,.28) 61%, transparent 78%); }
.pd-experiment .px-guide-hero .px-hero-inner { min-height: 560px; }
.pd-experiment .px-guide-hero .px-hero-copy { max-width: 620px; }
.pd-experiment .px-guide-hero h1 { font-size: 58px; }
.pd-experiment .px-guide-index { background: #302c29; }
.pd-experiment .px-guide-index .px-wrap { display: grid; grid-template-columns: repeat(3, 1fr); }
.pd-experiment .px-guide-index a { padding: 24px 0; text-align: center; color: #fff; font-size: 15px; text-decoration: none; }
.pd-experiment .px-guide-index a + a { border-left: 1px solid #524b46; }
.pd-experiment .px-guide-index span { color: #e1b9a2; font: italic 20px Georgia,serif; margin-right: 15px; }
.pd-experiment .px-role-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; align-items: center; }
.pd-experiment .px-role-grid h2 { margin-bottom: 25px; }
.pd-experiment .px-role-grid .px-text-link { margin-top: 24px; }
.pd-experiment .px-role-facts dl > div { padding-block: 22px; border-bottom: 1px solid #dcd3ce; }
.pd-experiment .px-role-facts dl > div:first-child { border-top: 1px solid #dcd3ce; }
.pd-experiment .px-role-facts dt { font-size: 11px; font-weight: 800; text-transform: uppercase; color: #786254; margin-bottom: 8px; }
.pd-experiment .px-role-facts dd { font-size: 21px; font-weight: 600; }
.pd-experiment .px-question-band { padding-block: 85px; background: #f5eeea; scroll-margin-top: 70px; }
.pd-experiment .px-answer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; }
.pd-experiment .px-answer-grid article { border-top: 1px solid #cebbb0; padding-block: 30px; position: relative; }
.pd-experiment .px-question-number { color: #a57e69; font: italic 24px Georgia,serif; display: block; margin-bottom: 12px; }
.pd-experiment .px-answer-grid h3 { font-size: 24px; margin-bottom: 16px; }
.pd-experiment .px-answer-grid a { display: inline-block; margin-top: 20px; }
.pd-experiment .px-community-section { padding-block: 80px; }
.pd-experiment .px-community-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: center; }
.pd-experiment .px-community-photo img { width: 100%; aspect-ratio: 1/1.15; object-fit: cover; object-position: 64% center; }
.pd-experiment .px-community-grid h2 + p { margin-top: 22px; }
.pd-experiment .px-community-grid blockquote { border-left: 3px solid #d8ae99; padding-left: 24px; margin-block: 26px; }
.pd-experiment .px-community-grid blockquote p { font: italic 23px/1.5 Georgia,serif; color: var(--pd-ink); }
.pd-experiment .px-community-grid cite { margin-top: 14px; }
.pd-experiment .px-start-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.pd-experiment .px-start-grid h2 { margin-bottom: 24px; }
.pd-experiment .px-start-grid .pd-button { margin-top: 28px; }
.pd-experiment .px-timeline { list-style: none; padding: 0; margin: 0; }
.pd-experiment .px-timeline li { display: grid; grid-template-columns: 42px 1fr; gap: 24px; padding-bottom: 34px; }
.pd-experiment .px-timeline li > span { width: 42px; height: 42px; display: grid; place-items: center; background: #efe2da; border-radius: 50%; color: #825d48; font: italic 22px Georgia,serif; }
.pd-experiment .px-timeline h3 { margin-bottom: 10px; }
.pd-experiment .px-guide-faq-section { padding-block: 72px; background: #faf7f5; }
.pd-experiment .px-guide-final { background: #e5c6b5; }
.pd-experiment .px-guide-final .px-wrap { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.pd-experiment .px-guide-final h2 em { color: #795746; }
.pd-experiment .px-guide-final h2 + p { margin-top: 16px; }
.pd-experiment .px-guide-final .pd-button { background: var(--pd-ink); color: #fff; flex-shrink: 0; }
.pd-experiment .pd-footer { padding-block: 60px 28px; }
@media (min-width: 1700px) {
  .pd-experiment .px-hero-image { object-position: center 48%; }
  .pd-experiment .px-hero-inner { min-height: 620px; }
}
@media (max-width: 1000px) {
  .pd-experiment .px-wrap { width: calc(100% - 48px); }
  .pd-experiment .px-hero-inner { min-height: 540px; }
  .pd-experiment .px-editorial-hero h1 { font-size: 64px; }
  .pd-experiment .px-guide-hero h1 { font-size: 50px; }
  .pd-experiment .px-guide-hero .px-hero-copy { max-width: 510px; }
  .pd-experiment .px-section { padding-block: 64px; }
  .pd-experiment :is(.px-intro-grid,.px-support-grid,.px-faq-grid,.px-role-grid,.px-community-grid,.px-start-grid) { gap: 40px; }
  .pd-experiment main h2 { font-size: 34px; }
  .pd-experiment .px-photo-caption { display: none; }
  .pd-experiment .px-principles { gap: 24px; }
  .pd-experiment .px-benefit-strip p { padding-inline: 16px; }
}
@media (max-width: 700px) {
  .pd-experiment .px-wrap { width: calc(100% - 40px); }
  .pd-experiment .px-hero-inner { min-height: 530px; padding-block: 42px; align-items: end; }
  .pd-experiment .px-editorial-hero .px-hero-image { object-position: 67% center; }
  .pd-experiment .px-editorial-hero::after { background: linear-gradient(0deg, rgba(26,23,21,.92), rgba(26,23,21,.42) 80%); }
  .pd-experiment .px-editorial-hero h1 { font-size: 50px; }
  .pd-experiment .px-hero-copy > p:not(.px-kicker):not(.px-fine) { font-size: 16px; margin-top: 20px; }
  .pd-experiment main .px-kicker { margin-bottom: 15px; }
  .pd-experiment .px-actions { gap: 18px; margin-top: 24px; }
  .pd-experiment .px-actions .px-text-link { font-size: 12px; }
  .pd-experiment .px-benefit-strip .px-wrap { grid-template-columns: 1fr 1fr; gap: 20px 0; padding-block: 22px; }
  .pd-experiment .px-benefit-strip p { padding: 0 12px; font-size: 11px; }
  .pd-experiment .px-benefit-strip p:nth-child(odd) { padding-left: 0; border: 0; }
  .pd-experiment .px-benefit-strip strong { font-size: 14px; }
  .pd-experiment :is(.px-intro-grid,.px-support-grid,.px-faq-grid,.px-role-grid,.px-community-grid,.px-start-grid) { grid-template-columns: 1fr; gap: 30px; }
  .pd-experiment .px-section { padding-block: 52px; }
  .pd-experiment main h2 { font-size: 32px; }
  .pd-experiment main .px-lead { font-size: 20px; }
  .pd-experiment .px-principles, .pd-experiment .px-steps { grid-template-columns: 1fr; gap: 26px; margin-top: 35px; }
  .pd-experiment .px-index { margin-bottom: 16px; }
  .pd-experiment .px-support-band { padding-block: 42px; }
  .pd-experiment .px-support-grid img { aspect-ratio: 5/4; }
  .pd-experiment .px-section-heading { display: block; margin-bottom: 30px; }
  .pd-experiment .px-section-heading > :last-child { margin-top: 22px; }
  .pd-experiment .px-quote-band { padding-block: 50px; }
  .pd-experiment .px-quote-band blockquote p { font-size: 27px; }
  .pd-experiment .px-final { padding-block: 50px; }
  .pd-experiment .px-editorial-final h2 { font-size: 34px; }
  .pd-experiment .px-guide-hero .px-hero-inner { min-height: 520px; }
  .pd-experiment .px-guide-hero .px-hero-image { object-position: 67% center; }
  .pd-experiment .px-guide-hero::after { background: linear-gradient(0deg, rgba(255,255,255,.98), rgba(255,255,255,.78) 65%, rgba(255,255,255,.14)); }
  .pd-experiment .px-guide-hero h1 { font-size: 42px; }
  .pd-experiment .px-guide-index a { font-size: 11px; padding: 16px 5px; }
  .pd-experiment .px-guide-index span { display: block; margin: 0 0 5px; }
  .pd-experiment .px-question-band { padding-block: 48px; }
  .pd-experiment .px-answer-grid { grid-template-columns: 1fr; }
  .pd-experiment .px-community-section { padding-block: 48px; }
  .pd-experiment .px-community-photo img { aspect-ratio: 5/4; }
  .pd-experiment .px-guide-faq-section { padding-block: 48px; }
  .pd-experiment .px-guide-final .px-wrap { display: block; }
  .pd-experiment .px-guide-final .pd-button { margin-top: 28px; }
}
@media (max-width: 360px) {
  .pd-experiment .px-editorial-hero h1 { font-size: 44px; }
  .pd-experiment .px-guide-hero h1 { font-size: 37px; }
  .pd-experiment .px-wrap { width: calc(100% - 32px); }
}
