/* Adapted from Samantha Classic books.css; generated by tools/samantha-integration/build.cjs. */
/* books: layout-specific rules only. */
.sjd-design.sjd-design-books { width:100vw;max-width:none;margin-left:calc(50% - 50vw) }
.sjd-design.sjd-design-books.sjd-design h2 { font-size:clamp(42px,5.1vw,76px);line-height:.98 }
.sjd-design.sjd-design-books :where(h2,h3) { color:var(--sjd-deep-pine) }
.sjd-design.sjd-design-books .sjd-intro-body :where(p,.sjd-lead),
.sjd-design.sjd-design-books .sjd-section-head > p { color:var(--sjd-deep-pine) }
.sjd-design.sjd-design-books .sjd-btn { border-color:var(--sjd-deep-pine);color:var(--sjd-deep-pine);box-shadow:none;filter:none;text-shadow:none }
.sjd-design.sjd-design-books .sjd-btn * { filter:none;text-shadow:none }
.sjd-design.sjd-design-books .sjd-btn-fill { border-color:var(--sjd-deep-pine);background:var(--sjd-deep-pine);color:var(--sjd-white) }
.sjd-design.sjd-design-books .sjd-book-hero { position: relative;
      height: min(770px, calc(110svh - 138.6px));
      overflow: hidden;
      background: var(--sjd-blush);
      border-bottom: 1px solid var(--sjd-line) }
.sjd-design.sjd-design-books .sjd-book-hero-grid { width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: 28.75% 71.25%;
      align-items: stretch }
.sjd-design.sjd-design-books .sjd-book-hero-copy { position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 72px 34px 72px 40px }
.sjd-design.sjd-design-books .sjd-book-hero h1 { position: relative;
      z-index: 3;
      width: 100%;
      margin: 0;
      color: var(--sjd-ink);
      font-size: clamp(76px, 7.25vw, 132px);
      letter-spacing: -.03em;
      line-height: .84 }
.sjd-design.sjd-design-books .sjd-book-hero h1 span { display: block;
      white-space: nowrap }
.sjd-design.sjd-design-books .sjd-book-hero-copy p { position: relative;
      z-index: 2;
      max-width: 510px;
      margin-top: 28px;
      color: var(--sjd-brown);
      font-size: 18px;
      text-shadow: 0 1px 10px color-mix(in srgb,var(--sjd-blush) 65%,transparent) }
.sjd-design.sjd-design-books .sjd-hero-actions { display: flex;
      flex-wrap: wrap;
      gap: 18px;
      margin-top: 38px }
.sjd-design.sjd-design-books .sjd-book-hero-art { position: relative;
      overflow: hidden;
      background: var(--sjd-deep-pine) }
.sjd-design.sjd-design-books .sjd-book-hero-art::before { position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(247,250,252, .92), rgba(247,250,252, .66) 10%, transparent 25%), radial-gradient(circle at 60% 38%, color-mix(in srgb,var(--sjd-blush) 16%,transparent), transparent 48%), linear-gradient(135deg, rgba(251, 231, 158, .12), transparent 48%);
      content: "" }
.sjd-design.sjd-design-books .sjd-hero-book { position: absolute;
      width: min(27%, 195px);
      filter: drop-shadow(0 24px 24px rgba(21, 39, 41, .4));
      transition: transform .7s var(--sjd-ease) }
.sjd-design.sjd-design-books .sjd-hero-book img { width: 100%;
      height: auto }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-one { left: 27%;
      top: 7%;
      z-index: 3;
      transform: rotate(-5deg) }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-two { left: 48%;
      top: 5%;
      z-index: 2;
      transform: rotate(4deg) }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-three { left: 12%;
      bottom: 4%;
      z-index: 4;
      transform: rotate(4deg) }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-four { right: 7%;
      bottom: 5%;
      z-index: 1;
      transform: rotate(-3deg) }
.sjd-design.sjd-design-books .sjd-book-hero-art:hover .sjd-hero-book.sjd-one { transform: translateY(-7px) rotate(-5deg) }
.sjd-design.sjd-design-books .sjd-book-hero-art:hover .sjd-hero-book.sjd-two { transform: translateY(-10px) rotate(4deg) }
.sjd-design.sjd-design-books .sjd-book-hero-art:hover .sjd-hero-book.sjd-three { transform: translateY(-8px) rotate(4deg) }
.sjd-design.sjd-design-books .sjd-book-hero-art:hover .sjd-hero-book.sjd-four { transform: translateY(-6px) rotate(-3deg) }
.sjd-design.sjd-design-books .sjd-intro { padding: var(--sjd-section) 0;
      background: var(--sjd-paper) }
