/* The front door of the book; reader typography lives in reader.css. */
.home {padding-top:1.8rem}
.home-hero {position:relative;background:linear-gradient(105deg,rgba(255,253,247,.42),rgba(231,211,181,.24)),url(/assets/images/site/paper-grain.svg),#f4ebdc;background-size:auto,256px 256px,auto;border:1px solid #e3d6c3;padding:0 clamp(1.5rem,4vw,3.5rem);box-shadow:0 2px 4px rgba(63,43,29,.025)}
.home-mastline {display:flex;justify-content:space-between;gap:1rem;padding:1.35rem 0;border-bottom:1px solid #d8c7ae}
.home-mastline p {margin:0;font-size:.65rem;letter-spacing:.17em}
.home-opening {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(2rem,4.5vw,4rem);align-items:center;padding:3.4rem 0 3.8rem}
.home-chapter {display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem;color:#805b36}
.home-chapter span {display:inline-flex;align-items:center;gap:.8rem}
.home-chapter span::after {content:'';width:2.1rem;height:1px;background:#aa7d47}
.home h1 {font-size:clamp(2.75rem,4.7vw,4rem);line-height:1.09;letter-spacing:-.045em;text-wrap:pretty;margin:0 0 2rem;max-width:9.3em}
.home-actions {display:flex;align-items:center;flex-wrap:wrap;gap:.85rem 1.5rem}
.home-actions .button {background:#392b22;border-color:#392b22;padding:.95rem 1.4rem;box-shadow:0 3px 0 rgba(57,43,34,.08)}
.home-actions .button:hover {background:#805b36;border-color:#805b36}
.home-text-link {display:inline-flex;align-items:center;gap:.7rem;min-height:44px;font-size:.8rem;color:var(--book-ink);text-decoration:none;border-bottom:1px solid #bda789}
.home-text-link:hover {color:var(--book-accent-dark);border-color:currentColor}
.home .resume {margin:1.5rem 0 0;padding:.85rem 0 0;border-top:1px solid #d8c7ae;border-bottom:0;max-width:28rem}
.home .resume p {margin:0;font-size:.65rem}
.home .resume a {font-family:var(--font-reading);font-size:1.1rem;padding:.35rem 0;line-height:1.4}
.home-book-scene {position:relative;display:grid;place-items:center;padding:.5rem 1rem 1rem}
.home-book-scene::before {content:'';position:absolute;inset:7% -5% -4%;background:radial-gradient(ellipse at 55% 68%,rgba(143,105,60,.16),transparent 65%);pointer-events:none}
.home-book {position:relative;width:100%;max-width:320px;aspect-ratio: .7;transform:rotate(3deg);isolation:isolate}
.home-book::before {content:'';position:absolute;z-index:-1;inset:5px -8px -5px 10px;background:repeating-linear-gradient(to right,#d7c6ac 0 1px,#f1e6d4 1px 3px);border:1px solid #c7b294;border-radius:0 4px 4px 0;box-shadow:8px 13px 20px rgba(62,40,19,.12),19px 29px 38px rgba(62,40,19,.12)}
.home-book-cover {position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;padding:2.35rem 1.5rem 1.65rem 2rem;border:1px solid #463326;border-radius:2px 3px 3px 2px;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 4%,rgba(0,0,0,.2) 5%,rgba(255,242,202,.09) 6%,transparent 8%),url(/assets/images/site/paper-grain.svg),linear-gradient(135deg,#4d382a,#30251f);background-size:auto,180px 180px,auto;color:#edddbc;box-shadow:inset 0 0 0 1px rgba(241,213,165,.1),inset -3px 0 7px rgba(0,0,0,.16)}
.home-book-cover::after {content:'';position:absolute;inset:15px 14px 15px 23px;border:1px solid rgba(208,175,123,.33);pointer-events:none}
.home-book-title {font-family:var(--font-display);font-size:clamp(1.25rem,2.3vw,1.8rem);letter-spacing:.09em;line-height:1.3;white-space:nowrap}
.home-book-subtitle {margin-top:1rem;font-family:var(--font-reading);font-size:.8rem;line-height:1.45;text-align:center;color:#cdb995}
.home-book-initial {flex:1;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(7rem,13vw,11rem);font-weight:500;line-height:1;color:#a7895e;text-shadow:0 1px 1px rgba(255,233,189,.2),0 -1px 1px #1b110c;opacity:.72}
.home-book-author {font-family:var(--font-reading);font-size:1.15rem;font-style:italic}
.home-book-edition {font-size:.5rem;letter-spacing:.19em;text-transform:uppercase;margin-top:.75rem;color:#cdb995}
.home-reading-note {display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;border-top:1px solid #d8c7ae}
.home-reading-note .eyebrow {font-size:.6rem}
.home-reading-note p {margin:0;font-size:.7rem}
.home-afterword {display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:3.8rem 1.4rem 0;align-items:center}
.home-context .eyebrow {font-size:.65rem;margin-bottom:1rem}
.home-context>p:not(.eyebrow) {font-family:var(--font-reading);font-size:1.1rem;line-height:1.5;margin-bottom:.5rem}
.home-excerpt {margin:0;border-left:1px solid #d8c7ae;padding:0 0 0 3rem}
.home-excerpt blockquote {margin:0;font-family:var(--font-reading);font-size:clamp(1.6rem,2.4vw,2rem);font-style:italic;line-height:1.4;max-width:29rem}
.home-excerpt p {margin:0}
.home-excerpt figcaption {margin-top:1.25rem;font-size:.6rem}
@media(max-width:900px) {
 .home-opening {gap:2rem;padding:3rem 0}
 .home h1 {font-size:clamp(2.5rem,5vw,3.4rem)}
 .home-book-cover {padding-top:1.8rem}
 .home-book-title {font-size:clamp(1rem,2.3vw,1.4rem)}
 .home-book-initial {font-size:8rem}
 .home-afterword {gap:2rem;padding-inline:0}
 .home-excerpt {padding-left:2rem}
}
@media(max-width:680px) {
 .home {padding-top:1rem}
 .home-hero {padding-inline:1.5rem}
 .home-mastline {gap:.5rem;padding:1rem 0}
 .home-mastline p {font-size:.55rem;letter-spacing:.1em}
 .home-mastline p:last-child {white-space:nowrap}
 .home-opening {grid-template-columns:1fr;gap:1.7rem;padding:2rem 0 2.3rem}
 .home h1 {font-size:clamp(2.6rem,8.7vw,3.6rem);max-width:10.5em;margin-bottom:1.5rem}
 .home-chapter {margin-bottom:1rem}
 .home-actions {gap:.5rem 1.25rem}
 .home-actions .button {padding:.85rem 1.1rem}
 .home-book-scene {padding:1rem 1rem .5rem}
 .home-book {max-width:235px;transform:rotate(2deg)}
 .home-book-cover {padding:1.9rem 1rem 1.35rem 1.5rem}
 .home-book-title {font-size:1.3rem}
 .home-book-subtitle {font-size:.7rem;margin-top:.6rem}
 .home-book-initial {font-size:7.5rem}
 .home-book-author {font-size:1rem}
 .home-book-edition {font-size:.43rem;margin-top:.5rem}
 .home-reading-note {align-items:start;flex-direction:column;gap:.3rem;padding:1rem 0}
 .home-afterword {grid-template-columns:1fr;gap:2rem;padding-top:2.5rem}
 .home-excerpt {padding:0 0 0 1.5rem}
 .home-excerpt blockquote {font-size:1.65rem}
}

/* Childhood scene, softened beneath the existing paper and book presentation. */
.home-hero {
 background-color:#f4ebdc;
 background-image:linear-gradient(100deg,rgba(244,235,220,.86) 0%,rgba(244,235,220,.74) 48%,rgba(244,235,220,.52) 100%),url(/assets/images/site/childhood-background.png);
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
@media (max-width:600px) {
 .home-hero {
  background-image:linear-gradient(to bottom,rgba(244,235,220,.64),rgba(244,235,220,.86) 250px,#f4ebdc 440px),url(/assets/images/site/childhood-background.png);
  background-size:100% 100%,100% auto;
  background-position:center top;
 }
}

/* Smaller book, lowered and drawn inward toward the center of the opening. */
.home-book {transform:translate(calc(-35% - 96px),136px) scale(.5) rotate(3deg);transform-origin:center}
.home-book-scene::before {inset:45% 15% 0 -20%;opacity:.45}
@media (max-width:600px) {
 .home-book {transform:translate(-96px,120px) scale(.5) rotate(2deg)}
 .home-book-scene::before {inset:45% 20% 0;opacity:.45}
}

.home-book-title {text-align:center}
