.coloring-section{background:#f4eddf;color:#183e34;padding:90px 7% 60px;scroll-margin-top:24px;overflow:hidden}.coloring-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:60px}.color-kicker{font:13px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#8d5437;margin:0 0 20px}.home .coloring-heading h2{font-size:clamp(2.8rem,4.8vw,5.3rem);line-height:1.02;letter-spacing:-.045em;margin:0}.home .coloring-heading h2 em{color:#9c5537}.coloring-heading>p{font:17px/1.8 Arial,sans-serif;max-width:310px;margin:0;color:#55645b}.color-journey{display:grid;grid-template-columns:190px minmax(220px,1fr) minmax(260px,.95fr);gap:45px;align-items:center;border-top:1px solid #183e3430;padding:55px 0}.color-volume{perspective:1600px;min-width:0}.color-volume .book-reader{--book-width:170px}.color-volume .volume{--rx:3deg;--ry:-15deg;filter:drop-shadow(0 16px 15px #183e3422)}.color-volume .book-reader:not(.is-open) .volume{animation:color-book-float 7s ease-in-out infinite}.color-volume .book-controls{margin-top:30px}.color-volume .book-controls button{border:1px solid #183e3466;background:#183e34;color:#fff8eb;font-size:13px;min-height:40px}.color-volume .page-status{color:#52675b;font-size:12px;max-width:180px;margin:12px auto}.color-volume .cover-inside{background:#eee3c9;color:#183e34}.color-copy h3{font:clamp(1.9rem,2.5vw,2.8rem)/1.04 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px}.color-copy .color-kicker{font-size:12px;margin-bottom:16px}.color-copy p{font:16px/1.8 Arial,sans-serif;color:#53635b}.color-copy .color-subtitle{font:italic 20px/1.4 Georgia,serif;color:#9c5537;margin:0 0 14px}.color-facts{list-style:none;padding:0;font:14px/1.9 Arial,sans-serif;margin:22px 0;color:#183e34}.color-facts li{border-bottom:1px solid #183e3414;padding:4px 0}.color-buy{display:inline-flex;align-items:center;min-height:48px;background:#183e34;color:#fff8eb;padding:13px 18px;font:14px/1.5 Arial,sans-serif;text-decoration:none;border-radius:2px;transition:background .25s,transform .25s}.color-buy:hover{background:#9c5537;transform:translateY(-3px)}.color-sample{margin:0;min-width:0}.color-reveal{position:relative;aspect-ratio: .79;background:#fff;box-shadow:0 12px 28px #183e3417;overflow:hidden}.color-reveal img{display:block;width:100%;height:100%;object-fit:fill;position:absolute;inset:0}.color-reveal .color-layer{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.color-seam{position:absolute;top:50%;left:var(--reveal);transform:translate(-50%,-50%);border-radius:50%;background:#fff8eb;color:#183e34;border:1px solid #183e3480;width:38px;height:38px;text-align:center;line-height:36px;box-shadow:0 1px 9px #0002;pointer-events:none}.color-seam:before,.color-seam:after{content:'';position:absolute;left:18px;width:1px;height:400px;background:#fff9}.color-seam:before{bottom:100%}.color-seam:after{top:100%}.color-sample figcaption{font:italic 14px/1.5 Georgia,serif;margin:14px 0;color:#677265}.color-sample label{display:block;font:14px/1.5 Arial,sans-serif;margin:12px 0 8px}.color-slider{width:100%;accent-color:#9c5537;cursor:ew-resize;min-height:32px}.color-slider-ends{display:flex;justify-content:space-between;font:12px/1.5 Arial,sans-serif;color:#677265}.coloring-note{border-top:1px solid #183e3430;padding-top:24px;font:13px/1.7 Arial,sans-serif;color:#657367;margin:0;max-width:100%}@keyframes color-book-float{0%,100%{transform:rotateX(3deg) rotateY(-15deg) rotateZ(-5deg) translateY(0)}50%{transform:rotateX(6deg) rotateY(-9deg) rotateZ(-3deg) translateY(-8px)}}@media(max-width:1100px){.color-journey{grid-template-columns:150px 1fr 280px;gap:25px}.color-volume .book-reader{--book-width:140px}.coloring-heading{gap:25px}.home .nav nav{gap:14px}}@media(max-width:760px){.coloring-section{padding:60px 6% 40px}.coloring-heading{display:block;margin-bottom:35px}.coloring-heading>p{margin-top:24px;max-width:100%;font-size:16px}.color-journey{grid-template-columns:140px minmax(0,1fr);gap:25px 20px;padding:40px 0;align-items:start}.color-copy h3{font-size:1.9rem}.color-copy .color-kicker{font-size:11px;letter-spacing:.08em}.color-copy p{font-size:15px}.color-sample{grid-column:1/-1;max-width:440px;width:100%;margin:15px auto 0}.color-volume{margin-top:38px}.color-volume .book-reader.is-open{--book-width:100px}.color-buy{font-size:13px;padding:12px}.color-copy .color-subtitle{font-size:18px}.color-facts{font-size:13px}.coloring-heading h2 br{display:none}.coloring-heading h2 em{display:block}}@media(max-width:420px){.color-journey{grid-template-columns:105px minmax(0,1fr);gap:22px 18px}.color-volume .book-reader{--book-width:105px}.color-volume .book-reader.is-open{--book-width:78px}.color-copy h3{font-size:1.6rem}.color-volume .book-controls{flex-wrap:wrap}.color-volume .page-status{font-size:11px}.color-volume .book-controls button{font-size:12px;padding:8px}.color-facts{margin:16px 0}.color-copy p{line-height:1.6}}@media(prefers-reduced-motion:reduce){.color-volume .volume{animation:none!important}.color-buy{transition:none}}
.color-volume .book-reader.is-open{--book-width:95px}.color-volume .book-controls{position:relative;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;width:190px;left:50%;transform:translateX(-50%);margin-top:28px}.color-volume .page-status{position:relative;left:50%;transform:translateX(-50%);width:190px;max-width:none;margin-top:12px;line-height:1.5}.color-volume .book-controls button{padding:8px 10px}.color-volume .book-controls button[hidden]{display:none}
@media(max-width:760px){.color-volume .book-reader.is-open{--book-width:70px}.color-volume .book-controls,.color-volume .page-status{width:140px}}@media(max-width:420px){.color-volume .book-reader.is-open{--book-width:52px}.color-volume .book-controls,.color-volume .page-status{width:105px}}
.color-volume .book-controls,.color-volume .page-status{top:auto;bottom:auto}
/* Give the interactive books a full display area, including their open spread. */
.color-journey{grid-template-columns:340px minmax(220px,1fr) minmax(260px,.85fr);gap:32px}
.color-journey>.color-volume{width:100%;margin:0;padding:22px 0}
.color-journey .book-reader{--book-width:250px}
.color-journey .book-reader.is-open{--book-width:155px}
.color-journey .book-controls,.color-journey .page-status{width:320px}
.color-journey .book-controls button{font-size:14px;min-height:46px;padding:11px 16px}
.color-journey .page-status{font-size:13px}
@media(max-width:1200px){
 .color-journey{grid-template-columns:320px minmax(0,1fr);gap:32px}
 .color-journey .color-sample{grid-column:2;max-width:400px;width:100%}
 .color-journey>.color-volume{grid-row:1 / span 2;align-self:center}
}
@media(max-width:760px){
 .color-journey{grid-template-columns:minmax(0,1fr);gap:30px;padding:42px 0}
 .color-journey>.color-volume{grid-row:auto;grid-column:1;padding:22px 0 10px;margin:0}
 .color-journey .book-reader{--book-width:clamp(220px,65vw,280px)}
 .color-journey .book-reader.is-open{--book-width:clamp(130px,39vw,190px)}
 .color-journey .book-controls,.color-journey .page-status{width:min(82vw,380px)}
 .color-journey .book-controls{margin-top:32px;gap:8px}
 .color-journey .book-controls button{font-size:14px;min-height:48px;padding:12px 16px}
 .color-journey .color-copy{grid-column:1}
 .color-journey .color-copy h3{font-size:2.2rem}
 .color-journey .color-sample{grid-column:1;max-width:440px;margin:0 auto}
}