/** Shopify CDN: Minification failed

Line 2312:0 All "@import" rules must come first
Line 3565:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:ac-final-chapter (INDEX:4) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@500;600;700&display=swap');

  html.ac-final-lock,
  html.ac-final-lock body {
    overflow: hidden;
    overscroll-behavior: none;
  }

  @media (max-width: 760px) {
    html.ac-final-lock .footbar-fixed-right {
      display: none !important;
    }
  }

  .ac-final {
    --ac-line: color-mix(in srgb, var(--ac-gold) 34%, transparent);
    --ac-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --ac-sans: var(--font-body-family, Poppins, Montserrat, Arial, sans-serif);
    width: 100%;
    color: var(--ac-cream);
    background: var(--ac-night);
    font-family: var(--ac-sans);
    overflow: hidden;
  }

  .ac-final,
  .ac-final * {
    box-sizing: border-box;
  }

  .ac-final__sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .ac-final button,
  .ac-final a {
    font: inherit;
  }

  .ac-final__review-seam {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: color-mix(in srgb, var(--ac-wine) 42%, var(--ac-night));
    border-bottom: 1px solid color-mix(in srgb, var(--ac-gold) 22%, transparent);
  }

  .ac-final__review-note {
    min-width: 0;
    margin: 0;
    padding: 19px 24px;
    border-right: 1px solid color-mix(in srgb, var(--ac-gold) 20%, transparent);
  }

  .ac-final__review-note:last-child {
    border-right: 0;
  }

  .ac-final__stars {
    margin-bottom: 7px;
    color: var(--ac-gold);
    font-size: 13px;
    letter-spacing: 2px;
  }

  .ac-final__review-note blockquote {
    margin: 0;
    color: color-mix(in srgb, var(--ac-cream) 91%, var(--ac-rose));
    font-family: var(--ac-serif);
    font-size: 15px;
    font-style: normal;
    line-height: 1.35;
  }

  .ac-final__closing {
    position: relative;
    isolation: isolate;
    min-height: 0;
    padding: 64px clamp(32px, 4.5vw, 78px) 50px;
    background:
      radial-gradient(circle at 8% 72%, color-mix(in srgb, var(--ac-wine) 42%, transparent), transparent 27%),
      radial-gradient(circle at 87% 16%, color-mix(in srgb, var(--ac-wine) 34%, transparent), transparent 25%),
      linear-gradient(118deg, var(--ac-night) 0%, var(--ac-wine-deep) 48%, var(--ac-night) 100%);
  }

  .ac-final__closing--image {
    background:
      linear-gradient(118deg, color-mix(in srgb, var(--ac-night) 90%, transparent), color-mix(in srgb, var(--ac-wine-deep) 88%, transparent)),
      var(--ac-background-image) center / cover no-repeat;
  }

  .ac-final__closing::before,
  .ac-final__closing::after {
    position: absolute;
    z-index: -1;
    width: 285px;
    height: 112px;
    border-radius: 100% 0 100% 0;
    background: radial-gradient(circle at 72% 52%, color-mix(in srgb, var(--ac-wine) 88%, black), color-mix(in srgb, var(--ac-wine-deep) 94%, black) 70%);
    box-shadow: 72px -34px 0 color-mix(in srgb, var(--ac-wine) 34%, transparent), 135px 24px 0 color-mix(in srgb, var(--ac-wine) 20%, transparent);
    content: "";
    filter: blur(.7px) drop-shadow(0 20px 30px rgba(0, 0, 0, .5));
    opacity: .5;
    pointer-events: none;
  }

  .ac-final__closing::before {
    bottom: 34px;
    left: -112px;
    transform: rotate(18deg);
  }

  .ac-final__closing::after {
    top: 82px;
    right: -120px;
    opacity: .25;
    transform: rotate(205deg) scale(.78);
  }

  .ac-final__intro {
    max-width: 920px;
    margin: 0 auto 44px;
    text-align: center;
  }

  .ac-final__kicker,
  .ac-final__detail-kicker,
  .ac-final__panel-label {
    color: var(--ac-gold);
    font-family: var(--ac-sans);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .19em;
    text-transform: uppercase;
  }

  .ac-final__kicker {
    margin: 0 0 14px;
    font-size: 12px;
    letter-spacing: .22em;
  }

  .ac-final__intro h2 {
    margin: 0;
    color: var(--ac-cream);
    font-family: var(--ac-serif);
    font-size: clamp(52px, 4.6vw, 74px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.02em;
    text-transform: none;
  }

  .ac-final__intro h2 em {
    color: var(--ac-rose-light);
    font-weight: 400;
  }

  .ac-final__intro-copy {
    max-width: 760px;
    margin: 18px auto 0;
    color: var(--ac-muted);
    font-family: var(--ac-serif);
    font-size: clamp(19px, 1.3vw, 22px);
    line-height: 1.5;
  }

  .ac-final__intro-copy p,
  .ac-final__detail-text p {
    margin: 0;
  }

  .ac-final__panel-grid {
    display: grid;
    grid-template-columns: 1fr 1.12fr 1fr;
    gap: 22px;
    width: min(1380px, 100%);
    margin: 0 auto;
  }

  .ac-final__panel {
    position: relative;
    min-width: 0;
    min-height: 500px;
    padding: 0;
    overflow: hidden;
    appearance: none;
    color: inherit;
    text-align: left;
    border: 1px solid var(--ac-line);
    border-radius: 3px;
    background: linear-gradient(155deg, color-mix(in srgb, var(--ac-wine) 43%, var(--ac-night)), color-mix(in srgb, var(--ac-night) 98%, var(--ac-wine-deep)));
    box-shadow: 0 28px 70px rgba(0, 0, 0, .25);
    cursor: pointer;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }

  .ac-final__panel::before {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .035), transparent 30%),
      radial-gradient(circle at 80% 5%, color-mix(in srgb, var(--ac-rose) 17%, transparent), transparent 34%);
    content: "";
    pointer-events: none;
  }

  .ac-final__panel:hover,
  .ac-final__panel:focus-visible {
    border-color: color-mix(in srgb, var(--ac-rose-light) 72%, transparent);
    box-shadow: 0 32px 80px rgba(0, 0, 0, .36);
    outline: none;
    transform: translateY(-3px);
  }

  .ac-final__panel--featured {
    min-height: 524px;
    margin-top: -24px;
    border-color: color-mix(in srgb, var(--ac-rose) 75%, transparent);
    background:
      radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--ac-rose) 22%, transparent), transparent 44%),
      linear-gradient(155deg, color-mix(in srgb, var(--ac-wine) 70%, var(--ac-night)), var(--ac-wine-deep) 72%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ac-rose) 14%, transparent), 0 32px 80px rgba(0, 0, 0, .36);
  }

  .ac-final__panel-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: inherit;
    padding: 36px 34px 32px;
  }

  .ac-final__roman {
    color: var(--ac-gold);
    font-family: var(--ac-serif);
    font-size: 24px;
    font-style: italic;
  }

  .ac-final__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: 24px 0 22px;
    color: var(--ac-rose-light);
    border: 1px solid color-mix(in srgb, var(--ac-rose-light) 48%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--ac-wine) 34%, transparent);
  }

  .ac-final__icon svg {
    width: 23px;
    height: 23px;
    stroke-width: 1.8;
  }

  .ac-final__panel-label {
    margin: 0 0 12px;
    font-size: 13px;
    letter-spacing: .18em;
  }

  .ac-final__panel-title {
    display: block;
    margin: 0 0 16px;
    color: var(--ac-cream);
    font-family: var(--ac-serif);
    font-size: clamp(32px, 2.25vw, 40px);
    font-weight: 400;
    line-height: 1.02;
  }

  .ac-final__panel-copy {
    display: block;
    margin: 0 0 24px;
    color: var(--ac-muted);
    font-family: var(--ac-serif);
    font-size: clamp(18px, 1.2vw, 21px);
    line-height: 1.45;
  }

  .ac-final__panel-mobile-note,
  .ac-final__last-copy-mobile,
  .ac-final__cta-mobile-label {
    display: none;
  }

  .ac-final__open {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 20px;
    color: var(--ac-cream);
    border-top: 1px solid color-mix(in srgb, var(--ac-gold) 25%, transparent);
    font-family: var(--ac-sans);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  .ac-final__open svg {
    width: 15px;
    height: 15px;
    transition: transform .22s ease;
  }

  .ac-final__panel:hover .ac-final__open svg,
  .ac-final__panel:focus-visible .ac-final__open svg {
    transform: translate(2px, -2px);
  }

  .ac-final__last-call {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: min(1380px, 100%);
    margin: 24px auto 0;
    padding: 28px 32px;
    border: 1px solid color-mix(in srgb, var(--ac-gold) 34%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, var(--ac-wine) 74%, transparent), color-mix(in srgb, var(--ac-wine-deep) 90%, transparent));
  }

  .ac-final__last-copy {
    display: flex;
    align-items: baseline;
    gap: 22px;
  }

  .ac-final__last-copy strong,
  .ac-final__last-copy span {
    font-family: var(--ac-serif);
    font-weight: 400;
  }

  .ac-final__last-copy strong {
    color: var(--ac-cream);
    font-size: 38px;
  }

  .ac-final__last-copy span {
    color: var(--ac-muted);
    font-size: 24px;
  }

  .ac-final__cta,
  .ac-final__detail-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 18px 32px;
    color: #fff7f3;
    text-align: center;
    text-decoration: none;
    border: 1px solid color-mix(in srgb, var(--ac-rose-light) 72%, var(--ac-rose));
    border-radius: 2px;
    background: var(--ac-rose);
    cursor: pointer;
    font-family: var(--ac-sans);
    font-size: 17px !important;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .13em;
    text-transform: uppercase;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  }

  .ac-final__cta:hover,
  .ac-final__cta:focus-visible,
  .ac-final__detail-link:hover,
  .ac-final__detail-link:focus-visible {
    color: #fff;
    text-decoration: none;
    border-color: var(--ac-rose-light);
    background: var(--ac-rose-light);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--ac-rose) 28%, transparent);
    outline: none;
    transform: translateY(-2px);
  }

  .ac-final__cta {
    color: var(--ac-night);
    border-color: color-mix(in srgb, var(--ac-gold) 82%, white);
    background: linear-gradient(135deg, color-mix(in srgb, var(--ac-gold) 84%, white), var(--ac-gold));
    box-shadow: 0 10px 28px color-mix(in srgb, var(--ac-gold) 18%, transparent);
  }

  .ac-final__cta:hover,
  .ac-final__cta:focus-visible {
    color: var(--ac-night);
    border-color: color-mix(in srgb, var(--ac-gold) 72%, white);
    background: color-mix(in srgb, var(--ac-gold) 76%, white);
    box-shadow: 0 13px 32px color-mix(in srgb, var(--ac-gold) 28%, transparent);
  }

  .ac-final__detail-layer[hidden] {
    display: none;
  }

  .ac-final__detail-layer {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: color-mix(in srgb, var(--ac-night) 92%, transparent);
    scrollbar-color: var(--ac-rose) var(--ac-night);
    scrollbar-gutter: stable;
  }

  .ac-final__detail[hidden] {
    display: none;
  }

  .ac-final__detail {
    position: relative;
    width: min(1120px, 100%);
    min-height: 0;
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
    padding: 48px clamp(36px, 5vw, 64px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    color: var(--ac-cream);
    border: 1px solid color-mix(in srgb, var(--ac-gold) 46%, transparent);
    border-radius: 4px;
    background:
      radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--ac-rose) 19%, transparent), transparent 35%),
      linear-gradient(150deg, color-mix(in srgb, var(--ac-wine) 53%, var(--ac-night)), color-mix(in srgb, var(--ac-night) 94%, var(--ac-wine-deep)) 72%);
    box-shadow: 0 30px 100px rgba(0, 0, 0, .62);
  }

  .ac-final__detail > .ac-final__detail-kicker,
  .ac-final__detail > h3,
  .ac-final__detail > .ac-final__detail-text,
  .ac-final__detail > .ac-final__about-layout,
  .ac-final__detail > .ac-final__trigger-picture,
  .ac-final__detail > .ac-final__trigger-placeholder,
  .ac-final__detail > .ac-final__reading-list {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .ac-final__close {
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 18px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    color: var(--ac-cream);
    border: 1px solid color-mix(in srgb, var(--ac-gold) 48%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--ac-night) 88%, transparent);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
    cursor: pointer;
  }

  .ac-final__close:hover,
  .ac-final__close:focus-visible {
    color: #fff;
    background: color-mix(in srgb, var(--ac-rose) 30%, transparent);
    outline: 1px solid color-mix(in srgb, var(--ac-rose-light) 60%, transparent);
  }

  .ac-final__close svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.6;
  }

  .ac-final__detail-kicker {
    margin: 0 0 9px;
    font-size: 12px;
    letter-spacing: .22em;
  }

  .ac-final__detail h3 {
    margin: 0 0 22px;
    padding-right: 40px;
    color: var(--ac-cream);
    font-family: var(--ac-serif);
    font-size: clamp(42px, 4vw, 60px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.015em;
    text-transform: none;
  }

  .ac-final__detail-text {
    color: var(--ac-muted);
    font-family: var(--ac-serif);
    font-size: clamp(18px, 1.35vw, 22px);
    line-height: 1.58;
  }

  .ac-final__detail-text a {
    color: var(--ac-rose-light);
  }

  .ac-final__detail-link {
    margin-top: 23px;
  }

  .ac-final__about-layout {
    display: grid;
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
    gap: clamp(38px, 5vw, 64px);
    align-items: center;
    max-width: 1000px;
  }

  .ac-final__detail--about {
    width: min(1080px, 100%);
  }

  .ac-final__detail--about h3 {
    font-size: clamp(46px, 4.2vw, 64px);
  }

  .ac-final__detail--about .ac-final__detail-text {
    max-width: 700px;
    font-size: clamp(20px, 1.4vw, 23px);
  }

  .ac-final__monogram {
    display: grid;
    place-items: center;
    width: 150px;
    aspect-ratio: 1;
    color: var(--ac-cream);
    border: 1px solid color-mix(in srgb, var(--ac-gold) 60%, transparent);
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--ac-wine) 72%, transparent), color-mix(in srgb, var(--ac-wine-deep) 86%, transparent) 68%);
    font-family: var(--ac-serif);
    font-size: 52px;
    font-weight: 400;
    line-height: 1;
  }

  .ac-final__author-portrait {
    position: relative;
    width: min(300px, 24vw);
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ac-gold) 66%, transparent);
    border-radius: 48% 48% 8px 8px;
    background: var(--ac-wine-deep);
    box-shadow: 0 22px 70px rgba(0, 0, 0, .38), 0 0 0 7px color-mix(in srgb, var(--ac-gold) 7%, transparent);
  }

  .ac-final__author-portrait::after {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 60px color-mix(in srgb, var(--ac-wine-deep) 22%, transparent);
    content: "";
    pointer-events: none;
  }

  .ac-final__author-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--ac-author-x) var(--ac-author-y);
    transform: scale(var(--ac-author-zoom));
    transform-origin: var(--ac-author-x) var(--ac-author-y);
    image-rendering: auto;
  }

  .ac-final__trigger-picture {
    display: block;
    margin-top: 32px;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .ac-final__detail--triggers .ac-final__trigger-picture,
  .ac-final__detail--triggers .ac-final__trigger-placeholder {
    width: min(780px, 100%);
    margin-right: auto;
    margin-left: auto;
  }

  .ac-final__detail--triggers > .ac-final__detail-kicker,
  .ac-final__detail--triggers > h3,
  .ac-final__detail--triggers > .ac-final__detail-text {
    width: min(780px, 100%);
  }

  .ac-final__detail--triggers {
    width: min(980px, 100%);
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ac-final__trigger-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(calc(100dvh - 120px), 960px);
    height: auto;
    margin: 0 auto;
    object-fit: contain;
  }

  @media (min-width: 1001px) {
    .ac-final__detail--triggers {
      display: grid;
      grid-template-columns: minmax(250px, 340px) minmax(0, 1fr);
      grid-template-rows: auto auto 1fr;
      grid-template-areas:
        "kicker artwork"
        "title artwork"
        "copy artwork";
      column-gap: clamp(34px, 4vw, 64px);
      align-items: start;
      width: min(1500px, 100%);
      padding: 32px clamp(34px, 4vw, 58px);
      border-color: color-mix(in srgb, var(--ac-gold) 30%, transparent);
    }

    .ac-final__detail--triggers > .ac-final__detail-kicker {
      grid-area: kicker;
      align-self: end;
      width: 100%;
      margin-top: clamp(32px, 10vh, 110px);
    }

    .ac-final__detail--triggers > h3 {
      grid-area: title;
      width: 100%;
      padding-right: 0;
      font-size: clamp(44px, 3.5vw, 62px);
      line-height: 1;
    }

    .ac-final__detail--triggers > .ac-final__detail-text {
      grid-area: copy;
      width: 100%;
    }

    .ac-final__detail--triggers > .ac-final__trigger-picture,
    .ac-final__detail--triggers > .ac-final__trigger-placeholder {
      grid-area: artwork;
      align-self: center;
      width: 100%;
      margin: 0;
    }

    .ac-final__detail--readable {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
      grid-template-rows: auto auto 1fr;
      grid-template-areas:
        "kicker intro"
        "title intro"
        "menu menu";
      gap: 0 clamp(30px, 4vw, 62px);
      align-items: end;
      width: min(1540px, 100%);
      padding: 30px clamp(34px, 4vw, 54px);
    }

    .ac-final__detail--readable > .ac-final__detail-kicker {
      grid-area: kicker;
      align-self: end;
      margin-top: 0;
    }

    .ac-final__detail--readable > h3 {
      grid-area: title;
      align-self: start;
      margin-bottom: 0;
      font-size: clamp(44px, 3.3vw, 58px);
      white-space: nowrap;
    }

    .ac-final__detail--readable > .ac-final__detail-text {
      grid-area: intro;
      align-self: center;
      padding-right: 44px;
      font-size: 19px;
    }

    .ac-final__detail--readable > .ac-final__trigger-readable {
      grid-area: menu;
    }
  }

  .ac-final__trigger-readable {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    margin-top: 22px;
  }

  .ac-final__trigger-group {
    min-width: 0;
    padding: 18px 20px 17px;
    border: 1px solid color-mix(in srgb, var(--ac-gold) 46%, transparent);
    border-radius: 2px;
    background: color-mix(in srgb, var(--ac-night) 84%, var(--ac-wine-deep));
  }

  .ac-final__trigger-group summary {
    margin: 0 0 13px;
    padding: 0 0 11px;
    border-bottom: 1px solid color-mix(in srgb, var(--ac-gold) 42%, transparent);
    cursor: default;
    list-style: none;
  }

  .ac-final__trigger-group summary::-webkit-details-marker {
    display: none;
  }

  .ac-final__trigger-group h4 {
    margin: 0;
    padding: 0;
    color: color-mix(in srgb, var(--ac-gold) 78%, var(--ac-cream));
    border: 0;
    font-family: var(--ac-sans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .015em;
    text-transform: uppercase;
  }

  .ac-final__trigger-group ul {
    margin: 0;
    padding: 0;
    columns: 2;
    column-gap: 24px;
    list-style: none;
  }

  .ac-final__trigger-group li {
    position: relative;
    margin: 0 0 4px;
    padding-left: 16px;
    break-inside: avoid;
    color: var(--ac-cream);
    font-family: var(--ac-serif);
    font-size: 20px;
    line-height: 1.16;
  }

  .ac-final__trigger-group li::before {
    position: absolute;
    top: .45em;
    left: 2px;
    width: 7px;
    height: 7px;
    background: var(--ac-rose-light);
    content: "";
    transform: rotate(45deg);
  }

  .ac-final__trigger-placeholder {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
    border: 1px solid color-mix(in srgb, var(--ac-gold) 42%, transparent);
    background: color-mix(in srgb, var(--ac-night) 84%, black);
  }

  .ac-final__trigger-cell {
    min-height: 130px;
    padding: 24px;
    border-right: 1px solid color-mix(in srgb, var(--ac-gold) 25%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--ac-gold) 25%, transparent);
  }

  .ac-final__trigger-cell:nth-child(2n) {
    border-right: 0;
  }

  .ac-final__trigger-cell:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .ac-final__trigger-cell b {
    display: block;
    margin-bottom: 8px;
    color: var(--ac-rose-light);
    font-family: var(--ac-serif);
    font-size: 22px;
    font-weight: 400;
  }

  .ac-final__trigger-cell span {
    color: var(--ac-muted);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .ac-final__reading-list {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 38px;
    padding: 0;
    list-style: none;
    border-top: 1px solid color-mix(in srgb, var(--ac-gold) 44%, transparent);
    background: transparent;
  }

  .ac-final__book {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    min-width: 0;
    min-height: 88px;
    padding: 19px 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--ac-gold) 32%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, var(--ac-wine) 0%, transparent), transparent);
    transition: background .25s ease, padding .25s ease;
  }

  .ac-final__book:hover,
  .ac-final__book:focus-within {
    padding-right: 20px;
    padding-left: 20px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ac-wine) 44%, transparent), transparent 82%);
  }

  .ac-final__book b {
    margin: 0;
    color: var(--ac-gold);
    font-family: var(--ac-sans);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .16em;
  }

  .ac-final__book span,
  .ac-final__book a {
    color: var(--ac-cream);
    font-family: var(--ac-serif);
    font-size: clamp(29px, 2.2vw, 38px);
    line-height: 1.05;
    text-decoration: none;
    white-space: nowrap;
  }

  .ac-final__detail--order > .ac-final__detail-kicker,
  .ac-final__detail--order > h3,
  .ac-final__detail--order > .ac-final__detail-text,
  .ac-final__detail--order > .ac-final__reading-list {
    width: min(1080px, 100%);
  }

  .ac-final__detail--order {
    width: min(980px, 100%);
  }

  .ac-final__book a:hover,
  .ac-final__book a:focus-visible {
    color: var(--ac-rose-light);
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  @media (max-width: 760px) {
    .ac-final__review-seam {
      grid-template-columns: 1fr;
    }

    .ac-final__review-note:nth-child(n + 2) {
      display: none;
    }

    .ac-final__review-note {
      border-right: 0;
    }

    .ac-final__closing {
      min-height: 0;
      padding: 56px 18px 42px;
    }

    .ac-final__closing--image {
      background:
        linear-gradient(118deg, color-mix(in srgb, var(--ac-night) 88%, transparent), color-mix(in srgb, var(--ac-wine-deep) 86%, transparent)),
        var(--ac-background-image-mobile) center / cover no-repeat;
    }

    .ac-final__intro {
      margin-bottom: 34px;
    }

    .ac-final__intro h2 {
      font-size: clamp(42px, 11vw, 52px);
    }

    .ac-final__intro-copy {
      font-size: 19px;
    }

    .ac-final__panel-grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }

    .ac-final__panel,
    .ac-final__panel--featured {
      min-height: 0;
      margin-top: 0;
    }

    .ac-final__panel--featured {
      order: -1;
    }

    .ac-final__panel-inner {
      min-height: 340px;
      padding: 30px 26px;
    }

    .ac-final__panel--featured .ac-final__panel-inner {
      min-height: 370px;
    }

    .ac-final__icon {
      width: 48px;
      height: 48px;
      margin: 20px 0;
    }

    .ac-final__panel-title {
      font-size: 32px;
    }

    .ac-final__panel-copy {
      margin-bottom: 22px;
      font-size: 19px;
    }

    .ac-final__last-call {
      align-items: stretch;
      flex-direction: column;
      padding: 30px 26px;
    }

    .ac-final__last-copy {
      display: block;
    }

    .ac-final__last-copy strong,
    .ac-final__last-copy span {
      display: block;
    }

    .ac-final__last-copy strong {
      font-size: 34px;
    }

    .ac-final__last-copy span {
      margin-top: 8px;
      font-size: 21px;
    }

    .ac-final__cta {
      width: 100%;
    }

    .ac-final__detail {
      width: 100%;
      min-height: 0;
      max-height: calc(100vh - 24px);
      max-height: calc(100dvh - 24px);
      margin: 0;
      padding: 58px 20px 30px;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .ac-final__detail-layer {
      padding: 12px;
    }

    .ac-final__detail h3 {
      margin-bottom: 18px;
      font-size: clamp(38px, 10.5vw, 48px);
    }

    .ac-final__detail-text {
      font-size: 19px;
      line-height: 1.55;
    }

    .ac-final__about-layout {
      grid-template-columns: 1fr;
      gap: 30px;
      align-content: start;
    }

    .ac-final__author-portrait {
      width: 210px;
    }

    .ac-final__detail--about h3 {
      font-size: clamp(42px, 12vw, 52px);
    }

    .ac-final__detail--about .ac-final__detail-text {
      font-size: 20px;
      line-height: 1.58;
    }

    .ac-final__monogram {
      width: 100px;
    }

    .ac-final__trigger-placeholder {
      grid-template-columns: 1fr;
    }

    .ac-final__trigger-readable {
      grid-template-columns: 1fr;
      gap: 12px;
      margin-top: 20px;
    }

    .ac-final__trigger-group {
      padding: 18px;
    }

    .ac-final__trigger-group h4 {
      font-size: 17px;
    }

    .ac-final__trigger-group ul {
      columns: 1;
    }

    .ac-final__trigger-group li {
      margin-bottom: 6px;
      font-size: 20px;
      line-height: 1.25;
    }

    .ac-final__trigger-picture--desktop-only {
      width: 100% !important;
      margin-top: 0;
    }

    .ac-final__trigger-picture--desktop-only .ac-final__trigger-image {
      width: 100%;
      max-width: 100%;
    }

    .ac-final__detail--triggers {
      padding-top: 58px;
      padding-bottom: 24px;
    }

    .ac-final__detail--triggers .ac-final__trigger-image {
      max-height: none;
    }

    .ac-final__trigger-cell,
    .ac-final__trigger-cell:nth-child(2n),
    .ac-final__trigger-cell:nth-last-child(-n + 2) {
      min-height: 105px;
      border-right: 0;
      border-bottom: 1px solid color-mix(in srgb, var(--ac-gold) 25%, transparent);
    }

    .ac-final__trigger-cell:last-child {
      border-bottom: 0;
    }

    .ac-final__reading-list {
      margin-top: 30px;
    }

    .ac-final__book {
      grid-template-columns: 36px minmax(0, 1fr);
      gap: 8px;
      min-height: 76px;
      padding: 16px 0;
    }

    .ac-final__book b {
      margin: 0;
      font-size: 14px;
    }

    .ac-final__book span,
    .ac-final__book a {
      font-size: clamp(21px, 6vw, 28px);
      white-space: nowrap;
    }

    .ac-final__book:hover,
    .ac-final__book:focus-within {
      padding-right: 8px;
      padding-left: 8px;
    }

    /* Compact mobile chapter menu from the approved mobile composition. */
    .ac-final__closing {
      padding: 32px 17px 21px;
    }

    .ac-final__intro {
      max-width: none;
      margin: 0 2px 22px;
      text-align: left;
    }

    .ac-final__kicker {
      margin-bottom: 8px;
      font-size: 9px;
      letter-spacing: .2em;
    }

    .ac-final__intro h2 {
      font-size: clamp(35px, 10.5vw, 43px);
      line-height: .94;
    }

    .ac-final__intro-copy {
      max-width: none;
      margin-top: 10px;
      font-size: 15px;
      line-height: 1.35;
    }

    .ac-final__panel-grid {
      display: block;
      overflow: hidden;
      border: 1px solid var(--ac-line);
      border-radius: 3px;
      background: color-mix(in srgb, var(--ac-night) 90%, var(--ac-wine-deep));
      box-shadow: 0 18px 45px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .025);
    }

    .ac-final__panel,
    .ac-final__panel--featured {
      display: block;
      width: 100%;
      min-height: 92px;
      overflow: visible;
      border: 0;
      border-bottom: 1px solid color-mix(in srgb, var(--ac-gold) 24%, transparent);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      order: initial;
    }

    .ac-final__panel:last-child {
      border-bottom: 0;
    }

    .ac-final__panel:hover,
    .ac-final__panel:focus-visible {
      border-color: color-mix(in srgb, var(--ac-gold) 24%, transparent);
      background: color-mix(in srgb, var(--ac-rose) 8%, transparent);
      box-shadow: none;
      transform: none;
    }

    .ac-final__panel::before {
      display: none;
    }

    .ac-final__panel-inner,
    .ac-final__panel--featured .ac-final__panel-inner {
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr) 42px;
      grid-template-rows: auto auto auto;
      grid-template-areas:
        "index label icon"
        "index title icon"
        "index note icon";
      align-items: center;
      gap: 0 11px;
      min-height: 92px;
      padding: 14px 13px 14px 15px;
    }

    .ac-final__roman {
      grid-area: index;
      align-self: center;
      font-size: 20px;
    }

    .ac-final__icon {
      grid-area: icon;
      width: 42px;
      height: 42px;
      margin: 0;
    }

    .ac-final__icon svg {
      width: 17px;
      height: 17px;
    }

    .ac-final__panel-label {
      grid-area: label;
      margin: 0 0 4px;
      font-size: 9px;
      letter-spacing: .15em;
    }

    .ac-final__panel-title {
      grid-area: title;
      margin: 0 0 2px;
      font-size: clamp(21px, 6.1vw, 24px);
      line-height: 1;
    }

    .ac-final__panel-copy,
    .ac-final__open {
      display: none;
    }

    .ac-final__panel-mobile-note {
      display: block;
      grid-area: note;
      color: color-mix(in srgb, var(--ac-muted) 82%, var(--ac-night));
      font-family: var(--ac-serif);
      font-size: 14px;
      line-height: 1.15;
    }

    .ac-final__last-call {
      position: relative;
      display: block;
      margin-top: 19px;
      padding: 17px 0 0;
      text-align: center;
      border: 0;
      border-top: 1px solid color-mix(in srgb, var(--ac-gold) 28%, transparent);
      background: transparent;
    }

    .ac-final__last-call::before {
      position: absolute;
      top: -7px;
      left: calc(50% - 11px);
      width: 22px;
      color: var(--ac-gold);
      background: var(--ac-night);
      content: "◆";
      font-size: 8px;
      line-height: 12px;
    }

    .ac-final__last-copy {
      display: block;
    }

    .ac-final__last-copy strong {
      display: block;
      margin-bottom: 5px;
      color: var(--ac-rose-light);
      font-size: 25px;
      font-style: italic;
      line-height: 1;
    }

    .ac-final__last-copy-desktop,
    .ac-final__cta-desktop-label {
      display: none !important;
    }

    .ac-final__last-copy-mobile {
      display: block !important;
      margin-top: 0 !important;
      color: var(--ac-gold) !important;
      font-family: var(--ac-sans) !important;
      font-size: 9px !important;
      font-weight: 500 !important;
      line-height: 1.35;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .ac-final__cta-mobile-label {
      display: inline;
    }

    .ac-final__cta {
      width: 100%;
      min-height: 49px;
      margin-top: 11px;
      padding: 13px 18px;
      font-size: 11px !important;
    }

    .ac-final__detail-layer {
      align-items: flex-end;
      justify-content: stretch;
      padding: max(8px, env(safe-area-inset-top)) 0 0;
      overflow: hidden;
      background: color-mix(in srgb, var(--ac-night) 86%, transparent);
    }

    .ac-final__detail,
    .ac-final__detail--about,
    .ac-final__detail--triggers,
    .ac-final__detail--order,
    .ac-final__detail--readable {
      position: relative;
      width: 100%;
      height: 100%;
      min-height: 100%;
      max-height: 100%;
      margin: 0;
      padding: 40px 18px max(27px, env(safe-area-inset-bottom));
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-y: contain;
      touch-action: pan-y;
      border: 1px solid color-mix(in srgb, var(--ac-gold) 48%, transparent);
      border-bottom: 0;
      border-radius: 23px 23px 0 0;
      background:
        radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--ac-rose) 18%, transparent), transparent 32%),
        linear-gradient(155deg, color-mix(in srgb, var(--ac-wine) 50%, var(--ac-night)), var(--ac-night) 70%);
      box-shadow: 0 -28px 70px rgba(0, 0, 0, .5);
    }

    .ac-final__detail::before {
      position: absolute;
      top: 13px;
      left: calc(50% - 20px);
      width: 40px;
      height: 4px;
      border-radius: 99px;
      background: color-mix(in srgb, var(--ac-cream) 28%, transparent);
      content: "";
    }

    .ac-final__close {
      position: fixed;
      top: 15px;
      right: 16px;
      width: 44px;
      height: 44px;
    }

    .ac-final__detail-kicker {
      margin: 0 56px 6px 0;
      font-size: 9px;
      letter-spacing: .18em;
    }

    .ac-final__detail h3,
    .ac-final__detail--about h3 {
      margin: 0 0 16px;
      padding-right: 52px;
      font-size: clamp(32px, 9vw, 36px);
      line-height: .96;
    }

    .ac-final__detail-text,
    .ac-final__detail--about .ac-final__detail-text {
      font-size: 17px;
      line-height: 1.45;
    }

    .ac-final__about-layout {
      grid-template-columns: 1fr;
      grid-template-areas:
        "kicker"
        "title"
        "portrait"
        "copy"
        "link";
      gap: 20px;
    }

    .ac-final__about-copy {
      display: contents;
    }

    .ac-final__about-copy .ac-final__detail-kicker {
      grid-area: kicker;
      margin-bottom: -15px;
    }

    .ac-final__about-copy h3 {
      grid-area: title;
      margin-bottom: 0;
    }

    .ac-final__about-copy .ac-final__detail-text {
      grid-area: copy;
    }

    .ac-final__about-copy .ac-final__detail-link {
      grid-area: link;
      justify-self: start;
      margin-top: 0;
    }

    .ac-final__author-portrait {
      grid-area: portrait;
      width: 130px;
      margin-top: 2px;
    }

    .ac-final__monogram {
      grid-area: portrait;
      width: 92px;
      margin-top: 2px;
      font-size: 39px;
    }

    .ac-final__trigger-readable {
      gap: 9px;
      margin-top: 17px;
      padding-bottom: 18px;
    }

    .ac-final__trigger-group {
      padding: 0;
      overflow: hidden;
      border-color: color-mix(in srgb, var(--ac-gold) 38%, transparent);
      background: color-mix(in srgb, var(--ac-night) 82%, var(--ac-wine-deep));
    }

    .ac-final__trigger-group summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      min-height: 58px;
      margin: 0;
      padding: 14px 16px;
      color: color-mix(in srgb, var(--ac-gold) 76%, var(--ac-cream));
      border-bottom: 1px solid color-mix(in srgb, var(--ac-gold) 28%, transparent);
      cursor: pointer;
      list-style: none;
    }

    .ac-final__trigger-group summary::-webkit-details-marker {
      display: none;
    }

    .ac-final__trigger-group summary::after {
      flex: 0 0 auto;
      color: var(--ac-rose-light);
      content: "+";
      font-family: var(--ac-serif);
      font-size: 28px;
      font-weight: 400;
      line-height: 1;
    }

    .ac-final__trigger-group[open] summary::after {
      content: "−";
    }

    .ac-final__trigger-group h4 {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 15px;
      line-height: 1.25;
    }

    .ac-final__trigger-group ul {
      padding: 4px 16px 16px;
      columns: 1;
    }

    .ac-final__trigger-group li {
      margin-bottom: 7px;
      font-size: 19px;
      line-height: 1.25;
    }

    .ac-final__reading-list {
      margin-top: 17px;
    }

    .ac-final__book {
      grid-template-columns: 38px minmax(0, 1fr);
      gap: 11px;
      min-height: 56px;
      padding: 10px 0;
    }

    .ac-final__book b {
      font-family: var(--ac-serif);
      font-size: 20px;
      font-style: italic;
    }

    .ac-final__book span,
    .ac-final__book a {
      font-size: 18px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ac-final *,
    .ac-final *::before,
    .ac-final *::after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
    }
  }
/* END_SECTION:ac-final-chapter */

/* START_SECTION:ac-pwyw-offer (INDEX:5) */
/* Shared page fonts are loaded by ac-final-chapter. */

  .acpwyw {
    --ac-black: #050405;
    --ac-panel: #130b0e;
    --ac-panel-soft: #1d1115;
    --ac-wine: #32101c;
    --ac-wine-bright: #74213e;
    --ac-rose: #c14f70;
    --ac-rose-light: #e997ae;
    --ac-paper: #f0ddcf;
    --ac-gold: #c49a68;
    --ac-gold-light: #dfc19e;
    --ac-muted: #b8a39a;
    --ac-line: rgba(203, 157, 105, .3);
    --ac-display: "Cormorant Garamond", Baskerville, Georgia, serif;
    --ac-sans: Montserrat, Arial, sans-serif;
    --ac-velvet: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='velvet'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .055' numOctaves='2' seed='13' stitchTiles='stitch'/%3E%3CfeGaussianBlur stdDeviation='1.25'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23velvet)' opacity='.5'/%3E%3C/svg%3E");
    background: var(--ac-black);
    color: var(--ac-paper);
    font-family: var(--ac-sans);
    overflow: hidden;
  }

  .acpwyw *,
  .acpwyw *::before,
  .acpwyw *::after { box-sizing: border-box; }
  .acpwyw button,
  .acpwyw input { font: inherit; }
  .acpwyw button { -webkit-tap-highlight-color: transparent; }

  .acpwyw__stage {
    background:
      radial-gradient(circle at 8% 82%, rgba(101, 18, 43, .28), transparent 30rem),
      radial-gradient(circle at 92% 12%, rgba(77, 13, 33, .18), transparent 24rem),
      var(--ac-black);
    min-height: 760px;
    overflow: hidden;
    padding: 30px 14px 26px;
    position: relative;
  }
  .acpwyw__stage::before {
    background: linear-gradient(115deg, transparent 0 48%, rgba(180, 74, 102, .035) 49%, transparent 51%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }
  .acpwyw__background { inset: 0; position: absolute; z-index: 0; }
  .acpwyw__background img { filter: none; height: 100%; object-fit: cover; object-position: center top; width: 100%; }
  .acpwyw__veil {
    background: transparent;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }


  .acpwyw__intro,
  .acpwyw__card { margin-inline: auto; max-width: 560px; position: relative; z-index: 2; }
  .acpwyw__intro { padding: 34px 5px 28px; }
  .acpwyw__kicker { color: var(--ac-gold-light); display: block; font-size: 9px; letter-spacing: .19em; margin-bottom: 15px; text-transform: uppercase; }
  .acpwyw__intro h1 { color: var(--ac-paper); font-family: var(--ac-display); font-size: clamp(46px,13vw,66px); font-weight: 400; letter-spacing: -.035em; line-height: .92; margin: 0 0 26px; max-width: 10ch; text-transform: uppercase; }
  .acpwyw__intro h1 > span,
  .acpwyw__intro h1 em > span { display: block; }
  .acpwyw__intro h1 em { color: var(--ac-rose-light); display: block; font-size: .62em; font-weight: 400; letter-spacing: -.025em; line-height: 1.01; margin-top: .31em; max-width: 15ch; text-shadow: 0 0 32px rgba(201,79,115,.22); text-transform: none; }
  .acpwyw__kicker--mobile,
  .acpwyw__heading-mobile,
  .acpwyw__accent-mobile { display: none !important; }
  .acpwyw__mobile-cover { display: none; }
  .acpwyw__intro > p { color: #d7c9c2; font-family: var(--ac-display); font-size: 16px; line-height: 1.52; margin: 0; max-width: 34rem; }
  .acpwyw__proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 24px; }
  .acpwyw__proof > span { align-items: center; border-right: 1px solid rgba(184,138,88,.58); display: flex; justify-content: center; min-height: 54px; padding: 0 9px; text-align: center; }
  .acpwyw__proof > span:first-child { padding-left: 0; }
  .acpwyw__proof > span:last-child { border-right: 0; padding-right: 0; }
  .acpwyw__proof-content { align-items: center; display: flex; flex-direction: column; justify-content: center; max-width: 100%; text-align: center; width: max-content; }
  .acpwyw__proof b { color: var(--ac-gold-light); font-size: 12px; font-weight: 400; letter-spacing: .1em; line-height: 1; margin-bottom: 3px; }
  .acpwyw__proof strong { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 17px; font-weight: 400; letter-spacing: .02em; line-height: 1; }
  .acpwyw__proof > span:first-child strong { font-size: 14px; }
  .acpwyw__proof > span:nth-child(2) strong { font-variant-numeric: lining-nums; }
  .acpwyw__proof small { color: var(--ac-muted); font-size: 7.5px; font-weight: 700; letter-spacing: .13em; line-height: 1.25; margin-top: 5px; text-transform: uppercase; }
  .acpwyw__proof-compact { display: none; }

  .acpwyw__card {
    backdrop-filter: blur(18px);
    background: linear-gradient(150deg, rgba(31,18,23,.97), rgba(7,6,7,.985));
    border: 1px solid rgba(213,173,127,.38);
    border-radius: 14px;
    box-shadow: 0 34px 90px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04);
    color: var(--ac-paper);
    padding: 13px;
    width: 100%;
  }
  .acpwyw__card::before { background: linear-gradient(90deg,transparent,var(--ac-gold),var(--ac-rose),var(--ac-gold),transparent); border-radius: 99px; content: ""; height: 1px; left: 9%; opacity: .75; position: absolute; right: 9%; top: 0; }
  .acpwyw__card-topline { align-items: center; display: flex; justify-content: center; padding: 6px 5px 14px; text-align: center; }
  .acpwyw__card-topline span { color: var(--ac-gold-light); font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
  .acpwyw__card-topline span:first-child { display: none; }
  .acpwyw__card-topline .acpwyw__step-desktop { font-weight: 600; }
  .acpwyw__step-mobile { display: none; }

  .acpwyw__formats {
    background:
      linear-gradient(108deg, rgba(118,48,69,.19) 0%, transparent 36%, rgba(148,103,70,.055) 70%, transparent 100%),
      radial-gradient(ellipse 72% 210% at 17% -70%, rgba(151,76,98,.36), rgba(84,37,51,.13) 43%, transparent 70%),
      radial-gradient(ellipse 52% 175% at 78% 135%, rgba(104,67,52,.16), transparent 72%),
      linear-gradient(180deg, rgba(34,23,27,.985), rgba(9,7,8,.995));
    border: 1px solid rgba(202,157,112,.34);
    border-radius: 999px;
    box-shadow:
      inset 0 1px 0 rgba(255,239,230,.055),
      inset 0 -13px 25px rgba(0,0,0,.28),
      0 8px 24px rgba(0,0,0,.2);
    display: grid;
    grid-template-columns: minmax(0,35fr) minmax(0,32.5fr) minmax(0,32.5fr);
    height: 42px;
    isolation: isolate;
    margin-inline: auto;
    max-width: 508px;
    overflow: visible;
    padding: 1px;
    position: relative;
    width: 100%;
  }
  .acpwyw__formats::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.34'/%3E%3C/svg%3E");
    background-size: 150px 56px;
    border-radius: inherit;
    content: "";
    inset: 0;
    mix-blend-mode: soft-light;
    opacity: .15;
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }
  .acpwyw__formats button {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #d0ae82;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    letter-spacing: .17em;
    line-height: 1;
    margin: 0;
    min-height: 0;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
  }
  .acpwyw__formats button[aria-selected="true"] {
    background:
      radial-gradient(ellipse 90% 100% at 50% 0, rgba(255,205,217,.16), transparent 58%),
      linear-gradient(180deg,#c75a7c 0%,#ad3f63 52%,#932d51 100%);
    border-color: rgba(239,134,165,.66);
    box-shadow:
      inset 0 1px 0 rgba(255,234,239,.24),
      inset 0 -9px 17px rgba(91,17,42,.22),
      0 0 0 1px rgba(87,24,45,.82),
      0 0 20px rgba(196,72,109,.2);
    color: #fff0e5;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
  }
  .acpwyw__formats button[data-ac-format="audio"]::after {
    border-radius: 50%;
    border-right: 1px solid rgba(217,174,122,.22);
    box-shadow: 5px 0 10px rgba(197,148,95,.025);
    content: "";
    height: 36px;
    pointer-events: none;
    position: absolute;
    right: -5px;
    top: 0;
    width: 24px;
  }
  .acpwyw__formats button[data-ac-format="audio"][aria-selected="true"]::after { display: none; }
  .acpwyw__formats button[data-ac-format="complete"] { letter-spacing: .12em; padding-inline: 4px; }
  .acpwyw__format-mobile { display: none; }
  .acpwyw__best-value {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #fff6f1;
    display: block;
    font-size: 6.2px;
    font-style: normal;
    font-weight: 700;
    height: 17px;
    letter-spacing: .065em;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: -3px;
    top: -6px;
    transform: rotate(.35deg);
    white-space: nowrap;
    width: 61px;
  }
  .acpwyw__best-value svg {
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.28));
    height: 17px;
    inset: 0;
    overflow: visible;
    position: absolute;
    width: 61px;
    z-index: 1;
  }
  .acpwyw__best-value > span { left: 8px; position: absolute; text-align: center; top: 3px; width: 46px; z-index: 2; }

  .acpwyw__identity { align-items: center; background: transparent; border: 0; border-radius: 0; display: grid; gap: 14px; grid-template-columns: 118px 1fr; margin: 13px 0 16px; min-height: 160px; padding: 10px 4px; }
  .acpwyw__product-image { align-items: center; aspect-ratio: 1; display: flex; justify-content: center; min-width: 0; padding: 1px; position: relative; }
  .acpwyw__product-image img { filter: drop-shadow(0 12px 15px rgba(0,0,0,.56)); height: 100%; object-fit: contain; width: 100%; }
  .acpwyw__identity > div:last-child > span { color: var(--ac-gold-light); display: block; font-size: 11px; letter-spacing: .12em; line-height: 1.35; margin-bottom: 8px; text-transform: uppercase; }
  .acpwyw__identity h2 { color: var(--ac-paper); font-family: var(--ac-display); font-size: 32px; font-weight: 400; line-height: 1; margin: 0 0 10px; }
  .acpwyw__identity p { color: #d2c2bb; font-family: var(--ac-display); font-size: 16px; line-height: 1.5; margin: 0 0 11px; max-width: 68ch; }
  .acpwyw__identity small { color: #c0aaa0; font-size: 12px; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; }

  .acpwyw__audio-sample {
    background: transparent;
    border: 1px solid rgba(213,173,127,.29);
    border-radius: 4px;
    box-shadow: none;
    margin: -2px 0 16px 12.5%;
    padding: 5px 9px;
  }
  .acpwyw__audio-sample[hidden],
  .acpwyw__audio-ui[hidden],
  .acpwyw__audio-status[hidden],
  .acpwyw__audio-native[hidden] { display: none !important; }
  .acpwyw__audio-native { display: block; height: 40px; width: 100%; }
  .acpwyw__audio-ui {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-areas: "toggle meta wave time";
    grid-template-columns: 38px minmax(118px,158px) minmax(120px,1fr) auto;
    min-height: 42px;
  }
  .acpwyw__audio-toggle {
    align-items: center;
    appearance: none;
    background: linear-gradient(180deg,#c85b7c 0%,#a8355a 100%);
    border: 1px solid rgba(246,155,180,.65);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgba(255,236,241,.28), 0 3px 9px rgba(0,0,0,.3), 0 0 11px rgba(193,65,103,.13);
    color: #fff7f1;
    cursor: pointer;
    display: flex;
    grid-area: toggle;
    height: 32px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 32px;
  }
  .acpwyw__audio-toggle:hover { filter: brightness(1.08); }
  .acpwyw__audio-toggle:focus-visible,
  .acpwyw__audio-wave:focus-within { outline: 2px solid var(--ac-paper); outline-offset: 3px; }
  .acpwyw__audio-toggle svg { display: block; fill: currentColor; height: 11px; width: 11px; }
  .acpwyw__audio-toggle .acpwyw__audio-pause { display: none; }
  .acpwyw__audio-toggle.is-playing .acpwyw__audio-play { display: none; }
  .acpwyw__audio-toggle.is-playing .acpwyw__audio-pause { display: block; }
  .acpwyw__audio-meta { grid-area: meta; min-width: 0; }
  .acpwyw__audio-meta strong {
    color: var(--ac-gold-light);
    display: block;
    font-size: 11px;
    letter-spacing: .075em;
    line-height: 1.2;
    margin-bottom: 1px;
    text-transform: uppercase;
  }
  .acpwyw__audio-wave { align-items: center; border-left: 1px solid rgba(213,173,127,.16); display: flex; grid-area: wave; height: 34px; padding-left: 10px; position: relative; }
  .acpwyw__audio-wave svg { display: block; height: 22px; overflow: visible; width: 100%; }
  .acpwyw__audio-wave path { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
  .acpwyw__audio-wave-line { stroke: rgba(204,78,114,.28); stroke-width: 1; }
  .acpwyw__audio-wave-shape { stroke: rgba(210,82,119,.62); stroke-width: 1.15; }
  .acpwyw__audio-wave-played { clip-path: inset(0 calc(100% - var(--ac-audio-progress,0%)) 0 0); }
  .acpwyw__audio-wave-played .acpwyw__audio-wave-line { stroke: rgba(246,169,191,.55); }
  .acpwyw__audio-wave-played .acpwyw__audio-wave-shape { stroke: var(--ac-rose-light); stroke-width: 1.35; }
  .acpwyw__audio-wave input {
    appearance: none;
    background: transparent;
    cursor: pointer;
    height: 34px;
    inset: 0;
    margin: 0;
    opacity: .001;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  .acpwyw__audio-time { border-left: 1px solid rgba(213,173,127,.2); color: #cdb8ad; font-size: 9px; font-variant-numeric: tabular-nums; grid-area: time; letter-spacing: .02em; padding-left: 10px; white-space: nowrap; }
  .acpwyw__audio-note { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
  .acpwyw__audio-status { color: #e8b4c2; font-size: 10px; line-height: 1.35; margin: 4px 0 1px 46px; }

  .acpwyw__prices { border: 0; display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 6px 0 0; }
  .acpwyw__prices legend { align-items: center; color: var(--ac-gold-light); display: flex; font-size: 9px; gap: 10px; grid-column: 1 / -1; letter-spacing: .12em; margin-bottom: 3px; text-transform: uppercase; width: 100%; }
  .acpwyw__prices legend::after { background: linear-gradient(90deg,rgba(196,154,104,.72),rgba(196,154,104,.12)); content: ""; flex: 1 1 auto; height: 1px; min-width: 28px; }
  .acpwyw__prices > button,
  .acpwyw__custom-card {
    --ac-price-surface: linear-gradient(145deg,rgba(31,21,24,.94),rgba(9,8,9,.98));
    background:
      linear-gradient(112deg,rgba(127,56,77,.13),transparent 39%,rgba(184,136,86,.045) 72%,transparent),
      radial-gradient(ellipse 105% 72% at 18% -12%,rgba(151,76,98,.16),transparent 61%),
      linear-gradient(96deg,transparent 0 9%,rgba(255,232,225,.035) 21%,transparent 38%,rgba(145,85,98,.025) 63%,transparent 82%),
      var(--ac-velvet),
      var(--ac-price-surface);
    background-blend-mode: normal,screen,soft-light,soft-light,normal;
    background-size: auto,auto,auto,180px 120px,auto;
    border: 1px solid rgba(213,173,127,.28);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,235,220,.035), inset 0 -18px 28px rgba(0,0,0,.2);
    color: var(--ac-paper);
    min-height: 106px;
  }
  .acpwyw__prices > button { align-items: center; cursor: pointer; display: flex; flex-direction: column; justify-content: flex-start; padding: 13px 6px 12px; text-align: center; }
  .acpwyw__prices button:disabled { cursor: not-allowed; opacity: .42; }
  .acpwyw__prices button > span { font-size: 10px; font-weight: 700; letter-spacing: .045em; line-height: 1.25; text-transform: uppercase; }
  .acpwyw__prices button strong { color: var(--ac-paper); font-family: var(--ac-display); font-size: 22px; font-weight: 400; line-height: 1; margin: 8px 0 5px; }
  .acpwyw__prices button small { align-items: center; color: #c5b2aa; display: flex; font-size: 9px; justify-content: center; line-height: 1.35; margin-top: auto; min-height: 25px; width: 100%; }
  .acpwyw__prices > button.is-selected,
  .acpwyw__custom-card.is-selected { --ac-price-surface: linear-gradient(150deg,rgba(91,25,49,.72),rgba(18,10,13,.97)); border-color: var(--ac-rose); box-shadow: inset 0 1px 0 rgba(255,221,231,.08), inset 0 -18px 28px rgba(31,6,14,.3), inset 0 0 0 1px rgba(235,116,151,.38), 0 0 24px rgba(201,79,115,.2); }
  .acpwyw__prices > button.is-selected > span,
  .acpwyw__custom-card.is-selected button > span { color: #f4b0c3; }

  .acpwyw__custom-card { align-items: stretch; cursor: text; display: flex; flex-direction: column; grid-column: auto; overflow: hidden; padding: 10px 11px 12px; }
  .acpwyw__custom-card > button { align-items: center; background: transparent; border: 0; color: var(--ac-paper); cursor: text; display: flex; justify-content: center; min-height: 22px; min-width: 0; padding: 0 2px 5px; text-align: center; }
  .acpwyw__custom-card label { align-items: center; background: rgba(2,2,2,.68); border: 1px solid rgba(213,173,127,.28); border-radius: 4px; display: flex; min-height: 37px; min-width: 0; padding: 0 7px; width: 100%; }
  .acpwyw__custom-card.is-selected label { border-color: var(--ac-rose); box-shadow: inset 0 0 0 1px rgba(201,79,115,.18), 0 0 18px rgba(201,79,115,.12); }
  .acpwyw__custom-card label > span { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 16px; }
  .acpwyw__custom-card input { background: transparent; border: 0; color: var(--ac-paper); font-family: var(--ac-display); font-size: 18px; min-width: 0; outline: 0; padding: 0 4px; width: 100%; }
  .acpwyw__custom-card input::placeholder { color: #dbc6bc; font-family: var(--ac-body); font-size: clamp(13px,1vw,15.5px); font-weight: 600; letter-spacing: .005em; opacity: .96; }
  .acpwyw__custom-card > small { align-items: center; color: #c5b2aa; display: flex; font-size: 9px; justify-content: center; line-height: 1.35; margin-top: auto; min-height: 25px; text-align: center; }
  .acpwyw__custom-card.is-selected > small { color: #d8c3ba; font-size: clamp(11px,1vw,14px); font-weight: 500; }
  .acpwyw__error { color: #ef90ac; font-size: 9px; margin: 8px 2px 10px; }
  .acpwyw__error[hidden] { display: none; }
  .acpwyw__popular { display: none; }

  .acpwyw__vault {
    background:
      radial-gradient(ellipse 92% 145% at 9% -48%,rgba(176,99,115,.18),transparent 66%),
      linear-gradient(104deg,rgba(116,59,70,.12),transparent 38%,rgba(173,126,84,.045) 74%,transparent),
      linear-gradient(96deg,transparent 0 8%,rgba(255,232,225,.032) 23%,transparent 42%,rgba(145,85,98,.024) 66%,transparent 84%),
      var(--ac-velvet),
      linear-gradient(110deg,rgba(58,17,31,.88),rgba(17,11,13,.97));
    background-blend-mode: screen,normal,soft-light,soft-light,normal;
    background-size: auto,auto,auto,210px 140px,auto;
    border: 1px solid rgba(213,173,127,.25);
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgba(255,235,220,.04), inset 0 -22px 34px rgba(0,0,0,.18);
    color: #fff5f1;
    margin: 20px 0 18px;
    padding: 12px 14px 13px;
  }
  .acpwyw__vault-heading { align-items: center; display: flex; justify-content: space-between; }
  .acpwyw__vault-heading span { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 18px; letter-spacing: .05em; line-height: 1.1; text-transform: uppercase; }
  .acpwyw__vault-heading strong { color: var(--ac-gold-light); font-size: 10px; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
  .acpwyw__vault-track { background: rgba(229,209,202,.13); border-radius: 99px; height: 3px; margin: 13px 4px 16px; overflow: visible; position: relative; }
  .acpwyw__vault-track i { background: linear-gradient(90deg,var(--ac-rose-light),var(--ac-gold)); border-radius: inherit; display: block; height: 100%; transition: width 180ms ease; }
  .acpwyw__vault-track > span { background: #4d343b; border: 1px solid rgba(215,174,126,.22); border-radius: 50%; box-shadow: 0 0 0 2px rgba(26,12,17,.92); height: 8px; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: background 180ms ease,box-shadow 180ms ease; width: 8px; }
  .acpwyw__vault-track > span:nth-of-type(1) { left: 0; }
  .acpwyw__vault-track > span:nth-of-type(2) { left: 50%; }
  .acpwyw__vault-track > span:nth-of-type(3) { left: 100%; }
  .acpwyw__vault-track > span.is-unlocked { background: var(--ac-rose-light); border-color: rgba(255,222,231,.55); box-shadow: 0 0 0 2px rgba(50,15,28,.92),0 0 9px rgba(225,116,149,.32); }
  .acpwyw__vault-track > b { background: #4d343b; border: 1px solid rgba(215,174,126,.16); border-radius: 50%; box-shadow: 0 0 0 2px rgba(26,12,17,.88); height: 6px; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: background 180ms ease,box-shadow 180ms ease; width: 6px; }
  .acpwyw__vault-track > b:nth-of-type(1) { left: 25%; }
  .acpwyw__vault-track > b:nth-of-type(2) { left: 75%; }
  .acpwyw__vault-track > b.is-unlocked { background: #d988a0; border-color: rgba(255,222,231,.4); box-shadow: 0 0 0 2px rgba(50,15,28,.9); }
  .acpwyw__vault-items { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .acpwyw__vault-items > span { align-items: center; color: #e2d2ca; display: grid; font-size: 11.5px; gap: 8px; grid-template-columns: 20px max-content; line-height: 1.35; max-width: 100%; min-width: 0; width: max-content; }
  .acpwyw__vault-items > span:nth-child(1) { justify-self: start; }
  .acpwyw__vault-items > span:nth-child(2) { justify-self: center; }
  .acpwyw__vault-items > span:nth-child(3) { justify-self: end; }
  .acpwyw__vault-items em { font-style: normal; }
  .acpwyw__vault-items em > span { display: block; white-space: nowrap; }
  .acpwyw__vault-items em i { font-style: italic; }
  .acpwyw__vault-items b { border: 1.3px solid currentColor; border-radius: 2px; color: #8e727a; display: block; height: 12px; margin-left: 1px; position: relative; transition: color 180ms ease; width: 15px; }
  .acpwyw__vault-items b::before { border: 1.3px solid currentColor; border-bottom: 0; border-radius: 7px 7px 0 0; content: ""; height: 8px; left: 2.5px; position: absolute; top: -8px; transform-origin: left bottom; transition: transform 180ms ease; width: 7px; }
  .acpwyw__vault-items b::after { background: currentColor; border-radius: 50%; content: ""; height: 3px; left: 4.7px; position: absolute; top: 4px; width: 3px; }
  .acpwyw__vault-items > span.is-unlocked { color: #d7c5bc; }
  .acpwyw__vault-items > span.is-unlocked b { color: var(--ac-gold-light); }
  .acpwyw__vault-items > span.is-unlocked b::before { transform: translate(4px,-1px) rotate(24deg); }

  .acpwyw__claim { align-items: center; background: linear-gradient(100deg,#8e2748,#c45475 52%,#9a2c50); border: 1px solid rgba(247,175,195,.3); border-radius: 4px; box-shadow: 0 12px 34px rgba(130,29,62,.28); color: #fff; cursor: pointer; display: flex; justify-content: center; min-height: 54px; padding: 0 16px; position: relative; width: 100%; }
  .acpwyw__claim:disabled { cursor: not-allowed; filter: grayscale(.8); opacity: .55; }
  .acpwyw__claim > span { font-size: 9.5px; font-weight: 700; letter-spacing: .085em; line-height: 1.25; text-align: center; text-transform: uppercase; }
  .acpwyw__claim strong { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
  .acpwyw__assurance { color: #cdbab1; display: grid; gap: 7px; margin-top: 12px; text-align: center; }
  .acpwyw__assurance span { font-size: 9px; font-weight: 600; letter-spacing: .075em; line-height: 1.35; text-transform: uppercase; }
  .acpwyw__status { color: #efa1b6; font-size: 9px; margin: 10px 0 0; min-height: 1.4em; text-align: center; }

  .acpwyw__benefits { background: linear-gradient(100deg,rgba(30,20,23,.94),rgba(11,9,10,.96)); border: 1px solid rgba(213,173,127,.24); border-radius: 8px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 18px auto 0; max-width: 560px; overflow: hidden; position: relative; width: 100%; z-index: 2; }
  .acpwyw__benefits > div { align-items: center; border-bottom: 1px solid rgba(213,173,127,.13); display: grid; gap: 11px; grid-template-columns: 31px 1fr; min-width: 0; padding: 13px 11px; }
  .acpwyw__benefits > div:nth-child(odd) { border-right: 1px solid rgba(213,173,127,.13); }
  .acpwyw__benefits > div:nth-last-child(-n+2) { border-bottom: 0; }
  .acpwyw__benefits svg { fill: none; height: 27px; stroke: var(--ac-rose); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.25; width: 27px; }
  .acpwyw__benefits span { min-width: 0; }
  .acpwyw__benefits strong { color: var(--ac-gold-light); display: block; font-size: 10px; letter-spacing: .09em; line-height: 1.25; text-transform: uppercase; }
  .acpwyw__benefits small { color: #d3c1b8; display: block; font-family: var(--ac-display); font-size: 13px; line-height: 1.4; margin-top: 5px; }

  @media (min-width: 700px) {
    .acpwyw__stage { padding: 56px 28px 40px; }
    .acpwyw__intro { padding: 76px 8px 38px; }
    .acpwyw__intro h1 { font-size: 72px; }
    .acpwyw__identity { gap: 22px; grid-template-columns: 200px 1fr; min-height: 210px; padding: 10px 4px; }
    .acpwyw__identity > div:last-child > span { font-size: 12px; margin-bottom: 10px; }
    .acpwyw__identity h2 { font-size: 40px; margin-bottom: 12px; }
    .acpwyw__identity p { font-size: 17px; line-height: 1.5; margin-bottom: 13px; }
    .acpwyw__identity small { font-size: 12px; }
    .acpwyw__prices > button,
    .acpwyw__custom-card { min-height: 110px; }
    .acpwyw__prices > button { padding: 14px 8px 13px; }
    .acpwyw__prices button strong { font-size: 24px; }
    .acpwyw__custom-card { padding: 11px 12px 13px; }
    .acpwyw__custom-card > button { min-height: 22px; padding-bottom: 5px; }
    .acpwyw__custom-card label { min-height: 37px; }
    .acpwyw__vault-items { grid-template-columns: repeat(3,1fr); }
    .acpwyw__vault-items > span { font-size: 12.5px; }
    .acpwyw__claim > span { font-size: 11px; letter-spacing: .12em; }
    .acpwyw__assurance { display: flex; justify-content: center; }
    .acpwyw__assurance span { border-right: 1px solid rgba(196,154,104,.24); font-size: 10px; padding: 0 12px; }
    .acpwyw__assurance span:last-child { border-right: 0; }
    .acpwyw__benefits { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .acpwyw__benefits > div { border-bottom: 0; border-right: 1px solid rgba(213,173,127,.13); }
    .acpwyw__benefits > div:last-child { border-right: 0; }
  }

  @media (max-width: 420px) {
    .acpwyw__formats button:nth-child(2) { font-size: 8.5px; letter-spacing: .09em; }
    .acpwyw__formats button:last-child { font-size: 7.7px; letter-spacing: .06em; padding-inline: 2px; }
  }

  @media (max-width: 1359px) {
    .acpwyw__vault-items { grid-template-columns: minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr); }
    .acpwyw__vault-items > span { grid-template-columns: 20px minmax(0,1fr); width: 100%; }
    .acpwyw__vault-items em > span { white-space: normal; }
  }

  @media (min-width: 1040px) {
    .acpwyw__stage { align-items: center; display: grid; gap: 30px clamp(28px,2vw,40px); grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; min-height: 760px; padding: 42px clamp(24px,2vw,40px) 32px; }
    .acpwyw__veil { background: transparent; }
    .acpwyw__intro { justify-self: start; margin: 0 0 0 clamp(36px,4vw,56px); max-width: 560px; padding: 0; width: calc(100% - clamp(36px,4vw,56px)); }
    .acpwyw__kicker { font-size: 11px; margin-bottom: 18px; }
    .acpwyw__intro h1 { font-size: clamp(70px,5.6vw,88px); margin-bottom: 30px; max-width: 11ch; }
    .acpwyw__intro h1 em { max-width: 15ch; }
    .acpwyw__intro > p { font-size: 19px; line-height: 1.55; max-width: 400px; }
    .acpwyw__proof { margin-top: 28px; }
    .acpwyw__proof > span { min-height: 66px; padding-inline: 18px; }
    .acpwyw__proof > span:first-child { justify-content: flex-start; }
    .acpwyw__proof > span:nth-child(2) { justify-content: center; }
    .acpwyw__proof > span:last-child { justify-content: flex-end; }
    .acpwyw__proof b { font-size: 15px; }
    .acpwyw__proof strong { font-size: 22px; }
    .acpwyw__proof > span:first-child strong { font-size: 16px; }
    .acpwyw__proof > span:nth-child(n+2) .acpwyw__proof-content { justify-content: flex-start; min-height: 45px; }
    .acpwyw__proof > span:nth-child(n+2) strong { align-items: flex-start; display: flex; height: 28px; }
    .acpwyw__proof > span:nth-child(2) strong { font-size: 22px; }
    .acpwyw__proof small { font-size: 9px; }
    .acpwyw__card { margin: 0; max-width: none; padding: 16px; }
    .acpwyw__claim { min-height: 64px; }
    .acpwyw__claim > span { font-size: 14px; }
    .acpwyw__prices button small,
    .acpwyw__custom-card > small { font-size: 12px; min-height: 32px; }
    .acpwyw__assurance span { font-size: 12px; padding-inline: 16px; }
    .acpwyw__benefits { grid-column: 1 / -1; margin-top: 0; max-width: none; }
    .acpwyw__benefits > div { gap: 12px; grid-template-columns: 34px 1fr; padding: 16px 18px; }
    .acpwyw__benefits svg { height: 30px; width: 30px; }
    .acpwyw__benefits strong { font-size: 12px; }
    .acpwyw__benefits small { font-size: 16px; }
  }

  @media (min-width: 1360px) {
    .acpwyw__stage {
      column-gap: clamp(28px,2vw,40px);
      grid-template-columns: repeat(2,minmax(0,1fr));
      justify-content: stretch;
      min-height: 820px;
      padding: 46px clamp(24px,2vw,40px) 36px;
    }
    .acpwyw__intro { margin-left: clamp(72px,5vw,104px); max-width: 580px; width: calc(100% - clamp(72px,5vw,104px)); }
    .acpwyw__kicker { font-size: 13px; margin-bottom: 22px; }
    .acpwyw__intro h1 { font-size: clamp(92px,5.8vw,116px); margin-bottom: 34px; max-width: 10.5ch; }
    .acpwyw__intro h1 em { max-width: 15ch; }
    .acpwyw__intro > p { font-size: 22px; line-height: 1.55; max-width: 450px; }
    .acpwyw__proof { margin-top: 36px; }
    .acpwyw__proof > span { min-height: 74px; padding-inline: 22px; }
    .acpwyw__proof b { font-size: 17px; }
    .acpwyw__proof strong { font-size: 25px; }
    .acpwyw__proof > span:first-child strong { font-size: 18px; }
    .acpwyw__proof > span:nth-child(n+2) .acpwyw__proof-content { min-height: 50px; }
    .acpwyw__proof > span:nth-child(n+2) strong { height: 32px; }
    .acpwyw__proof > span:nth-child(2) strong { font-size: 25px; }
    .acpwyw__proof small { font-size: 10px; }

    .acpwyw__card { max-width: none; padding: 22px; }
    .acpwyw__card-topline { padding: 8px 7px 17px; }
    .acpwyw__card-topline span { font-size: 10px; }
    .acpwyw__formats { height: 48px; max-width: none; }
    .acpwyw__formats button { font-size: 11px; height: 44px; padding-inline: 12px; }
    .acpwyw__formats button[data-ac-format="audio"]::after { height: 42px; }
    .acpwyw__best-value { right: -4px; top: -7px; transform: rotate(.35deg) scale(1.12); transform-origin: right top; }

    .acpwyw__identity { gap: 28px; grid-template-columns: 250px 1fr; margin: 18px 0 22px; min-height: 250px; padding: 12px 8px; }
    .acpwyw__identity > div:last-child > span { font-size: 14px; margin-bottom: 12px; }
    .acpwyw__identity h2 { font-size: 50px; line-height: .98; margin-bottom: 14px; }
    .acpwyw__identity p { font-size: 19px; line-height: 1.5; margin-bottom: 15px; }
    .acpwyw__identity small { font-size: 14px; }

    .acpwyw__prices { gap: 14px; padding-top: 8px; }
    .acpwyw__prices legend { font-size: 10.5px; gap: 14px; margin-bottom: 6px; }
    .acpwyw__prices > button,
    .acpwyw__custom-card { min-height: 126px; }
    .acpwyw__prices > button { padding: 16px 11px 14px; }
    .acpwyw__prices button > span { font-size: 11px; }
    .acpwyw__prices button strong { font-size: 28px; margin: 10px 0 7px; }
    .acpwyw__prices button small { font-size: 13px; min-height: 34px; }
    .acpwyw__custom-card { padding: 14px 15px; }
    .acpwyw__custom-card > button { min-height: 25px; padding-bottom: 7px; }
    .acpwyw__custom-card label { min-height: 44px; padding-inline: 10px; }
    .acpwyw__custom-card label > span { font-size: 19px; }
    .acpwyw__custom-card input { font-size: 22px; }
    .acpwyw__custom-card > small { font-size: 13px; min-height: 34px; }

    .acpwyw__vault { margin: 24px 0 22px; padding: 16px 18px 17px; }
    .acpwyw__vault-heading span { font-size: 22px; }
    .acpwyw__vault-heading strong { font-size: 12px; }
    .acpwyw__vault-track { margin: 15px 5px 18px; }
    .acpwyw__vault-items { gap: 12px; grid-template-columns: minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr); }
    .acpwyw__vault-items > span { font-size: 14px; gap: 10px; grid-template-columns: 24px max-content; }

    .acpwyw__claim { min-height: 70px; }
    .acpwyw__claim > span { font-size: 15px; letter-spacing: .12em; }
    .acpwyw__assurance { margin-top: 14px; }
    .acpwyw__assurance span { font-size: 13px; padding-inline: 18px; }

    .acpwyw__benefits > div { gap: 14px; grid-template-columns: 38px 1fr; padding: 18px 22px; }
    .acpwyw__benefits svg { height: 32px; width: 32px; }
    .acpwyw__benefits strong { font-size: 13px; }
    .acpwyw__benefits small { font-size: 18px; }
  }

  @media (max-width: 699px) {
    .acpwyw__stage { min-height: auto; padding: 0 0 14px; }
    .acpwyw__background img { object-position: center top; }
    .acpwyw__intro { max-width: none; padding: 12px 16px 7px; text-align: center; }
    .acpwyw__kicker--desktop,
    .acpwyw__heading-desktop,
    .acpwyw__accent-desktop { display: none !important; }
    .acpwyw__kicker.acpwyw__kicker--mobile { display: block !important; font-size: 7px; letter-spacing: .17em; line-height: 1.25; margin-bottom: 7px; }
    .acpwyw__kicker--mobile span { display: block; }
    .acpwyw__intro h1 { line-height: .9; margin: 0 auto 7px; max-width: none; white-space: nowrap; }
    .acpwyw__intro h1 > .acpwyw__heading-mobile { display: block !important; font-size: clamp(30px,8.8vw,34px); letter-spacing: -.025em; }
    .acpwyw__intro h1 > .acpwyw__accent-mobile { display: block !important; font-size: clamp(14px,4.3vw,17px); letter-spacing: -.02em; line-height: 1; margin-top: 4px; max-width: none; }
    .acpwyw__intro > p { display: none; }

    .acpwyw__mobile-cover {
      align-items: center;
      aspect-ratio: 2.75 / 1;
      display: flex;
      justify-content: center;
      margin: 6px -7px 0;
      min-height: 108px;
      overflow: hidden;
      position: relative;
    }
    .acpwyw__mobile-cover::after { background: linear-gradient(to top,rgba(5,4,5,.98) 0,rgba(5,4,5,.76) 38%,transparent 78%); content: ""; inset: 42% -8% 0; pointer-events: none; position: absolute; }
    .acpwyw__mobile-cover img { filter: drop-shadow(0 13px 18px rgba(0,0,0,.72)); height: 145%; object-fit: contain; transform: translateY(7%); width: 100%; }
    .acpwyw__mobile-art-note { border: 1px solid rgba(223,193,158,.38); border-radius: 999px; color: var(--ac-gold-light); font-size: 6px; left: 50%; letter-spacing: .13em; padding: 4px 7px; position: absolute; text-transform: uppercase; top: 4px; transform: translateX(-50%); white-space: nowrap; z-index: 3; }
    .acpwyw__mobile-art-placeholder { background: radial-gradient(ellipse at center,rgba(193,79,112,.22),transparent 64%); border: 1px dashed rgba(223,193,158,.28); border-radius: 8px; height: 76%; width: 92%; }
    .acpwyw__mobile-cover p { bottom: 5px; color: #f2ddd2; font-family: var(--ac-display); font-size: clamp(14px,4.1vw,17px); left: 6px; line-height: 1.05; margin: 0; position: absolute; right: 6px; text-align: center; text-shadow: 0 2px 8px #000; z-index: 3; }

    .acpwyw__proof { margin: 4px 0 7px; }
    .acpwyw__proof > span { min-height: 36px; padding-inline: 7px; }
    .acpwyw__proof b { font-size: 9px; }
    .acpwyw__proof strong { font-size: 14px; }
    .acpwyw__proof > span:first-child strong { font-size: 11px; }
    .acpwyw__proof small { font-size: 6px; letter-spacing: .1em; margin-top: 3px; }

    .acpwyw__card { border-radius: 18px; display: flex; flex-direction: column; margin: 0 10px; max-width: none; overflow: visible; padding: 9px; width: auto; }
    .acpwyw__step-desktop { display: none !important; }
    .acpwyw__step-mobile { display: block; }
    .acpwyw__card-topline { order: 1; padding: 1px 4px 6px; }
    .acpwyw__card-topline .acpwyw__step-mobile { font-size: 6.5px; font-weight: 700; letter-spacing: .15em; text-align: center; }
    .acpwyw__formats { height: 48px; max-width: none; order: 2; }
    .acpwyw__formats button { font-size: 10px; height: 44px; letter-spacing: .13em; min-height: 44px; padding-inline: 8px; }
    .acpwyw__format-desktop { display: none; }
    .acpwyw__format-mobile { display: inline; }
    .acpwyw__formats button[data-ac-format="complete"] { font-size: 10px; letter-spacing: .13em; padding-inline: 8px; }
    .acpwyw__formats button[data-ac-format="audio"]::after { height: 42px; }
    .acpwyw__best-value { right: -2px; top: -7px; transform: scale(.92); transform-origin: right top; }

    .acpwyw__identity { display: none; }
    .acpwyw__product-image { display: none; }
    .acpwyw__identity > div:last-child > span { color: var(--ac-paper); font-family: var(--ac-display); font-size: 19px; letter-spacing: .01em; line-height: 1; margin-bottom: 4px; text-transform: none; }
    .acpwyw__identity h2 { display: none; }
    .acpwyw__identity p { -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; display: -webkit-box; font-size: 11px; line-height: 1.25; margin: 0 auto 4px; max-width: 34ch; overflow: hidden; }
    .acpwyw__identity small { font-size: 7px; }

    .acpwyw__audio-sample { margin: 8px 1px 3px; order: 3; padding: 4px 6px; }
    .acpwyw__audio-ui {
      gap: 1px 8px;
      grid-template-areas:
        "toggle meta time"
        "wave wave wave";
      grid-template-columns: 40px minmax(0,1fr) auto;
      min-height: 66px;
    }
    .acpwyw__audio-toggle { height: 38px; width: 38px; }
    .acpwyw__audio-meta strong { font-size: 10px; }
    .acpwyw__audio-meta span { font-size: 10px; }
    .acpwyw__audio-wave { border-left: 0; height: 25px; padding-left: 0; }
    .acpwyw__audio-wave svg { height: 18px; }
    .acpwyw__audio-wave input { height: 25px; }
    .acpwyw__audio-status { font-size: 10px; margin: 4px 2px 1px; text-align: center; }

    .acpwyw__prices { gap: 5px; grid-template-columns: 1fr; order: 4; padding-top: 1px; }
    .acpwyw__prices legend { display: flex; font-size: 6.5px; gap: 0; grid-column: 1; justify-content: center; letter-spacing: .15em; margin: 0; padding: 9px 4px 7px; text-align: center; }
    .acpwyw__prices legend::after { display: none; }
    .acpwyw__prices legend .acpwyw__step-mobile { font-size: inherit; font-weight: 700; letter-spacing: inherit; }
    .acpwyw__prices > button,
    .acpwyw__custom-card { min-height: 52px; position: relative; }
    .acpwyw__prices > button { align-items: center; display: grid; gap: 2px 8px; grid-template-columns: minmax(0,1fr) auto; min-height: 52px; padding: 7px 10px 7px 37px; text-align: left; }
    .acpwyw__prices > button:nth-of-type(1) { grid-row: 2; }
    .acpwyw__prices > button:nth-of-type(2) { grid-row: 3; }
    .acpwyw__custom-card { grid-row: 4; }
    .acpwyw__prices > button::before,
    .acpwyw__custom-card::before { border: 1px solid rgba(223,193,158,.58); border-radius: 50%; box-sizing: border-box; content: ""; height: 16px; left: 11px; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; }
    .acpwyw__prices > button.is-selected::before,
    .acpwyw__custom-card.is-selected::before { border-color: var(--ac-rose-light); box-shadow: 0 0 0 3px rgba(201,79,115,.12); }
    .acpwyw__prices > button.is-selected::after,
    .acpwyw__custom-card.is-selected::after { background: var(--ac-rose-light); border-radius: 50%; content: ""; height: 8px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; }
    .acpwyw__popular { background: #f0c3cf; border-radius: 999px; color: #6f1835; display: block; font-size: 6px; font-style: normal; font-weight: 800; letter-spacing: .08em; line-height: 1; padding: 4px 6px; position: absolute; right: 8px; text-transform: uppercase; top: -7px; }
    .acpwyw__prices button > span { font-size: 9px; }
    .acpwyw__prices button strong { font-size: 22px; grid-column: 2; grid-row: 1 / span 2; margin: 0; }
    .acpwyw__prices button small { font-size: 8px; grid-column: 1; justify-content: flex-start; line-height: 1.25; margin: 0; min-height: 0; text-align: left; }

    .acpwyw__custom-card { display: grid; gap: 2px 8px; grid-template-columns: minmax(0,1fr) 132px; padding: 6px 9px 6px 37px; }
    .acpwyw__custom-card > button { grid-column: 1; grid-row: 1; justify-content: flex-start; min-height: 22px; padding: 0; }
    .acpwyw__custom-card > small { font-size: 8px; grid-column: 1; grid-row: 2; justify-content: flex-start; min-height: 16px; text-align: left; }
    .acpwyw__custom-card label { display: flex; grid-column: 2; grid-row: 1 / span 2; min-height: 42px; }
    .acpwyw__custom-card input { font-size: 16px; }
    .acpwyw__custom-card input::placeholder { font-size: 10px; letter-spacing: .02em; }
    .acpwyw__custom-card.is-selected > small { font-size: 8px; }
    .acpwyw__error { font-size: 8px; margin: 6px 2px 2px; order: 5; }

    .acpwyw__claim { background: linear-gradient(100deg,#d45c80 0%,#bd3e69 54%,#94284f 100%); border: 1px solid rgba(255,205,220,.42); border-radius: 11px; bottom: max(9px,env(safe-area-inset-bottom)); box-shadow: 0 13px 34px rgba(130,29,62,.58),inset 0 1px 0 rgba(255,255,255,.16); display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; justify-content: stretch; margin-top: 15px; min-height: 62px; order: 6; padding: 8px 9px 8px 14px; position: sticky; z-index: 8; }
    .acpwyw__claim > span { font-size: 10px; letter-spacing: .1em; text-align: left; }
    .acpwyw__claim strong { background: rgba(35,7,17,.24); border: 1px solid rgba(255,227,235,.3); border-radius: 999px; clip: auto; clip-path: none; font-family: var(--ac-display); font-size: 18px; height: auto; margin: 0; min-width: 76px; overflow: visible; padding: 7px 10px; position: static; text-align: center; white-space: nowrap; width: auto; }
    .acpwyw__assurance { display: flex; flex-wrap: wrap; gap: 5px 0; justify-content: center; margin-top: 9px; order: 7; }
    .acpwyw__assurance span { border-right: 1px solid rgba(196,154,104,.24); font-size: 6.5px; padding: 0 7px; }
    .acpwyw__assurance span:last-child { border-right: 0; }
    .acpwyw__status { order: 9; }

    /* Mobile-only offer refinement. */
    .acpwyw__kicker.acpwyw__kicker--mobile { color: #dda247; font-size: 8px; font-weight: 600; letter-spacing: .13em; line-height: 1.35; margin-bottom: 8px; text-shadow: 0 0 12px rgba(221,162,71,.12); }
    .acpwyw__intro h1 > .acpwyw__accent-mobile { -webkit-text-stroke: .12px currentColor; font-size: clamp(15px,4.5vw,17.5px); font-weight: 500; }
    .acpwyw__mobile-cover { margin-top: 8px; min-height: 104px; }
    .acpwyw__mobile-cover.has-fixed-spread { margin: -1px -10px -2px; min-height: 0; }
    .acpwyw__mobile-cover.has-fixed-spread::after { display: none; }
    .acpwyw__mobile-cover.has-fixed-spread img { filter: none; height: 100%; object-fit: contain; transform: translateY(-3px); width: 100%; }
    .acpwyw__mobile-cover.has-fixed-spread p { bottom: -1px; font-size: clamp(12.5px,3.55vw,14px); }
    .acpwyw__mobile-art-note { display: none; }
    .acpwyw__proof { display: none; }
    .acpwyw__proof-compact { align-items: center; color: #d8b58a; display: grid; gap: 0; grid-template-columns: minmax(0,1fr) minmax(8px,12px) minmax(0,1fr) minmax(8px,12px) minmax(0,1fr); letter-spacing: .045em; line-height: 1.15; margin: 9px 0 11px; padding-inline: 12px; text-transform: uppercase; }
    .acpwyw__proof-compact span { align-items: center; display: flex; flex-direction: column; justify-content: center; min-width: 0; row-gap: 2px; white-space: nowrap; }
    .acpwyw__proof-compact strong { color: inherit; font-family: var(--ac-sans); font-size: clamp(7px,2vw,8px); font-weight: 700; }
    .acpwyw__proof-compact small { color: inherit; font-size: clamp(5.5px,1.55vw,6.3px); font-weight: 700; margin-top: 2px; }
    .acpwyw__proof-compact i { color: #d8b58a; font-size: 8px; font-style: normal; justify-self: center; }

    .acpwyw__card { background: linear-gradient(158deg,rgba(27,17,21,.98),rgba(7,6,7,.99)); border-color: rgba(213,173,127,.26); border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.03); padding: 10px 11px 11px; }
    .acpwyw__card::before { left: 14%; opacity: .55; right: 14%; }
    .acpwyw__card-topline { padding: 2px 4px 8px; }
    .acpwyw__card-topline .acpwyw__step-mobile,
    .acpwyw__prices legend { font-size: 8px; letter-spacing: .12em; }
    .acpwyw__formats { background: rgba(18,12,14,.72); border-color: rgba(213,173,127,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); height: 46px; }
    .acpwyw__formats::before { opacity: .07; }
    .acpwyw__formats button:nth-child(n) { font-size: 10px; font-weight: 700; height: 42px; letter-spacing: .13em; transition: background 160ms ease,border-color 160ms ease,color 160ms ease; }
    .acpwyw__formats button[aria-selected="true"] { background: linear-gradient(180deg,#c55375,#a6355a); box-shadow: inset 0 1px 0 rgba(255,234,239,.18),0 5px 15px rgba(135,29,64,.22); }
    .acpwyw__best-value { background: #6d233e; border: 1px solid rgba(239,167,188,.34); border-radius: 999px; font-size: 5.5px; height: auto; padding: 3px 5px; right: 2px; top: -5px; transform: none; width: auto; }
    .acpwyw__best-value svg { display: none; }
    .acpwyw__best-value > span { left: auto; position: static; top: auto; width: auto; }

    .acpwyw__prices { gap: 0; padding-inline: 2px; }
    .acpwyw__prices legend { padding: 11px 4px 8px; }
    .acpwyw__prices > button,
    .acpwyw__custom-card { background: transparent; border: 0; border-bottom: 1px solid rgba(213,173,127,.18); border-radius: 0; box-shadow: none; min-height: 58px; transition: background 160ms ease,box-shadow 160ms ease; }
    .acpwyw__prices > button { min-height: 58px; padding: 9px 8px 9px 12px; }
    .acpwyw__prices > button::before,
    .acpwyw__custom-card::before,
    .acpwyw__prices > button.is-selected::after,
    .acpwyw__custom-card.is-selected::after { display: none; }
    .acpwyw__prices > button.is-selected,
    .acpwyw__custom-card.is-selected { background: linear-gradient(90deg,rgba(193,79,112,.16),rgba(193,79,112,.025) 72%,transparent); border-color: rgba(213,173,127,.18); box-shadow: inset 3px 0 0 var(--ac-rose); }
    .acpwyw__prices button > span { font-size: 10px; letter-spacing: .04em; }
    .acpwyw__prices button small { font-size: 9px; }
    .acpwyw__popular { background: rgba(240,195,207,.13); border: 1px solid rgba(240,195,207,.28); color: #f0c3cf; font-size: 5.5px; right: 84px; top: 8px; }
    .acpwyw__custom-card { grid-template-columns: minmax(0,1fr) 126px; padding: 7px 7px 7px 12px; }
    .acpwyw__custom-card > small,
    .acpwyw__custom-card.is-selected > small { font-size: 9px; }
    .acpwyw__custom-card label { border-color: rgba(213,173,127,.2); }

    .acpwyw__claim { box-shadow: 0 11px 26px rgba(130,29,62,.4),inset 0 1px 0 rgba(255,255,255,.14); margin-top: 14px; transition: filter 160ms ease,transform 160ms ease; }
    .acpwyw__claim > span { font-size: 10.5px; }
    .acpwyw__assurance { margin-top: 10px; }
    .acpwyw__assurance span { font-size: 8px; letter-spacing: .055em; padding-inline: 8px; }

    .acpwyw__vault { margin: 13px 0 2px; order: 8; padding: 11px 12px 12px; }
    .acpwyw__vault-heading { gap: 10px; }
    .acpwyw__vault-heading span { flex: 1 1 auto; font-size: clamp(13px,4vw,15px); letter-spacing: .035em; min-width: 0; text-align: left; white-space: nowrap; }
    .acpwyw__vault-heading strong { flex: 0 0 auto; font-size: 8px; }
    .acpwyw__vault-track { margin: 11px 4px 13px; }
    .acpwyw__vault-items { gap: 9px; grid-template-columns: 1fr; }
    .acpwyw__vault-items > span,
    .acpwyw__vault-items > span:nth-child(n) { font-size: 10px; gap: 10px; grid-template-columns: 20px 1fr; justify-self: stretch; width: 100%; }
    .acpwyw__vault-items em > span { display: inline; white-space: normal; }
    .acpwyw__vault-items em > span:not(:last-child)::after { content: " "; }

    .acpwyw__benefits { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 10px 10px 0; max-width: none; }
    .acpwyw__benefits > div { gap: 8px; grid-template-columns: 25px 1fr; padding: 10px 8px; }
    .acpwyw__benefits svg { height: 23px; width: 23px; }
    .acpwyw__benefits strong { font-size: 8px; }
    .acpwyw__benefits small { font-size: 11px; margin-top: 3px; }
  }

  @media (max-width: 340px) {
    .acpwyw__kicker.acpwyw__kicker--mobile { font-size: 7px; letter-spacing: .1em; }
    .acpwyw__intro h1 > .acpwyw__heading-mobile { font-size: 27px; letter-spacing: -.035em; }
    .acpwyw__proof-compact { letter-spacing: .025em; padding-inline: 6px; }
    .acpwyw__proof-compact strong { font-size: 6.6px; }
    .acpwyw__proof-compact small { font-size: 5.1px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .acpwyw *,
    .acpwyw *::before,
    .acpwyw *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  }
/* END_SECTION:ac-pwyw-offer */

/* START_SECTION:addison-cain-pwyw-home-strip (INDEX:13) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@500;600;700&display=swap');

  .acpwywhome {
    --ac-black: #050405;
    --ac-panel: #130b0e;
    --ac-panel-soft: #1d1115;
    --ac-wine: #32101c;
    --ac-wine-bright: #74213e;
    --ac-rose: #c14f70;
    --ac-rose-light: #e997ae;
    --ac-paper: #f0ddcf;
    --ac-gold: #c49a68;
    --ac-gold-light: #dfc19e;
    --ac-muted: #b8a39a;
    --ac-line: rgba(203, 157, 105, .3);
    --ac-display: "Cormorant Garamond", Baskerville, Georgia, serif;
    --ac-sans: Montserrat, Arial, sans-serif;
    --ac-velvet: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='velvet'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .055' numOctaves='2' seed='13' stitchTiles='stitch'/%3E%3CfeGaussianBlur stdDeviation='1.25'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23velvet)' opacity='.5'/%3E%3C/svg%3E");
    background: var(--ac-black);
    color: var(--ac-paper);
    font-family: var(--ac-sans);
    overflow: hidden;
  }

  .acpwywhome *,
  .acpwywhome *::before,
  .acpwywhome *::after { box-sizing: border-box; }
  .acpwywhome button,
  .acpwywhome input { font: inherit; }
  .acpwywhome button { -webkit-tap-highlight-color: transparent; }
  .acpwywhome__mobile-promo { display: none; }

  .acpwywhome__stage {
    background:
      radial-gradient(circle at 8% 82%, rgba(101, 18, 43, .28), transparent 30rem),
      radial-gradient(circle at 92% 12%, rgba(77, 13, 33, .18), transparent 24rem),
      var(--ac-black);
    min-height: 760px;
    overflow: hidden;
    padding: 30px 14px 26px;
    position: relative;
  }
  .acpwywhome__stage::before {
    background: linear-gradient(115deg, transparent 0 48%, rgba(180, 74, 102, .035) 49%, transparent 51%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }
  .acpwywhome__background { inset: 0; position: absolute; z-index: 0; }
  .acpwywhome__background img { filter: none; height: 100%; object-fit: cover; object-position: center top; width: 100%; }
  .acpwywhome__veil {
    background: transparent;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }

  .acpwywhome__intro,
  .acpwywhome__card { margin-inline: auto; max-width: 560px; position: relative; z-index: 2; }
  .acpwywhome__intro { padding: 34px 5px 28px; }
  .acpwywhome__kicker { color: var(--ac-gold-light); display: block; font-size: 9px; letter-spacing: .19em; margin-bottom: 15px; text-transform: uppercase; }
  .acpwywhome__intro h1 { color: var(--ac-paper); font-family: var(--ac-display); font-size: clamp(46px,13vw,66px); font-weight: 400; letter-spacing: -.035em; line-height: .92; margin: 0 0 26px; max-width: 10ch; text-transform: uppercase; }
  .acpwywhome__intro h1 > span,
  .acpwywhome__intro h1 em > span { display: block; }
  .acpwywhome__intro h1 em { color: var(--ac-rose-light); display: block; font-size: .62em; font-weight: 400; letter-spacing: -.025em; line-height: 1.01; margin-top: .31em; max-width: 15ch; text-shadow: 0 0 32px rgba(201,79,115,.22); text-transform: none; }
  .acpwywhome__kicker--mobile,
  .acpwywhome__heading-mobile,
  .acpwywhome__accent-mobile { display: none !important; }
  .acpwywhome__mobile-cover { display: none; }
  .acpwywhome__intro > p { color: #d7c9c2; font-family: var(--ac-display); font-size: 16px; line-height: 1.52; margin: 0; max-width: 34rem; }
  .acpwywhome__proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 24px; }
  .acpwywhome__proof > span { align-items: center; border-right: 1px solid rgba(184,138,88,.58); display: flex; justify-content: center; min-height: 54px; padding: 0 9px; text-align: center; }
  .acpwywhome__proof > span:first-child { padding-left: 0; }
  .acpwywhome__proof > span:last-child { border-right: 0; padding-right: 0; }
  .acpwywhome__proof-content { align-items: center; display: flex; flex-direction: column; justify-content: center; max-width: 100%; text-align: center; width: max-content; }
  .acpwywhome__proof b { color: var(--ac-gold-light); font-size: 12px; font-weight: 400; letter-spacing: .1em; line-height: 1; margin-bottom: 3px; }
  .acpwywhome__proof strong { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 17px; font-weight: 400; letter-spacing: .02em; line-height: 1; }
  .acpwywhome__proof > span:first-child strong { font-size: 14px; }
  .acpwywhome__proof > span:nth-child(2) strong { font-variant-numeric: lining-nums; }
  .acpwywhome__proof small { color: var(--ac-muted); font-size: 7.5px; font-weight: 700; letter-spacing: .13em; line-height: 1.25; margin-top: 5px; text-transform: uppercase; }
  .acpwywhome__proof-compact { display: none; }

  .acpwywhome__card {
    backdrop-filter: blur(18px);
    background: linear-gradient(150deg, rgba(31,18,23,.97), rgba(7,6,7,.985));
    border: 1px solid rgba(213,173,127,.38);
    border-radius: 14px;
    box-shadow: 0 34px 90px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04);
    color: var(--ac-paper);
    padding: 13px;
    width: 100%;
  }
  .acpwywhome__card::before { background: linear-gradient(90deg,transparent,var(--ac-gold),var(--ac-rose),var(--ac-gold),transparent); border-radius: 99px; content: ""; height: 1px; left: 9%; opacity: .75; position: absolute; right: 9%; top: 0; }
  .acpwywhome__card-topline { align-items: center; display: flex; justify-content: center; padding: 6px 5px 14px; text-align: center; }
  .acpwywhome__card-topline span { color: var(--ac-gold-light); font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
  .acpwywhome__card-topline span:first-child { display: none; }
  .acpwywhome__card-topline .acpwywhome__step-desktop { font-weight: 600; }
  .acpwywhome__step-mobile { display: none; }

  .acpwywhome__formats {
    background:
      linear-gradient(108deg, rgba(118,48,69,.19) 0%, transparent 36%, rgba(148,103,70,.055) 70%, transparent 100%),
      radial-gradient(ellipse 72% 210% at 17% -70%, rgba(151,76,98,.36), rgba(84,37,51,.13) 43%, transparent 70%),
      radial-gradient(ellipse 52% 175% at 78% 135%, rgba(104,67,52,.16), transparent 72%),
      linear-gradient(180deg, rgba(34,23,27,.985), rgba(9,7,8,.995));
    border: 1px solid rgba(202,157,112,.34);
    border-radius: 999px;
    box-shadow:
      inset 0 1px 0 rgba(255,239,230,.055),
      inset 0 -13px 25px rgba(0,0,0,.28),
      0 8px 24px rgba(0,0,0,.2);
    display: grid;
    grid-template-columns: minmax(0,35fr) minmax(0,32.5fr) minmax(0,32.5fr);
    height: 42px;
    isolation: isolate;
    margin-inline: auto;
    max-width: 508px;
    overflow: visible;
    padding: 1px;
    position: relative;
    width: 100%;
  }
  .acpwywhome__formats::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.34'/%3E%3C/svg%3E");
    background-size: 150px 56px;
    border-radius: inherit;
    content: "";
    inset: 0;
    mix-blend-mode: soft-light;
    opacity: .15;
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }
  .acpwywhome__formats button {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #d0ae82;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    letter-spacing: .17em;
    line-height: 1;
    margin: 0;
    min-height: 0;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
  }
  .acpwywhome__formats button[aria-selected="true"] {
    background:
      radial-gradient(ellipse 90% 100% at 50% 0, rgba(255,205,217,.16), transparent 58%),
      linear-gradient(180deg,#c75a7c 0%,#ad3f63 52%,#932d51 100%);
    border-color: rgba(239,134,165,.66);
    box-shadow:
      inset 0 1px 0 rgba(255,234,239,.24),
      inset 0 -9px 17px rgba(91,17,42,.22),
      0 0 0 1px rgba(87,24,45,.82),
      0 0 20px rgba(196,72,109,.2);
    color: #fff0e5;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
  }
  .acpwywhome__formats button[data-ac-format="audio"]::after {
    border-radius: 50%;
    border-right: 1px solid rgba(217,174,122,.22);
    box-shadow: 5px 0 10px rgba(197,148,95,.025);
    content: "";
    height: 36px;
    pointer-events: none;
    position: absolute;
    right: -5px;
    top: 0;
    width: 24px;
  }
  .acpwywhome__formats button[data-ac-format="audio"][aria-selected="true"]::after { display: none; }
  .acpwywhome__formats button[data-ac-format="complete"] { letter-spacing: .12em; padding-inline: 4px; }
  .acpwywhome__format-mobile { display: none; }
  .acpwywhome__best-value {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #fff6f1;
    display: block;
    font-size: 6.2px;
    font-style: normal;
    font-weight: 700;
    height: 17px;
    letter-spacing: .065em;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: -3px;
    top: -6px;
    transform: rotate(.35deg);
    white-space: nowrap;
    width: 61px;
  }
  .acpwywhome__best-value svg {
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.28));
    height: 17px;
    inset: 0;
    overflow: visible;
    position: absolute;
    width: 61px;
    z-index: 1;
  }
  .acpwywhome__best-value > span { left: 8px; position: absolute; text-align: center; top: 3px; width: 46px; z-index: 2; }

  .acpwywhome__identity { align-items: center; background: transparent; border: 0; border-radius: 0; display: grid; gap: 14px; grid-template-columns: 118px 1fr; margin: 13px 0 16px; min-height: 160px; padding: 10px 4px; }
  .acpwywhome__product-image { align-items: center; aspect-ratio: 1; display: flex; justify-content: center; min-width: 0; padding: 1px; position: relative; }
  .acpwywhome__product-image img { filter: drop-shadow(0 12px 15px rgba(0,0,0,.56)); height: 100%; object-fit: contain; width: 100%; }
  .acpwywhome__identity > div:last-child > span { color: var(--ac-gold-light); display: block; font-size: 11px; letter-spacing: .12em; line-height: 1.35; margin-bottom: 8px; text-transform: uppercase; }
  .acpwywhome__identity h2 { color: var(--ac-paper); font-family: var(--ac-display); font-size: 32px; font-weight: 400; line-height: 1; margin: 0 0 10px; }
  .acpwywhome__identity p { color: #d2c2bb; font-family: var(--ac-display); font-size: 16px; line-height: 1.5; margin: 0 0 11px; max-width: 68ch; }
  .acpwywhome__identity small { color: #c0aaa0; font-size: 12px; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; }

  .acpwywhome__prices { border: 0; display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 6px 0 0; }
  .acpwywhome__prices legend { align-items: center; color: var(--ac-gold-light); display: flex; font-size: 9px; gap: 10px; grid-column: 1 / -1; letter-spacing: .12em; margin-bottom: 3px; text-transform: uppercase; width: 100%; }
  .acpwywhome__prices legend::after { background: linear-gradient(90deg,rgba(196,154,104,.72),rgba(196,154,104,.12)); content: ""; flex: 1 1 auto; height: 1px; min-width: 28px; }
  .acpwywhome__prices > button,
  .acpwywhome__custom-card {
    --ac-price-surface: linear-gradient(145deg,rgba(31,21,24,.94),rgba(9,8,9,.98));
    background:
      linear-gradient(112deg,rgba(127,56,77,.13),transparent 39%,rgba(184,136,86,.045) 72%,transparent),
      radial-gradient(ellipse 105% 72% at 18% -12%,rgba(151,76,98,.16),transparent 61%),
      linear-gradient(96deg,transparent 0 9%,rgba(255,232,225,.035) 21%,transparent 38%,rgba(145,85,98,.025) 63%,transparent 82%),
      var(--ac-velvet),
      var(--ac-price-surface);
    background-blend-mode: normal,screen,soft-light,soft-light,normal;
    background-size: auto,auto,auto,180px 120px,auto;
    border: 1px solid rgba(213,173,127,.28);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,235,220,.035), inset 0 -18px 28px rgba(0,0,0,.2);
    color: var(--ac-paper);
    min-height: 106px;
  }
  .acpwywhome__prices > button { align-items: center; cursor: pointer; display: flex; flex-direction: column; justify-content: flex-start; padding: 13px 6px 12px; text-align: center; }
  .acpwywhome__prices button:disabled { cursor: not-allowed; opacity: .42; }
  .acpwywhome__prices button > span { font-size: 10px; font-weight: 700; letter-spacing: .045em; line-height: 1.25; text-transform: uppercase; }
  .acpwywhome__prices button strong { color: var(--ac-paper); font-family: var(--ac-display); font-size: 22px; font-weight: 400; line-height: 1; margin: 8px 0 5px; }
  .acpwywhome__prices button small { align-items: center; color: #c5b2aa; display: flex; font-size: 9px; justify-content: center; line-height: 1.35; margin-top: auto; min-height: 25px; width: 100%; }
  .acpwywhome__prices > button.is-selected,
  .acpwywhome__custom-card.is-selected { --ac-price-surface: linear-gradient(150deg,rgba(91,25,49,.72),rgba(18,10,13,.97)); border-color: var(--ac-rose); box-shadow: inset 0 1px 0 rgba(255,221,231,.08), inset 0 -18px 28px rgba(31,6,14,.3), inset 0 0 0 1px rgba(235,116,151,.38), 0 0 24px rgba(201,79,115,.2); }
  .acpwywhome__prices > button.is-selected > span,
  .acpwywhome__custom-card.is-selected button > span { color: #f4b0c3; }

  .acpwywhome__custom-card { align-items: stretch; cursor: text; display: flex; flex-direction: column; grid-column: auto; overflow: hidden; padding: 10px 11px 12px; }
  .acpwywhome__custom-card > button { align-items: center; background: transparent; border: 0; color: var(--ac-paper); cursor: text; display: flex; justify-content: center; min-height: 22px; min-width: 0; padding: 0 2px 5px; text-align: center; }
  .acpwywhome__custom-card label { align-items: center; background: rgba(2,2,2,.68); border: 1px solid rgba(213,173,127,.28); border-radius: 4px; display: flex; min-height: 37px; min-width: 0; padding: 0 7px; width: 100%; }
  .acpwywhome__custom-card.is-selected label { border-color: var(--ac-rose); box-shadow: inset 0 0 0 1px rgba(201,79,115,.18), 0 0 18px rgba(201,79,115,.12); }
  .acpwywhome__custom-card label > span { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 16px; }
  .acpwywhome__custom-card input { background: transparent; border: 0; color: var(--ac-paper); font-family: var(--ac-display); font-size: 18px; min-width: 0; outline: 0; padding: 0 4px; width: 100%; }
  .acpwywhome__custom-card input::placeholder { color: #dbc6bc; font-family: var(--ac-body); font-size: clamp(13px,1vw,15.5px); font-weight: 600; letter-spacing: .005em; opacity: .96; }
  .acpwywhome__custom-card > small { align-items: center; color: #c5b2aa; display: flex; font-size: 9px; justify-content: center; line-height: 1.35; margin-top: auto; min-height: 25px; text-align: center; }
  .acpwywhome__custom-card.is-selected > small { color: #d8c3ba; font-size: clamp(11px,1vw,14px); font-weight: 500; }
  .acpwywhome__error { color: #ef90ac; font-size: 9px; margin: 8px 2px 10px; }
  .acpwywhome__error[hidden] { display: none; }
  .acpwywhome__popular { display: none; }

  .acpwywhome__vault {
    background:
      radial-gradient(ellipse 92% 145% at 9% -48%,rgba(176,99,115,.18),transparent 66%),
      linear-gradient(104deg,rgba(116,59,70,.12),transparent 38%,rgba(173,126,84,.045) 74%,transparent),
      linear-gradient(96deg,transparent 0 8%,rgba(255,232,225,.032) 23%,transparent 42%,rgba(145,85,98,.024) 66%,transparent 84%),
      var(--ac-velvet),
      linear-gradient(110deg,rgba(58,17,31,.88),rgba(17,11,13,.97));
    background-blend-mode: screen,normal,soft-light,soft-light,normal;
    background-size: auto,auto,auto,210px 140px,auto;
    border: 1px solid rgba(213,173,127,.25);
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgba(255,235,220,.04), inset 0 -22px 34px rgba(0,0,0,.18);
    color: #fff5f1;
    margin: 20px 0 18px;
    padding: 12px 14px 13px;
  }
  .acpwywhome__vault-heading { align-items: center; display: flex; justify-content: space-between; }
  .acpwywhome__vault-heading span { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 18px; letter-spacing: .05em; line-height: 1.1; text-transform: uppercase; }
  .acpwywhome__vault-heading strong { color: var(--ac-gold-light); font-size: 10px; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
  .acpwywhome__vault-track { background: rgba(229,209,202,.13); border-radius: 99px; height: 3px; margin: 13px 4px 16px; overflow: visible; position: relative; }
  .acpwywhome__vault-track i { background: linear-gradient(90deg,var(--ac-rose-light),var(--ac-gold)); border-radius: inherit; display: block; height: 100%; transition: width 180ms ease; }
  .acpwywhome__vault-track > span { background: #4d343b; border: 1px solid rgba(215,174,126,.22); border-radius: 50%; box-shadow: 0 0 0 2px rgba(26,12,17,.92); height: 8px; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: background 180ms ease,box-shadow 180ms ease; width: 8px; }
  .acpwywhome__vault-track > span:nth-of-type(1) { left: 0; }
  .acpwywhome__vault-track > span:nth-of-type(2) { left: 50%; }
  .acpwywhome__vault-track > span:nth-of-type(3) { left: 100%; }
  .acpwywhome__vault-track > span.is-unlocked { background: var(--ac-rose-light); border-color: rgba(255,222,231,.55); box-shadow: 0 0 0 2px rgba(50,15,28,.92),0 0 9px rgba(225,116,149,.32); }
  .acpwywhome__vault-track > b { background: #4d343b; border: 1px solid rgba(215,174,126,.16); border-radius: 50%; box-shadow: 0 0 0 2px rgba(26,12,17,.88); height: 6px; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: background 180ms ease,box-shadow 180ms ease; width: 6px; }
  .acpwywhome__vault-track > b:nth-of-type(1) { left: 25%; }
  .acpwywhome__vault-track > b:nth-of-type(2) { left: 75%; }
  .acpwywhome__vault-track > b.is-unlocked { background: #d988a0; border-color: rgba(255,222,231,.4); box-shadow: 0 0 0 2px rgba(50,15,28,.9); }
  .acpwywhome__vault-items { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .acpwywhome__vault-items > span { align-items: center; color: #e2d2ca; display: grid; font-size: 11.5px; gap: 8px; grid-template-columns: 20px max-content; line-height: 1.35; max-width: 100%; min-width: 0; width: max-content; }
  .acpwywhome__vault-items > span:nth-child(1) { justify-self: start; }
  .acpwywhome__vault-items > span:nth-child(2) { justify-self: center; }
  .acpwywhome__vault-items > span:nth-child(3) { justify-self: end; }
  .acpwywhome__vault-items em { font-style: normal; }
  .acpwywhome__vault-items em > span { display: block; white-space: nowrap; }
  .acpwywhome__vault-items em i { font-style: italic; }
  .acpwywhome__vault-items b { border: 1.3px solid currentColor; border-radius: 2px; color: #8e727a; display: block; height: 12px; margin-left: 1px; position: relative; transition: color 180ms ease; width: 15px; }
  .acpwywhome__vault-items b::before { border: 1.3px solid currentColor; border-bottom: 0; border-radius: 7px 7px 0 0; content: ""; height: 8px; left: 2.5px; position: absolute; top: -8px; transform-origin: left bottom; transition: transform 180ms ease; width: 7px; }
  .acpwywhome__vault-items b::after { background: currentColor; border-radius: 50%; content: ""; height: 3px; left: 4.7px; position: absolute; top: 4px; width: 3px; }
  .acpwywhome__vault-items > span.is-unlocked { color: #d7c5bc; }
  .acpwywhome__vault-items > span.is-unlocked b { color: var(--ac-gold-light); }
  .acpwywhome__vault-items > span.is-unlocked b::before { transform: translate(4px,-1px) rotate(24deg); }

  .acpwywhome__claim { align-items: center; background: linear-gradient(100deg,#8e2748,#c45475 52%,#9a2c50); border: 1px solid rgba(247,175,195,.3); border-radius: 4px; box-shadow: 0 12px 34px rgba(130,29,62,.28); color: #fff; cursor: pointer; display: flex; justify-content: center; min-height: 54px; padding: 0 16px; position: relative; width: 100%; }
  .acpwywhome__claim:disabled { cursor: not-allowed; filter: grayscale(.8); opacity: .55; }
  .acpwywhome__claim > span { font-size: 9.5px; font-weight: 700; letter-spacing: .085em; line-height: 1.25; text-align: center; text-transform: uppercase; }
  .acpwywhome__claim strong { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
  .acpwywhome__assurance { color: #cdbab1; display: grid; gap: 7px; margin-top: 12px; text-align: center; }
  .acpwywhome__assurance span { font-size: 9px; font-weight: 600; letter-spacing: .075em; line-height: 1.35; text-transform: uppercase; }
  .acpwywhome__status { color: #efa1b6; font-size: 9px; margin: 10px 0 0; min-height: 1.4em; text-align: center; }

  .acpwywhome__benefits { background: linear-gradient(100deg,rgba(30,20,23,.94),rgba(11,9,10,.96)); border: 1px solid rgba(213,173,127,.24); border-radius: 8px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 18px auto 0; max-width: 560px; overflow: hidden; position: relative; width: 100%; z-index: 2; }
  .acpwywhome__benefits > div { align-items: center; border-bottom: 1px solid rgba(213,173,127,.13); display: grid; gap: 11px; grid-template-columns: 31px 1fr; min-width: 0; padding: 13px 11px; }
  .acpwywhome__benefits > div:nth-child(odd) { border-right: 1px solid rgba(213,173,127,.13); }
  .acpwywhome__benefits > div:nth-last-child(-n+2) { border-bottom: 0; }
  .acpwywhome__benefits svg { fill: none; height: 27px; stroke: var(--ac-rose); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.25; width: 27px; }
  .acpwywhome__benefits span { min-width: 0; }
  .acpwywhome__benefits strong { color: var(--ac-gold-light); display: block; font-size: 10px; letter-spacing: .09em; line-height: 1.25; text-transform: uppercase; }
  .acpwywhome__benefits small { color: #d3c1b8; display: block; font-family: var(--ac-display); font-size: 13px; line-height: 1.4; margin-top: 5px; }

  @media (min-width: 700px) {
    .acpwywhome__stage { padding: 56px 28px 40px; }
    .acpwywhome__intro { padding: 76px 8px 38px; }
    .acpwywhome__intro h1 { font-size: 72px; }
    .acpwywhome__identity { gap: 22px; grid-template-columns: 200px 1fr; min-height: 210px; padding: 10px 4px; }
    .acpwywhome__identity > div:last-child > span { font-size: 12px; margin-bottom: 10px; }
    .acpwywhome__identity h2 { font-size: 40px; margin-bottom: 12px; }
    .acpwywhome__identity p { font-size: 17px; line-height: 1.5; margin-bottom: 13px; }
    .acpwywhome__identity small { font-size: 12px; }
    .acpwywhome__prices > button,
    .acpwywhome__custom-card { min-height: 110px; }
    .acpwywhome__prices > button { padding: 14px 8px 13px; }
    .acpwywhome__prices button strong { font-size: 24px; }
    .acpwywhome__custom-card { padding: 11px 12px 13px; }
    .acpwywhome__custom-card > button { min-height: 22px; padding-bottom: 5px; }
    .acpwywhome__custom-card label { min-height: 37px; }
    .acpwywhome__vault-items { grid-template-columns: repeat(3,1fr); }
    .acpwywhome__vault-items > span { font-size: 12.5px; }
    .acpwywhome__claim > span { font-size: 11px; letter-spacing: .12em; }
    .acpwywhome__assurance { display: flex; justify-content: center; }
    .acpwywhome__assurance span { border-right: 1px solid rgba(196,154,104,.24); font-size: 10px; padding: 0 12px; }
    .acpwywhome__assurance span:last-child { border-right: 0; }
    .acpwywhome__benefits { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .acpwywhome__benefits > div { border-bottom: 0; border-right: 1px solid rgba(213,173,127,.13); }
    .acpwywhome__benefits > div:last-child { border-right: 0; }
  }

  @media (max-width: 420px) {
    .acpwywhome__formats button:nth-child(2) { font-size: 8.5px; letter-spacing: .09em; }
    .acpwywhome__formats button:last-child { font-size: 7.7px; letter-spacing: .06em; padding-inline: 2px; }
  }

  @media (max-width: 1359px) {
    .acpwywhome__vault-items { grid-template-columns: minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr); }
    .acpwywhome__vault-items > span { grid-template-columns: 20px minmax(0,1fr); width: 100%; }
    .acpwywhome__vault-items em > span { white-space: normal; }
  }

  @media (min-width: 1040px) {
    .acpwywhome__stage { align-items: center; display: grid; gap: 30px clamp(28px,2vw,40px); grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; min-height: 760px; padding: 42px clamp(24px,2vw,40px) 32px; }
    .acpwywhome__veil { background: transparent; }
    .acpwywhome__intro { justify-self: start; margin: 0 0 0 clamp(36px,4vw,56px); max-width: 560px; padding: 0; width: calc(100% - clamp(36px,4vw,56px)); }
    .acpwywhome__kicker { font-size: 11px; margin-bottom: 18px; }
    .acpwywhome__intro h1 { font-size: clamp(70px,5.6vw,88px); margin-bottom: 30px; max-width: 11ch; }
    .acpwywhome__intro h1 em { max-width: 15ch; }
    .acpwywhome__intro > p { font-size: 19px; line-height: 1.55; max-width: 400px; }
    .acpwywhome__proof { margin-top: 28px; }
    .acpwywhome__proof > span { min-height: 66px; padding-inline: 18px; }
    .acpwywhome__proof > span:first-child { justify-content: flex-start; }
    .acpwywhome__proof > span:nth-child(2) { justify-content: center; }
    .acpwywhome__proof > span:last-child { justify-content: flex-end; }
    .acpwywhome__proof b { font-size: 15px; }
    .acpwywhome__proof strong { font-size: 22px; }
    .acpwywhome__proof > span:first-child strong { font-size: 16px; }
    .acpwywhome__proof > span:nth-child(n+2) .acpwywhome__proof-content { justify-content: flex-start; min-height: 45px; }
    .acpwywhome__proof > span:nth-child(n+2) strong { align-items: flex-start; display: flex; height: 28px; }
    .acpwywhome__proof > span:nth-child(2) strong { font-size: 22px; }
    .acpwywhome__proof small { font-size: 9px; }
    .acpwywhome__card { margin: 0; max-width: none; padding: 16px; }
    .acpwywhome__claim { min-height: 64px; }
    .acpwywhome__claim > span { font-size: 14px; }
    .acpwywhome__prices button small,
    .acpwywhome__custom-card > small { font-size: 12px; min-height: 32px; }
    .acpwywhome__assurance span { font-size: 12px; padding-inline: 16px; }
    .acpwywhome__benefits { grid-column: 1 / -1; margin-top: 0; max-width: none; }
    .acpwywhome__benefits > div { gap: 12px; grid-template-columns: 34px 1fr; padding: 16px 18px; }
    .acpwywhome__benefits svg { height: 30px; width: 30px; }
    .acpwywhome__benefits strong { font-size: 12px; }
    .acpwywhome__benefits small { font-size: 16px; }
  }

  @media (min-width: 1360px) {
    .acpwywhome__stage {
      column-gap: clamp(28px,2vw,40px);
      grid-template-columns: repeat(2,minmax(0,1fr));
      justify-content: stretch;
      min-height: 820px;
      padding: 46px clamp(24px,2vw,40px) 36px;
    }
    .acpwywhome__intro { margin-left: clamp(72px,5vw,104px); max-width: 580px; width: calc(100% - clamp(72px,5vw,104px)); }
    .acpwywhome__kicker { font-size: 13px; margin-bottom: 22px; }
    .acpwywhome__intro h1 { font-size: clamp(92px,5.8vw,116px); margin-bottom: 34px; max-width: 10.5ch; }
    .acpwywhome__intro h1 em { max-width: 15ch; }
    .acpwywhome__intro > p { font-size: 22px; line-height: 1.55; max-width: 450px; }
    .acpwywhome__proof { margin-top: 36px; }
    .acpwywhome__proof > span { min-height: 74px; padding-inline: 22px; }
    .acpwywhome__proof b { font-size: 17px; }
    .acpwywhome__proof strong { font-size: 25px; }
    .acpwywhome__proof > span:first-child strong { font-size: 18px; }
    .acpwywhome__proof > span:nth-child(n+2) .acpwywhome__proof-content { min-height: 50px; }
    .acpwywhome__proof > span:nth-child(n+2) strong { height: 32px; }
    .acpwywhome__proof > span:nth-child(2) strong { font-size: 25px; }
    .acpwywhome__proof small { font-size: 10px; }

    .acpwywhome__card { max-width: none; padding: 22px; }
    .acpwywhome__card-topline { padding: 8px 7px 17px; }
    .acpwywhome__card-topline span { font-size: 10px; }
    .acpwywhome__formats { height: 48px; max-width: none; }
    .acpwywhome__formats button { font-size: 11px; height: 44px; padding-inline: 12px; }
    .acpwywhome__formats button[data-ac-format="audio"]::after { height: 42px; }
    .acpwywhome__best-value { right: -4px; top: -7px; transform: rotate(.35deg) scale(1.12); transform-origin: right top; }

    .acpwywhome__identity { gap: 28px; grid-template-columns: 250px 1fr; margin: 18px 0 22px; min-height: 250px; padding: 12px 8px; }
    .acpwywhome__identity > div:last-child > span { font-size: 14px; margin-bottom: 12px; }
    .acpwywhome__identity h2 { font-size: 50px; line-height: .98; margin-bottom: 14px; }
    .acpwywhome__identity p { font-size: 19px; line-height: 1.5; margin-bottom: 15px; }
    .acpwywhome__identity small { font-size: 14px; }

    .acpwywhome__prices { gap: 14px; padding-top: 8px; }
    .acpwywhome__prices legend { font-size: 10.5px; gap: 14px; margin-bottom: 6px; }
    .acpwywhome__prices > button,
    .acpwywhome__custom-card { min-height: 126px; }
    .acpwywhome__prices > button { padding: 16px 11px 14px; }
    .acpwywhome__prices button > span { font-size: 11px; }
    .acpwywhome__prices button strong { font-size: 28px; margin: 10px 0 7px; }
    .acpwywhome__prices button small { font-size: 13px; min-height: 34px; }
    .acpwywhome__custom-card { padding: 14px 15px; }
    .acpwywhome__custom-card > button { min-height: 25px; padding-bottom: 7px; }
    .acpwywhome__custom-card label { min-height: 44px; padding-inline: 10px; }
    .acpwywhome__custom-card label > span { font-size: 19px; }
    .acpwywhome__custom-card input { font-size: 22px; }
    .acpwywhome__custom-card > small { font-size: 13px; min-height: 34px; }

    .acpwywhome__vault { margin: 24px 0 22px; padding: 16px 18px 17px; }
    .acpwywhome__vault-heading span { font-size: 22px; }
    .acpwywhome__vault-heading strong { font-size: 12px; }
    .acpwywhome__vault-track { margin: 15px 5px 18px; }
    .acpwywhome__vault-items { gap: 12px; grid-template-columns: minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr); }
    .acpwywhome__vault-items > span { font-size: 14px; gap: 10px; grid-template-columns: 24px max-content; }

    .acpwywhome__claim { min-height: 70px; }
    .acpwywhome__claim > span { font-size: 15px; letter-spacing: .12em; }
    .acpwywhome__assurance { margin-top: 14px; }
    .acpwywhome__assurance span { font-size: 13px; padding-inline: 18px; }

    .acpwywhome__benefits > div { gap: 14px; grid-template-columns: 38px 1fr; padding: 18px 22px; }
    .acpwywhome__benefits svg { height: 32px; width: 32px; }
    .acpwywhome__benefits strong { font-size: 13px; }
    .acpwywhome__benefits small { font-size: 18px; }
  }

  @media (max-width: 699px) {
    .acpwywhome__stage { min-height: auto; padding: 0; }
    .acpwywhome__stage::before,
    .acpwywhome__background,
    .acpwywhome__veil,
    .acpwywhome__shell { display: none !important; }
    .acpwywhome__mobile-promo { background: #070606; display: flex; flex-direction: column; height: calc(100svh - 64px); min-height: 600px; overflow: hidden; position: relative; z-index: 3; }
    .acpwywhome__mobile-promo-portrait { flex: 1 1 auto; min-height: 270px; overflow: hidden; position: relative; }
    .acpwywhome__mobile-promo-portrait::after { background: linear-gradient(to bottom,transparent 34%,rgba(7,6,6,.12) 54%,#070606 96%); content: ""; inset: 0; position: absolute; }
    .acpwywhome__mobile-promo-portrait img { filter: none; height: 135%; object-fit: cover; object-position: 50% 18%; width: 100%; }
    .acpwywhome__mobile-promo-content { align-items: center; display: flex; flex: 0 0 auto; flex-direction: column; margin-top: -92px; padding: 0 16px max(14px,env(safe-area-inset-bottom)); position: relative; text-align: center; z-index: 2; }
    .acpwywhome__mobile-promo-kicker { color: #d8b57d; font-size: 9px; font-weight: 700; letter-spacing: .15em; margin-bottom: 7px; text-transform: uppercase; }
    .acpwywhome__mobile-promo-content h2 { color: #e2c58f; font-family: var(--ac-display); font-size: clamp(43px,13.5vw,56px); font-weight: 400; letter-spacing: -.035em; line-height: .8; margin: 0; text-shadow: 0 3px 20px rgba(0,0,0,.9); text-transform: uppercase; }
    .acpwywhome__mobile-promo-content > p { color: #f1e5da; font-family: var(--ac-display); font-size: 15px; line-height: 1.15; margin: 10px 0 10px; }
    .acpwywhome__mobile-promo-content > strong { color: #d8b57d; font-family: var(--ac-display); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
    .acpwywhome__mobile-promo-books { filter: drop-shadow(0 10px 14px rgba(0,0,0,.68)); height: 88px; margin: 3px auto 5px; object-fit: contain; width: min(100%,430px); }
    .acpwywhome__mobile-promo-content > a { align-items: center; background: linear-gradient(100deg,#d19a48,#f0d18e 48%,#bd7b28); border: 1px solid #f2d79f; border-radius: 4px; box-shadow: 0 10px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.55); color: #180e08; display: flex; font-size: 12px; font-weight: 800; justify-content: center; letter-spacing: .1em; min-height: 48px; text-decoration: none; text-transform: uppercase; width: 100%; }
    .acpwywhome__mobile-promo-content > a span { font-size: 16px; margin-left: 10px; }
    .acpwywhome__mobile-promo-content > small { color: #c9ad85; font-family: var(--ac-display); font-size: 9px; font-style: italic; letter-spacing: .14em; margin-top: 10px; text-transform: uppercase; }
    .acpwywhome__background img { object-position: center top; }
    .acpwywhome__intro { max-width: none; padding: 12px 16px 7px; text-align: center; }
    .acpwywhome__kicker--desktop,
    .acpwywhome__heading-desktop,
    .acpwywhome__accent-desktop { display: none !important; }
    .acpwywhome__kicker.acpwywhome__kicker--mobile { display: block !important; font-size: 7px; letter-spacing: .17em; line-height: 1.25; margin-bottom: 7px; }
    .acpwywhome__kicker--mobile span { display: block; }
    .acpwywhome__intro h1 { line-height: .9; margin: 0 auto 7px; max-width: none; white-space: nowrap; }
    .acpwywhome__intro h1 > .acpwywhome__heading-mobile { display: block !important; font-size: clamp(30px,8.8vw,34px); letter-spacing: -.025em; }
    .acpwywhome__intro h1 > .acpwywhome__accent-mobile { display: block !important; font-size: clamp(14px,4.3vw,17px); letter-spacing: -.02em; line-height: 1; margin-top: 4px; max-width: none; }
    .acpwywhome__intro > p { display: none; }

    .acpwywhome__mobile-cover {
      align-items: center;
      aspect-ratio: 2.75 / 1;
      display: flex;
      justify-content: center;
      margin: 6px -7px 0;
      min-height: 108px;
      overflow: hidden;
      position: relative;
    }
    .acpwywhome__mobile-cover::after { background: linear-gradient(to top,rgba(5,4,5,.98) 0,rgba(5,4,5,.76) 38%,transparent 78%); content: ""; inset: 42% -8% 0; pointer-events: none; position: absolute; }
    .acpwywhome__mobile-cover img { filter: drop-shadow(0 13px 18px rgba(0,0,0,.72)); height: 145%; object-fit: contain; transform: translateY(7%); width: 100%; }
    .acpwywhome__mobile-art-note { border: 1px solid rgba(223,193,158,.38); border-radius: 999px; color: var(--ac-gold-light); font-size: 6px; left: 50%; letter-spacing: .13em; padding: 4px 7px; position: absolute; text-transform: uppercase; top: 4px; transform: translateX(-50%); white-space: nowrap; z-index: 3; }
    .acpwywhome__mobile-art-placeholder { background: radial-gradient(ellipse at center,rgba(193,79,112,.22),transparent 64%); border: 1px dashed rgba(223,193,158,.28); border-radius: 8px; height: 76%; width: 92%; }
    .acpwywhome__mobile-cover p { bottom: 5px; color: #f2ddd2; font-family: var(--ac-display); font-size: clamp(14px,4.1vw,17px); left: 6px; line-height: 1.05; margin: 0; position: absolute; right: 6px; text-align: center; text-shadow: 0 2px 8px #000; z-index: 3; }

    .acpwywhome__proof { margin: 4px 0 7px; }
    .acpwywhome__proof > span { min-height: 36px; padding-inline: 7px; }
    .acpwywhome__proof b { font-size: 9px; }
    .acpwywhome__proof strong { font-size: 14px; }
    .acpwywhome__proof > span:first-child strong { font-size: 11px; }
    .acpwywhome__proof small { font-size: 6px; letter-spacing: .1em; margin-top: 3px; }

    .acpwywhome__card { border-radius: 18px; display: flex; flex-direction: column; margin: 0 10px; max-width: none; overflow: visible; padding: 9px; width: auto; }
    .acpwywhome__step-desktop { display: none !important; }
    .acpwywhome__step-mobile { display: block; }
    .acpwywhome__card-topline { order: 1; padding: 1px 4px 6px; }
    .acpwywhome__card-topline .acpwywhome__step-mobile { font-size: 6.5px; font-weight: 700; letter-spacing: .15em; text-align: center; }
    .acpwywhome__formats { height: 48px; max-width: none; order: 2; }
    .acpwywhome__formats button { font-size: 10px; height: 44px; letter-spacing: .13em; min-height: 44px; padding-inline: 8px; }
    .acpwywhome__format-desktop { display: none; }
    .acpwywhome__format-mobile { display: inline; }
    .acpwywhome__formats button[data-ac-format="complete"] { font-size: 10px; letter-spacing: .13em; padding-inline: 8px; }
    .acpwywhome__formats button[data-ac-format="audio"]::after { height: 42px; }
    .acpwywhome__best-value { right: -2px; top: -7px; transform: scale(.92); transform-origin: right top; }

    .acpwywhome__identity { display: none; }
    .acpwywhome__product-image { display: none; }
    .acpwywhome__identity > div:last-child > span { color: var(--ac-paper); font-family: var(--ac-display); font-size: 19px; letter-spacing: .01em; line-height: 1; margin-bottom: 4px; text-transform: none; }
    .acpwywhome__identity h2 { display: none; }
    .acpwywhome__identity p { -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; display: -webkit-box; font-size: 11px; line-height: 1.25; margin: 0 auto 4px; max-width: 34ch; overflow: hidden; }
    .acpwywhome__identity small { font-size: 7px; }

    .acpwywhome__prices { gap: 5px; grid-template-columns: 1fr; order: 4; padding-top: 1px; }
    .acpwywhome__prices legend { display: flex; font-size: 6.5px; gap: 0; grid-column: 1; justify-content: center; letter-spacing: .15em; margin: 0; padding: 9px 4px 7px; text-align: center; }
    .acpwywhome__prices legend::after { display: none; }
    .acpwywhome__prices legend .acpwywhome__step-mobile { font-size: inherit; font-weight: 700; letter-spacing: inherit; }
    .acpwywhome__prices > button,
    .acpwywhome__custom-card { min-height: 52px; position: relative; }
    .acpwywhome__prices > button { align-items: center; display: grid; gap: 2px 8px; grid-template-columns: minmax(0,1fr) auto; min-height: 52px; padding: 7px 10px 7px 37px; text-align: left; }
    .acpwywhome__prices > button:nth-of-type(1) { grid-row: 2; }
    .acpwywhome__prices > button:nth-of-type(2) { grid-row: 3; }
    .acpwywhome__custom-card { grid-row: 4; }
    .acpwywhome__prices > button::before,
    .acpwywhome__custom-card::before { border: 1px solid rgba(223,193,158,.58); border-radius: 50%; box-sizing: border-box; content: ""; height: 16px; left: 11px; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; }
    .acpwywhome__prices > button.is-selected::before,
    .acpwywhome__custom-card.is-selected::before { border-color: var(--ac-rose-light); box-shadow: 0 0 0 3px rgba(201,79,115,.12); }
    .acpwywhome__prices > button.is-selected::after,
    .acpwywhome__custom-card.is-selected::after { background: var(--ac-rose-light); border-radius: 50%; content: ""; height: 8px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; }
    .acpwywhome__popular { background: #f0c3cf; border-radius: 999px; color: #6f1835; display: block; font-size: 6px; font-style: normal; font-weight: 800; letter-spacing: .08em; line-height: 1; padding: 4px 6px; position: absolute; right: 8px; text-transform: uppercase; top: -7px; }
    .acpwywhome__prices button > span { font-size: 9px; }
    .acpwywhome__prices button strong { font-size: 22px; grid-column: 2; grid-row: 1 / span 2; margin: 0; }
    .acpwywhome__prices button small { font-size: 8px; grid-column: 1; justify-content: flex-start; line-height: 1.25; margin: 0; min-height: 0; text-align: left; }

    .acpwywhome__custom-card { display: grid; gap: 2px 8px; grid-template-columns: minmax(0,1fr) 132px; padding: 6px 9px 6px 37px; }
    .acpwywhome__custom-card > button { grid-column: 1; grid-row: 1; justify-content: flex-start; min-height: 22px; padding: 0; }
    .acpwywhome__custom-card > small { font-size: 8px; grid-column: 1; grid-row: 2; justify-content: flex-start; min-height: 16px; text-align: left; }
    .acpwywhome__custom-card label { display: flex; grid-column: 2; grid-row: 1 / span 2; min-height: 42px; }
    .acpwywhome__custom-card input { font-size: 16px; }
    .acpwywhome__custom-card input::placeholder { font-size: 10px; letter-spacing: .02em; }
    .acpwywhome__custom-card.is-selected > small { font-size: 8px; }
    .acpwywhome__error { font-size: 8px; margin: 6px 2px 2px; order: 5; }

    .acpwywhome__claim { background: linear-gradient(100deg,#d45c80 0%,#bd3e69 54%,#94284f 100%); border: 1px solid rgba(255,205,220,.42); border-radius: 11px; bottom: max(9px,env(safe-area-inset-bottom)); box-shadow: 0 13px 34px rgba(130,29,62,.58),inset 0 1px 0 rgba(255,255,255,.16); display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; justify-content: stretch; margin-top: 15px; min-height: 62px; order: 6; padding: 8px 9px 8px 14px; position: sticky; z-index: 8; }
    .acpwywhome__claim > span { font-size: 10px; letter-spacing: .1em; text-align: left; }
    .acpwywhome__claim strong { background: rgba(35,7,17,.24); border: 1px solid rgba(255,227,235,.3); border-radius: 999px; clip: auto; clip-path: none; font-family: var(--ac-display); font-size: 18px; height: auto; margin: 0; min-width: 76px; overflow: visible; padding: 7px 10px; position: static; text-align: center; white-space: nowrap; width: auto; }
    .acpwywhome__assurance { display: flex; flex-wrap: wrap; gap: 5px 0; justify-content: center; margin-top: 9px; order: 7; }
    .acpwywhome__assurance span { border-right: 1px solid rgba(196,154,104,.24); font-size: 6.5px; padding: 0 7px; }
    .acpwywhome__assurance span:last-child { border-right: 0; }
    .acpwywhome__status { order: 9; }

    /* Mobile-only offer refinement. */
    .acpwywhome__kicker.acpwywhome__kicker--mobile { color: #dda247; font-size: 8px; font-weight: 600; letter-spacing: .13em; line-height: 1.35; margin-bottom: 8px; text-shadow: 0 0 12px rgba(221,162,71,.12); }
    .acpwywhome__intro h1 > .acpwywhome__accent-mobile { -webkit-text-stroke: .12px currentColor; font-size: clamp(15px,4.5vw,17.5px); font-weight: 500; }
    .acpwywhome__mobile-cover { margin-top: 8px; min-height: 104px; }
    .acpwywhome__mobile-cover.has-fixed-spread { margin: -1px -10px -2px; min-height: 0; }
    .acpwywhome__mobile-cover.has-fixed-spread::after { display: none; }
    .acpwywhome__mobile-cover.has-fixed-spread img { filter: none; height: 100%; object-fit: contain; transform: translateY(-3px); width: 100%; }
    .acpwywhome__mobile-cover.has-fixed-spread p { bottom: -1px; font-size: clamp(12.5px,3.55vw,14px); }
    .acpwywhome__mobile-art-note { display: none; }
    .acpwywhome__proof { display: none; }
    .acpwywhome__proof-compact { align-items: center; color: #d8b58a; display: grid; gap: 0; grid-template-columns: minmax(0,1fr) minmax(8px,12px) minmax(0,1fr) minmax(8px,12px) minmax(0,1fr); letter-spacing: .045em; line-height: 1.15; margin: 9px 0 11px; padding-inline: 12px; text-transform: uppercase; }
    .acpwywhome__proof-compact span { align-items: center; display: flex; flex-direction: column; justify-content: center; min-width: 0; row-gap: 2px; white-space: nowrap; }
    .acpwywhome__proof-compact strong { color: inherit; font-family: var(--ac-sans); font-size: clamp(7px,2vw,8px); font-weight: 700; }
    .acpwywhome__proof-compact small { color: inherit; font-size: clamp(5.5px,1.55vw,6.3px); font-weight: 700; margin-top: 2px; }
    .acpwywhome__proof-compact i { color: #d8b58a; font-size: 8px; font-style: normal; justify-self: center; }

    .acpwywhome__card { background: linear-gradient(158deg,rgba(27,17,21,.98),rgba(7,6,7,.99)); border-color: rgba(213,173,127,.26); border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.03); padding: 10px 11px 11px; }
    .acpwywhome__card::before { left: 14%; opacity: .55; right: 14%; }
    .acpwywhome__card-topline { padding: 2px 4px 8px; }
    .acpwywhome__card-topline .acpwywhome__step-mobile,
    .acpwywhome__prices legend { font-size: 8px; letter-spacing: .12em; }
    .acpwywhome__formats { background: rgba(18,12,14,.72); border-color: rgba(213,173,127,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); height: 46px; }
    .acpwywhome__formats::before { opacity: .07; }
    .acpwywhome__formats button:nth-child(n) { font-size: 10px; font-weight: 700; height: 42px; letter-spacing: .13em; transition: background 160ms ease,border-color 160ms ease,color 160ms ease; }
    .acpwywhome__formats button[aria-selected="true"] { background: linear-gradient(180deg,#c55375,#a6355a); box-shadow: inset 0 1px 0 rgba(255,234,239,.18),0 5px 15px rgba(135,29,64,.22); }
    .acpwywhome__best-value { background: #6d233e; border: 1px solid rgba(239,167,188,.34); border-radius: 999px; font-size: 5.5px; height: auto; padding: 3px 5px; right: 2px; top: -5px; transform: none; width: auto; }
    .acpwywhome__best-value svg { display: none; }
    .acpwywhome__best-value > span { left: auto; position: static; top: auto; width: auto; }

    .acpwywhome__prices { gap: 0; padding-inline: 2px; }
    .acpwywhome__prices legend { padding: 11px 4px 8px; }
    .acpwywhome__prices > button,
    .acpwywhome__custom-card { background: transparent; border: 0; border-bottom: 1px solid rgba(213,173,127,.18); border-radius: 0; box-shadow: none; min-height: 58px; transition: background 160ms ease,box-shadow 160ms ease; }
    .acpwywhome__prices > button { min-height: 58px; padding: 9px 8px 9px 12px; }
    .acpwywhome__prices > button::before,
    .acpwywhome__custom-card::before,
    .acpwywhome__prices > button.is-selected::after,
    .acpwywhome__custom-card.is-selected::after { display: none; }
    .acpwywhome__prices > button.is-selected,
    .acpwywhome__custom-card.is-selected { background: linear-gradient(90deg,rgba(193,79,112,.16),rgba(193,79,112,.025) 72%,transparent); border-color: rgba(213,173,127,.18); box-shadow: inset 3px 0 0 var(--ac-rose); }
    .acpwywhome__prices button > span { font-size: 10px; letter-spacing: .04em; }
    .acpwywhome__prices button small { font-size: 9px; }
    .acpwywhome__popular { background: rgba(240,195,207,.13); border: 1px solid rgba(240,195,207,.28); color: #f0c3cf; font-size: 5.5px; right: 84px; top: 8px; }
    .acpwywhome__custom-card { grid-template-columns: minmax(0,1fr) 126px; padding: 7px 7px 7px 12px; }
    .acpwywhome__custom-card > small,
    .acpwywhome__custom-card.is-selected > small { font-size: 9px; }
    .acpwywhome__custom-card label { border-color: rgba(213,173,127,.2); }

    .acpwywhome__claim { box-shadow: 0 11px 26px rgba(130,29,62,.4),inset 0 1px 0 rgba(255,255,255,.14); margin-top: 14px; transition: filter 160ms ease,transform 160ms ease; }
    .acpwywhome__claim > span { font-size: 10.5px; }
    .acpwywhome__assurance { margin-top: 10px; }
    .acpwywhome__assurance span { font-size: 8px; letter-spacing: .055em; padding-inline: 8px; }

    .acpwywhome__vault { margin: 13px 0 2px; order: 8; padding: 11px 12px 12px; }
    .acpwywhome__vault-heading { gap: 10px; }
    .acpwywhome__vault-heading span { flex: 1 1 auto; font-size: clamp(13px,4vw,15px); letter-spacing: .035em; min-width: 0; text-align: left; white-space: nowrap; }
    .acpwywhome__vault-heading strong { flex: 0 0 auto; font-size: 8px; }
    .acpwywhome__vault-track { margin: 11px 4px 13px; }
    .acpwywhome__vault-items { gap: 9px; grid-template-columns: 1fr; }
    .acpwywhome__vault-items > span,
    .acpwywhome__vault-items > span:nth-child(n) { font-size: 10px; gap: 10px; grid-template-columns: 20px 1fr; justify-self: stretch; width: 100%; }
    .acpwywhome__vault-items em > span { display: inline; white-space: normal; }
    .acpwywhome__vault-items em > span:not(:last-child)::after { content: " "; }

    .acpwywhome__benefits { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 10px 10px 0; max-width: none; }
    .acpwywhome__benefits > div { gap: 8px; grid-template-columns: 25px 1fr; padding: 10px 8px; }
    .acpwywhome__benefits svg { height: 23px; width: 23px; }
    .acpwywhome__benefits strong { font-size: 8px; }
    .acpwywhome__benefits small { font-size: 11px; margin-top: 3px; }
  }

  @media (max-width: 340px) {
    .acpwywhome__kicker.acpwywhome__kicker--mobile { font-size: 7px; letter-spacing: .1em; }
    .acpwywhome__intro h1 > .acpwywhome__heading-mobile { font-size: 27px; letter-spacing: -.035em; }
    .acpwywhome__proof-compact { letter-spacing: .025em; padding-inline: 6px; }
    .acpwywhome__proof-compact strong { font-size: 6.6px; }
    .acpwywhome__proof-compact small { font-size: 5.1px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .acpwywhome *,
    .acpwywhome *::before,
    .acpwywhome *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  }

  /* Homepage-only desktop composition. The offer UI above remains the original PWYW UI. */
  @media (min-width: 1040px) {
    .acpwywhome__stage {
      column-gap: clamp(32px, 4vw, 76px);
      grid-template-columns: minmax(0, 1fr) minmax(560px, .92fr);
      min-height: var(--ac-home-height);
      padding: calc(24px + var(--ac-home-header-clearance)) clamp(30px, 4vw, 78px) 28px;
    }
    .acpwywhome__intro {
      align-self: center;
      justify-self: center;
      margin: 0;
      max-width: 720px;
      padding: 0;
      width: 100%;
    }
    .acpwywhome__kicker {
      font-size: 10px;
      margin-bottom: 11px;
    }
    .acpwywhome__intro h1 {
      font-size: clamp(54px, 4.45vw, 78px);
      line-height: .88;
      margin: 0 0 13px;
      max-width: none;
    }
    .acpwywhome__intro h1 > .acpwywhome__heading-desktop,
    .acpwywhome__intro h1 .acpwywhome__accent-desktop > span { display: inline; }
    .acpwywhome__intro h1 > .acpwywhome__heading-desktop:not(:last-of-type)::after,
    .acpwywhome__intro h1 .acpwywhome__accent-desktop > span:not(:last-child)::after { content: " "; }
    .acpwywhome__intro h1 .acpwywhome__accent-desktop {
      font-size: .48em;
      line-height: 1;
      margin-top: .23em;
      max-width: none;
    }
    .acpwywhome__intro > p,
    .acpwywhome__proof,
    .acpwywhome__proof-compact,
    .acpwywhome__benefits { display: none; }
    .acpwywhome__product-image--home {
      aspect-ratio: auto;
      height: clamp(190px, 15vw, 255px);
      justify-content: flex-start;
      margin-top: 12px;
      max-width: 630px;
      padding: 0;
      width: 100%;
    }
    .acpwywhome__product-image--home img {
      filter: drop-shadow(0 20px 24px rgba(0,0,0,.68));
      object-position: left center;
    }
    .acpwywhome__card {
      align-self: center;
      justify-self: stretch;
      margin: 0;
      max-width: 720px;
      padding: 16px;
    }
    .acpwywhome__card-topline { padding: 5px 5px 12px; }
    .acpwywhome__formats { height: 42px; max-width: none; }
    .acpwywhome__formats button { font-size: 10px; height: 38px; padding-inline: 8px; }
    .acpwywhome__formats button[data-ac-format="audio"]::after { height: 36px; }
    .acpwywhome__best-value { right: -3px; top: -6px; transform: rotate(.35deg); }
    .acpwywhome__identity {
      display: block;
      margin: 12px 0 10px;
      min-height: 0;
      padding: 0 4px;
      text-align: center;
    }
    .acpwywhome__identity > div:last-child > span { font-size: 11px; margin-bottom: 5px; }
    .acpwywhome__identity h2 { font-size: 34px; margin: 0; }
    .acpwywhome__identity p,
    .acpwywhome__identity small { display: none; }
    .acpwywhome__prices { gap: 10px; padding-top: 5px; }
    .acpwywhome__prices legend { font-size: 9px; margin-bottom: 3px; }
    .acpwywhome__prices > button,
    .acpwywhome__custom-card { min-height: 98px; }
    .acpwywhome__prices > button { padding: 12px 8px 10px; }
    .acpwywhome__prices button > span { font-size: 10px; }
    .acpwywhome__prices button strong { font-size: 23px; margin: 7px 0 4px; }
    .acpwywhome__prices button small,
    .acpwywhome__custom-card > small { font-size: 9px; min-height: 24px; }
    .acpwywhome__custom-card { padding: 9px 11px 10px; }
    .acpwywhome__vault { margin: 14px 0 13px; padding: 11px 14px 12px; }
    .acpwywhome__vault-heading span { font-size: 18px; }
    .acpwywhome__vault-heading strong { font-size: 9px; }
    .acpwywhome__vault-track { margin: 11px 4px 13px; }
    .acpwywhome__vault-items > span { font-size: 10.5px; }
    .acpwywhome__claim { min-height: 54px; }
    .acpwywhome__claim > span { font-size: 11px; }
    .acpwywhome__assurance { margin-top: 10px; }
    .acpwywhome__assurance span { font-size: 9px; padding-inline: 12px; }
    .acpwywhome__status { margin-top: 7px; }
  }

  /* Split-hero composition. The background remains full bleed; interactive content is capped. */
  .acpwywhome__stage { display: block; }
  .acpwywhome__shell {
    display: grid;
    gap: clamp(26px, 3vw, 48px);
    margin-inline: auto;
    max-width: 1680px;
    position: relative;
    width: 100%;
    z-index: 2;
  }
  .acpwywhome__left-panel,
  .acforeplay { min-width: 0; }

  .acforeplay {
    --acf-paper: #f3e4da;
    --acf-muted: #bfa9a0;
    background:
      radial-gradient(circle at 93% 7%, rgba(196,154,104,.12), transparent 23rem),
      linear-gradient(145deg, rgba(22,15,18,.97), rgba(6,6,7,.985));
    border: 1px solid rgba(213,173,127,.42);
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.035);
    color: var(--acf-paper);
    overflow: hidden;
    padding: clamp(20px, 2.25vw, 38px);
    position: relative;
  }
  .acforeplay::before {
    background: linear-gradient(90deg, transparent, var(--ac-gold), var(--ac-rose), var(--ac-gold), transparent);
    content: "";
    height: 1px;
    left: 4%;
    opacity: .78;
    position: absolute;
    right: 4%;
    top: 0;
  }
  .acforeplay *,
  .acforeplay *::before,
  .acforeplay *::after { box-sizing: border-box; }
  .acforeplay [hidden] { display: none !important; }
  .acforeplay button,
  .acforeplay input,
  .acforeplay select { font: inherit; }
  .acforeplay a { color: inherit; }
  .acforeplay__heading { margin-bottom: clamp(18px, 2vw, 28px); text-align: center; }
  .acforeplay__heading .acforeplay__kicker {
    color: var(--ac-gold-light);
    display: block;
    font: 700 9px/1.2 var(--ac-sans);
    letter-spacing: .2em;
    margin-bottom: 7px;
    text-transform: uppercase;
  }
  .acforeplay__heading h2 {
    color: var(--acf-paper);
    font: 500 clamp(38px, 3.2vw, 58px)/.92 var(--ac-display);
    letter-spacing: -.025em;
    margin: 0;
  }
  .acforeplay__heading p {
    color: var(--acf-muted);
    font: italic 500 clamp(16px, 1.3vw, 20px)/1.25 var(--ac-display);
    margin: 7px 0 0;
  }
  .acforeplay__experience {
    align-items: stretch;
    display: grid;
    gap: clamp(16px, 1.5vw, 25px);
    grid-template-columns: 1fr;
  }
  .acforeplay__phone-column,
  .acforeplay__library,
  .acforeplay__audio-column { min-width: 0; }
  .acforeplay__column-label {
    color: var(--ac-gold-light);
    font: 600 16px/1.15 var(--ac-display);
    margin: 0 0 10px;
  }

  .acforeplay__phone-column { align-items: center; display: flex; flex-direction: column; }
  .acforeplay__phone {
    background: linear-gradient(112deg,#8d5d27 0%,#f1d79f 16%,#ad7431 39%,#edcf92 69%,#825322 100%);
    border-radius: 38px;
    box-shadow: inset 0 0 0 2px #f4dfae, inset 0 0 0 5px rgba(42,23,10,.68), 0 19px 36px rgba(0,0,0,.48);
    max-width: 322px;
    padding: 13px 11px 17px;
    position: relative;
    width: 100%;
  }
  .acforeplay__phone-speaker {
    background: #080708;
    border-radius: 0 0 13px 13px;
    height: 17px;
    left: 50%;
    position: absolute;
    top: 12px;
    transform: translateX(-50%);
    width: 82px;
    z-index: 4;
  }
  .acforeplay__phone-home {
    background: #151014;
    border-radius: 8px;
    bottom: 7px;
    height: 4px;
    left: 50%;
    opacity: .78;
    position: absolute;
    transform: translateX(-50%);
    width: 88px;
  }
  .acforeplay__phone-screen {
    background: #f4efea;
    border: 2px solid #1c1416;
    border-radius: 28px;
    color: #302328;
    min-height: 520px;
    overflow: hidden;
  }
  .acforeplay__reader-panel { display: flex; flex-direction: column; min-height: 520px; }
  .acforeplay__phone-title {
    background: linear-gradient(180deg,#5d1730,#350b1c);
    color: #fff7f1;
    min-height: 68px;
    padding: 24px 14px 10px;
    text-align: center;
  }
  .acforeplay__phone-title small {
    display: block;
    font: 700 8px/1 var(--ac-sans);
    letter-spacing: .13em;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  .acforeplay__phone-title a,
  .acforeplay__phone-title strong { font: 600 16px/1.05 var(--ac-display); text-decoration: none; }
  .acforeplay__reader-meta {
    align-items: center;
    background: #faf7f4;
    border-bottom: 1px solid #ded0c8;
    display: flex;
    justify-content: space-between;
    padding: 11px 14px 8px;
  }
  .acforeplay__reader-meta strong { font: 700 9px/1 var(--ac-sans); letter-spacing: .1em; text-transform: uppercase; }
  .acforeplay__reader-meta span { color: #765c67; font: 600 10px/1 var(--ac-sans); }
  .acforeplay__chapter {
    flex: 1 1 auto;
    font: 500 16px/1.42 var(--ac-display);
    height: clamp(330px, 29vw, 415px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px 15px 22px;
    scrollbar-color: #bb9156 #e9ddd6;
    scrollbar-width: thin;
  }
  .acforeplay__chapter::-webkit-scrollbar { width: 7px; }
  .acforeplay__chapter::-webkit-scrollbar-track { background: #e9ddd6; }
  .acforeplay__chapter::-webkit-scrollbar-thumb { background: #bb9156; border-radius: 8px; }
  .acforeplay__chapter p { margin: 0 0 .92em; }
  .acforeplay__chapter h1,
  .acforeplay__chapter h2,
  .acforeplay__chapter h3 { color: #302328; font: 600 19px/1.15 var(--ac-display); margin: .8em 0 .5em; }
  .acforeplay__chapter img { height: auto; max-width: 100%; }
  .acforeplay__chapter:focus-visible { outline: 2px solid var(--ac-rose); outline-offset: -3px; }
  .acforeplay__empty { color: #765c67; font-style: italic; }
  .acforeplay__read-progress { background: #e3d6cf; height: 4px; }
  .acforeplay__read-progress i { background: linear-gradient(90deg,#9c662b,#e2c184); display: block; height: 100%; transform: scaleX(0); transform-origin: left center; }
  .acforeplay__phone-footer {
    align-items: center;
    background: #f8f3ef;
    border-top: 1px solid #ded0c8;
    display: flex;
    font: 700 9px/1.2 var(--ac-sans);
    gap: 8px;
    justify-content: space-between;
    min-height: 58px;
    padding: 7px 10px;
    text-transform: uppercase;
  }
  .acforeplay__phone-footer > div { align-items: center; display: flex; gap: 6px; }
  .acforeplay__phone-footer form { margin: 0; }
  .acforeplay__phone-footer a { color: #582037; text-underline-offset: 2px; }
  .acforeplay__phone-footer button {
    background: #792545;
    border: 1px solid #96365a;
    border-radius: 4px;
    color: #fff8f4;
    cursor: pointer;
    font: 700 8px/1 var(--ac-sans);
    letter-spacing: .06em;
    min-height: 44px;
    padding: 7px 9px;
    text-transform: uppercase;
  }
  .acforeplay__phone-footer button:disabled { cursor: not-allowed; opacity: .48; }
  .acforeplay__reader-note { color: var(--acf-muted); font: italic 14px/1.2 var(--ac-display); margin: 10px 0 0; text-align: center; }

  .acforeplay__sample-nav { display: grid; gap: 8px; }
  .acforeplay__sample-choice {
    align-items: center;
    appearance: none;
    background: rgba(12,9,10,.58);
    border: 1px solid rgba(213,173,127,.2);
    border-radius: 5px;
    color: var(--acf-paper);
    cursor: pointer;
    display: grid;
    gap: 10px;
    grid-template-columns: 55px minmax(0,1fr) 16px;
    min-height: 82px;
    padding: 7px;
    text-align: left;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
    width: 100%;
  }
  .acforeplay__sample-choice:hover { border-color: rgba(213,173,127,.58); transform: translateY(-1px); }
  .acforeplay__sample-choice.is-selected {
    background: linear-gradient(90deg,rgba(133,36,71,.42),rgba(23,12,17,.78));
    border-color: var(--ac-rose);
    box-shadow: inset 3px 0 0 var(--ac-rose), 0 0 20px rgba(193,79,112,.11);
  }
  .acforeplay__sample-choice:focus-visible { outline: 2px solid var(--ac-gold-light); outline-offset: 2px; }
  .acforeplay__sample-cover { aspect-ratio: 2 / 3; background: #1e1418; border: 1px solid rgba(213,173,127,.44); display: block; overflow: hidden; }
  .acforeplay__sample-cover img { height: 100%; object-fit: cover; width: 100%; }
  .acforeplay__sample-cover i { border: 1px solid rgba(213,173,127,.32); display: block; height: 72%; margin: 22% auto 0; width: 65%; }
  .acforeplay__sample-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  .acforeplay__sample-copy strong { font: 600 15px/1.08 var(--ac-display); }
  .acforeplay__sample-copy small { color: var(--acf-muted); font: 600 8px/1.3 var(--ac-sans); letter-spacing: .04em; text-transform: uppercase; }
  .acforeplay__sample-choice svg { fill: none; height: 15px; stroke: var(--ac-gold-light); stroke-width: 1.5; width: 15px; }

  .acforeplay__audio-column { display: flex; flex-direction: column; }
  .acforeplay__audio-panel {
    background: linear-gradient(160deg,rgba(43,21,29,.86),rgba(8,7,8,.92));
    border: 1px solid rgba(213,173,127,.28);
    border-radius: 8px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 13px;
  }
  .acforeplay__audio-book { align-items: center; display: grid; gap: 12px; grid-template-columns: 82px minmax(0,1fr); }
  .acforeplay__audio-book > span { aspect-ratio: 2 / 3; background: #1e1418; border: 1px solid rgba(213,173,127,.5); display: block; overflow: hidden; }
  .acforeplay__audio-book img { height: 100%; object-fit: cover; width: 100%; }
  .acforeplay__audio-book small { color: var(--ac-rose-light); display: block; font: 700 8px/1.2 var(--ac-sans); letter-spacing: .12em; margin-bottom: 5px; text-transform: uppercase; }
  .acforeplay__audio-book strong { font: 600 18px/1.06 var(--ac-display); }
  .acforeplay__audio-player { margin-top: 16px; }
  .acforeplay__audio-controls { align-items: center; display: flex; gap: 8px; }
  .acforeplay__play {
    align-items: center;
    background: linear-gradient(135deg,#efd9aa,#b98542);
    border: 1px solid #f2dfb2;
    border-radius: 50%;
    color: #1b1111;
    cursor: pointer;
    display: flex;
    flex: 0 0 48px;
    font-size: 17px;
    height: 48px;
    justify-content: center;
    min-height: 48px;
    padding: 0 0 0 2px;
    width: 48px;
  }
  .acforeplay__audio-main { flex: 1 1 auto; min-width: 0; position: relative; }
  .acforeplay__wave { align-items: center; display: flex; gap: 2px; height: 42px; overflow: hidden; }
  .acforeplay__wave i { background: var(--ac-rose-light); display: block; flex: 1; height: var(--h); min-width: 1px; opacity: .9; }
  .acforeplay__audio-main input { accent-color: var(--ac-rose); cursor: pointer; height: 44px; inset: -1px 0 auto; margin: 0; opacity: .38; position: absolute; width: 100%; }
  .acforeplay__speed { align-items: center; color: var(--acf-muted); display: grid; flex: 0 0 auto; font: 700 8px/1 var(--ac-sans); gap: 4px; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
  .acforeplay__speed select { background: rgba(12,8,10,.88); border: 1px solid rgba(213,173,127,.55); border-radius: 4px; color: var(--acf-paper); cursor: pointer; font: 600 11px/1 var(--ac-sans); min-height: 44px; padding: 4px; }
  .acforeplay__audio-meta { color: var(--acf-muted); display: flex; font: 600 10px/1.25 var(--ac-sans); justify-content: space-between; margin-top: 7px; }
  .acforeplay__audio-meta a { color: var(--acf-paper); font: 500 14px/1 var(--ac-display); }
  .acforeplay__audio-empty { color: var(--acf-muted); font: italic 15px/1.35 var(--ac-display); margin: 18px 0; }
  .acforeplay__audio-buy { display: grid; gap: 8px; margin-top: auto; padding-top: 17px; }
  .acforeplay__audio-buy > a { align-items: baseline; display: flex; font: 500 15px/1.2 var(--ac-display); justify-content: space-between; text-decoration: none; }
  .acforeplay__audio-buy > a strong { font-size: 19px; }
  .acforeplay__audio-buy form { margin: 0; }
  .acforeplay__audio-buy button {
    background: linear-gradient(100deg,#7d2445,#b74469 55%,#802344);
    border: 1px solid rgba(239,172,193,.42);
    border-radius: 4px;
    color: #fff8f3;
    cursor: pointer;
    font: 700 10px/1 var(--ac-sans);
    letter-spacing: .12em;
    min-height: 44px;
    padding: 12px;
    text-transform: uppercase;
    width: 100%;
  }
  .acforeplay__audio-buy button:disabled { cursor: not-allowed; filter: grayscale(1); opacity: .48; }
  .acforeplay__details-link { color: var(--ac-rose-light) !important; font: 500 16px/1.2 var(--ac-display); margin-top: auto; padding-top: 17px; text-underline-offset: 3px; }
  .acforeplay__setup-note { border: 1px dashed rgba(213,173,127,.48); color: var(--acf-muted); font: italic 17px/1.4 var(--ac-display); padding: 28px; text-align: center; }
  .acforeplay__sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }

  @media (min-width: 700px) {
    .acpwywhome__shell { gap: 34px; }
    .acforeplay__experience { grid-template-columns: minmax(260px,.9fr) minmax(0,1.1fr); }
    .acforeplay__audio-column { grid-column: 1 / -1; }
    .acforeplay__audio-panel { min-height: 250px; }
    .acforeplay__audio-book { grid-template-columns: 96px minmax(0,1fr); }
  }

  @media (min-width: 1040px) {
    .acpwywhome__stage {
      display: block;
      min-height: var(--ac-home-height);
      padding: calc(24px + var(--ac-home-header-clearance)) clamp(24px, 3vw, 50px) 38px;
    }
    .acpwywhome__shell { grid-template-columns: 1fr; }
    .acpwywhome__left-panel { align-items: center; display: grid; gap: 26px 34px; grid-template-columns: minmax(340px,.78fr) minmax(520px,1.22fr); }
    .acpwywhome__left-panel .acpwywhome__intro {
      align-self: center;
      justify-self: stretch;
      margin: 0;
      max-width: none;
      padding: 0;
      width: 100%;
    }
    .acpwywhome__left-panel .acpwywhome__intro h1 { font-size: clamp(51px,5vw,76px); line-height: .9; margin-bottom: 18px; }
    .acpwywhome__left-panel .acpwywhome__intro > p { display: block; font-size: 16px; line-height: 1.42; max-width: 52ch; }
    .acpwywhome__left-panel .acpwywhome__proof { display: grid; margin-top: 18px; }
    .acpwywhome__left-panel .acpwywhome__product-image--home { height: 190px; margin-top: 8px; max-width: none; }
    .acpwywhome__left-panel .acpwywhome__card { justify-self: stretch; margin: 0; max-width: none; padding: 16px; }
    .acpwywhome__left-panel .acpwywhome__benefits { display: grid; grid-column: 1 / -1; margin: 0; max-width: none; }
    .acforeplay__experience { grid-template-columns: minmax(270px,.95fr) minmax(230px,.92fr) minmax(270px,1.05fr); }
    .acforeplay__audio-column { grid-column: auto; }
    .acforeplay__audio-panel { min-height: 0; }
  }

  @media (min-width: 1400px) {
    .acpwywhome__stage { padding-inline: clamp(28px, 3vw, 56px); }
    .acpwywhome__shell { align-items: start; gap: clamp(28px, 2.4vw, 46px); grid-template-columns: minmax(0,43fr) minmax(0,57fr); }
    .acpwywhome__left-panel { display: block; }
    .acpwywhome__left-panel .acpwywhome__intro { margin: 0 auto 22px; max-width: 720px; }
    .acpwywhome__left-panel .acpwywhome__kicker { font-size: 10px; margin-bottom: 10px; }
    .acpwywhome__left-panel .acpwywhome__intro h1 { font-size: clamp(48px,3.35vw,64px); line-height: .9; margin-bottom: 13px; }
    .acpwywhome__left-panel .acpwywhome__intro > p { font-size: 15px; line-height: 1.4; max-width: 66ch; }
    .acpwywhome__left-panel .acpwywhome__proof { margin-top: 15px; }
    .acpwywhome__left-panel .acpwywhome__proof > span { min-height: 48px; padding-inline: 10px; }
    .acpwywhome__left-panel .acpwywhome__proof b { font-size: 11px; }
    .acpwywhome__left-panel .acpwywhome__proof strong,
    .acpwywhome__left-panel .acpwywhome__proof > span:nth-child(2) strong { font-size: 17px; height: auto; }
    .acpwywhome__left-panel .acpwywhome__proof > span:first-child strong { font-size: 13px; }
    .acpwywhome__left-panel .acpwywhome__proof small { font-size: 7px; }
    .acpwywhome__left-panel .acpwywhome__product-image--home { height: clamp(145px,10.7vw,190px); margin-top: 8px; }
    .acpwywhome__left-panel .acpwywhome__card { margin-inline: auto; max-width: 720px; padding: 14px; }
    .acpwywhome__left-panel .acpwywhome__card-topline { padding-block: 4px 10px; }
    .acpwywhome__left-panel .acpwywhome__identity { margin: 10px 0 8px; padding: 0 4px; }
    .acpwywhome__left-panel .acpwywhome__identity h2 { font-size: 31px; }
    .acpwywhome__left-panel .acpwywhome__prices { gap: 8px; padding-top: 3px; }
    .acpwywhome__left-panel .acpwywhome__prices > button,
    .acpwywhome__left-panel .acpwywhome__custom-card { min-height: 92px; }
    .acpwywhome__left-panel .acpwywhome__prices button strong { font-size: 22px; margin: 7px 0 4px; }
    .acpwywhome__left-panel .acpwywhome__prices button small,
    .acpwywhome__left-panel .acpwywhome__custom-card > small { font-size: 9px; min-height: 22px; }
    .acpwywhome__left-panel .acpwywhome__vault { margin: 12px 0; padding: 10px 12px 11px; }
    .acpwywhome__left-panel .acpwywhome__vault-heading span { font-size: 17px; }
    .acpwywhome__left-panel .acpwywhome__vault-heading strong { font-size: 8px; }
    .acpwywhome__left-panel .acpwywhome__vault-items > span { font-size: 9px; gap: 6px; grid-template-columns: 18px minmax(0,1fr); }
    .acpwywhome__left-panel .acpwywhome__claim { min-height: 52px; }
    .acpwywhome__left-panel .acpwywhome__claim > span { font-size: 10px; }
    .acpwywhome__left-panel .acpwywhome__assurance { margin-top: 8px; }
    .acpwywhome__left-panel .acpwywhome__assurance span { font-size: 8px; padding-inline: 8px; }
    .acpwywhome__left-panel .acpwywhome__benefits { margin: 14px auto 0; max-width: 720px; }
    .acpwywhome__left-panel .acpwywhome__benefits > div { gap: 7px; grid-template-columns: 24px 1fr; padding: 9px 7px; }
    .acpwywhome__left-panel .acpwywhome__benefits svg { height: 22px; width: 22px; }
    .acpwywhome__left-panel .acpwywhome__benefits strong { font-size: 7px; }
    .acpwywhome__left-panel .acpwywhome__benefits small { font-size: 11px; }
    .acforeplay { min-height: 790px; }
    .acforeplay__experience {
      gap: 12px;
      grid-template-columns: minmax(225px,.95fr) minmax(175px,.82fr) minmax(190px,.9fr);
    }
    .acforeplay__sample-choice { gap: 7px; grid-template-columns: 46px minmax(0,1fr) 12px; min-height: 76px; padding: 6px; }
    .acforeplay__sample-copy strong { font-size: 13px; }
    .acforeplay__sample-copy small { font-size: 7px; }
    .acforeplay__audio-panel { padding: 10px; }
    .acforeplay__audio-book { gap: 9px; grid-template-columns: 64px minmax(0,1fr); }
    .acforeplay__audio-book strong { font-size: 15px; }
  }

  @media (max-width: 699px) {
    .acpwywhome__shell { gap: 26px; }
    .acforeplay { border-left: 0; border-radius: 0; border-right: 0; padding: 25px 15px 30px; }
    .acforeplay__heading h2 { font-size: 42px; }
    .acforeplay__phone { background: transparent; border-radius: 0; box-shadow: none; max-width: none; padding: 0; }
    .acforeplay__phone-speaker,
    .acforeplay__phone-home { display: none; }
    .acforeplay__phone-screen { border-color: rgba(213,173,127,.66); border-radius: 14px; }
    .acforeplay__phone-screen,
    .acforeplay__reader-panel { min-height: 500px; }
    .acforeplay__chapter { font-size: 15px; height: 350px; }
    .acforeplay__sample-choice { min-height: 88px; }
    .acforeplay__audio-book { grid-template-columns: 78px minmax(0,1fr); }
  }

  /* Final responsive guardrails for the composed two-panel hero. */
  .acpwywhome__veil { background: rgba(5,4,5,.32); }

  @media (min-width: 1280px) {
    .acpwywhome__stage { padding-inline: clamp(24px,2.4vw,44px); }
    .acpwywhome__shell {
      align-items: start;
      gap: clamp(22px,2vw,36px);
      grid-template-columns: minmax(0,43fr) minmax(0,57fr);
    }
    .acpwywhome__left-panel { display: block; }
    .acpwywhome__left-panel .acpwywhome__intro { margin: 0 auto 17px; max-width: 680px; }
    .acpwywhome__left-panel .acpwywhome__kicker { font-size: 9px; margin-bottom: 9px; }
    .acpwywhome__left-panel .acpwywhome__intro h1 { font-size: clamp(46px,3.45vw,58px); line-height: .91; margin-bottom: 11px; }
    .acpwywhome__left-panel .acpwywhome__intro > p,
    .acpwywhome__left-panel .acpwywhome__proof,
    .acpwywhome__left-panel .acpwywhome__proof-compact,
    .acpwywhome__left-panel .acpwywhome__benefits { display: none; }
    .acpwywhome__left-panel .acpwywhome__product-image--home { height: clamp(138px,10vw,168px); margin-top: 7px; }
    .acpwywhome__left-panel .acpwywhome__card { margin-inline: auto; max-width: 680px; padding: 13px; }
    .acpwywhome__left-panel .acpwywhome__prices > button,
    .acpwywhome__left-panel .acpwywhome__custom-card { min-height: 86px; }
    .acpwywhome__left-panel .acpwywhome__vault-items > span {
      grid-template-columns: 18px minmax(0,1fr);
      width: 100%;
    }
    .acpwywhome__left-panel .acpwywhome__vault-items em > span { white-space: normal; }

    .acforeplay { min-height: 0; padding: clamp(20px,1.8vw,29px); }
    .acforeplay__experience {
      align-items: start;
      gap: 14px;
      grid-template-columns: minmax(240px,.82fr) minmax(270px,1.18fr);
      grid-template-rows: auto auto;
    }
    .acforeplay__phone-column { grid-column: 1; grid-row: 1 / span 2; }
    .acforeplay__library { grid-column: 2; grid-row: 1; }
    .acforeplay__audio-column { grid-column: 2; grid-row: 2; }
    .acforeplay__audio-panel { min-height: 0; }
    .acforeplay__sample-choice { grid-template-columns: 44px minmax(0,1fr) 12px; min-height: 70px; }
    .acforeplay__audio-panel { padding: 10px; }
    .acforeplay__audio-book { grid-template-columns: 68px minmax(0,1fr); }
    .acforeplay__audio-buy,
    .acforeplay__details-link { padding-top: 11px; }
    .acforeplay__phone { max-width: 265px; }
    .acforeplay__phone-screen,
    .acforeplay__reader-panel { min-height: 0; }
    .acforeplay__chapter { height: clamp(285px,23vw,325px); }
    .acforeplay__phone-footer > div > a { display: none; }
  }

  @media (min-width: 1600px) {
    .acpwywhome__shell { gap: clamp(26px,2vw,38px); }
    .acforeplay__experience {
      grid-template-columns: minmax(245px,.95fr) minmax(185px,.82fr) minmax(205px,.9fr);
      grid-template-rows: auto;
      gap: 12px;
    }
    .acforeplay__phone-column,
    .acforeplay__library,
    .acforeplay__audio-column { grid-column: auto; grid-row: auto; }
    .acforeplay__phone { max-width: 300px; }
    .acforeplay__chapter { height: clamp(345px,22vw,385px); }
    .acforeplay__phone-footer > div > a { display: inline; }
  }

  @media (min-width: 1800px) {
    .acforeplay__phone { max-width: 322px; }
    .acforeplay__chapter { height: 400px; }
  }

  @media (max-width: 699px) {
    .acpwywhome__intro h1,
    .acpwywhome__intro h1 > .acpwywhome__accent-mobile { white-space: normal; }
    .acpwywhome__intro h1 > .acpwywhome__accent-mobile { margin-inline: auto; max-width: 30ch; }
    .acforeplay__chapter {
      font-size: 16px;
      height: clamp(360px,56svh,520px);
      overscroll-behavior: auto;
    }
  }
/* END_SECTION:addison-cain-pwyw-home-strip */

/* START_SECTION:addison-cain-pwyw-split-hero (INDEX:14) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@500;600;700&display=swap');
.acpwywhome {
--ac-black: #050405;
--ac-panel: #130b0e;
--ac-panel-soft: #1d1115;
--ac-wine: #32101c;
--ac-wine-bright: #74213e;
--ac-rose: #c14f70;
--ac-rose-light: #e997ae;
--ac-paper: #f0ddcf;
--ac-gold: #c49a68;
--ac-gold-light: #dfc19e;
--ac-muted: #b8a39a;
--ac-line: rgba(203, 157, 105, .3);
--ac-display: "Cormorant Garamond", Baskerville, Georgia, serif;
--ac-sans: Montserrat, Arial, sans-serif;
--ac-velvet: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='velvet'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .055' numOctaves='2' seed='13' stitchTiles='stitch'/%3E%3CfeGaussianBlur stdDeviation='1.25'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23velvet)' opacity='.5'/%3E%3C/svg%3E");
background: var(--ac-black);
color: var(--ac-paper);
font-family: var(--ac-sans);
overflow: hidden;
}
.acpwywhome *,
.acpwywhome *::before,
.acpwywhome *::after { box-sizing: border-box; }
.acpwywhome button,
.acpwywhome input { font: inherit; }
.acpwywhome button { -webkit-tap-highlight-color: transparent; }
/* These layers belong only to the two-column desktop composition. Keeping
them out of mobile flow prevents their intrinsic image height from
pushing the offer below the first screen. */
.acsplit__panel-background,
.acsplit__panel-veil { display: none; }
.acpwywhome__stage {
background:
radial-gradient(circle at 8% 82%, rgba(101, 18, 43, .28), transparent 30rem),
radial-gradient(circle at 92% 12%, rgba(77, 13, 33, .18), transparent 24rem),
var(--ac-black);
min-height: 760px;
overflow: hidden;
padding: 30px 14px 26px;
position: relative;
}
.acpwywhome__stage::before {
background: linear-gradient(115deg, transparent 0 48%, rgba(180, 74, 102, .035) 49%, transparent 51%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: 1;
}
.acpwywhome__background { inset: 0; position: absolute; z-index: 0; }
.acpwywhome__background img { filter: none; height: 100%; object-fit: cover; object-position: center top; width: 100%; }
.acpwywhome__veil {
background: transparent;
inset: 0;
pointer-events: none;
position: absolute;
z-index: 1;
}
.acpwywhome__intro,
.acpwywhome__card { margin-inline: auto; max-width: 560px; position: relative; z-index: 2; }
.acpwywhome__intro { padding: 34px 5px 28px; }
.acpwywhome__kicker { color: var(--ac-gold-light); display: block; font-size: 9px; letter-spacing: .19em; margin-bottom: 15px; text-transform: uppercase; }
.acpwywhome__intro h1 { color: var(--ac-paper); font-family: var(--ac-display); font-size: clamp(46px,13vw,66px); font-weight: 400; letter-spacing: -.035em; line-height: .92; margin: 0 0 26px; max-width: 10ch; text-transform: uppercase; }
.acpwywhome__intro h1 > span,
.acpwywhome__intro h1 em > span { display: block; }
.acpwywhome__intro h1 em { color: var(--ac-rose-light); display: block; font-size: .62em; font-weight: 400; letter-spacing: -.025em; line-height: 1.01; margin-top: .31em; max-width: 15ch; text-shadow: 0 0 32px rgba(201,79,115,.22); text-transform: none; }
.acpwywhome__kicker--mobile,
.acpwywhome__heading-mobile,
.acpwywhome__accent-mobile { display: none !important; }
.acpwywhome__mobile-cover { display: none; }
.acpwywhome__intro > p { color: #d7c9c2; font-family: var(--ac-display); font-size: 16px; line-height: 1.52; margin: 0; max-width: 34rem; }
.acpwywhome__proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 24px; }
.acpwywhome__proof > span { align-items: center; border-right: 1px solid rgba(184,138,88,.58); display: flex; justify-content: center; min-height: 54px; padding: 0 9px; text-align: center; }
.acpwywhome__proof > span:first-child { padding-left: 0; }
.acpwywhome__proof > span:last-child { border-right: 0; padding-right: 0; }
.acpwywhome__proof-content { align-items: center; display: flex; flex-direction: column; justify-content: center; max-width: 100%; text-align: center; width: max-content; }
.acpwywhome__proof b { color: var(--ac-gold-light); font-size: 12px; font-weight: 400; letter-spacing: .1em; line-height: 1; margin-bottom: 3px; }
.acpwywhome__proof strong { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 17px; font-weight: 400; letter-spacing: .02em; line-height: 1; }
.acpwywhome__proof > span:first-child strong { font-size: 14px; }
.acpwywhome__proof > span:nth-child(2) strong { font-variant-numeric: lining-nums; }
.acpwywhome__proof small { color: var(--ac-muted); font-size: 7.5px; font-weight: 700; letter-spacing: .13em; line-height: 1.25; margin-top: 5px; text-transform: uppercase; }
.acpwywhome__proof-compact { display: none; }
.acpwywhome__card {
backdrop-filter: blur(18px);
background: linear-gradient(150deg, rgba(31,18,23,.97), rgba(7,6,7,.985));
border: 1px solid rgba(213,173,127,.38);
border-radius: 14px;
box-shadow: 0 34px 90px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04);
color: var(--ac-paper);
padding: 13px;
width: 100%;
}
.acpwywhome__card::before { background: linear-gradient(90deg,transparent,var(--ac-gold),var(--ac-rose),var(--ac-gold),transparent); border-radius: 99px; content: ""; height: 1px; left: 9%; opacity: .75; position: absolute; right: 9%; top: 0; }
.acpwywhome__card-topline { align-items: center; display: flex; justify-content: center; padding: 6px 5px 14px; text-align: center; }
.acpwywhome__card-topline span { color: var(--ac-gold-light); font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.acpwywhome__card-topline span:first-child { display: none; }
.acpwywhome__card-topline .acpwywhome__step-desktop { font-weight: 600; }
.acpwywhome__step-mobile { display: none; }
.acpwywhome__formats {
background:
linear-gradient(108deg, rgba(118,48,69,.19) 0%, transparent 36%, rgba(148,103,70,.055) 70%, transparent 100%),
radial-gradient(ellipse 72% 210% at 17% -70%, rgba(151,76,98,.36), rgba(84,37,51,.13) 43%, transparent 70%),
radial-gradient(ellipse 52% 175% at 78% 135%, rgba(104,67,52,.16), transparent 72%),
linear-gradient(180deg, rgba(34,23,27,.985), rgba(9,7,8,.995));
border: 1px solid rgba(202,157,112,.34);
border-radius: 999px;
box-shadow:
inset 0 1px 0 rgba(255,239,230,.055),
inset 0 -13px 25px rgba(0,0,0,.28),
0 8px 24px rgba(0,0,0,.2);
display: grid;
grid-template-columns: minmax(0,35fr) minmax(0,32.5fr) minmax(0,32.5fr);
height: 42px;
isolation: isolate;
margin-inline: auto;
max-width: 508px;
overflow: visible;
padding: 1px;
position: relative;
width: 100%;
}
.acpwywhome__formats::before {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.34'/%3E%3C/svg%3E");
background-size: 150px 56px;
border-radius: inherit;
content: "";
inset: 0;
mix-blend-mode: soft-light;
opacity: .15;
pointer-events: none;
position: absolute;
z-index: 0;
}
.acpwywhome__formats button {
align-items: center;
appearance: none;
background: transparent;
border: 1px solid transparent;
border-radius: 999px;
color: #d0ae82;
cursor: pointer;
display: flex;
font-size: 10px;
font-weight: 700;
height: 38px;
justify-content: center;
letter-spacing: .17em;
line-height: 1;
margin: 0;
min-height: 0;
padding: 0 8px;
position: relative;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
z-index: 1;
}
.acpwywhome__formats button[aria-selected="true"] {
background:
radial-gradient(ellipse 90% 100% at 50% 0, rgba(255,205,217,.16), transparent 58%),
linear-gradient(180deg,#c75a7c 0%,#ad3f63 52%,#932d51 100%);
border-color: rgba(239,134,165,.66);
box-shadow:
inset 0 1px 0 rgba(255,234,239,.24),
inset 0 -9px 17px rgba(91,17,42,.22),
0 0 0 1px rgba(87,24,45,.82),
0 0 20px rgba(196,72,109,.2);
color: #fff0e5;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.acpwywhome__formats button[data-ac-format="audio"]::after {
border-radius: 50%;
border-right: 1px solid rgba(217,174,122,.22);
box-shadow: 5px 0 10px rgba(197,148,95,.025);
content: "";
height: 36px;
pointer-events: none;
position: absolute;
right: -5px;
top: 0;
width: 24px;
}
.acpwywhome__formats button[data-ac-format="audio"][aria-selected="true"]::after { display: none; }
.acpwywhome__formats button[data-ac-format="complete"] { letter-spacing: .12em; padding-inline: 4px; }
.acpwywhome__format-mobile { display: none; }
.acpwywhome__best-value {
background: transparent;
border: 0;
box-shadow: none;
color: #fff6f1;
display: block;
font-size: 6.2px;
font-style: normal;
font-weight: 700;
height: 17px;
letter-spacing: .065em;
line-height: 1;
padding: 0;
position: absolute;
right: -3px;
top: -6px;
transform: rotate(.35deg);
white-space: nowrap;
width: 61px;
}
.acpwywhome__best-value svg {
filter: drop-shadow(0 2px 3px rgba(0,0,0,.28));
height: 17px;
inset: 0;
overflow: visible;
position: absolute;
width: 61px;
z-index: 1;
}
.acpwywhome__best-value > span { left: 8px; position: absolute; text-align: center; top: 3px; width: 46px; z-index: 2; }
.acpwywhome__identity { align-items: center; background: transparent; border: 0; border-radius: 0; display: grid; gap: 14px; grid-template-columns: 118px 1fr; margin: 13px 0 16px; min-height: 160px; padding: 10px 4px; }
.acpwywhome__product-image { align-items: center; aspect-ratio: 1; display: flex; justify-content: center; min-width: 0; padding: 1px; position: relative; }
.acpwywhome__product-image img { filter: drop-shadow(0 12px 15px rgba(0,0,0,.56)); height: 100%; object-fit: contain; width: 100%; }
.acpwywhome__identity > div:last-child > span { color: var(--ac-gold-light); display: block; font-size: 11px; letter-spacing: .12em; line-height: 1.35; margin-bottom: 8px; text-transform: uppercase; }
.acpwywhome__identity h2 { color: var(--ac-paper); font-family: var(--ac-display); font-size: 32px; font-weight: 400; line-height: 1; margin: 0 0 10px; }
.acpwywhome__identity p { color: #d2c2bb; font-family: var(--ac-display); font-size: 16px; line-height: 1.5; margin: 0 0 11px; max-width: 68ch; }
.acpwywhome__identity small { color: #c0aaa0; font-size: 12px; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; }
.acpwywhome__prices { border: 0; display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 6px 0 0; }
.acpwywhome__prices legend { align-items: center; color: var(--ac-gold-light); display: flex; font-size: 9px; gap: 10px; grid-column: 1 / -1; letter-spacing: .12em; margin-bottom: 3px; text-transform: uppercase; width: 100%; }
.acpwywhome__prices legend::after { background: linear-gradient(90deg,rgba(196,154,104,.72),rgba(196,154,104,.12)); content: ""; flex: 1 1 auto; height: 1px; min-width: 28px; }
.acpwywhome__prices > button,
.acpwywhome__custom-card {
--ac-price-surface: linear-gradient(145deg,rgba(31,21,24,.94),rgba(9,8,9,.98));
background:
linear-gradient(112deg,rgba(127,56,77,.13),transparent 39%,rgba(184,136,86,.045) 72%,transparent),
radial-gradient(ellipse 105% 72% at 18% -12%,rgba(151,76,98,.16),transparent 61%),
linear-gradient(96deg,transparent 0 9%,rgba(255,232,225,.035) 21%,transparent 38%,rgba(145,85,98,.025) 63%,transparent 82%),
var(--ac-velvet),
var(--ac-price-surface);
background-blend-mode: normal,screen,soft-light,soft-light,normal;
background-size: auto,auto,auto,180px 120px,auto;
border: 1px solid rgba(213,173,127,.28);
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,235,220,.035), inset 0 -18px 28px rgba(0,0,0,.2);
color: var(--ac-paper);
min-height: 106px;
}
.acpwywhome__prices > button { align-items: center; cursor: pointer; display: flex; flex-direction: column; justify-content: flex-start; padding: 13px 6px 12px; text-align: center; }
.acpwywhome__prices button:disabled { cursor: not-allowed; opacity: .42; }
.acpwywhome__prices button > span { font-size: 10px; font-weight: 700; letter-spacing: .045em; line-height: 1.25; text-transform: uppercase; }
.acpwywhome__prices button strong { color: var(--ac-paper); font-family: var(--ac-display); font-size: 22px; font-weight: 400; line-height: 1; margin: 8px 0 5px; }
.acpwywhome__prices button small { align-items: center; color: #c5b2aa; display: flex; font-size: 9px; justify-content: center; line-height: 1.35; margin-top: auto; min-height: 25px; width: 100%; }
.acpwywhome__prices > button.is-selected,
.acpwywhome__custom-card.is-selected { --ac-price-surface: linear-gradient(150deg,rgba(91,25,49,.72),rgba(18,10,13,.97)); border-color: var(--ac-rose); box-shadow: inset 0 1px 0 rgba(255,221,231,.08), inset 0 -18px 28px rgba(31,6,14,.3), inset 0 0 0 1px rgba(235,116,151,.38), 0 0 24px rgba(201,79,115,.2); }
.acpwywhome__prices > button.is-selected > span,
.acpwywhome__custom-card.is-selected button > span { color: #f4b0c3; }
.acpwywhome__custom-card { align-items: stretch; cursor: text; display: flex; flex-direction: column; grid-column: auto; overflow: hidden; padding: 10px 11px 12px; }
.acpwywhome__custom-card > button { align-items: center; background: transparent; border: 0; color: var(--ac-paper); cursor: text; display: flex; justify-content: center; min-height: 22px; min-width: 0; padding: 0 2px 5px; text-align: center; }
.acpwywhome__custom-card label { align-items: center; background: rgba(2,2,2,.68); border: 1px solid rgba(213,173,127,.28); border-radius: 4px; display: flex; min-height: 37px; min-width: 0; padding: 0 7px; width: 100%; }
.acpwywhome__custom-card.is-selected label { border-color: var(--ac-rose); box-shadow: inset 0 0 0 1px rgba(201,79,115,.18), 0 0 18px rgba(201,79,115,.12); }
.acpwywhome__custom-card label > span { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 16px; }
.acpwywhome__custom-card input { background: transparent; border: 0; color: var(--ac-paper); font-family: var(--ac-display); font-size: 18px; min-width: 0; outline: 0; padding: 0 4px; width: 100%; }
.acpwywhome__custom-card input::placeholder { color: #dbc6bc; font-family: var(--ac-body); font-size: clamp(13px,1vw,15.5px); font-weight: 600; letter-spacing: .005em; opacity: .96; }
.acpwywhome__custom-card > small { align-items: center; color: #c5b2aa; display: flex; font-size: 9px; justify-content: center; line-height: 1.35; margin-top: auto; min-height: 25px; text-align: center; }
.acpwywhome__custom-card.is-selected > small { color: #d8c3ba; font-size: clamp(11px,1vw,14px); font-weight: 500; }
.acpwywhome__error { color: #ef90ac; display: none !important; font-size: 9px; margin: 8px 2px 10px; }
.acpwywhome__error[hidden] { display: none; }
.acpwywhome__popular { display: none; }
.acpwywhome__vault {
background:
radial-gradient(ellipse 92% 145% at 9% -48%,rgba(176,99,115,.18),transparent 66%),
linear-gradient(104deg,rgba(116,59,70,.12),transparent 38%,rgba(173,126,84,.045) 74%,transparent),
linear-gradient(96deg,transparent 0 8%,rgba(255,232,225,.032) 23%,transparent 42%,rgba(145,85,98,.024) 66%,transparent 84%),
var(--ac-velvet),
linear-gradient(110deg,rgba(58,17,31,.88),rgba(17,11,13,.97));
background-blend-mode: screen,normal,soft-light,soft-light,normal;
background-size: auto,auto,auto,210px 140px,auto;
border: 1px solid rgba(213,173,127,.25);
border-radius: 5px;
box-shadow: inset 0 1px 0 rgba(255,235,220,.04), inset 0 -22px 34px rgba(0,0,0,.18);
color: #fff5f1;
margin: 20px 0 18px;
padding: 12px 14px 13px;
}
.acpwywhome__vault-heading { align-items: center; display: flex; justify-content: space-between; }
.acpwywhome__vault-heading span { color: var(--ac-gold-light); font-family: var(--ac-display); font-size: 18px; letter-spacing: .05em; line-height: 1.1; text-transform: uppercase; }
.acpwywhome__vault-heading strong { color: var(--ac-gold-light); font-size: 10px; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.acpwywhome__vault-track { background: rgba(229,209,202,.13); border-radius: 99px; height: 3px; margin: 13px 4px 16px; overflow: visible; position: relative; }
.acpwywhome__vault-track i { background: linear-gradient(90deg,var(--ac-rose-light),var(--ac-gold)); border-radius: inherit; display: block; height: 100%; transition: width 180ms ease; }
.acpwywhome__vault-track > span { background: #4d343b; border: 1px solid rgba(215,174,126,.22); border-radius: 50%; box-shadow: 0 0 0 2px rgba(26,12,17,.92); height: 8px; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: background 180ms ease,box-shadow 180ms ease; width: 8px; }
.acpwywhome__vault-track > span:nth-of-type(1) { left: 0; }
.acpwywhome__vault-track > span:nth-of-type(2) { left: 50%; }
.acpwywhome__vault-track > span:nth-of-type(3) { left: 100%; }
.acpwywhome__vault-track > span.is-unlocked { background: var(--ac-rose-light); border-color: rgba(255,222,231,.55); box-shadow: 0 0 0 2px rgba(50,15,28,.92),0 0 9px rgba(225,116,149,.32); }
.acpwywhome__vault-track > b { background: #4d343b; border: 1px solid rgba(215,174,126,.16); border-radius: 50%; box-shadow: 0 0 0 2px rgba(26,12,17,.88); height: 6px; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: background 180ms ease,box-shadow 180ms ease; width: 6px; }
.acpwywhome__vault-track > b:nth-of-type(1) { left: 25%; }
.acpwywhome__vault-track > b:nth-of-type(2) { left: 75%; }
.acpwywhome__vault-track > b.is-unlocked { background: #d988a0; border-color: rgba(255,222,231,.4); box-shadow: 0 0 0 2px rgba(50,15,28,.9); }
.acpwywhome__vault-items { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.acpwywhome__vault-items > span { align-items: center; color: #e2d2ca; display: grid; font-size: 11.5px; gap: 8px; grid-template-columns: 20px max-content; line-height: 1.35; max-width: 100%; min-width: 0; width: max-content; }
.acpwywhome__vault-items > span:nth-child(1) { justify-self: start; }
.acpwywhome__vault-items > span:nth-child(2) { justify-self: center; }
.acpwywhome__vault-items > span:nth-child(3) { justify-self: end; }
.acpwywhome__vault-items em { font-style: normal; }
.acpwywhome__vault-items em > span { display: block; white-space: nowrap; }
.acpwywhome__vault-items em i { font-style: italic; }
.acpwywhome__vault-items b { border: 1.3px solid currentColor; border-radius: 2px; color: #8e727a; display: block; height: 12px; margin-left: 1px; position: relative; transition: color 180ms ease; width: 15px; }
.acpwywhome__vault-items b::before { border: 1.3px solid currentColor; border-bottom: 0; border-radius: 7px 7px 0 0; content: ""; height: 8px; left: 2.5px; position: absolute; top: -8px; transform-origin: left bottom; transition: transform 180ms ease; width: 7px; }
.acpwywhome__vault-items b::after { background: currentColor; border-radius: 50%; content: ""; height: 3px; left: 4.7px; position: absolute; top: 4px; width: 3px; }
.acpwywhome__vault-items > span.is-unlocked { color: #d7c5bc; }
.acpwywhome__vault-items > span.is-unlocked b { color: var(--ac-gold-light); }
.acpwywhome__vault-items > span.is-unlocked b::before { transform: translate(4px,-1px) rotate(24deg); }
.acpwywhome__claim { align-items: center; background: linear-gradient(100deg,#8e2748,#c45475 52%,#9a2c50); border: 1px solid rgba(247,175,195,.3); border-radius: 4px; box-shadow: 0 12px 34px rgba(130,29,62,.28); color: #fff; cursor: pointer; display: flex; justify-content: center; min-height: 54px; padding: 0 16px; position: relative; width: 100%; }
.acpwywhome__claim:disabled { cursor: not-allowed; filter: grayscale(.8); opacity: .55; }
.acpwywhome__claim > span { font-size: 9.5px; font-weight: 700; letter-spacing: .085em; line-height: 1.25; text-align: center; text-transform: uppercase; }
.acpwywhome__claim strong { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.acpwywhome__assurance { color: #cdbab1; display: grid; gap: 7px; margin-top: 12px; text-align: center; }
.acpwywhome__assurance span { font-size: 9px; font-weight: 600; letter-spacing: .075em; line-height: 1.35; text-transform: uppercase; }
.acpwywhome__status { color: #efa1b6; font-size: 9px; margin: 10px 0 0; min-height: 1.4em; text-align: center; }
.acpwywhome__benefits { background: linear-gradient(100deg,rgba(30,20,23,.94),rgba(11,9,10,.96)); border: 1px solid rgba(213,173,127,.24); border-radius: 8px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 18px auto 0; max-width: 560px; overflow: hidden; position: relative; width: 100%; z-index: 2; }
.acpwywhome__benefits > div { align-items: center; border-bottom: 1px solid rgba(213,173,127,.13); display: grid; gap: 11px; grid-template-columns: 31px 1fr; min-width: 0; padding: 13px 11px; }
.acpwywhome__benefits > div:nth-child(odd) { border-right: 1px solid rgba(213,173,127,.13); }
.acpwywhome__benefits > div:nth-last-child(-n+2) { border-bottom: 0; }
.acpwywhome__benefits svg { fill: none; height: 27px; stroke: var(--ac-rose); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.25; width: 27px; }
.acpwywhome__benefits span { min-width: 0; }
.acpwywhome__benefits strong { color: var(--ac-gold-light); display: block; font-size: 10px; letter-spacing: .09em; line-height: 1.25; text-transform: uppercase; }
.acpwywhome__benefits small { color: #d3c1b8; display: block; font-family: var(--ac-display); font-size: 13px; line-height: 1.4; margin-top: 5px; }
@media (min-width: 700px) {
.acpwywhome__stage { padding: 56px 28px 40px; }
.acpwywhome__intro { padding: 76px 8px 38px; }
.acpwywhome__intro h1 { font-size: 72px; }
.acpwywhome__identity { gap: 22px; grid-template-columns: 200px 1fr; min-height: 210px; padding: 10px 4px; }
.acpwywhome__identity > div:last-child > span { font-size: 12px; margin-bottom: 10px; }
.acpwywhome__identity h2 { font-size: 40px; margin-bottom: 12px; }
.acpwywhome__identity p { font-size: 17px; line-height: 1.5; margin-bottom: 13px; }
.acpwywhome__identity small { font-size: 12px; }
.acpwywhome__prices > button,
.acpwywhome__custom-card { min-height: 110px; }
.acpwywhome__prices > button { padding: 14px 8px 13px; }
.acpwywhome__prices button strong { font-size: 24px; }
.acpwywhome__custom-card { padding: 11px 12px 13px; }
.acpwywhome__custom-card > button { min-height: 22px; padding-bottom: 5px; }
.acpwywhome__custom-card label { min-height: 37px; }
.acpwywhome__vault-items { grid-template-columns: repeat(3,1fr); }
.acpwywhome__vault-items > span { font-size: 12.5px; }
.acpwywhome__claim > span { font-size: 11px; letter-spacing: .12em; }
.acpwywhome__assurance { display: flex; justify-content: center; }
.acpwywhome__assurance span { border-right: 1px solid rgba(196,154,104,.24); font-size: 10px; padding: 0 12px; }
.acpwywhome__assurance span:last-child { border-right: 0; }
.acpwywhome__benefits { grid-template-columns: repeat(4,minmax(0,1fr)); }
.acpwywhome__benefits > div { border-bottom: 0; border-right: 1px solid rgba(213,173,127,.13); }
.acpwywhome__benefits > div:last-child { border-right: 0; }
}
@media (max-width: 420px) {
.acpwywhome__formats button:nth-child(2) { font-size: 8.5px; letter-spacing: .09em; }
.acpwywhome__formats button:last-child { font-size: 7.7px; letter-spacing: .06em; padding-inline: 2px; }
}
@media (max-width: 1359px) {
.acpwywhome__vault-items { grid-template-columns: minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr); }
.acpwywhome__vault-items > span { grid-template-columns: 20px minmax(0,1fr); width: 100%; }
.acpwywhome__vault-items em > span { white-space: normal; }
}
@media (min-width: 1040px) {
.acpwywhome__stage { align-items: center; display: grid; gap: 30px clamp(28px,2vw,40px); grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; min-height: 760px; padding: 42px clamp(24px,2vw,40px) 32px; }
.acpwywhome__veil { background: transparent; }
.acpwywhome__intro { justify-self: start; margin: 0 0 0 clamp(36px,4vw,56px); max-width: 560px; padding: 0; width: calc(100% - clamp(36px,4vw,56px)); }
.acpwywhome__kicker { font-size: 11px; margin-bottom: 18px; }
.acpwywhome__intro h1 { font-size: clamp(70px,5.6vw,88px); margin-bottom: 30px; max-width: 11ch; }
.acpwywhome__intro h1 em { max-width: 15ch; }
.acpwywhome__intro > p { font-size: 19px; line-height: 1.55; max-width: 400px; }
.acpwywhome__proof { margin-top: 28px; }
.acpwywhome__proof > span { min-height: 66px; padding-inline: 18px; }
.acpwywhome__proof > span:first-child { justify-content: flex-start; }
.acpwywhome__proof > span:nth-child(2) { justify-content: center; }
.acpwywhome__proof > span:last-child { justify-content: flex-end; }
.acpwywhome__proof b { font-size: 15px; }
.acpwywhome__proof strong { font-size: 22px; }
.acpwywhome__proof > span:first-child strong { font-size: 16px; }
.acpwywhome__proof > span:nth-child(n+2) .acpwywhome__proof-content { justify-content: flex-start; min-height: 45px; }
.acpwywhome__proof > span:nth-child(n+2) strong { align-items: flex-start; display: flex; height: 28px; }
.acpwywhome__proof > span:nth-child(2) strong { font-size: 22px; }
.acpwywhome__proof small { font-size: 9px; }
.acpwywhome__card { margin: 0; max-width: none; padding: 16px; }
.acpwywhome__claim { min-height: 64px; }
.acpwywhome__claim > span { font-size: 14px; }
.acpwywhome__prices button small,
.acpwywhome__custom-card > small { font-size: 12px; min-height: 32px; }
.acpwywhome__assurance span { font-size: 12px; padding-inline: 16px; }
.acpwywhome__benefits { grid-column: 1 / -1; margin-top: 0; max-width: none; }
.acpwywhome__benefits > div { gap: 12px; grid-template-columns: 34px 1fr; padding: 16px 18px; }
.acpwywhome__benefits svg { height: 30px; width: 30px; }
.acpwywhome__benefits strong { font-size: 12px; }
.acpwywhome__benefits small { font-size: 16px; }
}
@media (min-width: 1360px) {
.acpwywhome__stage {
column-gap: clamp(28px,2vw,40px);
grid-template-columns: repeat(2,minmax(0,1fr));
justify-content: stretch;
min-height: 820px;
padding: 46px clamp(24px,2vw,40px) 36px;
}
.acpwywhome__intro { margin-left: clamp(72px,5vw,104px); max-width: 580px; width: calc(100% - clamp(72px,5vw,104px)); }
.acpwywhome__kicker { font-size: 13px; margin-bottom: 22px; }
.acpwywhome__intro h1 { font-size: clamp(92px,5.8vw,116px); margin-bottom: 34px; max-width: 10.5ch; }
.acpwywhome__intro h1 em { max-width: 15ch; }
.acpwywhome__intro > p { font-size: 22px; line-height: 1.55; max-width: 450px; }
.acpwywhome__proof { margin-top: 36px; }
.acpwywhome__proof > span { min-height: 74px; padding-inline: 22px; }
.acpwywhome__proof b { font-size: 17px; }
.acpwywhome__proof strong { font-size: 25px; }
.acpwywhome__proof > span:first-child strong { font-size: 18px; }
.acpwywhome__proof > span:nth-child(n+2) .acpwywhome__proof-content { min-height: 50px; }
.acpwywhome__proof > span:nth-child(n+2) strong { height: 32px; }
.acpwywhome__proof > span:nth-child(2) strong { font-size: 25px; }
.acpwywhome__proof small { font-size: 10px; }
.acpwywhome__card { max-width: none; padding: 22px; }
.acpwywhome__card-topline { padding: 8px 7px 17px; }
.acpwywhome__card-topline span { font-size: 10px; }
.acpwywhome__formats { height: 48px; max-width: none; }
.acpwywhome__formats button { font-size: 11px; height: 44px; padding-inline: 12px; }
.acpwywhome__formats button[data-ac-format="audio"]::after { height: 42px; }
.acpwywhome__best-value { right: -4px; top: -7px; transform: rotate(.35deg) scale(1.12); transform-origin: right top; }
.acpwywhome__identity { gap: 28px; grid-template-columns: 250px 1fr; margin: 18px 0 22px; min-height: 250px; padding: 12px 8px; }
.acpwywhome__identity > div:last-child > span { font-size: 14px; margin-bottom: 12px; }
.acpwywhome__identity h2 { font-size: 50px; line-height: .98; margin-bottom: 14px; }
.acpwywhome__identity p { font-size: 19px; line-height: 1.5; margin-bottom: 15px; }
.acpwywhome__identity small { font-size: 14px; }
.acpwywhome__prices { gap: 14px; padding-top: 8px; }
.acpwywhome__prices legend { font-size: 10.5px; gap: 14px; margin-bottom: 6px; }
.acpwywhome__prices > button,
.acpwywhome__custom-card { min-height: 126px; }
.acpwywhome__prices > button { padding: 16px 11px 14px; }
.acpwywhome__prices button > span { font-size: 11px; }
.acpwywhome__prices button strong { font-size: 28px; margin: 10px 0 7px; }
.acpwywhome__prices button small { font-size: 13px; min-height: 34px; }
.acpwywhome__custom-card { padding: 14px 15px; }
.acpwywhome__custom-card > button { min-height: 25px; padding-bottom: 7px; }
.acpwywhome__custom-card label { min-height: 44px; padding-inline: 10px; }
.acpwywhome__custom-card label > span { font-size: 19px; }
.acpwywhome__custom-card input { font-size: 22px; }
.acpwywhome__custom-card > small { font-size: 13px; min-height: 34px; }
.acpwywhome__vault { margin: 24px 0 22px; padding: 16px 18px 17px; }
.acpwywhome__vault-heading span { font-size: 22px; }
.acpwywhome__vault-heading strong { font-size: 12px; }
.acpwywhome__vault-track { margin: 15px 5px 18px; }
.acpwywhome__vault-items { gap: 12px; grid-template-columns: minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr); }
.acpwywhome__vault-items > span { font-size: 14px; gap: 10px; grid-template-columns: 24px max-content; }
.acpwywhome__claim { min-height: 70px; }
.acpwywhome__claim > span { font-size: 15px; letter-spacing: .12em; }
.acpwywhome__assurance { margin-top: 14px; }
.acpwywhome__assurance span { font-size: 13px; padding-inline: 18px; }
.acpwywhome__benefits > div { gap: 14px; grid-template-columns: 38px 1fr; padding: 18px 22px; }
.acpwywhome__benefits svg { height: 32px; width: 32px; }
.acpwywhome__benefits strong { font-size: 13px; }
.acpwywhome__benefits small { font-size: 18px; }
}
@media (max-width: 699px) {
.acpwywhome__stage { min-height: auto; padding: 0 0 14px; }
.acpwywhome__background img { object-position: center top; }
.acpwywhome__intro { max-width: none; padding: 12px 16px 7px; text-align: center; }
.acpwywhome__kicker--desktop,
.acpwywhome__heading-desktop,
.acpwywhome__accent-desktop { display: none !important; }
.acpwywhome__kicker.acpwywhome__kicker--mobile { display: block !important; font-size: 7px; letter-spacing: .17em; line-height: 1.25; margin-bottom: 7px; }
.acpwywhome__kicker--mobile span { display: block; }
.acpwywhome__intro h1 { line-height: .9; margin: 0 auto 7px; max-width: none; white-space: nowrap; }
.acpwywhome__intro h1 > .acpwywhome__heading-mobile { display: block !important; font-size: clamp(30px,8.8vw,34px); letter-spacing: -.025em; }
.acpwywhome__intro h1 > .acpwywhome__accent-mobile { display: block !important; font-size: clamp(14px,4.3vw,17px); letter-spacing: -.02em; line-height: 1; margin-top: 4px; max-width: none; }
.acpwywhome__intro > p { display: none; }
.acpwywhome__mobile-cover {
align-items: center;
aspect-ratio: 2.75 / 1;
display: flex;
justify-content: center;
margin: 6px -7px 0;
min-height: 108px;
overflow: hidden;
position: relative;
}
.acpwywhome__mobile-cover::after { background: linear-gradient(to top,rgba(5,4,5,.98) 0,rgba(5,4,5,.76) 38%,transparent 78%); content: ""; inset: 42% -8% 0; pointer-events: none; position: absolute; }
.acpwywhome__mobile-cover img { filter: drop-shadow(0 13px 18px rgba(0,0,0,.72)); height: 145%; object-fit: contain; transform: translateY(7%); width: 100%; }
.acpwywhome__mobile-art-note { border: 1px solid rgba(223,193,158,.38); border-radius: 999px; color: var(--ac-gold-light); font-size: 6px; left: 50%; letter-spacing: .13em; padding: 4px 7px; position: absolute; text-transform: uppercase; top: 4px; transform: translateX(-50%); white-space: nowrap; z-index: 3; }
.acpwywhome__mobile-art-placeholder { background: radial-gradient(ellipse at center,rgba(193,79,112,.22),transparent 64%); border: 1px dashed rgba(223,193,158,.28); border-radius: 8px; height: 76%; width: 92%; }
.acpwywhome__mobile-cover p { bottom: 5px; color: #f2ddd2; font-family: var(--ac-display); font-size: clamp(14px,4.1vw,17px); left: 6px; line-height: 1.05; margin: 0; position: absolute; right: 6px; text-align: center; text-shadow: 0 2px 8px #000; z-index: 3; }
.acpwywhome__proof { margin: 4px 0 7px; }
.acpwywhome__proof > span { min-height: 36px; padding-inline: 7px; }
.acpwywhome__proof b { font-size: 9px; }
.acpwywhome__proof strong { font-size: 14px; }
.acpwywhome__proof > span:first-child strong { font-size: 11px; }
.acpwywhome__proof small { font-size: 6px; letter-spacing: .1em; margin-top: 3px; }
.acpwywhome__card { border-radius: 18px; display: flex; flex-direction: column; margin: 0 10px; max-width: none; overflow: visible; padding: 9px; width: auto; }
.acpwywhome__step-desktop { display: none !important; }
.acpwywhome__step-mobile { display: block; }
.acpwywhome__card-topline { order: 1; padding: 1px 4px 6px; }
.acpwywhome__card-topline .acpwywhome__step-mobile { font-size: 6.5px; font-weight: 700; letter-spacing: .15em; text-align: center; }
.acpwywhome__formats { height: 48px; max-width: none; order: 2; }
.acpwywhome__formats button { font-size: 10px; height: 44px; letter-spacing: .13em; min-height: 44px; padding-inline: 8px; }
.acpwywhome__format-desktop { display: none; }
.acpwywhome__format-mobile { display: inline; }
.acpwywhome__formats button[data-ac-format="complete"] { font-size: 10px; letter-spacing: .13em; padding-inline: 8px; }
.acpwywhome__formats button[data-ac-format="audio"]::after { height: 42px; }
.acpwywhome__best-value { right: -2px; top: -7px; transform: scale(.92); transform-origin: right top; }
.acpwywhome__identity { display: none; }
.acpwywhome__product-image { display: none; }
.acpwywhome__identity > div:last-child > span { color: var(--ac-paper); font-family: var(--ac-display); font-size: 19px; letter-spacing: .01em; line-height: 1; margin-bottom: 4px; text-transform: none; }
.acpwywhome__identity h2 { display: none; }
.acpwywhome__identity p { -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; display: -webkit-box; font-size: 11px; line-height: 1.25; margin: 0 auto 4px; max-width: 34ch; overflow: hidden; }
.acpwywhome__identity small { font-size: 7px; }
.acpwywhome__prices { gap: 5px; grid-template-columns: 1fr; order: 4; padding-top: 1px; }
.acpwywhome__prices legend { display: flex; font-size: 6.5px; gap: 0; grid-column: 1; justify-content: center; letter-spacing: .15em; margin: 0; padding: 9px 4px 7px; text-align: center; }
.acpwywhome__prices legend::after { display: none; }
.acpwywhome__prices legend .acpwywhome__step-mobile { font-size: inherit; font-weight: 700; letter-spacing: inherit; }
.acpwywhome__prices > button,
.acpwywhome__custom-card { min-height: 52px; position: relative; }
.acpwywhome__prices > button { align-items: center; display: grid; gap: 2px 8px; grid-template-columns: minmax(0,1fr) auto; min-height: 52px; padding: 7px 10px 7px 37px; text-align: left; }
.acpwywhome__prices > button:nth-of-type(1) { grid-row: 2; }
.acpwywhome__prices > button:nth-of-type(2) { grid-row: 3; }
.acpwywhome__custom-card { grid-row: 4; }
.acpwywhome__prices > button::before,
.acpwywhome__custom-card::before { border: 1px solid rgba(223,193,158,.58); border-radius: 50%; box-sizing: border-box; content: ""; height: 16px; left: 11px; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; }
.acpwywhome__prices > button.is-selected::before,
.acpwywhome__custom-card.is-selected::before { border-color: var(--ac-rose-light); box-shadow: 0 0 0 3px rgba(201,79,115,.12); }
.acpwywhome__prices > button.is-selected::after,
.acpwywhome__custom-card.is-selected::after { background: var(--ac-rose-light); border-radius: 50%; content: ""; height: 8px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; }
.acpwywhome__popular { background: #f0c3cf; border-radius: 999px; color: #6f1835; display: block; font-size: 6px; font-style: normal; font-weight: 800; letter-spacing: .08em; line-height: 1; padding: 4px 6px; position: absolute; right: 8px; text-transform: uppercase; top: -7px; }
.acpwywhome__prices button > span { font-size: 9px; }
.acpwywhome__prices button strong { font-size: 22px; grid-column: 2; grid-row: 1 / span 2; margin: 0; }
.acpwywhome__prices button small { font-size: 8px; grid-column: 1; justify-content: flex-start; line-height: 1.25; margin: 0; min-height: 0; text-align: left; }
.acpwywhome__custom-card { display: grid; gap: 2px 8px; grid-template-columns: minmax(0,1fr) 132px; padding: 6px 9px 6px 37px; }
.acpwywhome__custom-card > button { grid-column: 1; grid-row: 1; justify-content: flex-start; min-height: 22px; padding: 0; }
.acpwywhome__custom-card > small { font-size: 8px; grid-column: 1; grid-row: 2; justify-content: flex-start; min-height: 16px; text-align: left; }
.acpwywhome__custom-card label { display: flex; grid-column: 2; grid-row: 1 / span 2; min-height: 42px; }
.acpwywhome__custom-card input { font-size: 16px; }
.acpwywhome__custom-card input::placeholder { font-size: 10px; letter-spacing: .02em; }
.acpwywhome__custom-card.is-selected > small { font-size: 8px; }
.acpwywhome__error { font-size: 8px; margin: 6px 2px 2px; order: 5; }
.acpwywhome__claim { background: linear-gradient(100deg,#d45c80 0%,#bd3e69 54%,#94284f 100%); border: 1px solid rgba(255,205,220,.42); border-radius: 11px; bottom: max(9px,env(safe-area-inset-bottom)); box-shadow: 0 13px 34px rgba(130,29,62,.58),inset 0 1px 0 rgba(255,255,255,.16); display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; justify-content: stretch; margin-top: 15px; min-height: 62px; order: 6; padding: 8px 9px 8px 14px; position: sticky; z-index: 8; }
.acpwywhome__claim > span { font-size: 10px; letter-spacing: .1em; text-align: left; }
.acpwywhome__claim strong { background: rgba(35,7,17,.24); border: 1px solid rgba(255,227,235,.3); border-radius: 999px; clip: auto; clip-path: none; font-family: var(--ac-display); font-size: 18px; height: auto; margin: 0; min-width: 76px; overflow: visible; padding: 7px 10px; position: static; text-align: center; white-space: nowrap; width: auto; }
.acpwywhome__assurance { display: flex; flex-wrap: wrap; gap: 5px 0; justify-content: center; margin-top: 9px; order: 7; }
.acpwywhome__assurance span { border-right: 1px solid rgba(196,154,104,.24); font-size: 6.5px; padding: 0 7px; }
.acpwywhome__assurance span:last-child { border-right: 0; }
.acpwywhome__status { order: 9; }
/* Mobile-only offer refinement. */
.acpwywhome__kicker.acpwywhome__kicker--mobile { color: #dda247; font-size: 8px; font-weight: 600; letter-spacing: .13em; line-height: 1.35; margin-bottom: 8px; text-shadow: 0 0 12px rgba(221,162,71,.12); }
.acpwywhome__intro h1 > .acpwywhome__accent-mobile { -webkit-text-stroke: .12px currentColor; font-size: clamp(15px,4.5vw,17.5px); font-weight: 500; }
.acpwywhome__mobile-cover { margin-top: 8px; min-height: 104px; }
.acpwywhome__mobile-cover.has-fixed-spread { margin: -1px -10px -2px; min-height: 0; }
.acpwywhome__mobile-cover.has-fixed-spread::after { display: none; }
.acpwywhome__mobile-cover.has-fixed-spread img { filter: none; height: 100%; object-fit: contain; transform: translateY(-3px); width: 100%; }
.acpwywhome__mobile-cover.has-fixed-spread p { bottom: -1px; font-size: clamp(12.5px,3.55vw,14px); }
.acpwywhome__mobile-art-note { display: none; }
.acpwywhome__proof { display: none; }
.acpwywhome__proof-compact { align-items: center; color: #d8b58a; display: grid; gap: 0; grid-template-columns: minmax(0,1fr) minmax(8px,12px) minmax(0,1fr) minmax(8px,12px) minmax(0,1fr); letter-spacing: .045em; line-height: 1.15; margin: 9px 0 11px; padding-inline: 12px; text-transform: uppercase; }
.acpwywhome__proof-compact span { align-items: center; display: flex; flex-direction: column; justify-content: center; min-width: 0; row-gap: 2px; white-space: nowrap; }
.acpwywhome__proof-compact strong { color: inherit; font-family: var(--ac-sans); font-size: clamp(7px,2vw,8px); font-weight: 700; }
.acpwywhome__proof-compact small { color: inherit; font-size: clamp(5.5px,1.55vw,6.3px); font-weight: 700; margin-top: 2px; }
.acpwywhome__proof-compact i { color: #d8b58a; font-size: 8px; font-style: normal; justify-self: center; }
.acpwywhome__card { background: linear-gradient(158deg,rgba(27,17,21,.98),rgba(7,6,7,.99)); border-color: rgba(213,173,127,.26); border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.03); padding: 10px 11px 11px; }
.acpwywhome__card::before { left: 14%; opacity: .55; right: 14%; }
.acpwywhome__card-topline { padding: 2px 4px 8px; }
.acpwywhome__card-topline .acpwywhome__step-mobile,
.acpwywhome__prices legend { font-size: 8px; letter-spacing: .12em; }
.acpwywhome__formats { background: rgba(18,12,14,.72); border-color: rgba(213,173,127,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); height: 46px; }
.acpwywhome__formats::before { opacity: .07; }
.acpwywhome__formats button:nth-child(n) { font-size: 10px; font-weight: 700; height: 42px; letter-spacing: .13em; transition: background 160ms ease,border-color 160ms ease,color 160ms ease; }
.acpwywhome__formats button[aria-selected="true"] { background: linear-gradient(180deg,#c55375,#a6355a); box-shadow: inset 0 1px 0 rgba(255,234,239,.18),0 5px 15px rgba(135,29,64,.22); }
.acpwywhome__best-value { background: #6d233e; border: 1px solid rgba(239,167,188,.34); border-radius: 999px; font-size: 5.5px; height: auto; padding: 3px 5px; right: 2px; top: -5px; transform: none; width: auto; }
.acpwywhome__best-value svg { display: none; }
.acpwywhome__best-value > span { left: auto; position: static; top: auto; width: auto; }
.acpwywhome__prices { gap: 0; padding-inline: 2px; }
.acpwywhome__prices legend { padding: 11px 4px 8px; }
.acpwywhome__prices > button,
.acpwywhome__custom-card { background: transparent; border: 0; border-bottom: 1px solid rgba(213,173,127,.18); border-radius: 0; box-shadow: none; min-height: 58px; transition: background 160ms ease,box-shadow 160ms ease; }
.acpwywhome__prices > button { min-height: 58px; padding: 9px 8px 9px 12px; }
.acpwywhome__prices > button::before,
.acpwywhome__custom-card::before,
.acpwywhome__prices > button.is-selected::after,
.acpwywhome__custom-card.is-selected::after { display: none; }
.acpwywhome__prices > button.is-selected,
.acpwywhome__custom-card.is-selected { background: linear-gradient(90deg,rgba(193,79,112,.16),rgba(193,79,112,.025) 72%,transparent); border-color: rgba(213,173,127,.18); box-shadow: inset 3px 0 0 var(--ac-rose); }
.acpwywhome__prices button > span { font-size: 10px; letter-spacing: .04em; }
.acpwywhome__prices button small { font-size: 9px; }
.acpwywhome__popular { background: rgba(240,195,207,.13); border: 1px solid rgba(240,195,207,.28); color: #f0c3cf; font-size: 5.5px; right: 84px; top: 8px; }
.acpwywhome__custom-card { grid-template-columns: minmax(0,1fr) 126px; padding: 7px 7px 7px 12px; }
.acpwywhome__custom-card > small,
.acpwywhome__custom-card.is-selected > small { font-size: 9px; }
.acpwywhome__custom-card label { border-color: rgba(213,173,127,.2); }
.acpwywhome__claim { box-shadow: 0 11px 26px rgba(130,29,62,.4),inset 0 1px 0 rgba(255,255,255,.14); margin-top: 14px; transition: filter 160ms ease,transform 160ms ease; }
.acpwywhome__claim > span { font-size: 10.5px; }
.acpwywhome__assurance { margin-top: 10px; }
.acpwywhome__assurance span { font-size: 8px; letter-spacing: .055em; padding-inline: 8px; }
.acpwywhome__vault { margin: 13px 0 2px; order: 8; padding: 11px 12px 12px; }
.acpwywhome__vault-heading { gap: 10px; }
.acpwywhome__vault-heading span { flex: 1 1 auto; font-size: clamp(13px,4vw,15px); letter-spacing: .035em; min-width: 0; text-align: left; white-space: nowrap; }
.acpwywhome__vault-heading strong { flex: 0 0 auto; font-size: 8px; }
.acpwywhome__vault-track { margin: 11px 4px 13px; }
.acpwywhome__vault-items { gap: 9px; grid-template-columns: 1fr; }
.acpwywhome__vault-items > span,
.acpwywhome__vault-items > span:nth-child(n) { font-size: 10px; gap: 10px; grid-template-columns: 20px 1fr; justify-self: stretch; width: 100%; }
.acpwywhome__vault-items em > span { display: inline; white-space: normal; }
.acpwywhome__vault-items em > span:not(:last-child)::after { content: " "; }
.acpwywhome__benefits { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 10px 10px 0; max-width: none; }
.acpwywhome__benefits > div { gap: 8px; grid-template-columns: 25px 1fr; padding: 10px 8px; }
.acpwywhome__benefits svg { height: 23px; width: 23px; }
.acpwywhome__benefits strong { font-size: 8px; }
.acpwywhome__benefits small { font-size: 11px; margin-top: 3px; }
}
@media (max-width: 340px) {
.acpwywhome__kicker.acpwywhome__kicker--mobile { font-size: 7px; letter-spacing: .1em; }
.acpwywhome__intro h1 > .acpwywhome__heading-mobile { font-size: 27px; letter-spacing: -.035em; }
.acpwywhome__proof-compact { letter-spacing: .025em; padding-inline: 6px; }
.acpwywhome__proof-compact strong { font-size: 6.6px; }
.acpwywhome__proof-compact small { font-size: 5.1px; }
}
@media (prefers-reduced-motion: reduce) {
.acpwywhome *,
.acpwywhome *::before,
.acpwywhome *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
/* Homepage-only desktop composition. The offer UI above remains the original PWYW UI. */
@media (min-width: 1040px) {
.acpwywhome__stage {
column-gap: clamp(32px, 4vw, 76px);
grid-template-columns: minmax(0, 1fr) minmax(560px, .92fr);
min-height: var(--ac-home-height);
padding: calc(24px + var(--ac-home-header-clearance)) clamp(30px, 4vw, 78px) 28px;
}
.acpwywhome__intro {
align-self: center;
justify-self: center;
margin: 0;
max-width: 720px;
padding: 0;
width: 100%;
}
.acpwywhome__kicker {
font-size: 10px;
margin-bottom: 11px;
}
.acpwywhome__intro h1 {
font-size: clamp(54px, 4.45vw, 78px);
line-height: .88;
margin: 0 0 13px;
max-width: none;
}
.acpwywhome__intro h1 > .acpwywhome__heading-desktop,
.acpwywhome__intro h1 .acpwywhome__accent-desktop > span { display: inline; }
.acpwywhome__intro h1 > .acpwywhome__heading-desktop:not(:last-of-type)::after,
.acpwywhome__intro h1 .acpwywhome__accent-desktop > span:not(:last-child)::after { content: " "; }
.acpwywhome__intro h1 .acpwywhome__accent-desktop {
font-size: .48em;
line-height: 1;
margin-top: .23em;
max-width: none;
}
.acpwywhome__intro > p,
.acpwywhome__proof,
.acpwywhome__proof-compact,
.acpwywhome__benefits { display: none; }
.acpwywhome__product-image--home {
aspect-ratio: auto;
height: clamp(190px, 15vw, 255px);
justify-content: flex-start;
margin-top: 12px;
max-width: 630px;
padding: 0;
width: 100%;
}
.acpwywhome__product-image--home img {
filter: drop-shadow(0 20px 24px rgba(0,0,0,.68));
object-position: left center;
}
.acpwywhome__card {
align-self: center;
justify-self: stretch;
margin: 0;
max-width: 720px;
padding: 16px;
}
.acpwywhome__card-topline { padding: 5px 5px 12px; }
.acpwywhome__formats { height: 42px; max-width: none; }
.acpwywhome__formats button { font-size: 10px; height: 38px; padding-inline: 8px; }
.acpwywhome__formats button[data-ac-format="audio"]::after { height: 36px; }
.acpwywhome__best-value { right: -3px; top: -6px; transform: rotate(.35deg); }
.acpwywhome__identity {
display: block;
margin: 12px 0 10px;
min-height: 0;
padding: 0 4px;
text-align: center;
}
.acpwywhome__identity > div:last-child > span { font-size: 11px; margin-bottom: 5px; }
.acpwywhome__identity h2 { font-size: 34px; margin: 0; }
.acpwywhome__identity p,
.acpwywhome__identity small { display: none; }
.acpwywhome__prices { gap: 10px; padding-top: 5px; }
.acpwywhome__prices legend { font-size: 9px; margin-bottom: 3px; }
.acpwywhome__prices > button,
.acpwywhome__custom-card { min-height: 98px; }
.acpwywhome__prices > button { padding: 12px 8px 10px; }
.acpwywhome__prices button > span { font-size: 10px; }
.acpwywhome__prices button strong { font-size: 23px; margin: 7px 0 4px; }
.acpwywhome__prices button small,
.acpwywhome__custom-card > small { font-size: 9px; min-height: 24px; }
.acpwywhome__custom-card { padding: 9px 11px 10px; }
.acpwywhome__vault { margin: 14px 0 13px; padding: 11px 14px 12px; }
.acpwywhome__vault-heading span { font-size: 18px; }
.acpwywhome__vault-heading strong { font-size: 9px; }
.acpwywhome__vault-track { margin: 11px 4px 13px; }
.acpwywhome__vault-items > span { font-size: 10.5px; }
.acpwywhome__claim { min-height: 54px; }
.acpwywhome__claim > span { font-size: 11px; }
.acpwywhome__assurance { margin-top: 10px; }
.acpwywhome__assurance span { font-size: 9px; padding-inline: 12px; }
.acpwywhome__status { margin-top: 7px; }
}
/* Split-hero composition. The background remains full bleed; interactive content is capped. */
.acpwywhome__stage { display: block; }
.acpwywhome__shell {
display: grid;
gap: clamp(26px, 3vw, 48px);
margin-inline: auto;
max-width: 1680px;
position: relative;
width: 100%;
z-index: 2;
}
.acpwywhome__left-panel,
.acforeplay { min-width: 0; }
.acforeplay {
--acf-paper: #f3e4da;
--acf-muted: #bfa9a0;
background:
radial-gradient(circle at 93% 7%, rgba(196,154,104,.12), transparent 23rem),
linear-gradient(145deg, rgba(22,15,18,.97), rgba(6,6,7,.985));
border: 1px solid rgba(213,173,127,.42);
border-radius: 18px;
box-shadow: 0 30px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.035);
color: var(--acf-paper);
overflow: hidden;
padding: clamp(20px, 2.25vw, 38px);
position: relative;
}
.acforeplay::before {
background: linear-gradient(90deg, transparent, var(--ac-gold), var(--ac-rose), var(--ac-gold), transparent);
content: "";
height: 1px;
left: 4%;
opacity: .78;
position: absolute;
right: 4%;
top: 0;
}
.acforeplay *,
.acforeplay *::before,
.acforeplay *::after { box-sizing: border-box; }
.acforeplay [hidden] { display: none !important; }
.acforeplay button,
.acforeplay input,
.acforeplay select { font: inherit; }
.acforeplay a { color: inherit; }
.acforeplay__heading { margin-bottom: clamp(18px, 2vw, 28px); text-align: center; }
.acforeplay__heading .acforeplay__kicker {
color: var(--ac-gold-light);
display: block;
font: 700 9px/1.2 var(--ac-sans);
letter-spacing: .2em;
margin-bottom: 7px;
text-transform: uppercase;
}
.acforeplay__heading h2 {
color: var(--acf-paper);
font: 500 clamp(38px, 3.2vw, 58px)/.92 var(--ac-display);
letter-spacing: -.025em;
margin: 0;
}
.acforeplay__heading p {
color: var(--acf-muted);
font: italic 500 clamp(16px, 1.3vw, 20px)/1.25 var(--ac-display);
margin: 7px 0 0;
}
.acforeplay__experience {
align-items: stretch;
display: grid;
gap: clamp(16px, 1.5vw, 25px);
grid-template-columns: 1fr;
}
.acforeplay__phone-column,
.acforeplay__library,
.acforeplay__audio-column { min-width: 0; }
.acforeplay__column-label {
color: var(--ac-gold-light);
font: 600 16px/1.15 var(--ac-display);
margin: 0 0 10px;
}
.acforeplay__phone-column { align-items: center; display: flex; flex-direction: column; }
.acforeplay__phone {
background: linear-gradient(112deg,#8d5d27 0%,#f1d79f 16%,#ad7431 39%,#edcf92 69%,#825322 100%);
border-radius: 38px;
box-shadow: inset 0 0 0 2px #f4dfae, inset 0 0 0 5px rgba(42,23,10,.68), 0 19px 36px rgba(0,0,0,.48);
max-width: 322px;
padding: 13px 11px 17px;
position: relative;
width: 100%;
}
.acforeplay__phone-speaker {
background: #080708;
border-radius: 0 0 13px 13px;
height: 17px;
left: 50%;
position: absolute;
top: 12px;
transform: translateX(-50%);
width: 82px;
z-index: 4;
}
.acforeplay__phone-home {
background: #151014;
border-radius: 8px;
bottom: 7px;
height: 4px;
left: 50%;
opacity: .78;
position: absolute;
transform: translateX(-50%);
width: 88px;
}
.acforeplay__phone-screen {
background: #f4efea;
border: 2px solid #1c1416;
border-radius: 28px;
color: #302328;
min-height: 520px;
overflow: hidden;
}
.acforeplay__reader-panel { display: flex; flex-direction: column; min-height: 520px; }
.acforeplay__phone-title {
background: linear-gradient(180deg,#5d1730,#350b1c);
color: #fff7f1;
min-height: 68px;
padding: 24px 14px 10px;
text-align: center;
}
.acforeplay__phone-title small {
display: block;
font: 700 8px/1 var(--ac-sans);
letter-spacing: .13em;
margin-bottom: 5px;
text-transform: uppercase;
}
.acforeplay__phone-title a,
.acforeplay__phone-title strong { font: 600 16px/1.05 var(--ac-display); text-decoration: none; }
.acforeplay__reader-meta {
align-items: center;
background: #faf7f4;
border-bottom: 1px solid #ded0c8;
display: flex;
justify-content: space-between;
padding: 11px 14px 8px;
}
.acforeplay__reader-meta strong { font: 700 9px/1 var(--ac-sans); letter-spacing: .1em; text-transform: uppercase; }
.acforeplay__reader-meta span { color: #765c67; font: 600 10px/1 var(--ac-sans); }
.acforeplay__chapter {
flex: 1 1 auto;
font: 500 16px/1.42 var(--ac-display);
height: clamp(330px, 29vw, 415px);
overflow-y: auto;
overscroll-behavior: contain;
padding: 12px 15px 22px;
scrollbar-color: #bb9156 #e9ddd6;
scrollbar-width: thin;
}
.acforeplay__chapter::-webkit-scrollbar { width: 7px; }
.acforeplay__chapter::-webkit-scrollbar-track { background: #e9ddd6; }
.acforeplay__chapter::-webkit-scrollbar-thumb { background: #bb9156; border-radius: 8px; }
.acforeplay__chapter p { margin: 0 0 .92em; }
.acforeplay__chapter h1,
.acforeplay__chapter h2,
.acforeplay__chapter h3 { color: #302328; font: 600 19px/1.15 var(--ac-display); margin: .8em 0 .5em; }
.acforeplay__chapter img { height: auto; max-width: 100%; }
.acforeplay__chapter:focus-visible { outline: 2px solid var(--ac-rose); outline-offset: -3px; }
.acforeplay__empty { color: #765c67; font-style: italic; }
.acforeplay__read-progress { background: #e3d6cf; height: 4px; }
.acforeplay__read-progress i { background: linear-gradient(90deg,#9c662b,#e2c184); display: block; height: 100%; transform: scaleX(0); transform-origin: left center; }
.acforeplay__phone-footer {
align-items: center;
background: #f8f3ef;
border-top: 1px solid #ded0c8;
display: flex;
font: 700 9px/1.2 var(--ac-sans);
gap: 8px;
justify-content: space-between;
min-height: 58px;
padding: 7px 10px;
text-transform: uppercase;
}
.acforeplay__phone-footer > div { align-items: center; display: flex; gap: 6px; }
.acforeplay__phone-footer form { margin: 0; }
.acforeplay__phone-footer a { color: #582037; text-underline-offset: 2px; }
.acforeplay__phone-footer button {
background: #792545;
border: 1px solid #96365a;
border-radius: 4px;
color: #fff8f4;
cursor: pointer;
font: 700 8px/1 var(--ac-sans);
letter-spacing: .06em;
min-height: 44px;
padding: 7px 9px;
text-transform: uppercase;
}
.acforeplay__phone-footer button:disabled { cursor: not-allowed; opacity: .48; }
.acforeplay__reader-note { color: var(--acf-muted); font: italic 14px/1.2 var(--ac-display); margin: 10px 0 0; text-align: center; }
.acforeplay__sample-nav {
display: grid;
gap: 8px;
max-height: min(62svh,480px);
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding-right: 4px;
scrollbar-color: rgba(215,181,117,.75) rgba(12,9,10,.55);
scrollbar-gutter: stable;
scrollbar-width: thin;
}
.acforeplay__sample-nav::-webkit-scrollbar { width: 6px; }
.acforeplay__sample-nav::-webkit-scrollbar-track { background: rgba(12,9,10,.55); border-radius: 20px; }
.acforeplay__sample-nav::-webkit-scrollbar-thumb { background: rgba(215,181,117,.72); border-radius: 20px; }
.acforeplay__sample-choice[hidden] { display: none !important; }
.acforeplay__sample-choice {
align-items: center;
appearance: none;
background: rgba(12,9,10,.58);
border: 1px solid rgba(213,173,127,.2);
border-radius: 5px;
color: var(--acf-paper);
cursor: pointer;
display: grid;
gap: 10px;
grid-template-columns: 55px minmax(0,1fr) 16px;
min-height: 82px;
padding: 7px;
text-align: left;
transition: background .18s ease, border-color .18s ease, transform .18s ease;
width: 100%;
}
.acforeplay__sample-choice:hover { border-color: rgba(213,173,127,.58); transform: translateY(-1px); }
.acforeplay__sample-choice.is-selected {
background: linear-gradient(90deg,rgba(133,36,71,.42),rgba(23,12,17,.78));
border-color: var(--ac-rose);
box-shadow: inset 3px 0 0 var(--ac-rose), 0 0 20px rgba(193,79,112,.11);
}
.acforeplay__sample-choice:focus-visible { outline: 2px solid var(--ac-gold-light); outline-offset: 2px; }
.acforeplay__sample-cover { aspect-ratio: 2 / 3; background: #1e1418; border: 1px solid rgba(213,173,127,.44); display: block; overflow: hidden; }
.acforeplay__sample-cover img { height: 100%; object-fit: cover; width: 100%; }
.acforeplay__sample-cover i { border: 1px solid rgba(213,173,127,.32); display: block; height: 72%; margin: 22% auto 0; width: 65%; }
.acforeplay__sample-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.acforeplay__sample-copy strong { font: 600 15px/1.08 var(--ac-display); }
.acforeplay__sample-copy small { color: var(--acf-muted); font: 600 8px/1.3 var(--ac-sans); letter-spacing: .04em; text-transform: uppercase; }
.acforeplay__sample-prices { display: grid; gap: 2px; min-width: 0; }
.acforeplay__sample-price { align-items: baseline; display: flex; flex-wrap: wrap; gap: 3px 5px; }
.acforeplay__sample-price s { color: rgba(233,220,207,.62); font-weight: 500; text-decoration-color: var(--ac-rose-light); text-decoration-thickness: 1px; }
.acforeplay__sample-price em { color: #fff1df; font-style: normal; font-weight: 800; }
.acforeplay__sample-choice svg { fill: none; height: 15px; stroke: var(--ac-gold-light); stroke-width: 1.5; width: 15px; }
.acforeplay__catalog-coming-soon {
align-items: center;
color: var(--acf-muted);
display: flex;
flex: 1 1 auto;
flex-direction: column;
font: 500 13px/1.5 var(--ac-display);
justify-content: center;
margin: auto;
max-width: 220px;
padding: 20px 12px;
text-align: center;
}
.acforeplay__catalog-coming-soon > span { color: var(--ac-gold-light); font-size: 20px; }
.acforeplay__catalog-coming-soon p { margin: 7px 0 10px; }
.acforeplay__catalog-coming-soon a { color: var(--ac-rose-light); font: 700 9px/1 var(--ac-sans); letter-spacing: .1em; text-transform: uppercase; }
.acforeplay__audio-panel--catalog .acforeplay__audio-empty { margin-block: auto; }
.acforeplay__audio-column { display: flex; flex-direction: column; }
.acforeplay__audio-panel {
background: linear-gradient(160deg,rgba(43,21,29,.86),rgba(8,7,8,.92));
border: 1px solid rgba(213,173,127,.28);
border-radius: 8px;
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
padding: 13px;
}
.acforeplay__audio-book { align-items: center; display: grid; gap: 12px; grid-template-columns: 82px minmax(0,1fr); }
.acforeplay__audio-selector {
border: 1px solid rgba(213,173,127,.55);
border-radius: 4px;
display: block;
grid-column: 1 / -1;
position: relative;
width: 100%;
}
.acforeplay__audio-selector::after {
color: #ead6bd;
content: "⌄";
font: 700 15px/1 var(--ac-sans);
pointer-events: none;
position: absolute;
right: 10px;
top: 9px;
}
.acforeplay__audio-selector select {
appearance: none;
background: rgba(8,8,9,.9);
border: 0;
border-radius: inherit;
color: #f3e5d5;
cursor: pointer;
font: 600 15px/1.2 var(--ac-display);
min-height: 38px;
padding: 8px 30px 8px 10px;
width: 100%;
}
.acforeplay__audio-selector select:focus-visible { outline: 2px solid #d7b575; outline-offset: 2px; }
.acforeplay__audio-selector option { background: #090909; color: #f3e5d5; }
.acforeplay__audio-book > span { aspect-ratio: 2 / 3; background: #1e1418; border: 1px solid rgba(213,173,127,.5); display: block; overflow: hidden; }
.acforeplay__audio-book img { height: 100%; object-fit: cover; width: 100%; }
.acforeplay__audio-book small { color: var(--ac-rose-light); display: block; font: 700 8px/1.2 var(--ac-sans); letter-spacing: .12em; margin-bottom: 5px; text-transform: uppercase; }
.acforeplay__audio-book strong { font: 600 18px/1.06 var(--ac-display); }
.acforeplay__audio-player { margin-top: 16px; }
.acforeplay__audio-controls { align-items: center; display: flex; gap: 8px; }
.acforeplay__play {
align-items: center;
background: linear-gradient(135deg,#efd9aa,#b98542);
border: 1px solid #f2dfb2;
border-radius: 50%;
color: #1b1111;
cursor: pointer;
display: flex;
flex: 0 0 48px;
font-size: 17px;
height: 48px;
justify-content: center;
min-height: 48px;
padding: 0 0 0 2px;
width: 48px;
}
.acforeplay__audio-main { flex: 1 1 auto; min-width: 0; position: relative; }
.acforeplay__wave { align-items: center; display: flex; gap: 2px; height: 42px; overflow: hidden; }
.acforeplay__wave i { background: var(--ac-rose-light); display: block; flex: 1; height: var(--h); min-width: 1px; opacity: .9; }
.acforeplay__audio-main input { accent-color: var(--ac-rose); cursor: pointer; height: 44px; inset: -1px 0 auto; margin: 0; opacity: .38; position: absolute; width: 100%; }
.acforeplay__speed { align-items: center; background: transparent; border: 0; color: var(--acf-paper); cursor: pointer; display: inline-flex; flex: 0 0 auto; font: 700 11px/1 var(--ac-sans); justify-content: center; letter-spacing: .02em; min-height: 44px; min-width: 44px; padding: 4px 8px; text-align: center; }
.acforeplay__speed:hover,
.acforeplay__speed:focus-visible { color: var(--ac-gold-light); }
.acforeplay__audio-meta { color: var(--acf-muted); display: flex; font: 600 10px/1.25 var(--ac-sans); justify-content: space-between; margin-top: 7px; }
.acforeplay__audio-meta a { color: var(--acf-paper); font: 500 14px/1 var(--ac-display); }
.acforeplay__audio-empty { color: var(--acf-muted); font: italic 15px/1.35 var(--ac-display); margin: 18px 0; }
.acforeplay__audio-buy { display: grid; gap: 8px; margin-top: auto; padding-top: 17px; }
.acforeplay__audio-buy > a { align-items: baseline; display: flex; font: 500 15px/1.2 var(--ac-display); justify-content: space-between; text-decoration: none; }
.acforeplay__audio-buy > a strong { align-items: baseline; display: flex; font-size: 19px; gap: 7px; }
.acforeplay__audio-buy > a s { color: rgba(233,220,207,.62); font-size: .7em; font-weight: 500; text-decoration-color: var(--ac-rose-light); }
.acforeplay__audio-buy form { margin: 0; }
.acforeplay__audio-buy button {
background: linear-gradient(100deg,#7d2445,#b74469 55%,#802344);
border: 1px solid rgba(239,172,193,.42);
border-radius: 4px;
color: #fff8f3;
cursor: pointer;
font: 700 10px/1 var(--ac-sans);
letter-spacing: .12em;
min-height: 44px;
padding: 12px;
text-transform: uppercase;
width: 100%;
}
.acforeplay__audio-buy button:disabled { cursor: not-allowed; filter: grayscale(1); opacity: .48; }
.acforeplay__details-link { color: var(--ac-rose-light) !important; font: 500 16px/1.2 var(--ac-display); margin-top: auto; padding-top: 17px; text-underline-offset: 3px; }
.acforeplay__setup-note { border: 1px dashed rgba(213,173,127,.48); color: var(--acf-muted); font: italic 17px/1.4 var(--ac-display); padding: 28px; text-align: center; }
.acforeplay__sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
@media (min-width: 700px) {
.acpwywhome__shell { gap: 34px; }
.acforeplay__experience { grid-template-columns: minmax(260px,.9fr) minmax(0,1.1fr); }
.acforeplay__audio-column { grid-column: 1 / -1; }
.acforeplay__audio-panel { min-height: 250px; }
.acforeplay__audio-book { grid-template-columns: 96px minmax(0,1fr); }
}
@media (min-width: 1040px) {
.acpwywhome__stage {
display: block;
min-height: var(--ac-home-height);
padding: calc(24px + var(--ac-home-header-clearance)) clamp(24px, 3vw, 50px) 38px;
}
.acpwywhome__shell { grid-template-columns: 1fr; }
.acpwywhome__left-panel { align-items: center; display: grid; gap: 26px 34px; grid-template-columns: minmax(340px,.78fr) minmax(520px,1.22fr); }
.acpwywhome__left-panel .acpwywhome__intro {
align-self: center;
justify-self: stretch;
margin: 0;
max-width: none;
padding: 0;
width: 100%;
}
.acpwywhome__left-panel .acpwywhome__intro h1 { font-size: clamp(51px,5vw,76px); line-height: .9; margin-bottom: 18px; }
.acpwywhome__left-panel .acpwywhome__intro > p { display: block; font-size: 16px; line-height: 1.42; max-width: 52ch; }
.acpwywhome__left-panel .acpwywhome__proof { display: grid; margin-top: 18px; }
.acpwywhome__left-panel .acpwywhome__product-image--home { height: 190px; margin-top: 8px; max-width: none; }
.acpwywhome__left-panel .acpwywhome__card { justify-self: stretch; margin: 0; max-width: none; padding: 16px; }
.acpwywhome__left-panel .acpwywhome__benefits { display: grid; grid-column: 1 / -1; margin: 0; max-width: none; }
.acforeplay__experience { grid-template-columns: minmax(270px,.95fr) minmax(230px,.92fr) minmax(270px,1.05fr); }
.acforeplay__audio-column { grid-column: auto; }
.acforeplay__audio-panel { min-height: 0; }
}
@media (min-width: 1400px) {
.acpwywhome__stage { padding-inline: clamp(28px, 3vw, 56px); }
.acpwywhome__shell { align-items: start; gap: clamp(28px, 2.4vw, 46px); grid-template-columns: minmax(0,43fr) minmax(0,57fr); }
.acpwywhome__left-panel { display: block; }
.acpwywhome__left-panel .acpwywhome__intro { margin: 0 auto 22px; max-width: 720px; }
.acpwywhome__left-panel .acpwywhome__kicker { font-size: 10px; margin-bottom: 10px; }
.acpwywhome__left-panel .acpwywhome__intro h1 { font-size: clamp(48px,3.35vw,64px); line-height: .9; margin-bottom: 13px; }
.acpwywhome__left-panel .acpwywhome__intro > p { font-size: 15px; line-height: 1.4; max-width: 66ch; }
.acpwywhome__left-panel .acpwywhome__proof { margin-top: 15px; }
.acpwywhome__left-panel .acpwywhome__proof > span { min-height: 48px; padding-inline: 10px; }
.acpwywhome__left-panel .acpwywhome__proof b { font-size: 11px; }
.acpwywhome__left-panel .acpwywhome__proof strong,
.acpwywhome__left-panel .acpwywhome__proof > span:nth-child(2) strong { font-size: 17px; height: auto; }
.acpwywhome__left-panel .acpwywhome__proof > span:first-child strong { font-size: 13px; }
.acpwywhome__left-panel .acpwywhome__proof small { font-size: 7px; }
.acpwywhome__left-panel .acpwywhome__product-image--home { height: clamp(145px,10.7vw,190px); margin-top: 8px; }
.acpwywhome__left-panel .acpwywhome__card { margin-inline: auto; max-width: 720px; padding: 14px; }
.acpwywhome__left-panel .acpwywhome__card-topline { padding-block: 4px 10px; }
.acpwywhome__left-panel .acpwywhome__identity { margin: 10px 0 8px; padding: 0 4px; }
.acpwywhome__left-panel .acpwywhome__identity h2 { font-size: 31px; }
.acpwywhome__left-panel .acpwywhome__prices { gap: 8px; padding-top: 3px; }
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card { min-height: 92px; }
.acpwywhome__left-panel .acpwywhome__prices button strong { font-size: 22px; margin: 7px 0 4px; }
.acpwywhome__left-panel .acpwywhome__prices button small,
.acpwywhome__left-panel .acpwywhome__custom-card > small { font-size: 9px; min-height: 22px; }
.acpwywhome__left-panel .acpwywhome__vault { margin: 12px 0; padding: 10px 12px 11px; }
.acpwywhome__left-panel .acpwywhome__vault-heading span { font-size: 17px; }
.acpwywhome__left-panel .acpwywhome__vault-heading strong { font-size: 8px; }
.acpwywhome__left-panel .acpwywhome__vault-items > span { font-size: 9px; gap: 6px; grid-template-columns: 18px minmax(0,1fr); }
.acpwywhome__left-panel .acpwywhome__claim { min-height: 52px; }
.acpwywhome__left-panel .acpwywhome__claim > span { font-size: 10px; }
.acpwywhome__left-panel .acpwywhome__assurance { margin-top: 8px; }
.acpwywhome__left-panel .acpwywhome__assurance span { font-size: 8px; padding-inline: 8px; }
.acpwywhome__left-panel .acpwywhome__benefits { margin: 14px auto 0; max-width: 720px; }
.acpwywhome__left-panel .acpwywhome__benefits > div { gap: 7px; grid-template-columns: 24px 1fr; padding: 9px 7px; }
.acpwywhome__left-panel .acpwywhome__benefits svg { height: 22px; width: 22px; }
.acpwywhome__left-panel .acpwywhome__benefits strong { font-size: 7px; }
.acpwywhome__left-panel .acpwywhome__benefits small { font-size: 11px; }
.acforeplay { min-height: 790px; }
.acforeplay__experience {
gap: 12px;
grid-template-columns: minmax(225px,.95fr) minmax(175px,.82fr) minmax(190px,.9fr);
}
.acforeplay__sample-choice { gap: 7px; grid-template-columns: 46px minmax(0,1fr) 12px; min-height: 76px; padding: 6px; }
.acforeplay__sample-copy strong { font-size: 13px; }
.acforeplay__sample-copy small { font-size: 7px; }
.acforeplay__audio-panel { padding: 10px; }
.acforeplay__audio-book { gap: 9px; grid-template-columns: 64px minmax(0,1fr); }
.acforeplay__audio-book strong { font-size: 15px; }
}
@media (max-width: 699px) {
.acpwywhome__shell { gap: 26px; }
.acforeplay { border-left: 0; border-radius: 0; border-right: 0; padding: 25px 15px 30px; }
.acforeplay__heading h2 { font-size: 42px; }
.acforeplay__phone { background: transparent; border-radius: 0; box-shadow: none; max-width: none; padding: 0; }
.acforeplay__phone-speaker,
.acforeplay__phone-home { display: none; }
.acforeplay__phone-screen { border-color: rgba(213,173,127,.66); border-radius: 14px; }
.acforeplay__phone-screen,
.acforeplay__reader-panel { min-height: 500px; }
.acforeplay__chapter { font-size: 15px; height: 350px; }
.acforeplay__sample-choice { min-height: 88px; }
.acforeplay__audio-book { grid-template-columns: 78px minmax(0,1fr); }
}
/* Final responsive guardrails for the composed two-panel hero. */
.acpwywhome__veil { background: rgba(5,4,5,.32); }
@media (min-width: 1280px) {
.acpwywhome__stage { padding-inline: clamp(24px,2.4vw,44px); }
.acpwywhome__shell {
align-items: start;
gap: clamp(22px,2vw,36px);
grid-template-columns: minmax(0,43fr) minmax(0,57fr);
}
.acpwywhome__left-panel { display: block; }
.acpwywhome__left-panel .acpwywhome__intro { margin: 0 auto 17px; max-width: 680px; }
.acpwywhome__left-panel .acpwywhome__kicker { font-size: 9px; margin-bottom: 9px; }
.acpwywhome__left-panel .acpwywhome__intro h1 { font-size: clamp(46px,3.45vw,58px); line-height: .91; margin-bottom: 11px; }
.acpwywhome__left-panel .acpwywhome__intro > p,
.acpwywhome__left-panel .acpwywhome__proof,
.acpwywhome__left-panel .acpwywhome__proof-compact,
.acpwywhome__left-panel .acpwywhome__benefits { display: none; }
.acpwywhome__left-panel .acpwywhome__product-image--home { height: clamp(138px,10vw,168px); margin-top: 7px; }
.acpwywhome__left-panel .acpwywhome__card { margin-inline: auto; max-width: 680px; padding: 13px; }
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card { min-height: 86px; }
.acpwywhome__left-panel .acpwywhome__vault-items > span {
grid-template-columns: 18px minmax(0,1fr);
width: 100%;
}
.acpwywhome__left-panel .acpwywhome__vault-items em > span { white-space: normal; }
.acforeplay { min-height: 0; padding: clamp(20px,1.8vw,29px); }
.acforeplay__experience {
align-items: start;
gap: 14px;
grid-template-columns: minmax(240px,.82fr) minmax(270px,1.18fr);
grid-template-rows: auto auto;
}
.acforeplay__phone-column { grid-column: 1; grid-row: 1 / span 2; }
.acforeplay__library { grid-column: 2; grid-row: 1; }
.acforeplay__audio-column { grid-column: 2; grid-row: 2; }
.acforeplay__audio-panel { min-height: 0; }
.acforeplay__sample-choice { grid-template-columns: 44px minmax(0,1fr) 12px; min-height: 70px; }
.acforeplay__audio-panel { padding: 10px; }
.acforeplay__audio-book { grid-template-columns: 68px minmax(0,1fr); }
.acforeplay__audio-buy,
.acforeplay__details-link { padding-top: 11px; }
.acforeplay__phone { max-width: 265px; }
.acforeplay__phone-screen,
.acforeplay__reader-panel { min-height: 0; }
.acforeplay__chapter { height: clamp(285px,23vw,325px); }
.acforeplay__phone-footer > div > a { display: none; }
}
@media (min-width: 1600px) {
.acpwywhome__shell { gap: clamp(26px,2vw,38px); }
.acforeplay__experience {
grid-template-columns: minmax(245px,.95fr) minmax(185px,.82fr) minmax(205px,.9fr);
grid-template-rows: auto;
gap: 12px;
}
.acforeplay__phone-column,
.acforeplay__library,
.acforeplay__audio-column { grid-column: auto; grid-row: auto; }
.acforeplay__phone { max-width: 300px; }
.acforeplay__chapter { height: clamp(345px,22vw,385px); }
.acforeplay__phone-footer > div > a { display: inline; }
}
@media (min-width: 1800px) {
.acforeplay__phone { max-width: 322px; }
.acforeplay__chapter { height: 400px; }
}
@media (max-width: 699px) {
.acpwywhome__intro h1,
.acpwywhome__intro h1 > .acpwywhome__accent-mobile { white-space: normal; }
.acpwywhome__intro h1 > .acpwywhome__accent-mobile { margin-inline: auto; max-width: 30ch; }
.acforeplay__chapter {
font-size: 16px;
height: clamp(360px,56svh,520px);
overscroll-behavior: auto;
}
}
/* Final desktop split composition: intentionally compact enough to sit below the theme header. */
@media (min-width: 1040px) {
.acpwywhome {
min-height: 0;
overflow: clip;
}
.acpwywhome__stage {
display: block;
height: clamp(580px, calc(100svh - var(--ac-home-header-clearance)), var(--ac-home-height));
min-height: 0;
overflow: hidden;
padding: 0;
}
.acpwywhome__stage > .acpwywhome__background,
.acpwywhome__stage > .acpwywhome__veil { display: none; }
.acpwywhome__shell {
align-items: stretch;
gap: 0;
grid-template-columns: minmax(0, 49.2fr) minmax(0, 50.8fr);
height: 100%;
max-width: none;
}
.acpwywhome__left-panel,
.acforeplay {
height: 100%;
isolation: isolate;
min-height: 0;
overflow: hidden;
position: relative;
}
.acsplit__panel-background,
.acsplit__panel-veil {
display: block;
inset: 0;
pointer-events: none;
position: absolute;
}
.acsplit__panel-background { z-index: -3; }
.acsplit__panel-background img {
height: 100%;
object-fit: cover;
width: 100%;
}
.acsplit__panel-background--left img { object-position: left center; }
.acsplit__panel-background--right img { object-position: right center; }
.acsplit__panel-veil { z-index: -2; }
.acsplit__panel-veil--left {
background: linear-gradient(90deg, rgba(8,5,6,.18), rgba(10,6,8,.42) 55%, rgba(8,5,6,.72));
opacity: var(--ac-split-left-overlay);
}
.acsplit__panel-veil--right {
background: linear-gradient(90deg, rgba(5,6,6,.72), rgba(6,7,7,.35) 54%, rgba(4,5,5,.2));
opacity: var(--ac-split-right-overlay);
}
/* The proven PWYW markup and cart code are retained; only its desktop composition changes. */
.acpwywhome__left-panel {
align-items: stretch;
border-right: 1px solid rgba(215,174,126,.72);
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(11px,1.15vw,18px) clamp(32px,3.8vw,66px) 10px;
}
.acpwywhome__left-panel .acpwywhome__intro,
.acpwywhome__left-panel .acpwywhome__card { display: contents; }
.acpwywhome__left-panel .acpwywhome__kicker--desktop {
display: block !important;
font-size: clamp(8px,.58vw,10px);
letter-spacing: .22em;
margin: 0 0 3px;
order: 1;
text-align: center;
}
.acpwywhome__left-panel .acpwywhome__kicker--mobile,
.acpwywhome__left-panel .acpwywhome__heading-mobile,
.acpwywhome__left-panel .acpwywhome__accent-mobile,
.acpwywhome__left-panel .acpwywhome__intro > p,
.acpwywhome__left-panel .acpwywhome__proof,
.acpwywhome__left-panel .acpwywhome__proof-compact,
.acpwywhome__left-panel .acpwywhome__benefits,
.acpwywhome__left-panel .acpwywhome__card-topline { display: none !important; }
.acpwywhome__left-panel .acpwywhome__intro h1 {
font-size: clamp(25px,2vw,34px);
letter-spacing: .045em;
line-height: .95;
margin: 0;
max-width: none;
order: 2;
text-align: center;
}
.acpwywhome__left-panel .acpwywhome__intro h1 > .acpwywhome__heading-desktop,
.acpwywhome__left-panel .acpwywhome__intro h1 .acpwywhome__accent-desktop > span { display: inline; }
.acpwywhome__left-panel .acpwywhome__intro h1 > .acpwywhome__heading-desktop:not(:last-of-type)::after,
.acpwywhome__left-panel .acpwywhome__intro h1 .acpwywhome__accent-desktop > span:not(:last-child)::after { content: " "; }
.acpwywhome__left-panel .acpwywhome__intro h1 .acpwywhome__accent-desktop {
color: #ead2be;
display: block;
font-size: clamp(11px,.82vw,14px);
font-style: normal;
letter-spacing: .035em;
line-height: 1.15;
margin: 5px auto 0;
max-width: none;
text-transform: none;
}
.acpwywhome__left-panel .acpwywhome__identity {
display: block;
margin: 7px 0 2px;
min-height: 0;
order: 3;
padding: 0;
text-align: center;
}
.acpwywhome__left-panel .acpwywhome__identity > div {
display: flex;
flex-direction: column;
}
.acpwywhome__left-panel .acpwywhome__identity h2 {
color: #f0dcc0;
font-size: clamp(11px,.78vw,14px);
letter-spacing: .12em;
line-height: 1;
margin: 0;
order: 1;
text-transform: uppercase;
}
.acpwywhome__left-panel .acpwywhome__identity [data-ac-role="eyebrow"] {
color: #c7afa0;
font: 500 clamp(8px,.55vw,10px)/1.15 var(--ac-display);
letter-spacing: .02em;
margin: 3px 0 0;
order: 2;
text-transform: none;
}
.acpwywhome__left-panel .acpwywhome__identity p,
.acpwywhome__left-panel .acpwywhome__identity small { display: none; }
.acpwywhome__left-panel .acpwywhome__product-image--home {
height: clamp(118px,10.2vw,160px);
justify-content: center;
margin: 3px auto 5px;
max-width: 650px;
order: 4;
padding: 0;
width: 100%;
}
.acpwywhome__left-panel .acpwywhome__product-image--home img {
filter: drop-shadow(0 11px 15px rgba(0,0,0,.76));
height: 100%;
object-fit: contain;
object-position: center;
width: 100%;
}
.acsplit__book-art-placeholder { display: block; height: 100%; width: 100%; }
.acpwywhome__left-panel .acpwywhome__formats {
background: rgba(9,7,7,.46);
border-color: rgba(213,173,127,.72);
border-radius: 3px;
box-shadow: none;
height: 27px;
margin: 0 auto 5px;
max-width: 620px;
order: 5;
width: 100%;
}
.acpwywhome__left-panel .acpwywhome__formats::before,
.acpwywhome__left-panel .acpwywhome__formats button[data-ac-format="audio"]::after,
.acpwywhome__left-panel .acpwywhome__best-value { display: none; }
.acpwywhome__left-panel .acpwywhome__formats button {
border: 0;
font-size: clamp(7px,.48vw,9px);
height: 23px;
letter-spacing: .035em;
min-height: 0;
padding: 0 5px;
}
.acpwywhome__left-panel .acpwywhome__formats button[aria-selected="true"] {
background: linear-gradient(180deg,#ead5ae,#bd8d51);
border-radius: 3px;
box-shadow: none;
color: #2c1719;
}
.acpwywhome__left-panel .acpwywhome__prices {
gap: 4px;
grid-template-columns: repeat(3,minmax(0,1fr));
margin: 0 auto;
max-width: 620px;
order: 6;
padding: 0;
width: 100%;
}
.acpwywhome__left-panel .acpwywhome__prices legend {
display: none;
margin: 0;
}
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
min-height: 68px;
}
.acpwywhome__left-panel .acpwywhome__prices > button {
padding: 9px 4px 4px;
text-align: center;
}
.acpwywhome__left-panel .acpwywhome__prices > button::after,
.acpwywhome__left-panel .acpwywhome__custom-card::after { display: none; }
.acpwywhome__left-panel .acpwywhome__prices > button::before,
.acpwywhome__left-panel .acpwywhome__custom-card::before {
background: transparent;
border: 1px solid #e5d1bd;
border-radius: 50%;
content: "";
display: block;
height: 8px;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 8px;
}
.acpwywhome__left-panel .acpwywhome__prices > button.is-selected::before,
.acpwywhome__left-panel .acpwywhome__custom-card.is-selected::before {
background: #ead0bc;
box-shadow: inset 0 0 0 2px #1b0d10;
}
.acpwywhome__left-panel .acpwywhome__custom-card {
display: flex;
flex-direction: column;
justify-content: flex-start;
order: 1;
padding: 9px 4px 4px;
text-align: center;
}
.acpwywhome__left-panel button[data-ac-price-choice="indulgent"] { order: 2; }
.acpwywhome__left-panel button[data-ac-price-choice="retail"] { order: 3; }
.acpwywhome__left-panel .acpwywhome__prices button > span,
.acpwywhome__left-panel .acpwywhome__custom-card button > span {
font-size: clamp(7px,.52vw,9px);
letter-spacing: .02em;
line-height: 1.05;
}
.acpwywhome__left-panel .acpwywhome__prices button strong {
font-size: clamp(17px,1.35vw,23px);
line-height: 1;
margin: 3px 0 2px;
}
.acpwywhome__left-panel .acpwywhome__prices button small,
.acpwywhome__left-panel .acpwywhome__custom-card > small {
font-size: clamp(6px,.42vw,8px);
line-height: 1.1;
min-height: 0;
}
.acpwywhome__left-panel .acpwywhome__custom-card > button {
min-height: 0;
padding: 0;
}
.acpwywhome__left-panel .acpwywhome__custom-card label {
height: 25px;
margin: 2px auto;
max-width: 110px;
}
.acpwywhome__left-panel .acpwywhome__custom-card input { font-size: 12px; }
.acpwywhome__left-panel .acpwywhome__popular { display: none; }
.acpwywhome__left-panel .acpwywhome__error {
font-size: 8px;
margin: 0;
min-height: 0;
order: 7;
}
.acpwywhome__left-panel .acpwywhome__vault {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
margin: 2px auto 5px;
max-width: 620px;
order: 8;
padding: 0;
width: 100%;
}
.acpwywhome__left-panel .acpwywhome__vault-heading { justify-content: center; }
.acpwywhome__left-panel .acpwywhome__vault-heading span {
font-size: clamp(11px,.78vw,14px);
letter-spacing: .045em;
}
.acpwywhome__left-panel .acpwywhome__vault-heading strong { display: none; }
.acpwywhome__left-panel .acpwywhome__vault-track { margin: 6px 4px 7px; }
.acpwywhome__left-panel .acpwywhome__vault-items { gap: 7px; }
.acpwywhome__left-panel .acpwywhome__vault-items > span {
display: block;
font-size: clamp(6px,.44vw,8px);
letter-spacing: .01em;
text-align: center;
}
.acpwywhome__left-panel .acpwywhome__vault-items b { display: none; }
.acpwywhome__left-panel .acpwywhome__vault-items em > span:last-child { display: none; }
.acpwywhome__left-panel .acpwywhome__claim {
background: linear-gradient(180deg,#e9d3a8 0%,#c09254 58%,#a9773e 100%);
border: 1px solid #f0debc;
border-radius: 3px;
box-shadow: 0 5px 18px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.45);
color: #321a1d;
margin: 0 auto;
max-width: 390px;
min-height: 38px;
order: 9;
text-shadow: 0 1px rgba(255,255,255,.22);
}
.acpwywhome__left-panel .acpwywhome__claim > span {
font-family: var(--ac-display);
font-size: clamp(12px,.9vw,16px);
font-weight: 700;
letter-spacing: .1em;
}
.acpwywhome__left-panel .acpwywhome__claim > strong { display: none; }
.acpwywhome__left-panel .acpwywhome__assurance {
margin: 4px 0 0;
order: 10;
text-align: center;
}
.acpwywhome__left-panel .acpwywhome__assurance span {
border: 0;
color: #c7afa0;
font: 500 clamp(6px,.4vw,8px)/1.1 var(--ac-sans);
letter-spacing: .01em;
padding: 0;
text-transform: none;
}
.acpwywhome__left-panel .acpwywhome__assurance span:nth-child(n+2) { display: none; }
.acpwywhome__left-panel .acpwywhome__status {
font-size: 8px;
margin: 2px 0 0;
min-height: 0;
order: 11;
}
/* The existing reader, sample selector, audio player, prices, and cart forms remain block-driven. */
.acforeplay {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
display: flex;
flex-direction: column;
padding: clamp(12px,1.2vw,20px) clamp(18px,2vw,34px) 12px;
}
.acforeplay > *:not(.acsplit__panel-background):not(.acsplit__panel-veil) {
position: relative;
z-index: 1;
}
.acforeplay__heading { margin: 0 0 clamp(7px,.7vw,11px); }
.acforeplay__heading .acforeplay__kicker { display: none; }
.acforeplay__heading h2 {
font-size: clamp(25px,2vw,34px);
line-height: .96;
margin: 0 0 3px;
}
.acforeplay__heading p { font-size: clamp(9px,.63vw,11px); }
.acforeplay__experience {
align-items: start;
display: grid;
flex: 1 1 auto;
gap: clamp(9px,1vw,16px);
grid-template-columns: minmax(175px,.92fr) minmax(145px,.76fr) minmax(180px,.96fr);
min-height: 0;
}
.acforeplay__phone-column,
.acforeplay__library,
.acforeplay__audio-column {
grid-column: auto;
grid-row: auto;
min-height: 0;
}
.acforeplay__column-label {
font-size: clamp(8px,.5vw,9px);
margin: 0 0 6px;
}
.acforeplay__phone-column { padding-top: 0; }
.acforeplay__phone {
border-radius: 25px;
max-width: 228px;
padding: 8px 7px 12px;
width: 100%;
}
.acforeplay__phone-speaker { top: 5px; }
.acforeplay__phone-home { bottom: 3px; height: 5px; width: 34px; }
.acforeplay__phone-screen { border-radius: 18px; min-height: 0; }
.acforeplay__reader-panel { min-height: 0; }
.acforeplay__phone-title { min-height: 64px; padding: 11px 9px 7px; }
.acforeplay__phone-title small { font-size: 7px; }
.acforeplay__phone-title a,
.acforeplay__phone-title strong { font-size: clamp(12px,.85vw,15px); }
.acforeplay__reader-meta { font-size: 7px; padding: 7px 10px; }
.acforeplay__reader-meta strong,
.acforeplay__reader-meta span { font-size: 7px; }
.acforeplay__chapter {
font-size: clamp(12px,.75vw,14px);
height: clamp(250px,28svh,310px);
line-height: 1.45;
padding: 11px 12px 8px;
}
.acforeplay__phone-footer {
font-size: 7px;
min-height: 43px;
padding: 6px 8px;
}
.acforeplay__phone-footer button {
font-size: 6px;
min-height: 24px;
padding: 4px 6px;
}
.acforeplay__reader-note { font-size: 8px; margin-top: 4px; }
.acforeplay__sample-nav { gap: 6px; }
.acforeplay__sample-choice {
gap: 6px;
grid-template-columns: clamp(35px,3.1vw,48px) minmax(0,1fr) 9px;
min-height: clamp(61px,7.2svh,76px);
padding: 5px;
}
.acforeplay__sample-copy strong { font-size: clamp(10px,.72vw,13px); }
.acforeplay__sample-copy small { font-size: clamp(6px,.38vw,7px); }
.acforeplay__sample-choice svg { height: 10px; width: 10px; }
.acforeplay__audio-panel {
min-height: clamp(315px,47svh,390px);
padding: clamp(8px,.7vw,11px);
}
.acforeplay__audio-book {
gap: 8px;
grid-template-columns: clamp(52px,4.2vw,66px) minmax(0,1fr);
}
.acforeplay__audio-book small { font-size: 6px; }
.acforeplay__audio-book strong { font-size: clamp(11px,.8vw,15px); }
.acforeplay__audio-player { margin-top: 9px; }
.acforeplay__audio-controls { gap: 5px; }
.acforeplay__play { height: 34px; min-height: 34px; width: 34px; }
.acforeplay__wave { height: 34px; }
.acforeplay__audio-main input { height: 36px; }
.acforeplay__speed { font-size: 8px; min-height: 32px; min-width: 36px; padding: 2px 5px; }
.acforeplay__audio-meta { font-size: 7px; margin-top: 4px; }
.acforeplay__audio-meta a { font-size: 9px; }
.acforeplay__audio-buy { gap: 5px; padding-top: 8px; }
.acforeplay__audio-buy > a { font-size: 9px; }
.acforeplay__audio-buy > a strong { font-size: 12px; }
.acforeplay__audio-buy button { font-size: 7px; min-height: 32px; padding: 4px; }
.acforeplay__details-link { font-size: 10px; padding-top: 8px; }
}
@media (min-width: 1040px) and (max-width: 1279px) {
.acpwywhome__left-panel { padding-inline: 22px; }
.acforeplay { padding-inline: 12px; }
.acforeplay__experience {
gap: 7px;
grid-template-columns: minmax(160px,.9fr) minmax(128px,.72fr) minmax(160px,.9fr);
}
.acforeplay__phone { max-width: 196px; }
.acforeplay__sample-choice { grid-template-columns: 34px minmax(0,1fr); }
.acforeplay__sample-choice svg { display: none; }
}
.acpwywhome__selection-total { display: none; }
.acpwywhome__selection-total[hidden] { display: none !important; }
/* Reference-match refinement: denser desktop hierarchy, pointed format tabs, and balanced samples. */
@media (min-width: 1040px) {
.acpwywhome__stage {
height: clamp(540px, calc(100svh - var(--ac-home-header-clearance)), 620px);
}
.acpwywhome__left-panel {
padding-block: 12px 9px;
}
.acpwywhome__left-panel .acpwywhome__intro h1 {
font-size: clamp(27px,2.15vw,36px);
line-height: 1;
}
.acpwywhome__left-panel .acpwywhome__intro h1 .acpwywhome__accent-desktop {
font-size: clamp(12px,.86vw,15px);
line-height: 1.2;
margin-top: 4px;
}
.acpwywhome__left-panel .acpwywhome__identity {
margin: 9px 0 3px;
}
.acpwywhome__left-panel .acpwywhome__identity h2 {
font-size: clamp(12px,.82vw,15px);
}
.acpwywhome__left-panel .acpwywhome__identity [data-ac-role="eyebrow"] {
font-size: clamp(10px,.7vw,12px);
line-height: 1.2;
margin-top: 4px;
}
.acpwywhome__left-panel .acpwywhome__product-image--home {
height: clamp(88px,7.8vw,124px);
margin-block: 2px 5px;
}
.acpwywhome__left-panel .acpwywhome__formats {
height: 30px;
margin-bottom: 6px;
overflow: visible;
}
.acpwywhome__left-panel .acpwywhome__formats button {
height: 26px;
overflow: visible;
padding-inline: 9px;
}
.acpwywhome__left-panel .acpwywhome__formats button:not(:last-child)::after {
background: rgba(9,7,7,.82);
border: 0;
border-radius: 0;
box-shadow: none;
clip-path: polygon(0 0,100% 50%,0 100%);
content: "";
display: block !important;
filter: drop-shadow(1px 0 0 rgba(213,173,127,.72));
height: 20px;
pointer-events: none;
position: absolute;
right: -9px;
top: 50%;
transform: translateY(-50%);
width: 9px;
z-index: 2;
}
.acpwywhome__left-panel .acpwywhome__formats button[aria-selected="true"] {
border-radius: 3px 0 0 3px;
z-index: 3;
}
.acpwywhome__left-panel .acpwywhome__formats button[aria-selected="true"]:not(:last-child)::after {
background: linear-gradient(135deg,#d7b77d 0%,#bd8d51 68%);
filter: drop-shadow(1px 0 0 #f0debc);
}
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card {
min-height: 62px;
}
.acpwywhome__left-panel button[data-ac-price-choice="retail"] { order: 1; }
.acpwywhome__left-panel button[data-ac-price-choice="indulgent"] { order: 2; }
.acpwywhome__left-panel .acpwywhome__custom-card { order: 3; }
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card { padding-top: 8px; }
.acpwywhome__left-panel .acpwywhome__prices button > span,
.acpwywhome__left-panel .acpwywhome__custom-card button > span {
font-size: clamp(8px,.56vw,10px);
}
.acpwywhome__left-panel .acpwywhome__custom-card label {
background: #f5efe8;
border-color: #ead9c8;
color: #241316;
height: 24px;
margin-block: 2px 1px;
}
.acpwywhome__left-panel .acpwywhome__custom-card label > span,
.acpwywhome__left-panel .acpwywhome__custom-card input {
color: #241316;
}
.acpwywhome__selection-total {
color: #f0dcc0;
display: block;
font: 500 clamp(12px,.9vw,16px)/1 var(--ac-display);
margin: 1px auto 3px;
order: 7;
text-align: center;
}
.acpwywhome__selection-total strong {
color: #f7e5cf;
font-size: 1.28em;
font-weight: 500;
}
.acpwywhome__left-panel .acpwywhome__vault {
margin: 1px auto 5px;
}
.acpwywhome__left-panel .acpwywhome__vault-track {
margin-block: 7px 8px;
}
.acpwywhome__left-panel .acpwywhome__vault-track > b { display: none; }
.acpwywhome__left-panel .acpwywhome__claim {
max-width: 430px;
min-height: 42px;
}
.acpwywhome__left-panel .acpwywhome__claim > span {
font-size: clamp(15px,1vw,18px);
letter-spacing: .09em;
}
.acpwywhome__left-panel .acpwywhome__assurance {
align-items: center;
display: flex;
gap: 0;
justify-content: center;
margin-top: 6px;
}
.acpwywhome__left-panel .acpwywhome__assurance span {
font-size: clamp(8px,.5vw,9px);
}
.acpwywhome__left-panel .acpwywhome__assurance span:nth-child(2) { display: inline; }
.acpwywhome__left-panel .acpwywhome__assurance span:nth-child(2)::before {
color: #d7b47e;
content: "·";
padding: 0 6px;
}
.acpwywhome__left-panel .acpwywhome__assurance span:nth-child(3) { display: none; }
.acforeplay {
padding-block: 13px 11px;
}
.acforeplay__heading {
margin-bottom: 10px;
}
.acforeplay__heading h2 {
color: #f0dcc0;
font-size: clamp(27px,2.15vw,36px);
letter-spacing: .02em;
line-height: 1;
}
.acforeplay__heading p {
color: #d1beb3;
font-size: clamp(11px,.76vw,13px);
line-height: 1.2;
}
.acforeplay__experience {
align-items: start;
gap: clamp(8px,.85vw,14px);
grid-template-columns: minmax(178px,.9fr) minmax(156px,.78fr) minmax(190px,1fr);
}
.acforeplay__column-label {
font-size: clamp(8px,.55vw,10px);
margin-bottom: 7px;
}
.acforeplay__phone {
max-width: 224px;
}
.acforeplay__phone-title {
background: linear-gradient(180deg,#fbf7f0 0%,#eee2d6 100%);
border-bottom: 1px solid #d8c8bb;
color: #261417;
min-height: 66px;
padding: 12px 10px 8px;
}
.acforeplay__phone-title small {
color: #8c254a;
font-size: 8px;
letter-spacing: .1em;
}
.acforeplay__phone-title a,
.acforeplay__phone-title strong {
color: #281619;
font-size: clamp(14px,.95vw,17px);
}
.acforeplay__reader-meta {
background: #f8f3ed;
color: #3b2827;
padding: 7px 10px;
}
.acforeplay__reader-meta strong,
.acforeplay__reader-meta span { font-size: 8px; }
.acforeplay__chapter {
font-size: clamp(12px,.78vw,14px);
height: clamp(268px,31svh,302px);
line-height: 1.48;
}
.acforeplay__phone-footer {
font-size: 8px;
min-height: 45px;
}
.acforeplay__sample-nav { gap: 7px; }
.acforeplay__sample-choice {
gap: 8px;
grid-template-columns: clamp(48px,3.8vw,60px) minmax(0,1fr) 10px;
min-height: clamp(100px,13.5svh,116px);
padding: 7px;
}
.acforeplay__sample-copy strong { font-size: clamp(11px,.76vw,14px); }
.acforeplay__sample-copy small { font-size: clamp(7px,.45vw,8px); }
.acforeplay__audio-panel {
min-height: clamp(374px,55svh,430px);
padding: clamp(10px,.85vw,14px);
}
.acforeplay__audio-book {
gap: 10px;
grid-template-columns: clamp(68px,5vw,82px) minmax(0,1fr);
}
.acforeplay__audio-book small {
font-size: 8px;
letter-spacing: .1em;
margin-bottom: 7px;
}
.acforeplay__audio-book strong { font-size: clamp(14px,.95vw,17px); }
.acforeplay__audio-player { margin-top: 14px; }
.acforeplay__play {
height: 42px;
min-height: 42px;
width: 42px;
}
.acforeplay__wave { height: 42px; }
.acforeplay__audio-main input { height: 44px; }
.acforeplay__speed {
font-size: 9px;
min-height: 38px;
}
.acforeplay__audio-meta {
font-size: 8px;
margin-top: 6px;
}
.acforeplay__audio-buy {
gap: 8px;
padding-top: 12px;
}
.acforeplay__audio-buy > a { font-size: 11px; }
.acforeplay__audio-buy > a strong { font-size: 14px; }
.acforeplay__audio-buy button {
font-size: 9px;
min-height: 38px;
}
}
@media (min-width: 1040px) and (max-width: 1279px) {
.acforeplay__experience {
grid-template-columns: minmax(156px,.88fr) minmax(138px,.76fr) minmax(166px,.94fr);
}
.acforeplay__phone { max-width: 198px; }
.acforeplay__sample-choice {
grid-template-columns: 42px minmax(0,1fr);
min-height: clamp(92px,13svh,108px);
}
.acforeplay__audio-book { grid-template-columns: 62px minmax(0,1fr); }
}
/* Populated-art refinement: match the compact reference once the real five-cover spread is present. */
@media (min-width: 1040px) {
.acpwywhome__stage {
height: clamp(550px, calc(100svh - var(--ac-home-header-clearance)), 580px);
}
.acpwywhome__left-panel {
gap: 5px;
justify-content: flex-start;
padding-block: 11px 8px;
}
.acpwywhome__left-panel .acpwywhome__kicker--desktop {
line-height: 1;
margin-bottom: 3px;
}
.acpwywhome__left-panel .acpwywhome__intro h1 .acpwywhome__accent-desktop {
margin-top: 3px;
}
.acpwywhome__left-panel .acpwywhome__identity {
height: 27px;
margin: 7px 0 1px;
}
.acpwywhome__left-panel .acpwywhome__identity [data-ac-role="eyebrow"] {
font-size: clamp(10px,.72vw,12px);
margin-top: 3px;
}
.acpwywhome__left-panel .acpwywhome__product-image--home {
height: clamp(116px,9.2vw,134px);
margin-block: 0 5px;
max-width: 560px;
}
.acpwywhome__left-panel .acpwywhome__product-image--home img {
filter: drop-shadow(0 8px 12px rgba(0,0,0,.72));
}
/* Every division is the same open chevron: a direction, never a diamond or clipped pill. */
.acpwywhome__left-panel .acpwywhome__formats button:not(:last-child)::after,
.acpwywhome__left-panel .acpwywhome__formats button[aria-selected="true"]:not(:last-child)::after {
background: transparent;
border: 0;
border-right: 1px solid rgba(231,208,178,.72);
border-top: 1px solid rgba(231,208,178,.72);
clip-path: none;
filter: none;
height: 9px;
right: -5px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 9px;
}
.acpwywhome__left-panel .acpwywhome__formats button[aria-selected="true"]:not(:last-child)::after {
border-color: #f1ddb8;
}
.acpwywhome__left-panel .acpwywhome__prices {
gap: 0;
}
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card {
min-height: 56px;
padding: 7px 8px 3px;
}
.acpwywhome__left-panel .acpwywhome__prices > button:nth-of-type(2),
.acpwywhome__left-panel .acpwywhome__custom-card {
border-left: 1px solid rgba(225,196,168,.18);
}
.acpwywhome__left-panel .acpwywhome__prices > button.is-selected,
.acpwywhome__left-panel .acpwywhome__custom-card.is-selected {
background: linear-gradient(180deg,rgba(114,37,59,.28),rgba(35,14,19,.08));
border-radius: 4px;
box-shadow: inset 0 0 0 1px rgba(227,172,189,.24);
}
.acpwywhome__left-panel .acpwywhome__prices button strong {
font-size: clamp(17px,1.2vw,21px);
margin-block: 2px 1px;
}
.acpwywhome__left-panel .acpwywhome__custom-card label {
height: 22px;
margin-block: 1px;
max-width: 104px;
}
.acpwywhome__left-panel .acpwywhome__custom-card input {
font-size: 11px;
}
.acpwywhome__selection-total {
margin-block: 0 2px;
}
.acpwywhome__left-panel .acpwywhome__vault {
margin-block: 0 4px;
}
.acpwywhome__left-panel .acpwywhome__vault-track {
margin-block: 6px 7px;
}
.acforeplay {
padding-block: 11px 9px;
}
.acforeplay__heading {
margin-bottom: 8px;
}
.acforeplay__heading .acforeplay__kicker {
color: #d7b47e;
display: block;
font: 700 clamp(8px,.58vw,10px)/1 var(--ac-sans);
letter-spacing: .22em;
margin: 0 0 8px;
text-align: center;
text-transform: uppercase;
}
.acforeplay__heading h2 {
margin-bottom: 3px;
}
.acforeplay__experience {
align-items: stretch;
gap: clamp(7px,.65vw,10px);
grid-template-columns: minmax(205px,1.05fr) minmax(160px,.82fr) minmax(168px,.86fr);
}
.acforeplay__phone-column,
.acforeplay__library,
.acforeplay__audio-column {
display: flex;
flex-direction: column;
min-height: 0;
}
.acforeplay__phone {
max-width: 238px;
}
.acforeplay__chapter {
height: clamp(288px,35svh,326px);
}
.acforeplay__reader-note {
margin-top: 3px;
}
.acforeplay__sample-nav {
display: grid;
flex: 1 1 auto;
gap: 7px;
grid-template-rows: repeat(3,minmax(0,1fr));
min-height: 0;
}
.acforeplay__sample-choice {
align-items: center;
grid-template-columns: clamp(50px,4.2vw,64px) minmax(0,1fr) 9px;
min-height: 0;
padding: 7px;
}
.acforeplay__sample-copy strong {
font-size: clamp(11px,.78vw,14px);
line-height: 1.13;
}
.acforeplay__sample-copy small {
font-size: clamp(7px,.46vw,8px);
margin-top: 5px;
}
.acforeplay__audio-panel {
flex: 1 1 auto;
min-height: 0;
}
}
@media (min-width: 1040px) and (max-width: 1279px) {
.acforeplay__experience {
grid-template-columns: minmax(176px,1fr) minmax(142px,.78fr) minmax(148px,.82fr);
}
.acforeplay__phone { max-width: 218px; }
.acforeplay__sample-choice {
grid-template-columns: 48px minmax(0,1fr);
padding: 6px;
}
.acforeplay__sample-choice svg { display: none; }
.acforeplay__audio-book {
grid-template-columns: 58px minmax(0,1fr);
}
}
/* Right-panel mockup match: stronger sample cards and a true vertical audiobook player. */
.acforeplay__reader-note { display: none; }
@media (min-width: 1040px) {
.acforeplay__heading h2 {
letter-spacing: .055em;
text-transform: uppercase;
}
.acforeplay__column-label {
color: #ead6bd;
font-size: clamp(10px,.76vw,12px);
letter-spacing: .015em;
margin-bottom: 8px;
text-transform: none;
}
.acforeplay__sample-choice {
gap: 8px;
grid-template-columns: clamp(72px,6.6vw,86px) minmax(0,1fr);
padding: 5px;
}
.acforeplay__sample-choice svg { display: none; }
.acforeplay__sample-cover {
align-self: center;
width: 100%;
}
.acforeplay__sample-copy { gap: 6px; }
.acforeplay__sample-copy strong {
font-size: clamp(13px,1vw,16px);
line-height: 1.12;
}
.acforeplay__sample-copy small {
color: #eadfd6;
font-size: clamp(9px,.68vw,10px);
line-height: 1.28;
margin-top: 0;
}
.acforeplay__audio-panel {
background: linear-gradient(165deg,rgba(27,18,21,.94),rgba(7,7,8,.97));
border-color: rgba(213,173,127,.58);
padding: 10px;
}
.acforeplay__audio-book {
display: flex;
flex-direction: column;
gap: 9px;
}
.acforeplay__audio-selector {
background: rgba(8,8,9,.8);
border: 1px solid rgba(213,173,127,.5);
border-radius: 4px;
display: block;
min-height: 34px;
order: -1;
position: relative;
width: 100%;
}
.acforeplay__audio-selector::after {
color: #ead6bd;
content: "⌄";
font: 700 15px/1 var(--ac-sans);
pointer-events: none;
position: absolute;
right: 9px;
top: 7px;
}
.acforeplay__audio-selector select {
appearance: none;
background: transparent;
border: 0;
color: #f3e5d5;
cursor: pointer;
font: 600 clamp(12px,.85vw,15px)/1.2 var(--ac-display);
min-height: 34px;
overflow: hidden;
padding: 7px 29px 7px 10px;
text-overflow: ellipsis;
width: 100%;
}
.acforeplay__audio-selector select:focus-visible {
outline: 2px solid #d7b575;
outline-offset: 2px;
}
.acforeplay__audio-selector option {
background: #090909;
color: #f3e5d5;
}
.acforeplay__audio-book > span {
margin-inline: auto;
width: clamp(82px,7.2vw,102px);
}
.acforeplay__audio-book small { display: none; }
.acforeplay__audio-player { margin-top: 10px; }
.acforeplay__audio-controls {
display: grid;
gap: 7px;
grid-template-columns: minmax(0,1fr);
}
.acforeplay__audio-main { width: 100%; }
.acforeplay__wave { height: 38px; }
.acforeplay__audio-main input { height: 40px; }
.acforeplay__audio-transport {
align-items: center;
display: flex;
gap: 15px;
justify-content: center;
}
.acforeplay__skip {
align-items: center;
appearance: none;
background: transparent;
border: 1px solid rgba(230,205,170,.72);
border-radius: 50%;
color: #f0dec2;
cursor: pointer;
display: flex;
font: 700 8px/1 var(--ac-sans);
height: 31px;
justify-content: center;
padding: 0;
position: relative;
width: 31px;
}
.acforeplay__skip::before {
content: "↶";
font: 400 22px/1 var(--ac-sans);
inset: 3px 0 0;
position: absolute;
}
.acforeplay__skip--forward::before { content: "↷"; }
.acforeplay__skip span { position: relative; top: 1px; z-index: 1; }
.acforeplay__play {
flex-basis: 46px;
height: 46px;
min-height: 46px;
width: 46px;
}
.acforeplay__audio-tools {
align-items: center;
display: flex;
gap: 34px;
justify-content: center;
}
.acforeplay__speed {
align-items: center;
background: transparent;
border: 0;
display: inline-flex;
font-size: 10px;
justify-content: center;
min-height: 23px;
min-width: 32px;
padding: 0;
}
.acforeplay__cc {
border: 1px solid rgba(230,205,170,.7);
border-radius: 3px;
color: #f0dec2 !important;
font: 700 8px/1 var(--ac-sans);
padding: 4px 3px 3px;
text-decoration: none;
}
.acforeplay__audio-meta {
font-size: 8px;
justify-content: center;
margin-top: 3px;
}
.acforeplay__audio-buy {
gap: 7px;
padding-top: 8px;
}
.acforeplay__audio-buy > a { font-size: 11px; }
.acforeplay__audio-buy > a strong { font-size: 14px; }
.acforeplay__audio-buy button {
font-size: 9px;
min-height: 38px;
}
}
@media (min-width: 1040px) and (max-width: 1120px) {
.acforeplay__sample-choice {
gap: 6px;
grid-template-columns: 68px minmax(0,1fr);
}
.acforeplay__sample-copy strong { font-size: 12px; }
.acforeplay__sample-copy small { font-size: 8px; }
.acforeplay__audio-book > span { width: 76px; }
}
/* Left-panel finish: one connected arrow path, clearer total, and a wider price field. */
@media (min-width: 1040px) {
.acpwywhome__left-panel .acpwywhome__formats {
isolation: isolate;
overflow: hidden;
padding: 1px;
}
.acpwywhome__left-panel .acpwywhome__formats button {
background: rgba(7,6,6,.34);
border-radius: 0 !important;
clip-path: polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%);
filter: drop-shadow(1px 0 0 rgba(231,208,178,.62));
overflow: hidden;
padding-inline: 16px;
width: calc(100% + 10px);
z-index: 1;
}
.acpwywhome__left-panel .acpwywhome__formats button:first-child {
clip-path: polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);
}
.acpwywhome__left-panel .acpwywhome__formats button:last-child {
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,10px 50%);
width: 100%;
}
.acpwywhome__left-panel .acpwywhome__formats button:not(:last-child)::after {
display: none !important;
}
.acpwywhome__left-panel .acpwywhome__formats button[aria-selected="true"] {
background: linear-gradient(180deg,#ead5ae,#bd8d51);
filter: drop-shadow(1px 0 0 #f0debc);
z-index: 3;
}
.acpwywhome__left-panel .acpwywhome__custom-card label {
box-sizing: border-box;
height: 28px;
max-width: 138px;
min-height: 28px;
width: 78%;
}
.acpwywhome__selection-total {
font-size: clamp(15px,1.1vw,18px);
margin: 7px auto 3px;
}
.acpwywhome__selection-total strong { font-size: 1.35em; }
.acpwywhome__left-panel .acpwywhome__vault {
margin-bottom: 6px;
margin-top: 4px;
}
.acpwywhome__left-panel .acpwywhome__claim { margin-top: 3px; }
.acpwywhome__left-panel .acpwywhome__assurance { margin-top: 7px; }
.acpwywhome__left-panel .acpwywhome__custom-card.is-below-minimum > small {
color: #f2d5bb;
font-size: clamp(10px,.7vw,12px);
font-weight: 700;
letter-spacing: .01em;
line-height: 1.12;
}
}
/* Wide-screen finish: enlarge and center both compositions without changing the laptop layout. */
.acsplit__hem,
.acforeplay__bottom-space { display: none; }
.acpwywhome__left-content,
.acforeplay__content { display: contents; }
@media (min-width: 1040px) {
.acforeplay {
padding-bottom: 9px;
}
.acforeplay__chapter {
height: clamp(288px,35svh,326px);
}
.acforeplay__phone-speaker {
border-radius: 999px;
height: 5px;
top: 7px;
width: 48px;
}
.acforeplay__phone-title {
align-items: center;
display: flex;
justify-content: center;
min-height: 66px;
padding: 17px 10px 9px;
}
.acforeplay__phone-title small { display: none; }
.acforeplay__phone-title a,
.acforeplay__phone-title strong {
font-size: clamp(15px,1vw,18px);
letter-spacing: .018em;
line-height: 1.08;
}
/* The controls remain accessible, but the visible waveform is the quieter, organic element. */
.acforeplay__wave {
align-items: center;
gap: 2px;
height: 38px;
justify-content: center;
margin-inline: auto;
max-width: 170px;
overflow: visible;
width: 100%;
}
.acforeplay__wave i {
background: linear-gradient(180deg,#f0d8a7 0%,#c89c63 58%,#9d7044 100%);
border-radius: 999px;
box-shadow: 0 0 4px rgba(216,177,118,.16);
flex: 0 0 2px;
min-width: 2px;
opacity: .84;
width: 2px;
}
.acforeplay__wave i:nth-child(3n) { opacity: .58; }
.acforeplay__wave i:nth-child(5n) { transform: scaleY(.82); }
.acforeplay__audio-main input {
opacity: 0;
}
.acsplit__hem {
background: linear-gradient(90deg,#6f5123 0%,#ae8547 24%,#d4b16d 50%,#ae8547 76%,#6f5123 100%);
bottom: 0;
box-shadow: 0 -1px 0 rgba(238,211,163,.12),0 1px 0 rgba(0,0,0,.82);
display: block;
height: 1px;
inset-inline: 0;
pointer-events: none;
position: absolute;
width: 100%;
z-index: 6;
}
}
@media (min-width: 1800px) {
.acpwywhome__stage {
height: clamp(820px,calc(100svh - var(--ac-home-header-clearance)),880px);
}
.acpwywhome__left-panel {
gap: 4px;
justify-content: flex-start;
padding: 20px clamp(54px,4.4vw,84px) 34px;
}
.acpwywhome__left-content,
.acforeplay__content {
align-self: center;
display: flex;
flex-direction: column;
width: 100%;
}
.acpwywhome__left-content {
gap: 4px;
max-width: 760px;
}
.acforeplay__content { max-width: 960px; }
.acpwywhome__left-panel .acpwywhome__kicker--desktop,
.acforeplay__heading .acforeplay__kicker {
color: var(--ac-gold-light);
font: 400 clamp(12px,.7vw,13px)/1 var(--ac-sans);
letter-spacing: .22em;
}
.acpwywhome__left-panel .acpwywhome__kicker--desktop {
margin-bottom: 2px;
}
.acforeplay__heading .acforeplay__kicker { margin-bottom: 10px; }
.acpwywhome__left-panel .acpwywhome__intro h1 {
font-size: clamp(45px,2.45vw,52px);
}
.acpwywhome__left-panel .acpwywhome__intro h1 .acpwywhome__accent-desktop,
.acforeplay__heading p {
color: #ead2be;
font: 400 clamp(18px,.98vw,19px)/1.2 var(--ac-display);
letter-spacing: .02em;
}
.acpwywhome__left-panel .acpwywhome__intro h1 .acpwywhome__accent-desktop {
margin-top: 5px;
}
.acpwywhome__left-panel .acpwywhome__identity {
height: auto;
margin: 6px 0 2px;
}
.acpwywhome__left-panel .acpwywhome__identity h2 {
font-size: clamp(18px,1.05vw,21px);
}
.acpwywhome__left-panel .acpwywhome__identity [data-ac-role="eyebrow"] {
font-size: clamp(13px,.78vw,15px);
margin-top: 5px;
}
.acpwywhome__left-panel .acpwywhome__product-image--home {
height: clamp(188px,9.4vw,210px);
margin-block: 1px 5px;
max-width: 720px;
}
.acpwywhome__left-panel .acpwywhome__formats {
height: 38px;
margin-bottom: 3px;
max-width: 720px;
}
.acpwywhome__left-panel .acpwywhome__formats button {
font-size: clamp(11px,.64vw,12px);
height: 34px;
}
.acpwywhome__left-panel .acpwywhome__prices {
max-width: 720px;
}
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card {
min-height: 78px;
padding-block: 8px 5px;
}
.acpwywhome__left-panel .acpwywhome__prices button > span {
font-size: 12px;
}
.acpwywhome__left-panel .acpwywhome__prices button strong {
font-size: clamp(26px,1.45vw,29px);
margin-block: 3px 2px;
}
.acpwywhome__left-panel .acpwywhome__prices button small,
.acpwywhome__left-panel .acpwywhome__custom-card > small {
font-size: clamp(10px,.58vw,11px);
}
.acpwywhome__left-panel .acpwywhome__custom-card label {
height: 32px;
max-width: 162px;
}
.acpwywhome__left-panel .acpwywhome__custom-card input {
font-size: 15px;
}
.acpwywhome__selection-total {
font-size: clamp(20px,1.2vw,23px);
margin-block: 2px;
}
.acpwywhome__left-panel .acpwywhome__vault {
margin-block: 1px 4px;
max-width: 720px;
}
.acpwywhome__left-panel .acpwywhome__vault-heading span {
font-size: clamp(18px,1.08vw,21px);
}
.acpwywhome__left-panel .acpwywhome__vault-items > span {
font-size: clamp(10px,.58vw,11px);
}
.acpwywhome__left-panel .acpwywhome__claim {
max-width: 520px;
min-height: 52px;
}
.acpwywhome__left-panel .acpwywhome__claim > span {
font-size: clamp(19px,1.1vw,21px);
}
.acpwywhome__left-panel .acpwywhome__assurance span {
font-size: 10px;
}
.acforeplay {
padding: 25px clamp(20px,2vw,38px) 1px;
}
.acforeplay__heading,
.acforeplay__experience {
margin-left: auto;
margin-right: auto;
max-width: 960px;
width: 100%;
}
.acforeplay__heading {
margin-bottom: 18px;
}
.acforeplay__heading h2 {
font-size: clamp(48px,2.55vw,54px);
}
.acforeplay__heading p {
margin: 5px 0 0;
}
.acforeplay__experience {
flex: 0 0 auto;
gap: clamp(18px,1.1vw,22px);
grid-template-columns: minmax(260px,1fr) minmax(240px,.95fr) minmax(260px,1fr);
}
.acforeplay__phone {
margin-inline: auto;
max-width: 300px;
}
.acforeplay__phone-title a,
.acforeplay__phone-title strong { font-size: 20px; }
.acforeplay__chapter {
font-size: 16px;
height: 445px;
}
.acforeplay__bottom-space {
display: block;
flex: 0 0 48px;
width: 100%;
}
.acforeplay__sample-choice {
gap: 12px;
grid-template-columns: clamp(92px,5vw,104px) minmax(0,1fr);
padding: 10px;
}
.acforeplay__sample-copy strong {
font-size: clamp(16px,.95vw,18px);
line-height: 1.14;
}
.acforeplay__sample-copy small {
font-size: 10px;
line-height: 1.25;
}
.acforeplay__audio-panel { padding: 17px; }
.acforeplay__audio-book > span { width: 138px; }
.acforeplay__audio-book strong { font-size: 16px; }
.acforeplay__wave {
height: 44px;
max-width: 220px;
}
.acforeplay__play {
height: 52px;
min-height: 52px;
width: 52px;
}
.acforeplay__skip {
height: 34px;
width: 34px;
}
.acforeplay__audio-buy button {
font-size: 11px;
min-height: 44px;
}
}
/* Wide, shorter desktop screens need a height-aware left composition so checkout remains above the fold. */
@media (min-width: 1800px) and (max-height: 900px) {
.acpwywhome__stage {
height: clamp(700px,calc(100svh - var(--ac-home-header-clearance)),780px);
}
.acpwywhome__left-panel {
gap: 2px;
padding-bottom: 24px;
padding-top: 14px;
}
.acpwywhome__left-content { gap: 2px; }
.acpwywhome__left-panel .acpwywhome__identity {
margin-block: 3px 1px;
}
.acpwywhome__left-panel .acpwywhome__identity h2 {
font-size: clamp(16px,.94vw,18px);
}
.acpwywhome__left-panel .acpwywhome__identity [data-ac-role="eyebrow"] {
font-size: clamp(11px,.64vw,12px);
margin-top: 3px;
}
.acpwywhome__left-panel .acpwywhome__product-image--home {
height: clamp(150px,7.8vw,170px);
margin-block: 0 3px;
}
.acpwywhome__left-panel .acpwywhome__formats {
height: 34px;
margin-bottom: 2px;
}
.acpwywhome__left-panel .acpwywhome__formats button { height: 30px; }
.acpwywhome__left-panel .acpwywhome__prices > button,
.acpwywhome__left-panel .acpwywhome__custom-card {
min-height: 68px;
padding-block: 6px 3px;
}
.acpwywhome__left-panel .acpwywhome__prices button > span { font-size: 11px; }
.acpwywhome__left-panel .acpwywhome__prices button strong {
font-size: clamp(23px,1.3vw,26px);
margin-block: 2px 1px;
}
.acpwywhome__left-panel .acpwywhome__prices button small,
.acpwywhome__left-panel .acpwywhome__custom-card > small { font-size: 9px; }
.acpwywhome__left-panel .acpwywhome__custom-card label {
height: 28px;
min-height: 28px;
}
.acpwywhome__selection-total {
font-size: clamp(19px,1.08vw,21px);
margin-block: 1px;
}
.acpwywhome__left-panel .acpwywhome__vault { margin-block: 0 2px; }
.acpwywhome__left-panel .acpwywhome__vault-heading span {
font-size: clamp(17px,.96vw,18px);
}
.acpwywhome__left-panel .acpwywhome__claim {
margin-top: 1px;
min-height: 48px;
}
.acpwywhome__left-panel .acpwywhome__claim > span {
font-size: clamp(18px,1vw,20px);
}
.acpwywhome__left-panel .acpwywhome__assurance { margin-top: 4px; }
.acforeplay__experience {
gap: 16px;
max-width: 920px;
}
.acforeplay__phone { max-width: 285px; }
.acforeplay__chapter { height: 410px; }
.acforeplay__sample-choice {
gap: 10px;
grid-template-columns: clamp(84px,4.5vw,94px) minmax(0,1fr);
padding: 9px;
}
.acforeplay__audio-panel { padding: 15px; }
.acforeplay__audio-book > span { width: 126px; }
.acforeplay__wave {
height: 40px;
max-width: 205px;
}
.acforeplay__play {
height: 48px;
min-height: 48px;
width: 48px;
}
.acforeplay__skip {
height: 32px;
width: 32px;
}
.acforeplay__audio-buy button { min-height: 42px; }
}
/* Sample mood experiment. The compact row replaces the old intro on desktop so the
reading and listening columns keep their approved height. */
.acforeplay__mood-picker { display: none; }
@media (min-width: 1040px) {
.acforeplay__heading > p { display: none; }
.acforeplay__mood-picker {
align-items: center;
display: flex;
gap: 7px;
justify-content: center;
margin: 5px auto 0;
max-width: 960px;
min-height: 24px;
width: 100%;
}
.acforeplay__mood-prompt {
color: #d9bb91;
flex: 0 0 auto;
font: 600 clamp(7px,.48vw,9px)/1 var(--ac-sans);
letter-spacing: .14em;
text-transform: uppercase;
}
.acforeplay__mood-options {
align-items: center;
display: flex;
gap: 4px;
justify-content: center;
min-width: 0;
}
.acforeplay__mood-options button {
appearance: none;
background: rgba(8,7,8,.58);
border: 1px solid rgba(213,173,127,.34);
border-radius: 999px;
color: #d8c5b9;
cursor: pointer;
flex: 0 0 auto;
font: 700 clamp(7px,.47vw,9px)/1 var(--ac-sans);
letter-spacing: .035em;
min-height: 22px;
padding: 0 clamp(6px,.48vw,10px);
transition: background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
white-space: nowrap;
}
.acforeplay__mood-options button:hover {
border-color: rgba(229,197,148,.78);
color: #fff4e8;
}
.acforeplay__mood-options button[aria-pressed="true"] {
background: linear-gradient(180deg,rgba(132,42,72,.78),rgba(67,20,38,.82));
border-color: #d08aa0;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(193,79,112,.13);
color: #fff5ef;
}
.acforeplay__mood-options button:disabled {
cursor: not-allowed;
opacity: .38;
}
.acforeplay__mood-options button:focus-visible {
outline: 2px solid var(--ac-gold-light);
outline-offset: 2px;
}
/* This is the actual full-width finishing rule, independent of panel borders. */
.acpwywhome .acsplit__hem {
background: linear-gradient(90deg,#6f5123 0%,#ae8547 24%,#d4b16d 50%,#ae8547 76%,#6f5123 100%);
bottom: 0;
display: block !important;
height: 1px;
inset-inline: 0;
position: absolute;
width: 100%;
z-index: 8;
}
}
@media (min-width: 1800px) {
.acforeplay__phone-column .acforeplay__phone {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.acforeplay__phone-column .acforeplay__phone-screen,
.acforeplay__phone-column .acforeplay__reader-panel {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
.acforeplay__phone-column .acforeplay__chapter { min-height: 0; }
}
/* Reader-first composition: the book choices float at left, the reader owns the
center, and the existing audiobook player remains the right-hand anchor. */
.acforeplay__library-label { display: none; }
@media (min-width: 1040px) {
.acforeplay__experience {
align-items: stretch;
grid-template-columns: minmax(150px,.82fr) minmax(205px,1.05fr) minmax(168px,.88fr);
}
.acforeplay__library {
align-self: stretch;
grid-column: 1;
grid-row: 1;
padding: 4px clamp(2px,.35vw,7px);
}
.acforeplay__phone-column {
align-self: stretch;
grid-column: 2;
grid-row: 1;
}
.acforeplay__audio-column {
align-self: stretch;
grid-column: 3;
grid-row: 1;
}
.acforeplay__library-label {
align-items: center;
color: #ead6bd;
display: flex;
font: 500 clamp(10px,.7vw,12px)/1.15 var(--ac-display);
gap: 9px;
letter-spacing: .015em;
margin: 0 0 9px;
white-space: nowrap;
}
.acforeplay__library-label::after {
background: linear-gradient(90deg,rgba(213,173,127,.58),rgba(213,173,127,0));
content: "";
height: 1px;
width: 100%;
}
.acforeplay__sample-nav {
align-content: start;
display: grid;
flex: 1 1 auto;
gap: clamp(8px,.7vw,11px);
grid-auto-rows: clamp(96px,13svh,118px);
grid-template-rows: none;
max-height: none;
min-height: 0;
overflow-y: auto;
}
.acforeplay__sample-choice,
.acforeplay__sample-choice.is-selected {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
color: #f4e8dc;
gap: clamp(8px,.7vw,12px);
grid-template-columns: clamp(50px,4.2vw,76px) minmax(0,1fr);
min-height: 0;
padding: 4px 0;
transform: none;
}
.acforeplay__sample-choice:hover {
background: linear-gradient(90deg,rgba(111,35,58,.18),rgba(111,35,58,0) 82%);
border-color: transparent;
transform: none;
}
.acforeplay__sample-cover {
border-color: rgba(213,173,127,.42);
box-shadow: 0 8px 18px rgba(0,0,0,.36);
transition: border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.acforeplay__sample-choice.is-selected .acforeplay__sample-cover {
border-color: #e3bf82;
box-shadow: 0 0 0 1px rgba(227,191,130,.24),0 10px 24px rgba(0,0,0,.5),0 0 18px rgba(124,42,67,.2);
transform: translateY(-1px);
}
.acforeplay__sample-choice.is-selected .acforeplay__sample-copy strong { color: #fff2e5; }
.acforeplay__sample-choice svg { display: none; }
}
@media (min-width: 1040px) and (max-width: 1279px) {
.acforeplay__experience {
gap: 7px;
grid-template-columns: minmax(138px,.72fr) minmax(190px,1fr) minmax(150px,.78fr);
}
.acforeplay__library { padding-inline: 0; }
.acforeplay__library-label {
font-size: 9px;
gap: 6px;
margin-bottom: 6px;
}
.acforeplay__sample-choice,
.acforeplay__sample-choice.is-selected {
gap: 7px;
grid-template-columns: 48px minmax(0,1fr);
padding-block: 3px;
}
}
@media (min-width: 1800px) {
/* The laptop measurements above remain untouched. Only a true wide monitor
receives the airier purchase rhythm and the larger, less cramped reader. */
.acpwywhome__left-content { gap: 7px; }
.acforeplay__experience {
gap: clamp(16px,1vw,20px);
grid-template-columns: minmax(210px,.82fr) minmax(290px,1.12fr) minmax(240px,.96fr);
max-width: 980px;
}
.acforeplay__phone { max-width: 328px; }
.acforeplay__phone-title a,
.acforeplay__phone-title strong { font-size: 22px; }
.acforeplay__reader-meta { padding: 9px 13px; }
.acforeplay__reader-meta strong,
.acforeplay__reader-meta span { font-size: 9px; }
.acforeplay__chapter {
font-size: 17px;
height: clamp(430px,42svh,475px);
line-height: 1.54;
padding: 16px 18px 22px;
}
.acforeplay__phone-footer {
font-size: 9px;
min-height: 48px;
padding: 8px 10px;
}
.acforeplay__sample-choice,
.acforeplay__sample-choice.is-selected {
grid-template-columns: clamp(86px,4.7vw,98px) minmax(0,1fr);
padding-block: 5px;
}
}
@media (min-width: 1800px) and (max-height: 900px) {
.acpwywhome__left-content { gap: 5px; }
.acforeplay__phone { max-width: 310px; }
.acforeplay__chapter {
font-size: 16px;
height: clamp(395px,44svh,425px);
}
.acforeplay__sample-choice,
.acforeplay__sample-choice.is-selected {
grid-template-columns: clamp(78px,4.2vw,88px) minmax(0,1fr);
}
}
/* Mockup-inspired luxury skin. This changes the desktop finish, not the approved
responsive sizing or any reader, audio, pricing, or cart behavior. */
@media (min-width: 1040px) {
.acforeplay {
--acf-paper: #f3e6d8;
--acf-muted: #cdb7a5;
}
.acforeplay__heading {
margin-bottom: 13px;
padding-bottom: 15px;
position: relative;
}
.acforeplay__heading::after {
background: linear-gradient(90deg,rgba(138,96,46,0),rgba(196,151,88,.74) 16%,#d7b575 50%,rgba(196,151,88,.74) 84%,rgba(138,96,46,0));
bottom: 0;
content: "";
height: 1px;
left: 2%;
position: absolute;
right: 2%;
}
.acforeplay__heading::before {
align-items: center;
background: #090909;
bottom: -7px;
color: #d8b16f;
content: "✣";
display: flex;
font: 400 13px/1 Georgia,serif;
height: 14px;
justify-content: center;
left: 50%;
padding-inline: 8px;
position: absolute;
transform: translateX(-50%);
width: 30px;
z-index: 2;
}
.acforeplay__heading .acforeplay__kicker {
color: #d7b575;
letter-spacing: .31em;
text-shadow: 0 1px 8px rgba(0,0,0,.78);
}
.acforeplay__heading h2 {
color: #f2e4d3;
text-shadow: 0 2px 18px rgba(0,0,0,.72);
}
.acforeplay__mood-picker {
gap: 9px;
margin-top: 8px;
min-height: 25px;
}
.acforeplay__mood-prompt {
color: #d6b275;
letter-spacing: .2em;
}
.acforeplay__mood-options {
display: grid;
flex: 1 1 auto;
gap: 5px;
grid-template-columns: repeat(5,minmax(0,1fr));
max-width: 560px;
width: 100%;
}
.acforeplay__mood-options button {
background: linear-gradient(180deg,rgba(15,13,13,.94),rgba(5,5,5,.9));
border-color: rgba(210,169,105,.57);
box-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 3px 10px rgba(0,0,0,.25);
color: #eadac8;
flex: 1 1 auto;
font-size: clamp(6.5px,.43vw,8px);
min-height: 23px;
min-width: 0;
overflow: hidden;
padding-inline: clamp(5px,.4vw,8px);
text-overflow: ellipsis;
width: 100%;
}
.acforeplay__mood-options button[aria-pressed="true"] {
background: linear-gradient(180deg,#8b2448,#5b1732);
border-color: #e0b36f;
box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 0 13px rgba(132,41,73,.25);
color: #fff5ea;
}
.acforeplay__experience { gap: clamp(10px,.8vw,16px); }
.acforeplay__library {
padding: 0;
position: relative;
}
.acforeplay__library-label,
.acforeplay__audio-column::before {
color: #d7b575;
font: 700 clamp(8px,.55vw,10px)/1 var(--ac-sans);
letter-spacing: .25em;
min-height: 17px;
text-transform: uppercase;
}
.acforeplay__library-label {
gap: 10px;
margin: 0 0 8px;
}
.acforeplay__library-label::after {
background: linear-gradient(90deg,rgba(215,181,117,.62),rgba(215,181,117,0));
}
.acforeplay__audio-column::before {
content: "Listen to a sample";
display: block;
flex: 0 0 auto;
margin: 0 0 8px;
padding-top: 1px;
}
.acforeplay__sample-nav { gap: clamp(7px,.55vw,10px); }
.acforeplay__sample-choice,
.acforeplay__sample-choice.is-selected {
background: linear-gradient(145deg,rgba(20,17,17,.94),rgba(7,7,7,.88));
border: 1px solid rgba(190,148,88,.35);
border-radius: 7px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.18);
color: #f4e8dc;
gap: clamp(7px,.62vw,11px);
grid-template-columns: clamp(50px,4.15vw,78px) minmax(0,1fr) 11px;
padding: 6px 7px 6px 6px;
}
.acforeplay__sample-choice.is-selected {
background:
radial-gradient(circle at 18% 30%,rgba(151,52,80,.22),transparent 56%),
linear-gradient(135deg,rgba(72,20,38,.96),rgba(25,11,16,.94));
border-color: #d4a660;
box-shadow: inset 3px 0 0 #9b2c50,inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(116,34,62,.2);
}
.acforeplay__sample-choice:hover {
background: linear-gradient(135deg,rgba(65,23,37,.74),rgba(10,8,9,.94));
border-color: #d3a561;
transform: translateY(-1px);
}
.acforeplay__sample-choice svg {
display: block;
height: 13px;
stroke: #e2bd7c;
width: 13px;
}
.acforeplay__sample-cover {
border-color: rgba(224,185,121,.64);
box-shadow: 0 8px 18px rgba(0,0,0,.5);
}
.acforeplay__sample-copy strong {
color: #f5e6d7;
font-weight: 600;
}
.acforeplay__sample-copy small { color: #cbb4a4; }
.acforeplay__sample-price em { color: #f0c985; }
.acforeplay__phone {
background: linear-gradient(135deg,#f0d7a0 0%,#9f6d2e 4%,#17100d 9%,#050505 88%,#966225 95%,#edcf91 100%);
box-shadow: inset 0 0 0 1px #f3ddad,inset 0 0 0 4px rgba(46,27,12,.84),0 20px 38px rgba(0,0,0,.52),0 0 24px rgba(171,123,57,.1);
}
.acforeplay__phone-title {
background: linear-gradient(180deg,#fbf6f0,#f1e8df);
border-bottom: 1px solid #d9c8b8;
color: #2d1e22;
}
.acforeplay__phone-title a,
.acforeplay__phone-title strong { color: #2d1e22; }
.acforeplay__audio-panel {
background:
radial-gradient(circle at 50% 30%,rgba(83,45,33,.18),transparent 45%),
linear-gradient(160deg,rgba(18,14,14,.98),rgba(4,4,4,.99));
border-color: rgba(210,169,105,.72);
border-radius: 8px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.018),0 12px 28px rgba(0,0,0,.28);
}
.acforeplay__audio-selector {
background: #090909;
border-color: rgba(215,178,113,.66);
color: #f3e5d5;
}
.acforeplay__audio-book > span {
border-color: rgba(218,177,109,.72);
box-shadow: 0 11px 24px rgba(0,0,0,.48);
}
.acforeplay__wave i {
background: linear-gradient(180deg,#f0d7a4 0%,#c29455 62%,#8d602e 100%);
box-shadow: 0 0 4px rgba(215,174,105,.16);
}
.acforeplay__audio-buy > a { color: #ead8c3; }
.acforeplay__audio-buy button {
background: linear-gradient(180deg,#efd8a9 0%,#d7aa63 52%,#b88034 100%);
border-color: #f2ddb5;
box-shadow: inset 0 1px 0 rgba(255,255,255,.42),0 5px 14px rgba(0,0,0,.28);
color: #2f1c19;
text-shadow: 0 1px 0 rgba(255,255,255,.24);
}
}
/* Wide monitors receive a fuller left composition; laptop measurements stay intact. */
@media (min-width: 1800px) and (max-height: 900px) {
.acpwywhome__left-content {
gap: 7px;
justify-content: space-between;
min-height: calc(100% - 32px);
}
.acpwywhome__left-panel .acpwywhome__product-image--home {
height: clamp(184px,9.4vw,202px);
}
.acpwywhome__left-panel .acpwywhome__claim { min-height: 52px; }
.acpwywhome__left-panel .acpwywhome__assurance { margin-top: 7px; }
}
@media (min-width: 1800px) and (min-height: 901px) {
.acpwywhome__left-content {
justify-content: space-between;
min-height: calc(100% - 68px);
}
}
/* Shorter laptop viewports keep the reader and player clear of the section hem. */
@media (min-width: 1040px) and (max-width: 1799px) and (max-height: 900px) {
.acpwywhome__left-panel {
gap: 0;
justify-content: space-between;
padding-bottom: 40px;
}
.acforeplay { padding-bottom: 18px; }
.acforeplay__phone-column,
.acforeplay__library,
.acforeplay__audio-column { height: clamp(414px,59svh,466px); }
.acforeplay__reader-note { display: none; }
.acforeplay__phone,
.acforeplay__phone-screen,
.acforeplay__reader-panel {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
.acforeplay__phone { max-height: 100%; }
.acforeplay__chapter {
flex: 1 1 auto;
height: auto;
min-height: 0;
}
.acforeplay__audio-panel {
overflow: hidden;
padding: 9px 9px 15px;
}
.acforeplay__audio-book { gap: 7px; }
.acforeplay__audio-book > span { width: clamp(68px,5.8vw,80px); }
.acforeplay__audio-selector select { min-height: 32px; padding-block: 6px; }
.acforeplay__audio-player { margin-top: 7px; }
.acforeplay__audio-controls { gap: 5px; }
.acforeplay__wave { height: 30px; }
.acforeplay__play {
flex-basis: 40px;
height: 40px;
min-height: 40px;
width: 40px;
}
.acforeplay__skip { height: 28px; width: 28px; }
.acforeplay__audio-tools { gap: 24px; }
.acforeplay__audio-buy { padding-top: 6px; }
.acforeplay__audio-buy button { min-height: 32px; }
}
/* Let the player breathe inside its fixed outer column without changing the
approved phone, book-card, or panel edges on wide monitors. */
@media (min-width: 1040px) {
.acforeplay__audio-player {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: space-evenly;
min-height: 0;
}
.acforeplay__audio-buy { margin-top: 0; }
/* Draw the skip controls as one self-contained vector. This avoids the
browser/font-dependent stacking that corrupted the arrows on macOS. */
.acforeplay__skip {
font: 700 8px/1 var(--ac-sans);
line-height: 1;
}
.acforeplay__skip::before {
content: none !important;
display: none !important;
}
.acforeplay__skip svg {
display: block;
height: 25px;
overflow: visible;
pointer-events: none;
width: 25px;
}
.acforeplay__skip-arrow {
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.45;
vector-effect: non-scaling-stroke;
}
.acforeplay__skip--forward .acforeplay__skip-arrow {
transform: scaleX(-1);
transform-box: fill-box;
transform-origin: center;
}
.acforeplay__skip-number {
dominant-baseline: middle;
fill: currentColor;
font: 700 8px/1 var(--ac-sans);
text-anchor: middle;
}
}
/* At the 1600px-class desktop width used by 17-inch Macs, the three-column
composition activates before the viewport is tall enough for its old 466px
minimum. Fit only the Foreplay columns to their available row; the PWYW
panel and the already-approved laptop/wide-monitor layouts are untouched. */
@media (min-width: 1500px) and (max-width: 1799px) and (max-height: 900px) {
.acforeplay__phone-column,
.acforeplay__library,
.acforeplay__audio-column {
height: 100%;
max-height: 100%;
min-height: 0;
}
.acforeplay__phone,
.acforeplay__audio-panel {
height: 100%;
max-height: 100%;
min-height: 0;
}
}
/* A tall 17-inch laptop can expose more vertical space while still remaining
below the true wide-monitor breakpoint. Fit every right-side column to the
available row and preserve the same 40px breathing room as the left CTA. */
@media (min-width: 1280px) and (max-width: 1799px) and (min-height: 901px) {
.acforeplay { padding-bottom: 40px; }
.acforeplay__phone,
.acforeplay__phone-screen,
.acforeplay__reader-panel {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
.acforeplay__phone { max-height: 100%; }
.acforeplay__chapter {
flex: 1 1 auto;
height: auto;
min-height: 0;
}
}
/* Only true wide monitors receive the larger, easier-to-read craving row and
the more open audio-control rhythm. The approved laptop geometry is intact. */
@media (min-width: 1800px) {
.acforeplay__mood-picker {
gap: 12px;
min-height: 31px;
}
.acforeplay__mood-prompt { font-size: 10px; }
.acforeplay__mood-options {
gap: 8px;
max-width: 650px;
}
.acforeplay__mood-options button {
font-size: 10px;
min-height: 30px;
padding-inline: 12px;
}
.acforeplay__audio-controls { gap: 12px; }
.acforeplay__audio-meta { margin-top: 9px; }
}
@media (min-width: 1040px) and (max-width: 1279px) {
.acforeplay__heading { padding-bottom: 12px; }
.acforeplay__mood-options { gap: 3px; }
.acforeplay__mood-options button {
font-size: 6px;
letter-spacing: 0;
padding-inline: 3px;
}
.acforeplay__sample-choice,
.acforeplay__sample-choice.is-selected {
gap: 6px;
grid-template-columns: 44px minmax(0,1fr) 9px;
padding: 5px;
}
.acforeplay__sample-choice svg {
height: 9px;
width: 9px;
}
}
/* Keep filtered catalogs inside the approved composition. Percentage-sized
implicit grid rows grow recursively when a filter leaves many matching books;
that stretched every card and pushed the audiobook controls below the panel. */
@media (min-width: 1040px) {
.acforeplay__content {
flex: 1 1 auto;
max-height: 100%;
min-height: 0;
overflow: hidden;
}
.acforeplay__heading { flex: 0 0 auto; }
.acforeplay__experience {
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
.acforeplay__phone-column,
.acforeplay__library,
.acforeplay__audio-column {
height: 100%;
max-height: 100%;
min-height: 0;
}
.acforeplay__sample-nav {
align-content: start;
grid-auto-rows: clamp(96px,13svh,118px);
max-height: 100%;
min-height: 0;
overflow-y: auto;
}
.acforeplay__sample-choice,
.acforeplay__sample-choice.is-selected {
height: 100%;
max-height: 100%;
}
.acforeplay__audio-panel {
height: 100%;
max-height: 100%;
min-height: 0;
}
}
@media (min-width: 1800px) {
.acforeplay { padding-bottom: 40px; }
.acforeplay__sample-nav { grid-auto-rows: clamp(118px,15.5svh,145px); }
}
.acpwywhome__mobile-promo { display: none; }
@media (max-width: 699px) {
.ac-top-announcement { display: none !important; }
.acpwywhome__stage {
background: #070606;
height: auto;
min-height: 0;
overflow: hidden;
padding: 0;
}
.acpwywhome__stage > .acpwywhome__background,
.acpwywhome__stage > .acpwywhome__veil,
.acpwywhome__stage > .acpwywhome__shell,
.acpwywhome__stage::before { display: none !important; }
.acpwywhome__mobile-promo {
background: #070606;
display: block;
height: clamp(560px, calc(100svh - 118px), 620px);
max-height: none;
min-height: 560px;
overflow: hidden;
position: relative;
text-align: center;
}
.acpwywhome__mobile-promo-portrait {
height: 51%;
inset: 0 0 auto;
overflow: hidden;
position: absolute;
}
.acpwywhome__mobile-promo-portrait::after {
background: linear-gradient(to bottom, transparent 43%, rgba(7,6,6,.38) 64%, #070606 100%);
content: "";
inset: 0;
position: absolute;
}
.acpwywhome__mobile-promo-portrait img {
height: 100%;
object-fit: cover;
object-position: center 5%;
width: 100%;
}
.acpwywhome__mobile-promo-content {
align-items: center;
bottom: 24px;
display: flex;
flex-direction: column;
left: 12px;
position: absolute;
right: 12px;
z-index: 2;
}
.acpwywhome__mobile-promo-kicker {
color: #d8b47c;
font-size: 7px;
font-weight: 700;
letter-spacing: .18em;
line-height: 1.2;
margin: 0 0 5px;
}
.acpwywhome__mobile-promo h2 {
color: #e4c58e;
font-family: var(--ac-display);
font-size: clamp(38px, 11.6vw, 47px);
font-weight: 400;
letter-spacing: -.025em;
line-height: .84;
margin: 0;
text-shadow: 0 2px 12px #000;
}
.acpwywhome__mobile-promo-promise {
color: #f1dfd2;
font-family: var(--ac-display);
font-size: 14px;
line-height: 1.1;
margin: 7px 0 8px;
}
.acpwywhome__mobile-promo-content > strong {
color: #e4c58e;
font-size: 9px;
letter-spacing: .16em;
line-height: 1.2;
margin-bottom: 4px;
}
.acpwywhome__mobile-promo-books {
display: block;
filter: drop-shadow(0 7px 12px rgba(0,0,0,.72));
height: 105px;
margin: 0 auto 7px;
max-width: 100%;
object-fit: contain;
width: auto;
}
.acpwywhome__mobile-promo-cta {
align-items: center;
background: linear-gradient(180deg,#f0d39b,#c58a3e);
border: 1px solid #f5d9a5;
border-radius: 4px;
box-shadow: 0 6px 18px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.42);
color: #1a0f09;
display: flex;
font-size: 12px;
font-weight: 800;
height: 48px;
justify-content: center;
letter-spacing: .055em;
max-width: 330px;
text-decoration: none;
width: 100%;
}
.acpwywhome__mobile-promo-content > small {
color: #d5b985;
font-family: var(--ac-display);
font-size: 8px;
font-style: italic;
font-weight: 600;
letter-spacing: .16em;
line-height: 1;
margin-top: 10px;
}
}
@media (max-width: 380px), (max-height: 740px) and (max-width: 699px) {
.acpwywhome__mobile-promo { min-height: 560px; }
.acpwywhome__mobile-promo-portrait { height: 47%; }
.acpwywhome__mobile-promo-content { bottom: 7px; }
.acpwywhome__mobile-promo h2 { font-size: 37px; }
.acpwywhome__mobile-promo-promise { margin-block: 5px 6px; }
.acpwywhome__mobile-promo-books { height: 88px; margin-bottom: 5px; }
.acpwywhome__mobile-promo-cta { height: 44px; }
.acpwywhome__mobile-promo-content > small { margin-top: 7px; }
}
/* END_SECTION:addison-cain-pwyw-split-hero */