.wp-site-blocks { overflow: hidden; }
html { scroll-behavior: smooth; }
body { background-color: #F8F2E5; }
a { text-underline-offset: .18em; }
.wp-block-site-title a { text-decoration: none; }
.ninja-header { border-bottom: 4px solid #245867; }
.ninja-logo-mark { font-family: Impact, Haettenschweiler, sans-serif; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.04em; line-height: .9; }
.ninja-brush { color: #fff; border-radius: 45% 12% 38% 14% / 20% 35% 15% 30%; padding: .35em .7em; display: inline-block; transform: rotate(-1deg); background-image: url('https://story-telling.ninja/wp-content/uploads/2026/10/tealSplash.png');
    background-color: transparent;}
.ninja-hero { background: #D6E6E2; border-bottom: 8px solid #245867; }
.ninja-hero h1 { font-size: clamp(2.7rem, 6.5vw, 6rem); text-transform: uppercase; letter-spacing: -.025em; }
.ninja-hero h1 em { color: #F04455; font-style: normal; }
.ninja-step-number { background-image: url('https://story-telling.ninja/wp-content/uploads/2026/10/redDot.png'); color: #fff; width: 3.6rem; height: 3.6rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 900; font-size: 2rem; }
.ninja-card { background: #fffaf0; border: 2px solid #245867; border-radius: 22px; box-shadow: 5px 6px 0 #245867; padding: clamp(1rem, 2.5vw, 2rem); height: 100%; }
.ninja-quote { border: 2px solid #10283A; border-radius: 48% 42% 45% 38%; padding: 1.5rem; text-align: center; background: #fffaf0; }
.ninja-section-title { font-size: clamp(2rem, 4vw, 3.8rem); text-transform: uppercase; }
.ninja-cta { background: #F04455; color: white; border-radius: 999px; padding: .75rem 1.25rem; font-weight: 800; text-decoration: none; display: inline-block; }
@media (max-width: 781px) {
  .ninja-header .wp-block-group { gap: .8rem; }
  .ninja-hero .wp-block-columns { gap: 1.5rem; }
  .ninja-hero h1 { font-size: clamp(2.5rem, 12vw, 4rem); }
  .ninja-card { box-shadow: 3px 4px 0 #245867; }
}