.story-map{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:18px;margin-top:45px;padding:67px 0 0;font-weight:400}
.story-map-caption{position:absolute;left:0;top:0;font:600 27px/1.2 Caveat,'Segoe Print',cursive;color:#a45235;transform:rotate(-2deg)}
.story-map-line{position:absolute;top:45px;left:0;width:100%;height:56px;fill:none;stroke:#bb8a60;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.story-map>a{position:relative;display:block;padding:0;border:0;min-width:0}
.story-map>a::after{display:none!important}
.story-map>a>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #aa7958;border-radius:50%;background:var(--paper);font-size:9px;font-weight:600;margin-bottom:17px;transition:background .2s}
.story-map>a:hover>span{background:#f5b18c}
.story-map strong{display:block;font:600 27px/1.1 Caveat,'Segoe Print',cursive;white-space:normal;letter-spacing:0}
.story-map small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:8px}
.chapter-note{display:flex;align-items:center;gap:15px;font:600 26px/1.1 Caveat,'Segoe Print',cursive;letter-spacing:0;color:#a45235;margin:0 0 30px}
.chapter-note>svg{width:76px;height:35px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.teaching .chapter-note{color:#eab093}
.about-heading>.chapter-note{font-size:25px;gap:9px;margin-bottom:30px}
.about-heading>.chapter-note>svg{width:52px}
.about-story{padding-top:55px}
.about-story>.large-copy{font-size:25px;line-height:1.4;max-width:440px}
.about-story-step{display:grid;grid-template-columns:26px 1fr;gap:20px;margin-top:28px;position:relative}
.about-story-step>span{font:600 22px/1.2 Caveat,'Segoe Print',cursive;color:#a45235;padding-top:2px}
.about-story-step:not(:last-of-type):before{content:'';position:absolute;top:30px;bottom:-22px;left:9px;width:1px;border-left:1px dashed #bca584}
.about-story-step h3{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.03em;margin-bottom:9px}
.about-story-step p{font-size:14px;line-height:1.7;color:var(--muted)}
.about-story>.about-home-note{font:600 25px/1.2 Caveat,'Segoe Print',cursive;letter-spacing:0;color:#a45235;margin-top:29px;transform:rotate(-2deg)}
.about-story>.about-home-note span{margin-left:10px}
.hero-carousel .hero-arrow{width:44px;height:44px}
.hero-carousel .hero-rotation-control{min-height:44px;min-width:44px}
.hero-carousel .hero-book-note{font-family:Caveat,'Segoe Print',cursive;font-size:29px;line-height:1.05}
.hero-carousel .hero-book-note em{font:600 34px/1 Caveat,'Segoe Print',cursive;letter-spacing:0}
@media(min-width:601px) and (max-width:800px){.story-map strong{white-space:normal}}
@media(max-width:950px){.story-map{gap:12px}.story-map strong{font-size:23px}.story-map small{font-size:9px}.about-story{padding-top:45px}.about-story-step{gap:12px}}
@media(max-width:800px){.story-map{position:relative;top:auto;left:auto;right:auto;display:grid;align-items:start;flex-direction:initial;padding:65px 0 0;border:0;box-shadow:none;background:none}.story-map>a{padding:0;border:0;font-size:inherit}.story-map strong{font-size:22px}.chapter-note{font-size:24px}.about-heading>.chapter-note{font-size:22px}.about-story>.large-copy{font-size:22px}}
@media(max-width:600px){.story-map{grid-template-columns:1fr;gap:24px;padding:55px 0 0 2px;margin-top:35px}.story-map-caption{font-size:27px}.story-map-line{display:none}.story-map:before{content:'';position:absolute;left:15px;top:62px;bottom:38px;border-left:1px dashed #bb8a60;transform:rotate(-1deg)}.story-map>a{padding-left:47px;min-height:49px}.story-map>a>span{position:absolute;top:4px;left:0;margin:0;width:28px;height:28px}.story-map strong{font-size:28px}.story-map small{font-size:10px;margin-top:4px}.chapter-note{font-size:24px;margin-bottom:25px;gap:10px}.chapter-note>svg{width:50px}.about-heading>.chapter-note{font-size:23px}.about-story{padding-top:30px}.about-story>.large-copy{font-size:24px}.about-story-step{gap:15px;margin-top:26px}.about-story-step p{font-size:14px}.about-story>.about-home-note{font-size:25px}.hero-carousel .hero-slide-select{gap:12px}.hero-carousel .hero-slide-actions{gap:4px}.hero-carousel .hero-arrow{width:44px;height:44px}.hero-carousel .hero-carousel-controls{gap:7px}.hero-carousel .hero-slide-dot{min-height:44px;font-size:10px}}

@media(min-width:601px) and (max-width:950px){.story-map{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px;padding-top:55px}.story-map-line{display:none}}