.site-doodle{margin:36px 0}.doodle-paper{background:#fff;border:1px solid #ddd6d2;box-shadow:8px 10px 0 #ef4b69;padding:12px}.doodle-paper img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.doodle-feature,.doodle-lesson{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(24px,4vw,42px);background:#fff4ee;border-radius:14px}.doodle-feature .doodle-paper,.doodle-lesson .doodle-paper{transform:rotate(-1.5deg)}.doodle-feature figcaption,.doodle-lesson figcaption{display:flex;flex-direction:column;gap:12px}.site-doodle figcaption .eyebrow{color:var(--youtube-red)}.site-doodle figcaption strong{font:600 clamp(1.7rem,3vw,2.7rem)/1.08 var(--display);letter-spacing:-.04em}.site-doodle figcaption>span:last-child{font-size:1rem;line-height:1.75;color:#555;max-width:44ch}
.doodle-lesson{max-width:900px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);margin:28px 0 38px;background:#f5f5f3}.doodle-lesson .doodle-paper{max-width:390px}.doodle-lesson figcaption strong{font-size:clamp(1.5rem,2.5vw,2.15rem)}
.doodle-board{aspect-ratio:auto!important}.doodle-board-papers{position:relative;min-height:clamp(390px,43vw,620px);background:#fff4ee;border-radius:18px;overflow:hidden}.doodle-board .doodle-paper{position:absolute;width:62%;padding:10px;box-shadow:7px 9px 0 #d4072f}.doodle-board .doodle-paper img{aspect-ratio:4/3;object-fit:cover}.doodle-board .doodle-paper>span{display:block;padding:8px 6px 3px;font:600 clamp(.76rem,1vw,.95rem)/1.2 var(--display)}.doodle-board .doodle-paper-1{left:5%;top:7%;transform:rotate(-5deg);z-index:2}.doodle-board .doodle-paper-2{right:4%;top:23%;transform:rotate(5deg);z-index:3}.doodle-board .doodle-paper-3{left:17%;bottom:5%;transform:rotate(-1deg);z-index:4}.doodle-board figcaption{justify-content:space-between;align-items:center;flex-wrap:wrap}.doodle-board figcaption>span{display:flex;align-items:center;gap:10px}.doodle-shuffle{border:1px solid #171717;border-radius:999px;background:#fff;padding:9px 13px;font:650 .8rem var(--body);cursor:pointer}.doodle-shuffle:hover{background:#171717;color:#fff}.doodle-shuffle span{display:inline-block;font-size:1.05rem;margin-left:5px}.doodle-board-papers.is-shuffling .doodle-paper{animation:doodle-bump .42s ease}.doodle-board-papers.is-shuffling .doodle-paper-2{animation-delay:.06s}.doodle-board-papers.is-shuffling .doodle-paper-3{animation-delay:.12s}@keyframes doodle-bump{0%{scale:1}45%{scale:.91;rotate:4deg}100%{scale:1}}
.method-doodles{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1.15fr);gap:clamp(28px,5vw,68px);align-items:center;padding:clamp(28px,4vw,48px);background:#17191c;color:#fff;border-radius:14px}.method-doodles h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.08;margin:15px 0}.method-doodles p{color:#ddd;line-height:1.8}.method-doodle-papers{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.method-doodle-papers img{display:block;width:120%;height:auto;background:#fff;border:8px solid #fff;box-shadow:5px 7px 0 #d4072f}.method-doodle-papers img:nth-child(1){transform:rotate(-6deg)}.method-doodle-papers img:nth-child(2){transform:rotate(3deg);z-index:2}.method-doodle-papers img:nth-child(3){transform:rotate(-2deg)}
@media(max-width:760px){.doodle-feature,.doodle-lesson,.method-doodles{grid-template-columns:1fr}.doodle-feature .doodle-paper,.doodle-lesson .doodle-paper{max-width:520px}.doodle-board-papers{min-height:520px}.method-doodle-papers{max-width:520px}.site-doodle figcaption strong{font-size:2rem}}
@media(max-width:480px){.doodle-feature,.doodle-lesson,.method-doodles{padding:22px}.doodle-board-papers{min-height:390px}.doodle-board .doodle-paper{width:69%;padding:7px}.doodle-board .doodle-paper span{font-size:.72rem}.method-doodle-papers img{border-width:5px}.site-doodle{margin:28px 0}}
@media(prefers-reduced-motion:reduce){.doodle-board-papers.is-shuffling .doodle-paper{animation:none}}