html { scroll-behavior: smooth; background: #f3e8ff; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: #f3e8ff; color: #24170e; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.55; }
:root { --kids-drawing-coloring-games-bg: #f3e8ff; --kids-drawing-coloring-games-ink: #24170e; --kids-drawing-coloring-games-muted: #6d625c; --kids-drawing-coloring-games-accent: #854d0e; --kids-drawing-coloring-games-accent-dark: #5d3409; --kids-drawing-coloring-games-paper: #fffaf5; --kids-drawing-coloring-games-night: #19100c; --kids-drawing-coloring-games-line: rgba(74, 43, 24, .16); }
* { box-sizing: border-box; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #e8b56c; outline-offset: 4px; }
.kids-drawing-coloring-games-shell { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.kids-drawing-coloring-games-header { position: relative; z-index: 3; background: rgba(243, 232, 255, .9); border-bottom: 1px solid var(--kids-drawing-coloring-games-line); }
.kids-drawing-coloring-games-nav-wrap { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.kids-drawing-coloring-games-brand { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; letter-spacing: -.04em; }
.kids-drawing-coloring-games-brand img { width: 31px; height: 31px; border-radius: 9px; }
.kids-drawing-coloring-games-nav { display: flex; gap: 22px; color: #594c45; font-size: 12px; }
.kids-drawing-coloring-games-nav a { transition: color .2s ease; }
.kids-drawing-coloring-games-nav a:hover { color: var(--kids-drawing-coloring-games-accent); }
.kids-drawing-coloring-games-nav-cta, .kids-drawing-coloring-games-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 5px; background: var(--kids-drawing-coloring-games-accent); color: #fffaf5; font-size: 12px; font-weight: 700; box-shadow: 0 7px 18px rgba(133, 77, 14, .15); transition: transform .2s ease, background .2s ease; }
.kids-drawing-coloring-games-nav-cta { padding: 9px 12px; font-size: 11px; }
.kids-drawing-coloring-games-nav-cta:hover, .kids-drawing-coloring-games-button:hover { background: var(--kids-drawing-coloring-games-accent-dark); color: #fff; transform: translateY(-2px); }
.kids-drawing-coloring-games-hero { position: relative; overflow: hidden; padding: 76px 0 82px; background: radial-gradient(circle at 78% 30%, rgba(234, 177, 96, .21), transparent 25%), linear-gradient(110deg, #f3e8ff 0%, #fbf3ec 56%, #edd8e8 100%); }
.kids-drawing-coloring-games-hero::after { content: ''; position: absolute; inset: auto 0 -1px; height: 26px; background: linear-gradient(90deg, transparent, rgba(133,77,14,.42), transparent); filter: blur(13px); }
.kids-drawing-coloring-games-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.06fr .94fr; align-items: center; gap: 60px; }
.kids-drawing-coloring-games-hero-copy { max-width: 650px; }
.kids-drawing-coloring-games-eyebrow { margin: 0 0 10px; color: var(--kids-drawing-coloring-games-accent); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { margin: 0; line-height: 1.03; letter-spacing: -.055em; }
h1 { max-width: 630px; font-size: clamp(42px, 5.4vw, 74px); }
h2 { font-size: clamp(31px, 3.5vw, 49px); }
h3 { font-size: 20px; }
.kids-drawing-coloring-games-lede { max-width: 580px; margin: 23px 0; color: #5e4e45; font-size: 16px; line-height: 1.55; }
.kids-drawing-coloring-games-actions { display: flex; align-items: center; gap: 22px; }
.kids-drawing-coloring-games-text-link { font-weight: 700; color: var(--kids-drawing-coloring-games-accent); font-size: 12px; }
.kids-drawing-coloring-games-meta { margin: 24px 0 0; color: #70605a; font-size: 11px; }
.kids-drawing-coloring-games-hero-art { position: relative; display: grid; place-items: center; min-height: 345px; }
.kids-drawing-coloring-games-orbit { position: absolute; width: min(33vw, 350px); aspect-ratio: 1; border: 1px solid rgba(133,77,14,.4); border-radius: 50%; box-shadow: inset 0 0 45px rgba(133,77,14,.13), 0 0 100px rgba(255,216,145,.35); }
.kids-drawing-coloring-games-hero-art img { position: relative; width: min(65%, 290px); border-radius: 27%; box-shadow: 0 26px 48px rgba(57, 27, 18, .24); transform: rotate(4deg); }
.kids-drawing-coloring-games-float { position: absolute; z-index: 2; padding: 7px 10px; border-radius: 5px; background: rgba(255,250,245,.88); color: var(--kids-drawing-coloring-games-accent-dark); font-size: 10px; font-weight: 800; box-shadow: 0 8px 18px rgba(62,37,20,.12); }
.kids-drawing-coloring-games-float-one { top: 20%; right: 3%; }.kids-drawing-coloring-games-float-two { bottom: 13%; left: 4%; }
.kids-drawing-coloring-games-dark-section { padding: 94px 0; background: var(--kids-drawing-coloring-games-night); color: #fff9f4; }
.kids-drawing-coloring-games-section-intro { max-width: 620px; }.kids-drawing-coloring-games-section-intro h2 { max-width: 610px; }.kids-drawing-coloring-games-section-intro p:not(.kids-drawing-coloring-games-eyebrow) { color: #c4b5ad; }
.kids-drawing-coloring-games-section-intro-dark .kids-drawing-coloring-games-eyebrow { color: #f0b96c; }
.kids-drawing-coloring-games-feature-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items: end; margin-top: 52px; }
.kids-drawing-coloring-games-feature-copy > p { color: #c6b8b1; }.kids-drawing-coloring-games-feature-copy h3 { margin-bottom: 16px; font-size: 27px; }
.kids-drawing-coloring-games-feature-image { margin: 0; }.kids-drawing-coloring-games-feature-image img { width: 100%; max-height: 290px; object-fit: cover; border-radius: 5px; }.kids-drawing-coloring-games-feature-image figcaption { margin-top: 9px; color: #b7a9a3; font-size: 10px; }
.kids-drawing-coloring-games-stat-row { display: flex; gap: 30px; margin: 32px 0 0; }.kids-drawing-coloring-games-stat-row div { min-width: 74px; }.kids-drawing-coloring-games-stat-row dt { color: #f0b96c; font-size: 22px; font-weight: 800; }.kids-drawing-coloring-games-stat-row dd { margin: 1px 0 0; color: #b9aaa2; font-size: 10px; }
.kids-drawing-coloring-games-route { margin-top: 70px; padding-top: 17px; border-top: 1px solid rgba(255,250,245,.16); }.kids-drawing-coloring-games-route-label { color: #f0b96c; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.kids-drawing-coloring-games-route ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 18px 0 0; padding: 0; list-style: none; }.kids-drawing-coloring-games-route li span { display: block; color: #927c71; font-size: 10px; }.kids-drawing-coloring-games-route li strong { font-size: 15px; }.kids-drawing-coloring-games-route li p { margin: 6px 0 0; color: #b9aaa2; font-size: 11px; }
.kids-drawing-coloring-games-activities { padding: 96px 0; background: var(--kids-drawing-coloring-games-paper); }.kids-drawing-coloring-games-center-title { max-width: 630px; margin: 0 auto 44px; text-align: center; }.kids-drawing-coloring-games-center-title > p:last-child { color: var(--kids-drawing-coloring-games-muted); }
.kids-drawing-coloring-games-activity-layout { display: grid; grid-template-columns: 1.34fr .66fr; gap: 18px; }.kids-drawing-coloring-games-activity-primary { display: grid; grid-template-columns: 1.05fr .95fr; background: #e8c879; min-height: 360px; }.kids-drawing-coloring-games-activity-primary img { width: 100%; height: 100%; max-height: 390px; object-fit: cover; }.kids-drawing-coloring-games-activity-primary div { align-self: end; padding: 31px; }.kids-drawing-coloring-games-card-index { margin: 0 0 12px; font-size: 10px; font-weight: 800; color: #6d3e09; }.kids-drawing-coloring-games-activity-primary p:not(.kids-drawing-coloring-games-card-index) { color: #604419; }
.kids-drawing-coloring-games-activity-stack { display: grid; gap: 18px; }.kids-drawing-coloring-games-activity-stack article { position: relative; padding: 23px 25px 20px 62px; background: #fff; }.kids-drawing-coloring-games-activity-stack span { position: absolute; left: 24px; top: 25px; color: #b88445; font-size: 11px; font-weight: 800; }.kids-drawing-coloring-games-activity-stack h3 { font-size: 17px; }.kids-drawing-coloring-games-activity-stack p { margin: 8px 0 0; color: var(--kids-drawing-coloring-games-muted); font-size: 12px; }
.kids-drawing-coloring-games-learning { padding: 100px 0; background: linear-gradient(135deg, #f3e8ff, #f6e9df); }.kids-drawing-coloring-games-learning-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 100px; }.kids-drawing-coloring-games-learning-grid > div > p:not(.kids-drawing-coloring-games-eyebrow) { color: var(--kids-drawing-coloring-games-muted); }.kids-drawing-coloring-games-learning-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(133,77,14,.17); }.kids-drawing-coloring-games-learning-list > div { display: flex; gap: 17px; padding: 23px; background: #fbf4f3; }.kids-drawing-coloring-games-learning-list b { color: var(--kids-drawing-coloring-games-accent); }.kids-drawing-coloring-games-learning-list p { margin: 0; color: var(--kids-drawing-coloring-games-muted); font-size: 12px; }.kids-drawing-coloring-games-learning-list strong { color: var(--kids-drawing-coloring-games-ink); }
.kids-drawing-coloring-games-editorial { padding: 80px 0; background: #fffaf5; }.kids-drawing-coloring-games-editorial-top { display: grid; grid-template-columns: 1fr .75fr; gap: 90px; align-items: end; }.kids-drawing-coloring-games-editorial-top > p { color: var(--kids-drawing-coloring-games-muted); }.kids-drawing-coloring-games-editorial-grid { display: grid; grid-template-columns: 1.08fr .92fr .92fr; gap: 1px; margin-top: 40px; background: var(--kids-drawing-coloring-games-line); }.kids-drawing-coloring-games-editorial-grid article { padding: 26px; background: #fffaf5; }.kids-drawing-coloring-games-editorial-grid h3 { font-size: 17px; }.kids-drawing-coloring-games-editorial-grid p { margin-bottom: 0; color: var(--kids-drawing-coloring-games-muted); font-size: 12px; }
.kids-drawing-coloring-games-gallery { padding: 100px 0; background: var(--kids-drawing-coloring-games-bg); }.kids-drawing-coloring-games-gallery-head { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 37px; }.kids-drawing-coloring-games-gallery-head > div { max-width: 630px; }.kids-drawing-coloring-games-gallery-head > p { max-width: 335px; margin: 0; color: var(--kids-drawing-coloring-games-muted); font-size: 12px; }.kids-drawing-coloring-games-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.kids-drawing-coloring-games-gallery-grid figure { min-width: 0; margin: 0; }.kids-drawing-coloring-games-gallery-grid img { width: 100%; height: 160px; object-fit: cover; background: #fff; }.kids-drawing-coloring-games-gallery-grid figcaption { padding: 7px 2px; color: #695a53; font-size: 10px; }.kids-drawing-coloring-games-gallery-grid .kids-drawing-coloring-games-gallery-wide { grid-column: span 2; }.kids-drawing-coloring-games-gallery-wide img { height: 220px; }
.kids-drawing-coloring-games-faq { padding: 88px 0; background: var(--kids-drawing-coloring-games-night); color: #fff9f4; }.kids-drawing-coloring-games-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }.kids-drawing-coloring-games-faq .kids-drawing-coloring-games-eyebrow { color: #f0b96c; }.kids-drawing-coloring-games-faq-grid > div > p:not(.kids-drawing-coloring-games-eyebrow) { color: #b9aaa2; }.kids-drawing-coloring-games-button-light { margin-top: 15px; background: #f0b96c; color: #2d1b0c; }.kids-drawing-coloring-games-questions details { border-top: 1px solid rgba(255,255,255,.18); }.kids-drawing-coloring-games-questions details:last-child { border-bottom: 1px solid rgba(255,255,255,.18); }.kids-drawing-coloring-games-questions summary { position: relative; padding: 17px 30px 17px 0; cursor: pointer; font-weight: 700; list-style: none; }.kids-drawing-coloring-games-questions summary::-webkit-details-marker { display: none; }.kids-drawing-coloring-games-questions summary::after { content: '+'; position: absolute; right: 4px; color: #f0b96c; font-size: 20px; font-weight: 400; }.kids-drawing-coloring-games-questions details[open] summary::after { content: '–'; }.kids-drawing-coloring-games-questions p { margin: 0 0 17px; color: #c4b5ad; font-size: 12px; }
.kids-drawing-coloring-games-closing { padding: 87px 0; text-align: center; background: linear-gradient(180deg, #f3e8ff, #f7ecdf); }.kids-drawing-coloring-games-closing > div { max-width: 720px; }.kids-drawing-coloring-games-closing p:last-child { max-width: 610px; margin: 18px auto 0; color: var(--kids-drawing-coloring-games-muted); }
.kids-drawing-coloring-games-footer { padding: 48px 0 20px; background: #160d09; color: #f9eee6; }.kids-drawing-coloring-games-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; }.kids-drawing-coloring-games-footer-grid > div > p { max-width: 320px; color: #a99990; font-size: 11px; }.kids-drawing-coloring-games-footer h2 { margin-bottom: 14px; color: #d9b17c; font-size: 12px; letter-spacing: .03em; }.kids-drawing-coloring-games-footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 8px; }.kids-drawing-coloring-games-footer-grid a:not(.kids-drawing-coloring-games-brand) { color: #d7c8bf; font-size: 11px; }.kids-drawing-coloring-games-footer-grid a:hover { color: #f0b96c; }.kids-drawing-coloring-games-footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 36px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.13); color: #95827a; font-size: 10px; }.kids-drawing-coloring-games-footer-bottom p { margin: 0; }
.kids-drawing-coloring-games-cookie { position: fixed; z-index: 10; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 16px; width: min(460px, calc(100% - 40px)); padding: 14px; border: 1px solid rgba(133,77,14,.25); border-radius: 5px; background: #fffaf5; box-shadow: 0 12px 35px rgba(54,28,15,.18); }.kids-drawing-coloring-games-cookie p { flex: 1; margin: 0; color: #5f514a; font-size: 11px; }.kids-drawing-coloring-games-cookie a { color: var(--kids-drawing-coloring-games-accent); text-decoration: underline; }.kids-drawing-coloring-games-cookie button { flex: 0 0 auto; padding: 9px 11px; border: 0; border-radius: 4px; background: var(--kids-drawing-coloring-games-accent); color: #fff; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; }
.kids-drawing-coloring-games-legal { padding: 70px 0 90px; }.kids-drawing-coloring-games-legal-hero { max-width: 740px; padding-bottom: 42px; border-bottom: 1px solid var(--kids-drawing-coloring-games-line); }.kids-drawing-coloring-games-legal-hero p:last-child { max-width: 600px; color: var(--kids-drawing-coloring-games-muted); font-size: 15px; }.kids-drawing-coloring-games-legal-layout { display: grid; grid-template-columns: 220px minmax(0, 760px); gap: 80px; margin-top: 48px; }.kids-drawing-coloring-games-legal-aside { align-self: start; position: sticky; top: 15px; }.kids-drawing-coloring-games-legal-aside p { color: var(--kids-drawing-coloring-games-accent); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.kids-drawing-coloring-games-legal-content section { margin-bottom: 36px; }.kids-drawing-coloring-games-legal-content h2 { font-size: 25px; }.kids-drawing-coloring-games-legal-content p, .kids-drawing-coloring-games-legal-content li { color: #5d504a; }.kids-drawing-coloring-games-legal-content ul { padding-left: 18px; }.kids-drawing-coloring-games-contact-card { padding: 25px; background: #fffaf5; border-left: 3px solid var(--kids-drawing-coloring-games-accent); }.kids-drawing-coloring-games-contact-card p { margin-bottom: 0; }
@media (max-width: 800px) { .kids-drawing-coloring-games-shell { width: min(100% - 32px, 1240px); }.kids-drawing-coloring-games-nav { display: none; }.kids-drawing-coloring-games-nav-wrap { min-height: 62px; }.kids-drawing-coloring-games-nav-cta { font-size: 10px; }.kids-drawing-coloring-games-hero { padding: 52px 0 62px; }.kids-drawing-coloring-games-hero-grid, .kids-drawing-coloring-games-feature-split, .kids-drawing-coloring-games-learning-grid, .kids-drawing-coloring-games-faq-grid, .kids-drawing-coloring-games-legal-layout { grid-template-columns: 1fr; gap: 35px; }.kids-drawing-coloring-games-hero-art { min-height: 260px; }.kids-drawing-coloring-games-hero-art img { width: 190px; }.kids-drawing-coloring-games-orbit { width: 240px; }.kids-drawing-coloring-games-feature-split { align-items: start; }.kids-drawing-coloring-games-route ol { grid-template-columns: 1fr 1fr; }.kids-drawing-coloring-games-activity-layout, .kids-drawing-coloring-games-activity-primary, .kids-drawing-coloring-games-editorial-top { grid-template-columns: 1fr; }.kids-drawing-coloring-games-activity-primary img { height: 230px; }.kids-drawing-coloring-games-editorial-top { gap: 15px; }.kids-drawing-coloring-games-gallery-head { display: block; }.kids-drawing-coloring-games-gallery-head > p { margin-top: 15px; }.kids-drawing-coloring-games-gallery-grid { grid-template-columns: 1fr 1fr; }.kids-drawing-coloring-games-editorial-grid { grid-template-columns: 1fr; }.kids-drawing-coloring-games-legal-aside { position: static; }.kids-drawing-coloring-games-footer-grid { grid-template-columns: 1fr 1fr; }.kids-drawing-coloring-games-footer-grid > div:first-child { grid-column: span 2; } }
@media (max-width: 480px) { h1 { font-size: 39px; }.kids-drawing-coloring-games-actions { align-items: flex-start; flex-direction: column; gap: 14px; }.kids-drawing-coloring-games-stat-row { gap: 15px; }.kids-drawing-coloring-games-learning-list { grid-template-columns: 1fr; }.kids-drawing-coloring-games-gallery-grid { grid-template-columns: 1fr; }.kids-drawing-coloring-games-gallery-grid .kids-drawing-coloring-games-gallery-wide { grid-column: span 1; }.kids-drawing-coloring-games-gallery-grid img, .kids-drawing-coloring-games-gallery-wide img { height: 190px; }.kids-drawing-coloring-games-footer-grid { grid-template-columns: 1fr; }.kids-drawing-coloring-games-footer-grid > div:first-child { grid-column: auto; }.kids-drawing-coloring-games-footer-bottom { display: block; }.kids-drawing-coloring-games-footer-bottom p + p { margin-top: 6px; }.kids-drawing-coloring-games-cookie { right: 12px; bottom: 12px; width: calc(100% - 24px); }.kids-drawing-coloring-games-float { display: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }