:root{--sand:#fbf4e9;--sea:#68c7c2;--teal:#0f7379;--coral:#ee796f;--ink:#253037;--muted:#63737a;--paper:#fffdf9;--shadow:0 18px 45px rgba(37,48,55,.12);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial, Helvetica, sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffdf9 0%,var(--sand) 52%,#fff 100%);line-height:1.65}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,249,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,115,121,.12)}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.brand{font-family:Georgia, 'Times New Roman', Times, serif;font-size:clamp(1.6rem,3vw,2.45rem);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);text-decoration:none}.menu{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.menu a{color:var(--ink);text-decoration:none;padding:10px 14px;border-radius:999px;font-weight:400;font-size:.95rem}.menu a:hover,.menu a.active{background:rgba(104,199,194,.22);color:#075e63}.hero{position:relative;min-height:470px;display:grid;place-items:center;text-align:center;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),var(--hero);background-size:cover;background-position:center;transform:scale(1.02)}.hero-content{position:relative;max-width:880px;margin:0 24px;padding:42px;border-radius:var(--radius);background:rgba(255,253,249,.72);backdrop-filter:blur(8px);box-shadow:var(--shadow)}h1,h2,h3{font-family:Montana, Georgia, 'Times New Roman', Times, serif;line-height:1.14;margin:0 0 18px}h1{font-size:clamp(3rem,8vw,6.8rem);letter-spacing:.045em;color:#075e63}h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--teal)}h3{font-size:1.45rem;color:#b9574f}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--coral);font-weight:800;font-size:.78rem}.intro{font-size:clamp(1.12rem,2.2vw,1.55rem);max-width:760px;margin:auto;color:#30444b}.container{max-width:1120px;margin:auto;padding:70px 24px}.section-card{background:rgba(255,255,255,.82);border:1px solid rgba(15,115,121,.12);border-radius:var(--radius);padding:clamp(24px,4vw,48px);box-shadow:var(--shadow);margin-bottom:34px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);gap:38px;align-items:center}.split.reverse{grid-template-columns:minmax(300px,.86fr) minmax(0,1fr)}.feature-img,.book-cover,.wide-img{width:100%;height:auto;box-shadow:var(--shadow);display:block}.wide-img{border-radius:26px}.book-grid{display:grid;gap:30px}.book{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start;background:rgba(255,255,255,.84);border:1px solid rgba(15,115,121,.12);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.book-cover{max-width:220px;box-shadow: var(--shadow)}.tagline{font-weight:800;color:#0b6369;font-size:1.1rem}.button{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:var(--teal);color:white;text-decoration:none;font-weight:800;border-radius:999px;padding:12px 18px;box-shadow:0 8px 18px rgba(15,115,121,.24)}.button:hover{background:#095c61}.soft{background:linear-gradient(135deg,rgba(104,199,194,.20),rgba(238,121,111,.12));border-radius:var(--radius);padding:28px}.quote{font-family:Georgia, 'Times New Roman', Times, serif;font-size:1.25rem;background:#fff;padding:22px;border-radius:16px}.quote2{font-family:Georgia, 'Times New Roman', Times, serif;font-size:1.25rem;background:#fff;border-left:5px solid var(--coral);padding:22px;border-radius:16px}.socials{display:flex;gap:14px;margin:20px 0}.socials a{width:42px;height:42px;border-radius:50%;background:var(--teal);display:grid;place-items:center;color:#fff;text-decoration:none;font-weight:800}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(15,115,121,.2);border-radius:16px;padding:14px 16px;font:inherit;background:white}.contact-form textarea{min-height:160px}.notice{font-size:.95rem;color:var(--muted)}footer{text-align:center;padding:42px 24px;border-top:1px solid rgba(15,115,121,.12);color:var(--muted)}
.non-fiction-intro {
  gap: 24px;
}

.non-fiction-intro .book-cover {
  justify-self: center;
  box-shadow: 0 22px 35px rgba(37,48,55,.28);
}
.menu-toggle {display: none;}
@media (max-width:820px){.nav {
  align-items: center;
  gap: 12px;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 14px 18px;
}

.menu-toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-left: auto;
  border: 1px solid rgba(15,115,121,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: var(--teal);
  font: inherit;
  font-weight: 700;
  padding: 9px 13px;
  cursor: pointer;
}

.menu-toggle-icon,
.menu-toggle-icon::before,
.menu-toggle-icon::after {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  content: "";
}

.menu-toggle-icon {
  position: relative;
}

.menu-toggle-icon::before {
  position: absolute;
  top: -6px;
}

.menu-toggle-icon::after {
  position: absolute;
  top: 6px;
}

.menu {
  display: none;
  flex-basis: 100%;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding-top: 8px;
}

.menu.is-open {
  display: flex;
}

.menu a {
  display: block;
  width: 100%;
  padding: 11px 14px;
  background: rgba(255,255,255,.7);
}.hero{min-height:390px}.hero-content{padding:28px}.split,.split.reverse,.book{grid-template-columns:1fr}.book-cover{max-width:260px;margin-left:auto;margin-right:auto;justify-self:center}.container{padding:46px 18px}   .split.mobile-image-after-first,
  .split.reverse.mobile-image-after-first{
    display:flex;
    flex-direction:column;
  }

  .mobile-image-after-first > div{
    display:contents;
  }

  .mobile-image-after-first .mobile-first-text{
    order:1;
  }

  .mobile-image-after-first .feature-img{
    order:2;
    margin-left:auto;
    margin-right:auto;
  }

  .mobile-image-after-first .mobile-rest-text{
    order:3;
  }
  .non-fiction-intro .book-cover {
    justify-self: center;
  }}