.p24-art{--art-paper:#fffcf6;--art-sheet:#ffffff;--art-kraft:#f5eedf;--art-grid:rgba(14, 116, 144, 0.07);--art-rule:rgba(14, 116, 144, 0.1);--art-margin:rgba(239, 68, 68, 0.25);--art-ink:#19342f;--art-muted:#475a53;--art-teal:#09695b;--art-crayon:#f59e0b;--art-crayon-deep:#d97706;--art-note:#fff4c2;--art-note-ink:#4a3a12;--art-mint:#dff5ee;--art-mint-ink:#0f3d33;--art-line:rgba(14, 116, 144, 0.14);--art-shadow:0 1px 0 rgba(15, 23, 42, 0.04),0 18px 36px -24px rgba(120, 72, 8, 0.35);--art-shadow-lift:0 1px 0 rgba(15, 23, 42, 0.04),0 28px 48px -26px rgba(120, 72, 8, 0.5);--art-spring:cubic-bezier(0.34, 1.56, 0.64, 1);background-color:var(--art-paper);background-image:linear-gradient(var(--art-grid) 1px,transparent 1px),linear-gradient(90deg,var(--art-grid) 1px,transparent 1px);background-size:24px 24px;font-family:Onest,Inter,system-ui,sans-serif}:root[data-theme=dark] .p24-art{--art-paper:#0f172a;--art-sheet:#16213a;--art-kraft:#131d33;--art-grid:rgba(148, 163, 184, 0.07);--art-rule:rgba(148, 163, 184, 0.09);--art-margin:rgba(248, 113, 113, 0.28);--art-ink:#f1f5f9;--art-muted:#cbd5e1;--art-teal:#5eead4;--art-crayon:#ffbf69;--art-crayon-deep:#fbbf24;--art-note:rgba(251, 191, 36, 0.14);--art-note-ink:#fde68a;--art-mint:rgba(45, 212, 191, 0.12);--art-mint-ink:#ccfbf1;--art-line:rgba(148, 163, 184, 0.18);--art-shadow:0 18px 36px -24px rgba(0, 0, 0, 0.7);--art-shadow-lift:0 28px 48px -24px rgba(0, 0, 0, 0.8)}.p24-art-progress{position:absolute;left:0;right:0;bottom:-3px;height:5px;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--p24-art-read,0));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 6' preserveAspectRatio='none'%3E%3Cpath d='M1 3.4C80 2 160 4.4 240 2.8S360 3.8 399 3' fill='none' stroke='%23f59e0b' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.p24-art .article-container{position:relative;max-width:860px;padding:56px 64px 48px 96px;background-color:var(--art-sheet);background-image:linear-gradient(90deg,transparent 60px,var(--art-margin) 60px 62px,transparent 62px),repeating-linear-gradient(transparent 0 calc(2.1rem - 1px),var(--art-rule) calc(2.1rem - 1px) 2.1rem);border-radius:4px;box-shadow:var(--art-shadow-lift)}.p24-art .article-container::before{content:'';position:absolute;top:-13px;left:50%;width:120px;height:26px;margin-left:-60px;rotate:-2deg;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px),rgba(45,212,191,.42);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 26' preserveAspectRatio='none'%3E%3Cpath d='M3 1L6 4L2 7L5 10L1 13L5 16L2 19L6 22L3 25H101L98 22L102 19L99 16L103 13L99 10L102 7L98 4L101 1Z'/%3E%3C/svg%3E") center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 26' preserveAspectRatio='none'%3E%3Cpath d='M3 1L6 4L2 7L5 10L1 13L5 16L2 19L6 22L3 25H101L98 22L102 19L99 16L103 13L99 10L102 7L98 4L101 1Z'/%3E%3C/svg%3E") center/100% 100%}.p24-art .back-link{color:var(--art-teal);font-weight:600}.p24-art .article-header{margin-bottom:3rem}.p24-art .article-meta{display:inline-block;margin-bottom:.4rem;font:600 1.6rem/1.1 Caveat,cursive;letter-spacing:0;text-transform:none;color:var(--art-crayon-deep)}.p24-art .article-header h1{color:var(--art-ink);font-weight:700;letter-spacing:-.02em}.p24-art .article-header h1 .article-icon{box-sizing:content-box;padding:.12em;border-radius:50%;color:var(--art-crayon-deep);background:radial-gradient(circle at 46% 56%,rgba(251,191,36,.42) 0 58%,transparent 60%);rotate:-8deg}.p24-art-reading{display:inline-block;margin-top:.4rem;padding:2px 12px;border-radius:6px;background:var(--art-note);color:var(--art-note-ink);font:600 1.25rem/1.4 Caveat,cursive;rotate:-1.5deg}.p24-art .article-content h2{display:block;border-bottom:0;padding-bottom:0;line-height:1.2;color:var(--art-ink)}.p24-art .article-content h2::after,.p24-art-underline::after{content:'';display:block;width:min(200px,55%);height:12px;margin-top:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9C50 3 110 12 196 5' fill='none' stroke='%23f59e0b' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.p24-art .article-content h2 .article-icon{color:var(--art-crayon-deep)}.p24-art .article-content h3{color:var(--art-teal)}.p24-art .article-content li,.p24-art .article-content p{color:var(--art-muted)}.p24-art .article-content ul{list-style:none;padding-left:.2rem}.p24-art .article-content ul li{position:relative;padding-left:2rem}.p24-art .article-content ul li::before{content:'';position:absolute;left:0;top:.45em;width:1.15em;height:1.15em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 13.2c2.1 1.2 3.7 3.1 5 5.6C11 12.4 15.2 7.4 20.8 4.2' fill='none' stroke='%23f59e0b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.p24-art .highlight-box{position:relative;margin-inline:-8px;border-left:0;border-radius:2px 2px 22px;background:var(--art-note);box-shadow:var(--art-shadow);rotate:-0.6deg}.p24-art .highlight-box h4{font:600 1.7rem/1.15 Caveat,cursive;color:var(--art-note-ink)}.p24-art .highlight-box li,.p24-art .highlight-box p{color:var(--art-note-ink)}.p24-art .highlight-box--alt{background:var(--art-mint);rotate:0.6deg}.p24-art .highlight-box--alt h4,.p24-art .highlight-box--alt li,.p24-art .highlight-box--alt p{color:var(--art-mint-ink)}.p24-art .article-quote{position:relative;padding:1.8rem 1.8rem 1.6rem 3.4rem;border:1px solid var(--art-line);border-radius:4px;background:var(--art-sheet);box-shadow:var(--art-shadow);color:var(--art-ink);rotate:0.4deg}.p24-art .article-quote::before{content:'\201E';position:absolute;left:.9rem;top:-.4rem;font:600 4.2rem/1 Caveat,cursive;color:var(--art-crayon)}.p24-art .author-box{border-top:2px dashed var(--art-line)}.p24-art .author-img{background:0 0;color:var(--art-teal);border:3px solid var(--art-teal);box-shadow:inset 0 0 0 3px var(--art-sheet),inset 0 0 0 5px var(--art-teal);font-family:'Baloo 2',sans-serif;rotate:-10deg}.p24-art-more{padding:16px 0 72px}.p24-art-more__wrap{width:min(1080px,calc(100% - 40px));margin:0 auto}.p24-art-eyebrow{margin:0 0 4px;font:600 1.6rem/1.1 Caveat,cursive;color:var(--art-crayon-deep)}.p24-art-more h2{font-family:'Baloo 2',sans-serif;font-size:clamp(1.8rem, 3vw, 2.4rem);line-height:1.15;color:var(--art-ink);margin:0}.p24-art-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0 64px;perspective:1100px}.p24-art-book{--spine:#0f766e;position:relative;display:flex;flex-direction:column;padding:24px 22px 20px 38px;border:1px solid var(--art-line);border-radius:4px 14px 14px 4px;background:var(--art-sheet);color:var(--art-ink);text-decoration:none;box-shadow:3px 3px 0 -1px var(--art-paper),3px 3px 0 0 var(--art-line),6px 6px 0 -1px var(--art-paper),6px 6px 0 0 var(--art-line),var(--art-shadow);transform-origin:0 50%;transition:transform .55s cubic-bezier(.2, .8, .2, 1)}.p24-art-book:nth-child(2){--spine:#d97706}.p24-art-book--materials{--spine:#e11d48}.p24-art-book::before{content:'';position:absolute;top:-1px;bottom:-1px;left:-1px;width:16px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 45%,rgba(0,0,0,.18)),repeating-linear-gradient(transparent 0 14px,rgba(255,255,255,.35) 14px 16px,transparent 16px 40px),var(--spine)}.p24-art-book:focus-visible,.p24-art-book:hover{transform:rotateY(-13deg) translateX(4px)}.p24-art-book__tag{font:600 1.3rem/1 Caveat,cursive;color:var(--spine);margin-bottom:8px}.p24-art-book h3{font-family:'Baloo 2',sans-serif;font-size:1.3rem;line-height:1.25;margin:0 0 6px;color:var(--art-ink)}.p24-art-book p{margin:0 0 14px;color:var(--art-muted);font-size:.98rem;line-height:1.6}.p24-art-book__more{margin-top:auto;font-weight:600;color:var(--art-teal)}.p24-art-book__more::after{content:' →'}.p24-art-cta{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:36px 40px;background:var(--art-kraft);background-image:radial-gradient(rgba(120,72,8,.06) 1px,transparent 1.4px);background-size:14px 14px;border-radius:6px;box-shadow:var(--art-shadow-lift);rotate:-0.5deg}.p24-art-cta h2{font-size:clamp(1.5rem, 2.4vw, 2rem);margin-bottom:6px}.p24-art-cta p{margin:0;max-width:620px;color:var(--art-muted)}.p24-art-tape{position:absolute;top:-13px;left:50%;width:110px;height:26px;margin-left:-55px;rotate:2deg;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px),rgba(251,191,36,.5);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 26' preserveAspectRatio='none'%3E%3Cpath d='M3 1L6 4L2 7L5 10L1 13L5 16L2 19L6 22L3 25H101L98 22L102 19L99 16L103 13L99 10L102 7L98 4L101 1Z'/%3E%3C/svg%3E") center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 26' preserveAspectRatio='none'%3E%3Cpath d='M3 1L6 4L2 7L5 10L1 13L5 16L2 19L6 22L3 25H101L98 22L102 19L99 16L103 13L99 10L102 7L98 4L101 1Z'/%3E%3C/svg%3E") center/100% 100%}.p24-art-button{display:inline-flex;align-items:center;padding:12px 24px;border-radius:999px;background:#09695b;color:#fff!important;font-weight:600;text-decoration:none;transition:transform .25s var(--art-spring),background-color .2s ease}.p24-art-button:hover{background:#075345;transform:translateY(-2px)}@media (max-width:900px){.p24-art-books{grid-template-columns:1fr}}@media (max-width:768px){.p24-art .article-container{width:calc(100% - 24px);padding:40px 20px 32px 40px;background-image:linear-gradient(90deg,transparent 24px,var(--art-margin) 24px 26px,transparent 26px),repeating-linear-gradient(transparent 0 calc(2.1rem - 1px),var(--art-rule) calc(2.1rem - 1px) 2.1rem)}.p24-art .highlight-box{margin-inline:0;padding:1.6rem;rotate:0deg}.p24-art-cta{padding:28px 22px;rotate:0deg}}@media (prefers-reduced-motion:reduce){.p24-art-book,.p24-art-button{transition:none}}@media print{.p24-art .article-container{box-shadow:none;background-image:none}.p24-art-more,.p24-art-progress{display:none!important}}