@font-face{font-family:'Caveat';src:url('assets/fonts/Caveat-variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
/* Selected vertical book sequence: cream surroundings, Forest velvet panels. */
#the-book{border-bottom:0;display:block;position:relative;padding:100px 6% 90px;background:#f5f1e7;color:#293d2c;--book-muted:#53604c;--book-accent:#806144;--book-line:#aab79966;scroll-margin-top:0}
#the-book .book-original-intro{display:grid;grid-template-columns:1fr;max-width:870px;margin:auto;text-align:center;gap:34px}
#the-book .eyebrow{color:var(--book-accent);font-size:11px;letter-spacing:.24em}
#the-book #book-heading{font-size:clamp(48px,5.6vw,82px);line-height:1.03;letter-spacing:-.045em}
#the-book .section-copy{max-width:710px;margin:auto}
#the-book .section-copy p{color:var(--book-muted);font-size:16px;line-height:1.85;max-width:none}
#the-book .book-details{justify-content:center;border-color:var(--book-line);color:#293d2c;font-size:13px;gap:22px;margin:28px 0 19px}
#the-book .section-copy .audio-note{font-size:12px;line-height:1.7}
#the-book .book-exploration{margin-top:65px}
.book-exploration-heading{text-align:center;padding:43px 0 45px;border-top:1px solid var(--book-line)}
.book-exploration-heading h3{font-family:var(--serif);font-size:clamp(46px,5.2vw,76px);line-height:1.1;letter-spacing:-.035em;font-weight:400;margin:0}
.book-exploration-heading p{font-size:13px;line-height:1.65;color:var(--book-muted);margin:17px 0 0}
.book-stories{display:grid;gap:28px;max-width:1180px;margin:auto}
.book-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center;min-width:0;padding:52px 6% 56px;border:1px solid #c4d1ba70;border-radius:22px;background:#19382b}
.book-page-art{position:relative;margin:0;padding:15px 20px}
.book-page-stack{display:block;position:relative;isolation:isolate;max-width:300px;margin:auto;transform:rotate(-3deg)}
.book-page-stack:before,.book-page-stack:after{content:'';position:absolute;inset:0;z-index:-1;background:#d9d5c5;transform:rotate(2deg) translate(5px,4px)}
.book-page-stack:after{transform:rotate(1deg) translate(3px,2px);background:#faf6ee}
.book-page-stack img{display:block;width:100%;height:auto;box-shadow:0 13px 28px #26382426}
.book-story:nth-child(2) .book-page-art{grid-column:2;grid-row:1}
.book-story:nth-child(2) .book-story-copy{grid-column:1;grid-row:1}
.book-story:nth-child(2) .book-page-stack{transform:rotate(3deg)}
.book-story:nth-child(3) .book-page-stack{transform:rotate(-2deg)}
.book-story-copy{min-width:0;max-width:440px}
.book-story h4{font-family:var(--serif);font-size:clamp(38px,3.7vw,55px);line-height:1.08;font-weight:400;letter-spacing:-.03em;margin:0 0 23px;max-width:11ch}
.book-story blockquote{margin:0;padding:0;font-family:var(--serif);font-size:25px;line-height:1.48;color:#354a34}
.book-story cite{display:block;font-family:var(--sans);font-style:normal;font-size:11px;line-height:1.6;color:#5d6b54;margin-top:17px}
.book-reflection{padding-top:22px;margin:27px 0 0;border-top:1px solid var(--book-line)}
.book-reflection .reflection-note{display:block;font:400 31px/1.17 'Caveat','Segoe Print',cursive;color:var(--book-accent)}
.book-closing{text-align:center;margin-top:52px}
.book-closing p{font-family:var(--serif);font-size:32px;line-height:1.25;letter-spacing:-.02em;margin:0}
@media(max-width:1050px){
  #the-book{padding-inline:5%}
  .book-story{gap:7%;padding:42px 5% 46px}
  .book-page-art{padding-inline:12px}
  .book-story blockquote{font-size:23px}
}
@media(max-width:760px){
  #the-book{padding:65px 7% 60px}
  #the-book .book-original-intro{text-align:left;gap:27px}
  #the-book #book-heading{font-size:42px}
  #the-book .eyebrow{font-size:9px;letter-spacing:.18em}
  #the-book .section-copy p{font-size:15px;line-height:1.8}
  #the-book .book-details{justify-content:flex-start;font-size:11px;gap:13px;flex-wrap:wrap}
  #the-book .book-exploration{margin-top:45px}
  .book-exploration-heading{text-align:left;padding:30px 0 32px}
  .book-exploration-heading h3{font-size:clamp(38px,10vw,44px)}
  .book-exploration-heading p{font-size:12px}
  .book-stories{gap:22px;margin-inline:-7px}
  .book-story{grid-template-columns:minmax(0,1fr);gap:31px;padding:34px 21px 31px;border-radius:16px}
  .book-page-art{padding:10px 8px 12px}
  .book-page-stack{max-width:265px}
  .book-story:nth-child(2) .book-page-art,.book-story:nth-child(2) .book-story-copy{grid-column:auto;grid-row:auto}
  .book-story h4{font-size:34px;max-width:13ch;margin-bottom:21px}
  .book-story blockquote{font-size:22px;line-height:1.45}
  .book-story cite{font-size:10px;line-height:1.65}
  .book-reflection{margin-top:24px;padding-top:20px}
  .book-reflection .reflection-note{font-size:29px}
  .book-closing{margin-top:38px;text-align:left}
  .book-closing p{font-size:28px}
}
@media(max-width:380px){
  #the-book{padding-inline:7%}
  #the-book #book-heading{font-size:37px}
  .book-story{padding-inline:17px}
  .book-story h4{font-size:30px}
  .book-story blockquote{font-size:21px}
  .book-reflection .reflection-note{font-size:27px}
}

/* One connection Polaroid layered over each book-page stack. */
.book-page-art{padding-bottom:96px}
.book-page-art .page-polaroid{position:absolute;z-index:2;right:-4px;bottom:6px;width:54%;max-width:208px;margin:0;padding:8px 8px 12px;background:#fffdf5;box-shadow:0 12px 26px #26382430;transform:rotate(7deg)}
.book-page-art .page-polaroid[hidden]{display:none}
.book-page-art .page-polaroid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.book-page-art .page-polaroid figcaption{font:400 20px/1.1 'Caveat',cursive;color:#43573f;text-align:center;margin-top:8px}
.book-story:nth-child(2) .page-polaroid{right:auto;left:-4px;transform:rotate(-7deg)}
.book-story:nth-child(3) .page-polaroid{transform:rotate(5deg)}
@media(max-width:760px){.book-page-art{padding-bottom:100px}.book-page-art .page-polaroid{width:58%;max-width:180px;right:-5px;padding:6px 6px 10px}.book-page-art .page-polaroid figcaption{font-size:18px}.book-story:nth-child(2) .page-polaroid{left:-5px}}

.book-story .quote-accent{color:#785622;background:none;text-decoration:none;font-style:italic}

/* Selected Forest velvet container finish. */
.book-story,.book-story:nth-child(2){position:relative;isolation:isolate;background:#19382b;border:1px solid #71826766;box-shadow:inset 0 1px 0 #dfdfbc1a,0 18px 32px -25px #122c2770}
.book-story:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h160v160H0z' filter='url(%23grain)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.book-story:after{content:"";position:absolute;inset:12px;border:1px solid #d8b65a38;border-radius:12px;pointer-events:none;z-index:-1}
@media(max-width:760px){.book-story:after{inset:8px;border-radius:9px}}

/* Small hand-drawn chapter companions; stroke reveals replay on scroll-in. */
.story-doodle{display:block;width:80px;height:74px;margin:0 0 18px;overflow:visible;color:#66754f;pointer-events:none}
.story-doodle .doodle-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1.35s cubic-bezier(.22,1,.36,1)}
.story-doodle .doodle-detail{stroke:#987335;stroke-width:1.45;transition-delay:.18s}
.story-doodle .doodle-spark{fill:var(--accent);stroke:#987335;stroke-width:.65;transform-box:fill-box;transform-origin:center;transition:opacity .5s .4s,transform .75s .35s}
.story-doodle.cwl-waiting .doodle-line{stroke-dashoffset:100;transition:none}
.story-doodle.cwl-waiting .doodle-spark{opacity:0;transform:scale(.65) rotate(-15deg);transition:none}
@media(max-width:760px){.story-doodle{width:66px;height:61px;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.story-doodle .doodle-line,.story-doodle.cwl-waiting .doodle-line{stroke-dashoffset:0;transition:none}.story-doodle .doodle-spark,.story-doodle.cwl-waiting .doodle-spark{opacity:1;transform:none;transition:none}}

/* Continuous gentle doodle motion, suspended offscreen or by Pause motion. */
.story-doodle .doodle-line{transform-box:fill-box;transform-origin:center;animation:doodle-breathe 4.8s ease-in-out infinite}
.book-story:first-child .story-doodle .doodle-line{animation-name:doodle-leaf-sway;transform-origin:25% 90%}
.book-story:nth-child(2) .story-doodle .doodle-line:not(.doodle-detail){animation-name:doodle-heartbeat;animation-duration:3.8s}
.story-doodle .doodle-detail{animation-duration:5.6s;animation-delay:.2s}
.story-doodle .doodle-spark{animation:doodle-twinkle 4.4s ease-in-out infinite}
@keyframes doodle-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.04)}}
@keyframes doodle-leaf-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}
@keyframes doodle-heartbeat{0%,30%,60%,100%{transform:scale(1)}40%{transform:scale(1.09)}48%{transform:scale(1.02)}54%{transform:scale(1.06)}}
@keyframes doodle-twinkle{0%,100%{opacity:.65;transform:scale(.88) rotate(-8deg)}50%{opacity:1;transform:scale(1.12) rotate(8deg)}}
.story-doodle.cwl-waiting path,body[data-doodle-motion="paused"] .story-doodle path{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.story-doodle path{animation:none!important}}

#the-book .book-story{color:#f5f1e7}
#the-book .book-story blockquote{color:#e0e6d7}
#the-book .book-story cite{color:#b9c7b5}
#the-book .quote-accent,#the-book .reflection-note{color:var(--accent)}
#the-book .book-reflection{border-color:#c7d0b830}
#the-book .story-doodle{color:#b5c79c}
#the-book .doodle-detail{stroke:var(--accent)}
#the-book .doodle-spark{stroke:#e0c477}

#the-book .book-heading-accent{color:var(--accent)}

/* Scroll-driven book panels: native sticky positioning keeps scrolling reversible. */
.book-stack-section.stack-enabled{position:relative;isolation:isolate}
.stack-enabled .book-exploration-heading{padding-top:24px;padding-bottom:26px;background:#f5f1e7}
.stack-enabled.stack-heading-pinned .book-exploration-heading{position:sticky;top:0;z-index:5;transform:translateY(var(--heading-release,0px))}
.stack-enabled .book-stories{position:relative;gap:clamp(80px,14vh,160px);padding-bottom:0}
.stack-enabled .book-stories:after{content:"";display:block;height:clamp(100px,30vh,300px)}
.stack-enabled .book-story{position:sticky;top:var(--stack-top,24px);align-self:start;transform:scale(var(--stack-scale,1));filter:blur(var(--stack-blur,0px));transform-origin:center top;box-shadow:inset 0 1px 0 #dfdfbc1a,0 20px 40px -20px #0d241b70}
.stack-enabled .book-story:nth-child(1){z-index:1}
.stack-enabled .book-story:nth-child(2){z-index:2}
.stack-enabled .book-story:nth-child(3){z-index:3}
@media(max-width:760px){.stack-enabled .book-exploration-heading{padding-top:30px;padding-bottom:32px}.stack-enabled .book-stories{gap:70px;padding-bottom:0}.stack-enabled .book-stories:after{height:100px}}
@media(prefers-reduced-motion:reduce){.stack-enabled .book-story{position:relative;top:auto;transform:none}.stack-enabled.stack-heading-pinned .book-exploration-heading{position:relative;top:auto}.stack-enabled .book-stories{gap:28px;padding-bottom:0}}
@media print{.stack-enabled .book-story,.stack-enabled.stack-heading-pinned .book-exploration-heading{position:relative;top:auto;transform:none}.stack-enabled .book-stories{gap:28px;padding-bottom:0}}

@media(prefers-reduced-motion:reduce){.stack-enabled .book-stories:after{display:none}}
@media print{.stack-enabled .book-stories:after{display:none}}

@media print{.stack-enabled .book-exploration-heading{transform:none}}

@media(prefers-reduced-motion:reduce){.stack-enabled .book-story{filter:none}}
@media print{.stack-enabled .book-story{filter:none}}

/* Split book introduction: selected reading-corner image left, invitation right. */
#the-book .book-original-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);max-width:1180px;gap:6%;align-items:center;text-align:left}
.book-intro-copy{min-width:0}
#the-book .book-intro-copy #book-heading{font-size:clamp(48px,5vw,72px);margin-bottom:30px}
#the-book .book-intro-copy .section-copy{max-width:none;margin:0}
#the-book .book-intro-copy .book-details{justify-content:flex-start;gap:20px}
.book-intro-visual{position:relative;isolation:isolate;margin:0;display:grid;place-items:center;min-width:0}
.book-intro-visual:before{content:"";position:absolute;inset:15% 0 10%;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#d8b65a12,transparent 70%);pointer-events:none}
.book-intro-visual img{width:100%;max-width:510px;height:auto;transform:rotate(3deg);filter:drop-shadow(0 24px 18px #23352618)}
@media(max-width:900px){
 #the-book .book-original-intro{grid-template-columns:minmax(0,1fr);gap:36px;max-width:710px}
 .book-intro-visual{width:min(100%,380px);margin:0 auto}
}
@media(max-width:760px){
 #the-book .book-intro-copy #book-heading{font-size:42px;margin-bottom:27px}
 #the-book .book-intro-copy .book-details{gap:13px}
 .book-intro-visual{width:min(100%,340px)}
}
@media(max-width:380px){#the-book .book-intro-copy #book-heading{font-size:37px}}

/* Reading-corner artwork: stable artboard, low flower vases, off-center circles. */
.book-intro-visual{width:100%;max-width:510px;aspect-ratio:2/3;justify-self:center}
.book-intro-visual:before{display:none}
.reading-scene{position:absolute;inset:0;isolation:isolate}
.reading-scene[hidden]{display:none}
.book-intro-visual .reading-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;filter:none;z-index:1;mask-image:linear-gradient(#000 82%,transparent 99%);-webkit-mask-image:linear-gradient(#000 82%,transparent 99%)}
.reading-geometry{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse at 58% 49%,#000 42%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at 58% 49%,#000 42%,transparent 73%);animation:reading-corner-glow 12s ease-in-out -4s infinite;animation-play-state:paused}
.book-intro-visual[data-in-view="true"] .reading-scene:not([hidden]) .reading-geometry{animation-play-state:running}
body[data-doodle-motion="paused"] .reading-geometry{animation-play-state:paused!important}
@keyframes reading-corner-glow{0%,100%{opacity:.6}40%,60%{opacity:.9}}
@media(max-width:900px){.book-intro-visual{width:min(100%,380px)}}
@media(max-width:760px){.book-intro-visual{width:min(100%,340px)}}
@media(prefers-reduced-motion:reduce){.reading-geometry{animation:none!important;opacity:.75}}
@media print{.reading-geometry{animation:none!important;opacity:.6}}