/* Playful library layout and motion. */
:root{--cream:#faf7f3;--ink:#323332;--purple:#a47bda;--purple-dark:#7850ae;--cyan:#43aecc;--muted:#77746f;--line:#e7e0d9;--lilac:#f0e7f8;--ease-out:cubic-bezier(.2,.75,.25,1)}
body{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-size:16px}::selection{background:#ead7fd;color:#493563}html{scroll-padding-top:30px}.wrap{width:min(1320px,calc(100% - 104px))}h1,h2,h3{font-family:'Trebuchet MS','Segoe UI',sans-serif}h2{font-weight:800;font-size:clamp(30px,3.2vw,45px);letter-spacing:-1.8px}a,button{-webkit-tap-highlight-color:transparent}.site-header{position:relative;height:145px;border:0;gap:28px;z-index:20}.playful-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:135px;flex-shrink:0;transform:rotate(-5deg);line-height:.85;letter-spacing:1px;transition:transform .4s var(--ease-out)}.playful-brand:hover{transform:rotate(0deg) scale(1.03)}.logo-line{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:1000;display:block}.logo-online{font-size:17px;letter-spacing:2px;color:#706650;position:relative}.logo-online>span{position:absolute;right:-27px;top:-12px;font-size:30px;color:#eab749}.logo-color{font-size:31px;margin-top:5px;letter-spacing:-3px;display:flex;gap:2px}.logo-color i{font-style:normal;color:#43aecc;display:inline-block}.logo-color i:nth-child(2){color:#e9b951;transform:translateY(-2px)}.logo-color i:nth-child(3){color:#d8899c;transform:rotate(-9deg)}.logo-color i:nth-child(4){color:#a47bda;transform:translateY(2px)}.logo-color i:nth-child(5){color:#69b99b;transform:rotate(7deg)}.logo-page{font-size:24px;letter-spacing:4px;color:#a47bda;margin-top:7px;position:relative}.logo-page>span{position:absolute;right:-35px;bottom:-3px;font-size:33px;letter-spacing:-10px;color:#e9b951}.site-header nav{gap:36px;font-size:14px;font-weight:500}.site-header nav a{position:relative;padding-block:7px}.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-out)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.search-toggle{border:0;width:35px;height:40px;padding:6px;color:var(--purple)}.search-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.5}.library-count{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:142px;height:90px;background:#fff;border:1px solid var(--line);border-radius:43% 55% 42% 48% / 55% 42% 54% 40%;color:var(--purple);transform:rotate(3deg);transition:transform .4s var(--ease-out),box-shadow .4s}.library-count strong{font-size:29px;line-height:1.1;font-weight:900;letter-spacing:1px}.library-count>span{font-size:11px}.library-count:hover{transform:rotate(-4deg);box-shadow:0 7px 0 #eee5f4}.menu-toggle{padding:10px;border-color:#dbd1df}.menu-toggle>span{display:block;width:16px;height:2px;background:var(--purple-dark);margin:4px auto;transition:transform .25s}.menu-open .menu-toggle>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle>span:last-child{transform:translateY(-3px) rotate(-45deg)}.header-search{position:relative;z-index:19;background:var(--cream);padding-bottom:24px}.header-search input{border-radius:40px}.button{border-radius:40px;font-size:13px;font-weight:700;padding:15px 27px;gap:25px;background:var(--purple);border-color:var(--purple);transition:background .3s,transform .35s var(--ease-out),box-shadow .35s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #dac7ed88;background:var(--purple-dark)}.button:active{transform:translateY(0);box-shadow:none}.button>span:last-child{display:inline-block;transition:transform .3s}.button:hover>span:last-child{transform:translate(3px,-2px)}.text-link{font-size:13px;color:var(--purple-dark);border:0;display:inline-flex;gap:15px;align-items:center}.text-link>span{font-size:23px;transition:transform .3s}.text-link:hover>span{transform:translate(3px,-3px)}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#9476b3;font-weight:700}
.coloring-hero{position:relative;isolation:isolate;min-height:735px;text-align:center;overflow:hidden;padding:75px 20px 85px;display:flex;justify-content:center;align-items:center}.coloring-hero-copy{position:relative;z-index:2;width:100%;pointer-events:none}.coloring-hero-copy>a{pointer-events:auto}.hero-sketch{position:absolute;inset:0;z-index:-1;display:flex;justify-content:center;align-items:center;color:#c9c0b6;opacity:.36;pointer-events:none;transition:transform .75s var(--ease-out)}.hero-sketch svg{width:min(1000px,88vw);height:100%;overflow:visible}.hero-kicker{display:block;font-size:9px;letter-spacing:3px;color:#90857b;font-weight:600;margin-bottom:20px}.coloring-hero h1{margin:0;color:var(--cyan);font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:1000;line-height:.96;letter-spacing:-2px}.hero-title-small{display:block;font-size:clamp(37px,4.5vw,61px);letter-spacing:-2px}.hero-title-big{display:block;position:relative;width:fit-content;margin:0 auto;font-size:clamp(100px,14.8vw,205px);font-weight:1000;line-height:1.15;letter-spacing:-11px}.hero-title-big svg{position:absolute;bottom:3px;left:3%;width:94%;height:19px;fill:none;stroke:#e6bf4b;stroke-width:4;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:draw-line 1.2s .65s var(--ease-out) forwards}.title-dot{color:#dca0ac}.coloring-hero-copy>p{font-size:15px;color:#777169;line-height:1.9;margin:26px auto 24px;max-width:500px}.hero-button{background:var(--cyan);border-color:var(--cyan);padding:16px 30px}.hero-button:hover{background:#2995b5;box-shadow:0 7px 0 #bce2ec88}.hero-free-note{display:block;margin-top:15px;font-size:10px;letter-spacing:.3px;color:#938a80}.hero-doodle{position:absolute;pointer-events:none;color:var(--cyan);width:90px;animation:doodle-drift 6s ease-in-out infinite}.hero-doodle svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.doodle-cloud{left:11%;top:45px;width:85px}.doodle-flower{right:7%;bottom:130px;width:93px;color:#70baa0;animation-delay:-1.5s}.doodle-pencil{left:5%;top:340px;width:65px;color:#e3b738;animation-delay:-3s}.doodle-spark{right:14%;top:60px;width:62px;color:var(--purple);animation-delay:-4.5s}.scroll-cue{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px;color:#9c8ea3}.scroll-cue svg{width:13px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.category-band{background:#f0e8f5;padding:0;scroll-margin-top:15px}.category-links{display:flex;align-items:center;justify-content:space-between;gap:15px}.category-links>a{display:flex;align-items:center;gap:9px;padding:20px 4px;font-size:13px;font-weight:600;white-space:nowrap;transition:color .3s}.category-links>a>span:first-child{font-size:23px;font-family:Georgia,serif;color:#a781c2;display:inline-block;transition:transform .5s var(--ease-out)}.category-links a:hover>span:first-child{transform:rotate(-15deg) scale(1.2)}.category-links a:hover{color:var(--purple-dark)}.category-arrow{font-size:13px;color:#ab91ba;margin-left:5px}.section{padding-top:80px}.section-heading{margin-bottom:35px}.section-heading p{font-size:14px;margin-top:13px}.heading-star{color:#e2bd52;font-size:41px;vertical-align:middle;margin-left:15px}.gallery-section{padding-top:78px}.card-grid{gap:40px 26px}.color-card{min-width:0}.sheet-link{padding:0;border:1px solid #e8e1da;background:#fff;border-radius:16px;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .3s}.sheet-link img{padding:13px;border-radius:16px;transition:transform .65s var(--ease-out)}.sheet-link:hover,.sheet-link:focus-visible{transform:translateY(-7px) rotate(-1deg);box-shadow:0 18px 35px #66524513;border-color:#c9b2df}.sheet-link:hover img{transform:scale(1.025)}.sheet-label{top:14px;left:14px;background:#f5eefb;color:#9274b0;padding:4px 11px;font-size:9px;border:1px solid #e9dff1;box-shadow:none}.card-meta{margin-top:15px;color:#9b7bb5;font-size:10px}.card-meta span{font-size:8px;color:#ada398}.color-card h3{font-size:15px;font-weight:600;margin-top:5px;color:#514b46}.color-card h3 a:hover{color:var(--purple-dark)}.popular-section{padding-top:90px;padding-bottom:75px}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.popular-card{display:block;border-radius:18px;overflow:hidden;padding:20px 23px 22px;transition:transform .4s var(--ease-out)}.popular-card:hover{transform:translateY(-7px)}.tint-pink{background:#f6e9e9}.tint-yellow{background:#f6efd9}.tint-lilac{background:#eee5f5}.tint-mint{background:#e5eee5}.popular-art{height:190px;overflow:hidden;display:flex;align-items:center;justify-content:center}.popular-art img{width:180px;height:218px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-7deg);transition:transform .65s var(--ease-out)}.popular-card:nth-child(even) img{transform:rotate(7deg)}.popular-card:hover img{transform:rotate(0deg) scale(1.05)}.popular-description{display:block;font-size:10px;color:#8d7f86;margin-top:15px}.popular-card h3{display:flex;justify-content:space-between;align-items:center;font-size:25px;font-weight:800;letter-spacing:-.8px;margin:4px 0 0}.popular-card h3>span{font-size:22px;font-weight:400}.little-doodle{font-size:63px;color:#bf9cd6;line-height:1}.collection-feature{margin:0;padding:70px 0}.collection-feature+.collection-feature{margin-top:24px}.feature-layout{display:grid;grid-template-columns:.8fr 1.6fr;gap:70px;align-items:center}.feature-copy h2{max-width:330px;font-size:clamp(35px,3.4vw,48px);line-height:1.12;margin-top:17px}.feature-copy p{font-size:13px;color:#8b7d75;margin:20px 0 25px}.feature-doodle{font-size:65px;color:#c78c9d;line-height:1.3;display:block;margin-bottom:22px;transform:rotate(-12deg)}.tint-yellow .feature-doodle{color:#c8a345}.feature-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.collection-feature .card-meta span{display:none}.feature-copy .button{background:transparent;color:#8c669b;border-color:#ba9fc7}.feature-copy .button:hover{background:#fff8}.creative-banner{background:#e9e1f2;border-radius:22px;padding:45px;margin-top:80px}.creative-banner h2{font-size:34px;font-weight:800;letter-spacing:-1.3px}.creative-banner p{font-size:13px}.light-button{background:var(--cream);color:var(--purple-dark);border-color:var(--cream)}.light-button:hover{background:white;color:var(--purple-dark)}.how-section{padding-top:90px;padding-bottom:95px}.how-section h2{font-size:36px}.steps{gap:80px;margin-top:40px}.steps>div>span{background:#eee4f5;color:#a179bf;border:0;font-size:17px;font-family:'Trebuchet MS',sans-serif;width:54px;height:54px;transform:rotate(-8deg);border-radius:45% 55% 48% 52%}.steps>div:nth-child(2)>span{background:#e2edf0;color:#5c9eaf;transform:rotate(7deg)}.steps>div:nth-child(3)>span{background:#f2e8d5;color:#b2995c}.steps h3{font-size:17px;margin-top:20px}.steps p{font-size:13px}.site-footer{background:#eee7f1;border-top:0}.footer-top{padding-top:55px;padding-bottom:40px}.site-footer .brand{font-family:'Trebuchet MS',sans-serif}.footer-top h3{font-size:14px}.site-footer p{font-size:13px}.footer-top>div>a:not(.brand){font-size:13px}.footer-bottom{border-color:#ddd1e4}.archive-main,.single-main{padding-top:35px}.archive-main h1,.single-copy h1,.prose h1{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-weight:800;letter-spacing:-1.8px}.archive-main h1{color:var(--cyan);font-size:54px}.single-copy h1{font-size:48px;color:var(--purple-dark)}.browse-pills a,.page-tags span{border-radius:30px;padding:9px 19px;transition:background .25s,transform .3s}.browse-pills a:hover{transform:translateY(-3px)}input,select{border-radius:30px;padding:13px 20px}.filter-form{background:#f0e9f2;border-radius:18px;padding:16px}.filter-form input,.filter-form select{border-color:transparent}.print-sheet{background:#ede5f2;padding:22px;border:0;border-radius:20px}.print-art{border-radius:10px}.personal-note{border-radius:15px;background:#f0e6f6;padding:22px}.single-copy .small-note{font-size:12px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#43aecc,#b28add,#e4b958);transform-origin:left;transform:scaleX(0);z-index:100;pointer-events:none}.skip:focus{z-index:110}.single-layout,.filter-form,.color-card,.section-heading,.popular-card,.feature-copy,.creative-banner,.steps>div{scroll-margin-top:30px}
.button:not(.secondary):not(.light-button):not(.hero-button){background:#8b5fbc;border-color:#8b5fbc}.button:not(.secondary):not(.light-button):not(.hero-button):hover{background:var(--purple-dark)}.hero-button{color:#102f3b}.hero-button:hover{background:#6dc4da;color:#102f3b}.coloring-hero h1,.archive-main h1{color:#2991ae}
@keyframes doodle-drift{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(4deg)}}@keyframes draw-line{to{stroke-dashoffset:0}}
@media(min-width:1600px){.coloring-hero{min-height:800px}.hero-title-big{font-size:220px}.coloring-hero-copy>p{margin-top:30px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{height:125px;gap:20px}.site-header nav{gap:24px;font-size:12px}.library-count{min-width:120px;height:80px}.coloring-hero{min-height:690px;padding-top:65px}.hero-title-big{font-size:15.8vw;letter-spacing:-8px}.hero-sketch svg{width:95vw}.category-links{gap:10px}.category-links>a{font-size:11px;gap:5px}.category-arrow{display:none}.category-links>a>span:first-child{font-size:20px}.card-grid{gap:33px 20px}.popular-grid{gap:16px}.popular-card{padding:16px}.popular-card h3{font-size:23px}.popular-art{height:160px}.popular-art img{width:160px}.feature-layout{gap:40px}.creative-banner{padding:35px}.creative-banner h2{font-size:29px}.creative-banner .button{padding:13px 20px;font-size:11px}.banner-art{font-size:65px}.steps{gap:40px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.site-header{height:105px;gap:17px}.playful-brand{width:115px}.logo-online{font-size:14px}.logo-color{font-size:27px}.logo-page{font-size:20px}.site-header nav{top:95px;left:0;right:0;background:#fffaf6;border:1px solid var(--line);border-radius:18px;padding:22px 25px;gap:17px;box-shadow:0 16px 35px #58483816}.site-header nav a{font-size:15px}.library-count{min-width:110px;height:68px}.library-count strong{font-size:23px}.library-count>span{font-size:9px}.search-toggle{margin-left:auto}.menu-toggle{width:38px;height:38px}.coloring-hero{min-height:650px;padding:65px 16px 80px}.hero-title-big{font-size:16.5vw;letter-spacing:-6px;line-height:1.3}.hero-title-small{font-size:44px}.hero-kicker{font-size:8px;letter-spacing:2px}.coloring-hero-copy>p{font-size:14px}.hero-sketch svg{width:115vw;max-width:none}.doodle-cloud{left:6%;top:25px;width:65px}.doodle-spark{right:8%;top:40px;width:44px}.doodle-pencil{left:3%;width:47px;top:270px}.doodle-flower{right:4%;width:63px;bottom:100px}.category-links{overflow-x:auto;justify-content:flex-start;gap:25px;scrollbar-width:thin;scrollbar-color:#ceb8dd transparent}.category-links>a{font-size:12px;padding-block:16px}.section{padding-top:60px}.gallery-section{padding-top:60px}.section-heading{gap:20px}.section-heading .text-link{font-size:12px}.section-heading h2{font-size:34px}.heading-star{font-size:29px}.card-grid{gap:30px 20px}.popular-section{padding-bottom:55px}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.popular-card{padding:20px}.popular-art{height:170px}.popular-art img{width:180px}.feature-layout{grid-template-columns:1fr;gap:30px}.feature-copy{display:grid;grid-template-columns:1fr auto;column-gap:25px}.feature-copy h2{max-width:none;font-size:37px;grid-column:1}.feature-copy .eyebrow{grid-column:1;grid-row:1}.feature-doodle{grid-column:2;grid-row:1/4;margin:0;align-self:center}.feature-copy p{margin:12px 0 20px;grid-column:1}.feature-copy .button{grid-column:1;width:fit-content}.collection-feature{padding:45px 0}.feature-cards{gap:20px}.creative-banner{margin-top:60px;gap:20px}.creative-banner .button{margin-left:85px}.how-section{padding-bottom:65px}.how-section h2{font-size:31px}.single-copy h1{font-size:38px}.archive-main h1{font-size:44px}.print-sheet{padding:16px}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.site-header{height:100px;gap:12px}.playful-brand{width:105px}.logo-color{font-size:25px}.logo-online{font-size:12px}.logo-page{font-size:18px}.logo-page>span{font-size:25px;right:-26px}.library-count{min-width:80px;height:61px;margin-right:2px}.library-count strong{font-size:21px}.library-count>span{font-size:7px}.search-toggle{width:29px;padding:3px}.search-toggle svg{width:20px}.menu-toggle{width:34px;height:34px;padding:6px}.coloring-hero{min-height:590px;padding:65px 8px 85px}.hero-title-small{font-size:38px}.hero-title-big{font-size:18vw;letter-spacing:-4px;line-height:1.4}.hero-title-big svg{height:12px;bottom:6px}.hero-kicker{font-size:6.5px;letter-spacing:1.6px;margin-bottom:16px}.coloring-hero-copy>p{font-size:12px;line-height:1.85;margin:23px auto;max-width:280px}.hero-button{font-size:12px;padding:14px 23px}.hero-free-note{font-size:8px;margin-top:14px}.hero-sketch{inset:0 -100px}.hero-sketch svg{width:150vw}.doodle-cloud{left:8%;top:22px;width:50px}.doodle-spark{right:9%;top:28px;width:35px}.doodle-pencil{left:3%;top:290px;width:32px}.doodle-flower{width:47px;right:5%;bottom:60px}.scroll-cue{bottom:18px;font-size:7px;white-space:nowrap}.category-links{gap:22px}.category-links>a{font-size:11px}.category-links>a>span:first-child{font-size:19px}.section{padding-top:48px}.section-heading{gap:15px;margin-bottom:25px}.section-heading h2{font-size:30px;letter-spacing:-1px}.section-heading p{font-size:12px}.section-heading .text-link{margin-top:0;font-size:11px}.heading-star{font-size:27px;margin-left:8px}.eyebrow{font-size:8px;letter-spacing:1.8px}.card-grid{gap:26px 14px}.sheet-link{border-radius:12px}.sheet-link img{padding:7px;border-radius:12px}.sheet-label{top:9px;left:9px;padding:3px 8px;font-size:7px}.card-meta{font-size:8px;margin-top:11px}.card-meta span{font-size:6px;letter-spacing:.4px}.color-card h3{font-size:12px;line-height:1.5}.popular-grid{gap:14px}.popular-card{padding:12px 14px 17px;border-radius:14px}.popular-art{height:135px}.popular-art img{width:145px;height:175px}.popular-description{font-size:8px;margin-top:12px}.popular-card h3{font-size:21px;letter-spacing:-.6px}.popular-card h3>span{font-size:18px}.little-doodle{font-size:48px}.popular-section{padding-bottom:45px}.feature-copy h2{font-size:34px;max-width:260px}.feature-doodle{font-size:53px}.feature-copy p{font-size:12px}.feature-copy .button{font-size:11px;padding:12px 21px}.collection-feature{padding:38px 0}.collection-feature+.collection-feature{margin-top:18px}.feature-cards{gap:14px}.creative-banner{padding:30px 23px;margin-top:45px;border-radius:18px}.creative-banner h2{font-size:29px}.creative-banner .banner-art{font-size:62px;margin-bottom:15px}.creative-banner p{font-size:12px}.creative-banner .button{margin:22px 0 0;padding:14px 24px;font-size:12px}.how-section{padding-top:55px;padding-bottom:55px}.how-section h2{font-size:30px}.steps{gap:30px;margin-top:30px}.steps>div>span{width:46px;height:46px}.steps h3{font-size:17px}.steps p{font-size:12px}.footer-top{padding-top:38px;gap:27px}.footer-top h3{font-size:13px}.site-footer p,.footer-top>div>a:not(.brand){font-size:12px}.single-copy h1{font-size:39px;letter-spacing:-1.2px}.single-layout{gap:30px}.archive-main h1{font-size:39px}.filter-form{padding:12px;border-radius:16px;gap:9px}.filter-form .button{padding:12px 18px;font-size:12px}.filter-form input,.filter-form select{padding:12px 15px;font-size:12px}.page-tags span{font-size:11px;padding:7px 15px}.header-search .button{font-size:11px;gap:10px}.header-search input{font-size:12px}.print-sheet{padding:14px}.personal-note{font-size:12px}}
@media(max-width:350px){.site-header{gap:7px}.library-count{min-width:68px}.playful-brand{width:95px}.hero-title-big{font-size:17.5vw}.feature-doodle{display:none}.hero-kicker{letter-spacing:1px}}
@media(hover:none){.sheet-link:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-title-big svg{stroke-dashoffset:0}.hero-sketch{transform:none!important}}
@media print{.reading-progress,.hero-doodle{display:none!important}.print-sheet{background:white!important;padding:0!important}.print-art{border-radius:0!important}*{animation:none!important;transition:none!important;box-shadow:none!important;opacity:1!important}}