@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#090909;--fg:#e7e0d7;--muted:#aaa29a;--gold:#bd9666;--line:#38302b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 65% 20%,#201912 0%,#0b0a09 43%,#080808 78%);color:var(--fg);font:16px/1.75 Inter,system-ui,sans-serif}a{color:inherit}a:hover{color:#e0b67e}.shell{max-width:1120px;margin:auto;padding:0 30px}.topbar{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px}.brand{text-decoration:none;font:500 17px/1.2 Cinzel,Georgia,serif;letter-spacing:.18em}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{text-decoration:none;color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.navlinks a[aria-current=page]{color:var(--gold)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.27em;color:var(--gold);font-weight:600}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.85fr);align-items:center;gap:clamp(35px,7vw,100px);padding-top:84px;padding-bottom:105px}.hero h1,.author h1{font:400 clamp(52px,7vw,94px)/1.04 Cinzel,Georgia,serif;letter-spacing:.025em;margin:18px 0 26px}.hero .lead{font:400 clamp(19px,2vw,24px)/1.5 Georgia,serif;color:#d5c5b0;max-width:520px}.hero p{max-width:520px;color:var(--muted)}.cover-wrap{display:flex;justify-content:center}.cover{display:block;width:min(100%,390px);height:auto;box-shadow:0 20px 70px #000a,0 0 1px #a88762}.cta{display:inline-block;margin-top:23px;padding:13px 25px;border:1px solid var(--gold);color:#e5c69c;text-decoration:none;font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:background .2s}.cta:hover{background:#a9845326}.section{padding:65px 0;border-top:1px solid var(--line)}.section h2{font:400 clamp(27px,3vw,39px)/1.25 Cinzel,Georgia,serif;letter-spacing:.03em}.blurb{max-width:690px;font-size:17px}.blurb p{margin:0 0 22px}.note{color:var(--muted);font-size:14px}.author{max-width:800px;padding-top:95px;padding-bottom:110px}.author h1{font-size:clamp(43px,6vw,70px)}.author p{max-width:730px}.author .bio{font-size:17px}.author .bio p{margin:0 0 22px}.signature{font:italic 23px/1.5 Georgia,serif;color:#d2b18a;margin-top:35px}.contact{border-top:1px solid var(--line);margin-top:55px;padding-top:32px}.contact a,.section a{color:#d8b17e;text-decoration-thickness:1px;text-underline-offset:4px}.footer{border-top:1px solid var(--line);color:#857c72;font-size:12px;padding:30px 0}.footer .shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:#b8a58d;text-decoration:none}@media(max-width:720px){.shell{padding-left:22px;padding-right:22px}.nav{min-height:72px}.brand{font-size:13px}.navlinks{gap:16px}.navlinks a{font-size:11px}.hero{grid-template-columns:1fr;gap:45px;padding-top:58px;padding-bottom:65px}.hero .cover-wrap{grid-row:1}.cover{max-width:260px}.hero h1{font-size:53px}.section{padding:45px 0}.author{padding-top:60px;padding-bottom:70px}}
/* Release date */

.release-date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  color: #e8dfd3;
}

.release-date__label {
  color: #c39a5f;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.release-date time {
  font-size: 0.95rem;
}

/* Book retailers */

.book-retailers {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(195, 154, 95, 0.3);
}

.book-retailers__eyebrow {
  color: #c39a5f;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.book-retailers h3 {
  margin: 0.75rem 0 1.5rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 400;
}

.book-retailers__links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.retailer-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-width: 180px;
  padding: 0.95rem 1.25rem;
  border: 1px solid #b58d55;
  color: #e8dfd3;
  background: transparent;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.retailer-link:hover,
.retailer-link:focus-visible {
  background: #b58d55;
  color: #100d0b;
}

.retailer-link:focus-visible {
  outline: 2px solid #e8dfd3;
  outline-offset: 3px;
}

@media (max-width: 480px) {
  .book-retailers__links {
    flex-direction: column;
  }

  .retailer-link {
    width: 100%;
  }
}