.sjd-design.sjd-design-books .sjd-intro-grid { display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: clamp(54px, 8vw, 124px);
      align-items: start }
.sjd-design.sjd-design-books .sjd-intro-body { padding-top: 12px }
.sjd-design.sjd-design-books .sjd-intro-body .sjd-lead { margin-bottom: 24px;
      color: var(--sjd-brown);
      font-family: var(--sjd-serif);
      font-size: clamp(23px, 2.2vw, 34px);
      line-height: 1.3 }
.sjd-design.sjd-design-books .sjd-intro-body p+p { margin-top: 18px }
.sjd-design.sjd-design-books .sjd-library { padding: var(--sjd-section) 0;
      background: var(--sjd-ivory) }
.sjd-design.sjd-design-books .sjd-section-head { display: grid;
      grid-template-columns: 1fr .85fr;
      align-items: end;
      gap: 60px;
      margin-bottom: 64px }
.sjd-design.sjd-design-books .sjd-section-head p { max-width: 550px;
      justify-self: end }
.sjd-design.sjd-design-books .sjd-book-list { display: grid;
      gap: 34px }
.sjd-design.sjd-design-books .sjd-book-card { display: grid;
      grid-template-columns: minmax(300px, .78fr) 1.22fr;
      min-height: 650px;
      overflow: hidden;
      border: 1px solid var(--sjd-line);
      border-radius: 10px;
      background: var(--sjd-paper) }
.sjd-design.sjd-design-books .sjd-book-card:nth-child(even) { grid-template-columns: 1.22fr minmax(300px, .78fr) }
.sjd-design.sjd-design-books .sjd-book-card:nth-child(even) .sjd-book-cover { order: 2 }
.sjd-design.sjd-design-books .sjd-book-cover { position: relative;
      display: grid;
      place-items: center;
      padding: 48px;
      background: var(--sjd-blush);
      overflow: hidden }
.sjd-design.sjd-design-books .sjd-book-cover::before { position: absolute;
      width: 70%;
      aspect-ratio: 1;
      border: 1px solid color-mix(in srgb,var(--sjd-pine) 14.000000000000002%,transparent);
      border-radius: 50%;
      content: "" }
.sjd-design.sjd-design-books .sjd-book-cover img { position: relative;
      z-index: 1;
      width: min(310px, 78%);
      max-height: 540px;
      object-fit: contain;
      filter: drop-shadow(0 30px 25px rgba(60, 103, 114, .24));
      transition: transform .5s var(--sjd-ease) }
.sjd-design.sjd-design-books .sjd-book-card:hover .sjd-book-cover img { transform: translateY(-8px) rotate(.6deg) }
.sjd-design.sjd-design-books .sjd-book-copy { display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(42px, 6vw, 82px) }
.sjd-design.sjd-design-books .sjd-book-kicker { color: var(--sjd-terracotta);
      font-family: var(--sjd-ui);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase }
.sjd-design.sjd-design-books .sjd-book-copy h3 { margin: 18px 0 10px;
      font-size: 48px !important; }
.sjd-design.sjd-design-books .sjd-book-subtitle { color: var(--sjd-pine);
      font-family: var(--sjd-serif);
      font-size: clamp(20px, 2vw, 28px);
      font-style: italic;
      line-height: 1.3 }
.sjd-design.sjd-design-books .sjd-book-description { margin-top: 24px }
.sjd-design.sjd-design-books .sjd-best-for { margin-top: 22px;
      padding-top: 20px;
      border-top: 1px solid var(--sjd-line);
      color: var(--sjd-brown) }
.sjd-design.sjd-design-books .sjd-best-for strong { font-family: var(--sjd-ui);
      font-size: 11px;
      letter-spacing: .14em;
      text-transform: uppercase }
.sjd-design.sjd-design-books .sjd-formats { display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 24px }
.sjd-design.sjd-design-books .sjd-format { padding: 7px 11px;
      border: 1px solid var(--sjd-line);
      border-radius: 999px;
      color: var(--sjd-pine);
      font-family: var(--sjd-ui);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase }
.sjd-design.sjd-design-books .sjd-purchase { display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 30px }
.sjd-design.sjd-design-books .sjd-purchase .sjd-btn { min-height: 46px;
      padding-inline: 20px }
