@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  --paper: #0a2923;
  --cream: #173a30;
  --line: rgba(219, 234, 222, .19);
  --ink: #eef3ec;
  --muted: #bdcbc1;
  --serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --sans: 'IBM Plex Sans', Arial, sans-serif;
  --display: 'Fraunces', Georgia, 'Times New Roman', serif;
}

html {
  min-height: 100%;
  background-color: #0a2923;
  background-image:
    radial-gradient(ellipse at 50% 31%, transparent 37.85%, rgba(212, 230, 215, .052) 37.98%, transparent 38.1%),
    radial-gradient(ellipse at 50% 31%, transparent 50.85%, rgba(212, 230, 215, .041) 50.98%, transparent 51.1%),
    radial-gradient(ellipse at 50% 31%, transparent 64.85%, rgba(212, 230, 215, .03) 64.98%, transparent 65.1%),
    radial-gradient(ellipse at 50% 31%, rgba(41, 79, 60, .36) 0%, rgba(25, 60, 47, .24) 39%, rgba(10, 41, 35, .84) 100%);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100vw 100vh;
}
body {
  position: relative;
  min-height: 100vh;
  background: transparent;
  color: #eef3ec;
}

.brand,
.eyebrow,
.art-caption,
.photo-stamp,
.author-index,
.contact-no {
  font-family: var(--sans);
}
.brand { color: #edf4ec; }
.brand strong { font-weight: 700; }
.brand-mark { border-color: rgba(224, 238, 225, .66); }
.brand-mark i { background: #e3eee3; }
.brand-mark i:nth-child(2) { background: var(--lilac); }
.eyebrow { font-weight: 600; letter-spacing: .14em; }
.eyebrow-dark { color: #c8b9ef; }

.site-header {
  background: rgba(8, 28, 23, .24);
  border-bottom-color: rgba(221, 235, 222, .12);
  backdrop-filter: blur(10px);
}
nav a:not(.nav-cta) { color: #d4dfd5; }
nav a:not(.nav-cta):hover { color: #fff; }
nav .nav-cta,
.button-primary {
  background: #c5d7c8;
  color: #0b2a23;
}
nav .nav-cta:hover,
.button-primary:hover { background: #d7e4d8; color: #0b2a23; }
nav .nav-cta span,
.button-primary span { color: #67578d; }
.skip-link { background: #e0e9e0; color: #0a2923; }

.hero h1,
.section-intro h2,
.author-copy h2,
.order-heading h2 {
  color: #f1f3eb;
  font-family: var(--display);
  font-weight: 500;
  letter-spacing: -.035em;
}
.hero h1 em,
.section-intro h2 em,
.author-copy h2 em,
.order-heading h2 em {
  color: #c9baf0;
  letter-spacing: -.025em;
}
.hero-subtitle { color: #f0f4ed; }
.hero-deck,
.hero-intro,
.hero-note { color: #c0cec4; }
.text-link { color: #e2ece3; }
.text-link span { color: #c7b6ee; }
.note-rule { background: #c1aee9; }
.hero-art {
  background: transparent;
  border: 1px solid rgba(218, 234, 220, .1);
}
.hero-art:before { border-color: rgba(218, 234, 220, .1); }
.hero-art:after,
.art-orbit { display: none; }
.art-caption { color: #e5eee6; }
.caption-mark,
.takeaway-mark { background: #b7cdbb; color: #0a2923; }

.proof-strip {
  background: rgba(5, 21, 18, .23);
  border-top: 1px solid rgba(219, 234, 222, .12);
  border-bottom: 1px solid rgba(219, 234, 222, .12);
}
.proof-strip strong { color: #d1c1f3; }
.proof-strip span { color: #c7d4ca; }
.section-intro > p:last-child,
.path-step p,
.audience-line p { color: #c0cdc3; }
.pathway,
.path-step { border-color: rgba(219, 234, 222, .18); }
.step-no { color: #c8b9ef; }
.path-step h3 { color: #f1f3eb; }
.book-takeaway {
  background: rgba(232, 241, 231, .045);
  border: 1px solid rgba(219, 234, 222, .13);
}
.book-takeaway p { color: #f0f3eb; }
.book-takeaway em,
.audience-line > span { color: #c9baf0; }

.author-band {
  background: rgba(6, 22, 18, .08);
  border-top: 1px solid rgba(219, 234, 222, .16);
  border-bottom: 1px solid rgba(219, 234, 222, .16);
}
.author-band:after { display: none; }
.author-photo-wrap { background: rgba(231, 241, 232, .035); }
.author-photo-wrap .photo-stamp {
  background: #b7cdbb;
  color: #0a2923;
}
.author-copy .author-belief { color: #f3f5ee !important; }
.author-index { color: #d2c5f2; }
.author-index span { color: #c0cec4; }

.order-heading > p,
.local-heading > p { color: #c0cdc3; }
.price-featured {
  background: rgba(19, 59, 46, .68);
  border: 1px solid rgba(219, 234, 222, .2);
  color: #f2f4ed;
}
.price-ebook {
  background: rgba(6, 24, 20, .38);
  border: 1px solid rgba(219, 234, 222, .2);
  color: #f2f4ed;
}
.launch-tag {
  background: #b7cdbb;
  color: #0a2923;
}
.price-alt { color: #d0dad2; }
.price-ebook .price-alt { color: #d0c4f1; }
.price-foot { color: #e0e9e1; }
.price-foot span,
.price-ebook .price-foot { color: #c0cdc3; }
.button-light {
  background: #b7cdbb;
  color: #0a2923;
}
.button-light:hover { background: #c9dacb; }
.button-outline {
  border-color: rgba(204, 188, 239, .72);
  color: #efe9fa;
}
.button-outline:hover {
  background: #c9dacb;
  color: #0a2923;
}
.delivery-note {
  background: rgba(232, 241, 231, .055);
  border: 1px solid rgba(219, 234, 222, .12);
}
.delivery-note p,
.delivery-note strong { color: #d6e1d8; }
.delivery-icon { border-color: rgba(219, 234, 222, .25); color: #d5e2d8; }
.local-heading,
.contact-list,
.contact-row { border-color: rgba(219, 234, 222, .18); }
.contact-place h3 { color: #f0f3eb; }
.contact-place p { color: #bdcbc1; }
.contact-place p span,
.contact-no { color: #c9baf0; }
.contact-actions a {
  border-color: rgba(219, 234, 222, .24);
  color: #ecf2eb;
}
.contact-actions a:last-child {
  border-color: rgba(204, 188, 239, .44);
  background: rgba(231, 239, 231, .045);
  color: #e7e1f5;
}
.contact-actions a:hover,
.contact-actions a:last-child:hover {
  border-color: #c5d7c8;
  background: #c5d7c8;
  color: #0a2923;
}
.site-footer {
  background: rgba(5, 21, 18, .32);
  border-top: 1px solid rgba(219, 234, 222, .14);
}
.site-footer > p { color: #c4d1c7; }
.back-top { color: #d3c5f4; }