:root{color-scheme:light;--paper:#f8f5ed;--ink:#191815;--muted:#605c54;--accent:#8f1515;--rule:#d6cec0}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
body{margin:0;font-size:16px;line-height:1.6}
a{color:inherit;text-underline-offset:.2em}
a:hover{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:var(--paper);z-index:2}
.skip-link:focus{top:8px}
.site-shell{width:min(100% - 112px,1120px);margin:auto}
.site-header{padding:28px 0 25px;border-bottom:1px solid var(--rule)}
.wordmark{display:inline-flex;align-items:center;gap:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.875rem;font-weight:700}
.wordmark::before{content:"";width:28px;height:2px;background:var(--accent)}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:70px;padding:58px 0 65px;align-items:start}
h1{grid-column:1;max-width:12ch;align-self:end;font-weight:400;font-size:clamp(2.8rem,5.2vw,4.6rem);letter-spacing:-.045em;line-height:1.06;margin:12px 0 0}
h1 em{color:var(--accent);font-weight:400}
.description{grid-column:1;font-family:Arial,Helvetica,sans-serif;max-width:43ch;color:var(--muted);font-size:1.0625rem;line-height:1.7;margin:26px 0 23px}
.purchase{grid-column:1;align-self:start}
.amazon-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:58px;background:var(--accent);color:#fffdf8;padding:15px 26px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;border:1px solid var(--accent);border-radius:3px}
.amazon-button:hover{background:#701010;color:white}
.amazon-button span{font-size:1.3rem;line-height:1}
.cover-link{grid-column:2;grid-row:1/4;display:block;width:min(100%,310px);justify-self:center;align-self:center;line-height:0;box-shadow:9px 14px 27px #33241725}
.cover-link img{display:block;width:100%;height:auto}
.jeva{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:70px;border-top:1px solid var(--rule);padding:38px 0 40px}
.eyebrow{margin:0 0 8px;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.jeva h2{font-size:2.7rem;font-weight:400;letter-spacing:.04em;margin:0;line-height:1.1}
.jeva h3{font-size:1.5rem;font-weight:400;margin:0 0 10px;line-height:1.3}
.jeva-copy p{font-family:Arial,Helvetica,sans-serif;color:var(--muted);font-size:1rem;line-height:1.65;margin:0;max-width:44ch}
.jeva-copy .coming-note{font-size:.875rem;margin-top:12px}
.site-footer{border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 24px;font-family:Arial,Helvetica,sans-serif;font-size:.875rem;color:var(--muted)}
.site-footer nav{display:flex;gap:24px}
.site-footer a{display:inline-flex;align-items:center;min-height:44px}
.footer-detail{display:none;max-width:680px;padding:30px 0 50px;font-family:Arial,Helvetica,sans-serif;color:var(--muted)}
.footer-detail:target{display:block}
.footer-detail h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--ink)}
@media(min-width:1000px){.hero{min-height:596px}}
@media(max-width:760px){
  .site-shell{width:calc(100% - 40px)}
  .site-header{padding:17px 0 16px}
  .wordmark{font-size:.75rem;letter-spacing:.11em;gap:10px}
  .wordmark::before{width:20px}
  .hero{grid-template-columns:1fr;grid-template-rows:auto;gap:0;padding:26px 0 34px}
  h1{grid-column:1;grid-row:1;max-width:16ch;font-size:clamp(2.1rem,8.7vw,3.6rem);line-height:1.06;letter-spacing:-.04em;margin:0 auto;text-align:center}
  .cover-link{grid-column:1;grid-row:2;width:152px;margin:22px auto 0}
  .description{grid-column:1;grid-row:3;font-size:1rem;line-height:1.55;margin:23px 0 19px;max-width:100%}
  .purchase{grid-column:1;grid-row:4}
  .amazon-button{display:flex;width:100%;min-height:56px;padding:14px 16px;gap:20px}
  .jeva{grid-template-columns:1fr;gap:20px;padding:28px 0 30px}
  .jeva h2{font-size:2.4rem}
  .jeva h3{font-size:1.4rem}
  .site-footer{align-items:flex-start;flex-wrap:wrap;gap:4px;padding:17px 0 21px}
  .site-footer>span{padding:10px 0}
  .site-footer nav{gap:22px}
}
@media(prefers-reduced-motion:no-preference){.amazon-button{transition:background-color .15s ease}}