.sjd-design.sjd-design-books .sjd-price-note { margin-top: 14px;
      font-size: 13px }
.sjd-design.sjd-design-books .sjd-reader-proof { padding: var(--sjd-section) 0;
      background: var(--sjd-deep-pine) }
.sjd-design.sjd-design-books .sjd-proof-head { color: var(--sjd-white);
      text-align: center }
.sjd-design.sjd-design-books .sjd-proof-head h2 { color: var(--sjd-white) }
.sjd-design.sjd-design-books .sjd-proof-head p { max-width: 650px;
      margin: 24px auto 0;
      color: rgba(255, 255, 255, .82) }
.sjd-design.sjd-design-books .sjd-proof-grid { display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-top: 54px }
.sjd-design.sjd-design-books .sjd-proof-card { min-height: 420px;
      padding: clamp(34px, 3vw, 48px);
      border: 1px solid var(--sjd-line);
      border-radius: 8px;
      background: var(--sjd-paper) }
.sjd-design.sjd-design-books .sjd-stars { color: var(--sjd-terracotta);
      font-family: var(--sjd-ui);
      font-size: 18px;
      font-weight: 700;
      letter-spacing: .14em }
.sjd-design.sjd-design-books .sjd-proof-card strong { display: block;
      margin: 27px 0 12px;
      color: var(--sjd-deep-pine);
      font-family: var(--sjd-serif);
      font-size: clamp(23px, 2vw, 30px);
      font-weight: 500 }
.sjd-design.sjd-design-books .sjd-proof-card p { color:var(--sjd-muted);font-family:var(--sjd-serif);font-size:15px;line-height:1.65 }
.sjd-design.sjd-design-books .sjd-proof-card .sjd-text-link { margin-top: 23px }
.sjd-design.sjd-design-books .sjd-mastermind { padding: var(--sjd-section) 0;
      background: var(--sjd-blush) }
.sjd-design.sjd-design-books .sjd-mastermind-grid { display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: clamp(54px, 8vw, 118px) }
.sjd-design.sjd-design-books .sjd-mastermind-image { position: relative;
      min-height: 650px;
      overflow: hidden;
      border-radius: 8px 300px 300px 8px }
.sjd-design.sjd-design-books .sjd-mastermind-image img { width: 100%;
      height: 100%;
      object-fit: cover }
.sjd-design.sjd-design-books .sjd-mastermind-copy h2 { margin-bottom: 26px }
.sjd-design.sjd-design-books .sjd-mastermind-copy .sjd-lead { margin-bottom: 22px;
      color: var(--sjd-brown);
      font-family: var(--sjd-serif);
      font-size: clamp(22px, 2vw, 30px);
      line-height: 1.35 }
.sjd-design.sjd-design-books .sjd-mastermind-copy p:not(.sjd-link),
.sjd-design.sjd-design-books .sjd-mastermind-list span { color:var(--sjd-deep-pine) }
.sjd-design.sjd-design-books .sjd-mastermind-copy p+p { margin-top: 17px }
.sjd-design.sjd-design-books .sjd-mastermind-list { display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 11px 28px;
      margin: 28px 0 34px;
      padding: 24px 0;
      border-top: 1px solid var(--sjd-line);
      border-bottom: 1px solid var(--sjd-line) }
.sjd-design.sjd-design-books .sjd-mastermind-list span { color: var(--sjd-pine);
      font-family: var(--sjd-ui);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase }
.sjd-design.sjd-design-books .sjd-faq { padding: var(--sjd-section) 0;
      background: var(--sjd-paper);
      overflow: clip }
.sjd-design.sjd-design-books .sjd-faq-grid { display: grid;
      grid-template-columns: .7fr 1.3fr;
      gap: 90px;
      align-items: start }
.sjd-design.sjd-design-books .sjd-faq-heading { position: sticky;
      top: 220px }
.sjd-design.sjd-design-books .sjd-faq-heading h2 { color:var(--sjd-deep-pine);font-size:48px!important }
.sjd-design.sjd-design-books .sjd-faq-list { border-top: 1px solid var(--sjd-line) }
.sjd-design.sjd-design-books details { border-bottom: 1px solid var(--sjd-line) }
.sjd-design.sjd-design-books summary { position: relative;
      padding: 25px 48px 25px 0;
      color: var(--sjd-deep-pine);
      font-family: var(--sjd-serif);
      font-size: 21px;
      cursor: pointer;
      list-style: none }
