:root{color-scheme:light;--paper:#f6f0e4;--cream:#fffcf5;--ink:#183f37;--muted:#4f6158;--coral:#aa493a;--gold:#9a691c}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
.page{width:min(100% - 3rem,70rem);margin-inline:auto}
.skip-link{position:absolute;left:1rem;top:-8rem;z-index:2;padding:.75rem 1rem;border-radius:.4rem;background:var(--ink);color:var(--cream);font:1rem/1.5 Arial,sans-serif}
.skip-link:focus{top:1rem;outline:3px solid var(--coral);outline-offset:4px}
main:focus-visible{outline:3px solid var(--coral);outline-offset:6px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.4rem;border-bottom:1px solid #d8d9c9}
.wordmark{min-width:0;margin:0;font-size:clamp(1.8rem,4vw,2.3rem);font-weight:bold;letter-spacing:-.06em;line-height:1.2;overflow-wrap:anywhere}
.wordmark>span:first-child{font-weight:normal}
.book-mark{display:inline-block;width:.9em;height:.75em;margin-left:.16em;vertical-align:-.06em;color:var(--gold)}
.bonnie{flex:none;display:block;width:4.5rem;height:4.5rem;object-fit:contain}
.introduction{text-align:center;padding:3.6rem 0 2.8rem}
h1{margin:0;font-size:clamp(2.5rem,5.8vw,4.5rem);font-weight:normal;line-height:1.12;letter-spacing:-.045em;overflow-wrap:break-word;text-wrap:balance}
.lead{margin:1rem 0 0;color:var(--coral);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5;text-wrap:balance}
.journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem;list-style:none;padding:0;margin:0}
.journey>li{min-width:0}
.story-card{margin:0}
.picture{aspect-ratio:16/10;overflow:hidden;border-radius:1rem;background:var(--cream);box-shadow:0 1px 0 #183f3710}
.picture img{display:block;width:100%;height:100%;object-fit:contain}
figcaption{padding:1rem .25rem 0}
h2{margin:0;font-size:1.75rem;line-height:1.25;font-weight:normal;letter-spacing:-.02em}
figcaption p{margin:.5rem 0 0;color:var(--muted);font-family:Arial,sans-serif;font-size:1rem;line-height:1.65;overflow-wrap:break-word}
footer{margin-top:3rem;padding:1.5rem 0 2rem;border-top:1px solid #d8d9c9;text-align:center;color:var(--muted);font-family:Arial,sans-serif;font-size:.8rem;line-height:1.65}
footer p{margin:0}
@media(max-width:42rem){.page{width:min(100% - 2rem,34rem)}.masthead{padding-block:1rem}.introduction{padding:2.5rem 0 2rem}.journey{grid-template-columns:minmax(0,1fr);gap:2rem}.bonnie{width:3.75rem;height:3.75rem}figcaption{padding-top:.8rem}footer{margin-top:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.picture{border:1px solid CanvasText}.skip-link:focus,main:focus-visible{outline-color:Highlight}}