/* Susan Haught — unified GFS Artemisia typography — 2026-11-06
   Native family faces: Regular and Bold. 600 is a browser-synthesized
   intermediate weight because the family has no dedicated Semibold face.
   This stylesheet replaces the previous Dancing Script treatment. */
:root {
  --font: 'GFSArtemisiaRegular', Georgia, 'Times New Roman', serif;
  --font-display: 'GFSArtemisiaBold', Georgia, 'Times New Roman', serif;
  --susan-font-regular: 400;
  --susan-font-medium: 600;
  --susan-font-bold: 700;
}
html, body, button, input, select, textarea,
body :is(p,div,span,a,button,small,label,li,em,b,strong,blockquote,h1,h2,h3,h4,h5,h6) {
 font-family:'GFSArtemisiaRegular',Georgia,serif !important;
 font-style:normal;
}
body { font-size:19px !important; font-weight:400 !important; line-height:1.58 !important; }
body :is(p,li,small,blockquote) {font-weight:400 !important; letter-spacing:normal !important;}
body :is(h1,h2,h3,h4,h5,h6) {
 letter-spacing:-.032em!important;
 line-height:1.13!important;
 font-style:normal!important;
 color:#392653;
}
/* Bold: authentic GFS Artemisia Bold, not a separate display typeface. */
body :is(h1,h2),
body :is(h1,h2) :is(em,span,a),
.brand-name,.brand-name b,.footer-brand,
.bio-identity strong,.hero .hero-title-impact .hero-title-script {
 font-family:'GFSArtemisiaBold',Georgia,serif!important;
 font-weight:400!important; /* the Bold face itself already contains the weight */
}
/* Medium bold: font-synthesized weight of the regular GFS Artemisia face. */
body :is(h3,h4,h5,h6),
body :is(h3,h4,h5,h6) :is(em,span,a),
.main-nav>a,.nav-email,.button,.text-link,.footer-right a,
.brand-caption,.section-kicker,.eyebrow,.small-overline,.breadcrumb,.bio-personal-title,
.hero-art-tagline,.books-hero-side p,.about-preview-card p,.book-next div strong,
.detail-image-note,.buy-section>span,.award-chip,.detail-meta,.hero-footnote {
 font-family:'GFSArtemisiaRegular',Georgia,serif!important;
 font-weight:600!important;
}
body :is(strong,b) {font-family:'GFSArtemisiaBold',Georgia,serif!important;font-weight:400!important;}
/* Remove previous playful script transforms; use crisp editorial hierarchy. */
.hero .hero-title-impact {
 width:100%;max-width:650px;
 margin:30px 0 24px!important;line-height:1!important;
 transform:none!important;
}
.hero .hero-title-impact .hero-title-serif {
 display:block;
 font-family:'GFSArtemisiaRegular',Georgia,serif!important;
 font-weight:400!important;
 font-size:clamp(70px,7.3vw,108px)!important;
 line-height:1.04!important;
 color:#392653!important;
 letter-spacing:-.055em!important;
 white-space:nowrap;
}
.hero .hero-title-impact .hero-title-small {
 font-family:'GFSArtemisiaRegular',Georgia,serif!important;
 font-size:.69em!important;
 font-weight:400!important;
 letter-spacing:-.04em!important;
}
.hero .hero-title-impact .hero-title-script {
 display:block;
 font-family:'GFSArtemisiaBold',Georgia,serif!important;
 font-weight:400!important;
 font-size:clamp(86px,9.2vw,131px)!important;
 line-height:1.04!important;
 margin:0!important;padding:0!important;
 transform:none!important;
 color:#795B9A!important;
 white-space:nowrap;
 letter-spacing:-.06em!important;
 max-width:100%;width:auto!important;
}
/* Specifically remove the gold underline previously drawn below "ageless". */
.hero .hero-title-impact .hero-title-script::before,
.hero .hero-title-impact .hero-title-script::after {
 content:none!important;display:none!important;background:none!important;
 height:0!important;min-width:0!important;
}
/* Headings and book metadata across main pages. */
.page-hero h1 {font-size:clamp(57px,6.3vw,92px)!important;line-height:1.06!important;}
.section-heading h2,.section-heading.compact h2,.about-preview h2,.extras h2,
.feature-text h2,.end-cta h2,.bio-copy h2,.bio-feature-intro h2 {
 font-size:clamp(42px,4.4vw,67px)!important;line-height:1.11!important;
}
.book-card h3,.book-grid-featured .book-card h3,
.book-index .book-grid>.book-card:first-child .book-card-content h3,
.book-index .book-grid>.book-card:not(:first-child) h3,
.extra-card h3,.extra-card h3 a {
 font-family:'GFSArtemisiaRegular',Georgia,serif!important;
 font-size:clamp(27px,2.5vw,36px)!important;
 font-weight:600!important;
 line-height:1.19!important;
 letter-spacing:-.025em!important;
}
.book-index .book-grid>.book-card:first-child .book-card-content h3 {font-size:clamp(37px,3.3vw,50px)!important;}
.detail-content h1 {font-size:clamp(50px,5.1vw,74px)!important;line-height:1.07!important;overflow-wrap:break-word;}
.detail-content h1 span {font-family:inherit!important;font-weight:inherit!important;}
.detail-content h2 {font-family:'GFSArtemisiaRegular',Georgia,serif!important;font-size:clamp(27px,2.55vw,35px)!important;font-weight:600!important;line-height:1.24!important;}
.bio-copy h3,.bio-info-card h3,.bio-personal-title {font-size:clamp(28px,2.6vw,37px)!important;line-height:1.2!important;}
.bio-identity strong {font-size:clamp(47px,5vw,72px)!important;line-height:1.06!important;}
.book-next div strong {font-size:clamp(26px,2.2vw,34px)!important;}
/* Wordmark and navigation: the same font, more restrained than a script masthead. */
.brand-name,.brand-name b {font-size:clamp(31px,2.85vw,40px)!important;letter-spacing:-.04em!important;line-height:1.08!important;}
.footer-brand {font-size:clamp(37px,3.2vw,46px)!important;letter-spacing:-.045em!important;}
.brand-caption {font-size:11px!important;letter-spacing:.13em!important;}
.main-nav>a:not(.nav-email) {font-size:17px!important;letter-spacing:0!important;}
.nav-email,.button,.text-link,.footer-right a,.video-card a {
 font-family:'GFSArtemisiaRegular',Georgia,serif!important;
 font-size:17px!important;font-weight:600!important;
 line-height:1.24!important;letter-spacing:0!important;
}
.button,.nav-email {min-height:51px; border-radius:9px!important;}
.button {padding:14px 19px!important;}
.extra-card .button {font-size:16px!important;}
/* Relaxed text rhythm with actual normal face, never cursive for paragraphs. */
p,.hero-copy .hero-detail,.detail-content>p,.bio-copy p,.bio-feature-intro p,
.bio-info-card p,.section-heading p,.section-heading.compact>p,
.book-card p,.book-index .book-grid>.book-card:first-child .book-card-content p,
.book-index .book-grid>.book-card:not(:first-child) p,
.feature-text p,.about-preview p,.end-cta p,
.extra-card p,.footer-top p,.video-intro,.video-card p,
.privacy-copy p,.privacy-copy li,.about-preview-card p {
 font-family:'GFSArtemisiaRegular',Georgia,serif!important;
 font-size:19px!important;font-weight:400!important;
 line-height:1.62!important;letter-spacing:normal!important;
}
.hero-copy .hero-detail {max-width:485px;font-size:20px!important;}
.books-hero-side p {font-size:clamp(26px,2.8vw,36px)!important;line-height:1.32!important;}
.about-preview-card p {font-size:27px!important;line-height:1.44!important;}
.hero-art-tagline {font-size:clamp(23px,2vw,28px)!important;line-height:1.31!important;letter-spacing:0!important;}
/* Label hierarchy, still Artemisia. */
.eyebrow,.section-kicker,.small-overline,.hero-footnote,.detail-image-note,
.breadcrumb,.genre-chip,.award-chip,.buy-section>span,.buy-section>small,
.detail-meta,.book-next div span,.bio-personal-details li,.bio-identity small,
.bio-identity>span,.footer-bottom,.about-preview-card>span:last-child,.trust-items {
 font-size:14px!important;letter-spacing:.035em!important;line-height:1.38!important;
 font-weight:600!important;
}
.bio-personal-details li {font-size:17px!important;}
.quote-mark {font-size:94px!important;}
@media (max-width:860px) {
 .brand-name,.brand-name b {font-size:34px!important;}
 .hero .hero-title-impact .hero-title-serif {font-size:clamp(65px,9vw,95px)!important;}
 .hero .hero-title-impact .hero-title-script {font-size:clamp(78px,12vw,116px)!important;}
 .hero-art-tagline {font-size:24px!important;}
}
@media (max-width:610px) {
 .brand-name,.brand-name b {font-size:32px!important;}
 .footer-brand {font-size:39px!important;}
 .brand-caption {font-size:10px!important;}
 .hero .hero-title-impact {margin:24px 0 22px!important;}
 .hero .hero-title-impact .hero-title-serif {font-size:clamp(57px,13.6vw,76px)!important;}
 .hero .hero-title-impact .hero-title-script {font-size:clamp(71px,17vw,93px)!important;}
 .page-hero h1 {font-size:clamp(51px,10vw,70px)!important;line-height:1.06!important;}
 .section-heading h2,.section-heading.compact h2,.about-preview h2,.extras h2,
 .feature-text h2,.end-cta h2,.bio-copy h2,.bio-feature-intro h2 {font-size:clamp(39px,9.4vw,55px)!important;}
 .book-card h3,.book-grid-featured .book-card h3,
 .book-index .book-grid>.book-card:first-child .book-card-content h3,
 .book-index .book-grid>.book-card:not(:first-child) h3,.extra-card h3 {font-size:30px!important;}
 .detail-content h1 {font-size:clamp(43px,10vw,55px)!important;}
 .detail-content h2 {font-size:26px!important;}
 .bio-copy h3,.bio-info-card h3,.bio-personal-title {font-size:31px!important;}
 .bio-identity strong {font-size:59px!important;}
 p,.hero-copy .hero-detail,.detail-content>p,.bio-copy p,.bio-feature-intro p,
 .bio-info-card p,.section-heading p,.section-heading.compact>p,
 .book-card p,.book-index .book-grid>.book-card:first-child .book-card-content p,
 .book-index .book-grid>.book-card:not(:first-child) p,
 .feature-text p,.about-preview p,.end-cta p,.extra-card p,
 .footer-top p,.video-intro,.video-card p,.privacy-copy p,.privacy-copy li {font-size:18px!important;}
 .books-hero-side p {font-size:26px!important;}
 .about-preview-card p {font-size:25px!important;}
 .hero-art-tagline {font-size:23px!important;bottom:43px!important;}
 .nav-email,.button,.text-link,.footer-right a {font-size:17px!important;}
 .eyebrow,.section-kicker,.small-overline,.hero-footnote,.detail-image-note,
 .breadcrumb,.genre-chip,.award-chip,.detail-meta,.footer-bottom,.bio-personal-details li {font-size:13px!important;}
}
@media (max-width:370px) {
 .brand-name,.brand-name b {font-size:30px!important;}
 .hero .hero-title-impact .hero-title-serif {font-size:55px!important;}
 .hero .hero-title-impact .hero-title-script {font-size:69px!important;}
 .hero-art-tagline {font-size:21px!important;}
 .book-index .book-grid>.book-card:first-child .book-card-content h3 {font-size:30px!important;}
}

/* 2026-11-06: readable, single-line desktop end-card and About titles.
   On tablets and phones the copy wraps naturally rather than clipping. */
@media (min-width: 1024px) {
  body .end-cta h2.editorial-one-line,
  body .page-hero-about h1.editorial-one-line {
    white-space:nowrap!important;
    max-width:none!important;
    font-size:clamp(45px,4.6vw,64px)!important;
    letter-spacing:-.045em!important;
    line-height:1.14!important;
  }
  body .page-hero-about h1.editorial-one-line { font-size:clamp(50px,5.3vw,73px)!important; }
}
@media (max-width: 1023px) {
  body .end-cta h2.editorial-one-line,
  body .page-hero-about h1.editorial-one-line {
    white-space:normal!important;
    text-wrap:balance;
  }
}