.sjd-design.sjd-design-books summary::-webkit-details-marker { display: none }
.sjd-design.sjd-design-books summary::after { position: absolute;
      right: 4px;
      content: "+";
      color: var(--sjd-terracotta);
      font-family: var(--sjd-ui);
      font-size: 24px }
.sjd-design.sjd-design-books details[open] summary::after { content: "−" }
.sjd-design.sjd-design-books details p { max-width: 700px;
      padding: 0 48px 26px 0;
      color:var(--sjd-deep-pine) }
.sjd-design.sjd-design-books .sjd-story-cta { min-height: 434px;
      display: grid;
      place-items: center;
      padding: 62px 24px;
      background: linear-gradient(180deg,rgba(94,171,187,.8),rgba(21,39,41,.72)), url("https://www.samanthajonesdarling.com/wp-content/uploads/2022/07/boho_1.jpg.webp") center/cover;
      color: var(--sjd-white);
      text-align: center }
.sjd-design.sjd-design-books .sjd-story-cta h2 { color: var(--sjd-white);
      font-size: clamp(54px, 7vw, 104px) }
.sjd-design.sjd-design-books .sjd-story-cta p { max-width: 690px;
      margin: 25px auto 34px;
      color: rgba(255, 255, 255, .9) }
.sjd-design.sjd-design-books .sjd-book-hero h1,
.sjd-design.sjd-design-books .sjd-book-hero-copy p { color:var(--sjd-deep-pine) }
.sjd-design.sjd-design-books .sjd-book-hero .sjd-btn-fill { border-color:var(--sjd-deep-pine);background:var(--sjd-deep-pine);color:var(--sjd-white) }
.sjd-design.sjd-design-books .sjd-cta-actions { display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 16px }
@media(min-width:761px) {
.sjd-design.sjd-design-books .sjd-book-hero-copy { min-width: 0;
        min-height: 0;
        padding-top: 42px;
        padding-bottom: 42px }
.sjd-design.sjd-design-books .sjd-book-hero-art { min-height: 0 }
}
@media(min-width:761px) and (max-height:700px) {
.sjd-design.sjd-design-books .sjd-book-hero-copy { padding-top: 20px;
        padding-bottom: 20px }
.sjd-design.sjd-design-books .sjd-book-hero h1 { font-size: clamp(54px, 5.5vw, 76px) }
.sjd-design.sjd-design-books .sjd-book-hero-copy .sjd-hero-actions { gap: 18px;
        margin-top: 38px }
.sjd-design.sjd-design-books .sjd-book-hero-copy .sjd-btn { min-height: 42px;
        padding-inline: 18px }
}
@media(max-width:1120px) {
.sjd-design.sjd-design-books .sjd-book-hero-grid { grid-template-columns: 32% 68% }
.sjd-design.sjd-design-books .sjd-book-hero-copy { padding-left: 6vw }
.sjd-design.sjd-design-books .sjd-book-hero h1 { font-size: clamp(68px, 7vw, 100px) }
.sjd-design.sjd-design-books .sjd-book-card,
.sjd-design.sjd-design-books .sjd-book-card:nth-child(even) { grid-template-columns: minmax(280px, .7fr) 1.3fr }
.sjd-design.sjd-design-books .sjd-proof-grid { grid-template-columns: 1fr 1fr }
}
@media(max-width:760px) {
.sjd-design.sjd-design-books .sjd-book-hero { height: auto }
.sjd-design.sjd-design-books .sjd-book-hero-grid { height: auto;
        grid-template-columns: 1fr }
.sjd-design.sjd-design-books .sjd-book-hero-copy { min-height: 430px;
        padding: 58px 24px 50px }
.sjd-design.sjd-design-books .sjd-book-hero h1 { width: auto;
        font-size: clamp(64px, 19vw, 90px) }
.sjd-design.sjd-design-books .sjd-book-hero-copy p { margin-top: 24px }
.sjd-design.sjd-design-books .sjd-hero-actions { width: 100%;
        margin-top: 28px }
.sjd-design.sjd-design-books .sjd-book-hero h1 span { white-space: normal }
.sjd-design.sjd-design-books .sjd-book-hero-art { min-height: 520px }
.sjd-design.sjd-design-books .sjd-hero-book { width: 36% }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-one { left: 8%;
        top: 7% }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-two { left: 51%;
        top: 5% }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-three { left: 12%;
        bottom: 5% }
.sjd-design.sjd-design-books .sjd-hero-book.sjd-four { right: 8%;
        bottom: 7% }
.sjd-design.sjd-design-books .sjd-intro-grid,
.sjd-design.sjd-design-books .sjd-section-head,
.sjd-design.sjd-design-books .sjd-mastermind-grid,
.sjd-design.sjd-design-books .sjd-faq-grid { grid-template-columns: 1fr }
.sjd-design.sjd-design-books .sjd-intro-grid,
.sjd-design.sjd-design-books .sjd-mastermind-grid,
.sjd-design.sjd-design-books .sjd-faq-grid { gap: 48px }
.sjd-design.sjd-design-books .sjd-faq-heading { position: relative;
        top: 0 }
.sjd-design.sjd-design-books .sjd-section-head { gap: 24px;
        margin-bottom: 40px }
.sjd-design.sjd-design-books .sjd-section-head p { justify-self: start }
.sjd-design.sjd-design-books .sjd-book-card,
.sjd-design.sjd-design-books .sjd-book-card:nth-child(even) { grid-template-columns: 1fr;
        min-height: 0 }
.sjd-design.sjd-design-books .sjd-book-card:nth-child(even) .sjd-book-cover { order: 0 }
.sjd-design.sjd-design-books .sjd-book-cover { min-height: 520px;
        padding: 34px }
.sjd-design.sjd-design-books .sjd-book-cover img { width: min(300px, 76%) }
.sjd-design.sjd-design-books .sjd-book-copy { padding: 38px 28px 44px }
.sjd-design.sjd-design-books .sjd-purchase { flex-direction: column;
        align-items: stretch }
.sjd-design.sjd-design-books .sjd-proof-grid { grid-template-columns: 1fr }
.sjd-design.sjd-design-books .sjd-proof-card:last-child { grid-column: auto }
.sjd-design.sjd-design-books .sjd-mastermind-image { min-height: 520px;
        order: 2 }
.sjd-design.sjd-design-books .sjd-mastermind-copy { order: 1 }
.sjd-design.sjd-design-books .sjd-mastermind-list { grid-template-columns: 1fr }
.sjd-design.sjd-design-books .sjd-cta-actions { flex-direction: column;
        align-items: center }
}
@media(min-width:761px) {
.sjd-design.sjd-design-books .sjd-book-hero .sjd-book-hero-copy { padding: 72px 0 72px 40px }
.sjd-design.sjd-design-books .sjd-book-hero h1 { width: min(770px, 61vw);
        max-width: none;
        margin: 0;
        font-size: clamp(76px, 7.35vw, 140px);
        letter-spacing: -.025em;
        line-height: .87;
        text-shadow: 0 1px 0 color-mix(in srgb,var(--sjd-blush) 72%,transparent), 0 0 20px color-mix(in srgb,var(--sjd-blush) 28.000000000000004%,transparent) }
.sjd-design.sjd-design-books .sjd-book-hero .sjd-book-hero-copy p { position: relative;
        z-index: 2;
        max-width: 510px;
        margin-top: 28px;
        font-size: 18px;
        text-shadow: 0 1px 10px color-mix(in srgb,var(--sjd-blush) 65%,transparent) }
.sjd-design.sjd-design-books .sjd-book-hero .sjd-hero-actions { gap: 18px;
        margin-top: 38px; }
.sjd-design.sjd-design-books .sjd-book-hero .sjd-book-hero-art::before { background: linear-gradient(90deg, color-mix(in srgb,var(--sjd-blush) 48%,transparent) 0, color-mix(in srgb,var(--sjd-blush) 16%,transparent) 18%, transparent 36%), radial-gradient(circle at 60% 38%, color-mix(in srgb,var(--sjd-blush) 16%,transparent), transparent 48%), linear-gradient(135deg, rgba(251, 231, 158, .12), transparent 48%) }
}
@media(min-width:761px) and (max-width:1120px) {
.sjd-design.sjd-design-books .sjd-book-hero .sjd-book-hero-copy { padding-left: 6vw }
.sjd-design.sjd-design-books .sjd-book-hero h1 { width: min(720px, 72vw) }
}
@media(min-width:761px) and (max-height:700px) {
.sjd-design.sjd-design-books .sjd-book-hero .sjd-book-hero-copy { padding-top: 20px;
        padding-bottom: 20px }
.sjd-design.sjd-design-books .sjd-book-hero h1 { font-size: clamp(76px, 7.35vw, 140px) }
}
