/* Mr. Twisty "Twisty World" skin — layered on top of styles.css.
   styles.css keeps the page layouts; this file gives the PBS-style look. */
@font-face{font-family:'Baby Monsta';src:url(../fonts/BabyMonsta.woff2) format('woff2'),url(../fonts/BabyMonsta.otf) format('opentype');font-display:swap}
:root{
  --blue:#2f7bf5;--blue-deep:#1a56c4;--blue-light:#9fd8ff;--yellow:#ffc72c;--red:#ef4135;--green:#22b35e;
  --black:#1c2b6b;--cream:#fff8e8;--gray-700:#33406f;--gray-500:#5f6a96;--gray-200:#dbe6f7;
  --navy:#1c2b6b;--navy-d:#121c4a;--red-d:#bd2a1f;--blue-d:#1a56c4;--yellow-d:#d99c00;--green-d:#16853f;--sky-l:#e6f5ff;
  --pop:0 8px 0 rgba(18,28,74,.22);--r:28px;
}
body{font-family:Fredoka,'Arial Rounded MT Bold',Arial,sans-serif;font-weight:500;color:var(--navy);background:var(--sky-l)}
h1,h2,h3{color:inherit}
a:hover{text-decoration:none}
[id]{scroll-margin-top:120px}
.stripes{height:12px;background:repeating-linear-gradient(90deg,var(--yellow) 0 34px,var(--navy) 34px 68px)}

/* ---------- header ---------- */
.tw-util{background:var(--navy);color:#dfe5ff;font-size:15px;font-weight:600}
.tw-util .container{display:flex;gap:18px;justify-content:flex-end;align-items:center;padding-top:6px;padding-bottom:6px;flex-wrap:wrap}
.tw-util a{color:#fff}
.tw-util .ph{color:var(--yellow);font-weight:700}
.tw-head{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 0 rgba(18,28,74,.12)}
.tw-head .container{display:flex;align-items:center;gap:14px;padding-top:8px;padding-bottom:8px}
.tw-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--navy)}
.tw-brand img{width:76px;height:76px;margin:-4px 0 -24px;filter:drop-shadow(0 4px 0 rgba(18,28,74,.18));transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.tw-brand:hover img{transform:rotate(-8deg) scale(1.08)}
.tw-brand b{font-family:'Baby Monsta',Fredoka,sans-serif;font-weight:400;font-size:28px;line-height:1}
.tw-nav{display:flex;gap:10px;margin-left:auto;align-items:center}
.tw-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#fff!important;font-weight:700;font-size:17px;padding:10px 16px;border-radius:999px;background:var(--c);box-shadow:0 5px 0 var(--cd);border:0;cursor:pointer;font-family:inherit;transition:transform .15s}
.tw-pill:hover{transform:translateY(-3px)}
.tw-pill svg{width:20px;height:20px}
.tw-pill.quote{color:var(--navy)!important}
.tw-drop{position:relative}
.tw-drop-menu{position:absolute;top:calc(100% + 12px);left:0;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(18,28,74,.25);padding:10px;min-width:250px;display:none;z-index:60}
.tw-drop.open .tw-drop-menu,.tw-drop:hover .tw-drop-menu,.tw-drop:focus-within .tw-drop-menu{display:block}
.tw-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.tw-drop-menu a{display:block;padding:11px 14px;border-radius:12px;color:var(--navy);font-weight:700;font-size:17px}
.tw-drop-menu a:hover{background:var(--sky-l)}
.tw-burger{display:none;margin-left:auto;width:52px;height:52px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 0 var(--navy-d)}
@media(max-width:980px){
  .tw-burger{display:block}
  .tw-brand img{width:60px;height:60px;margin:0}
  .tw-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:14px 20px 22px;box-shadow:0 10px 20px rgba(18,28,74,.2)}
  .tw-nav.open{display:flex}
  .tw-pill{justify-content:center;font-size:19px;padding:14px}
  .tw-drop-menu{position:static;display:block;box-shadow:none;background:var(--sky-l);margin-top:8px}
  .tw-util .container{justify-content:center;gap:12px;font-size:14px}
}

.tw-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:20px;line-height:1;color:#fff!important;background:var(--c,var(--red));box-shadow:0 6px 0 var(--cd,var(--red-d));padding:17px 28px;border-radius:999px;margin:6px 6px 12px 0;transition:transform .15s}
.tw-btn:hover{transform:translateY(-3px) rotate(-1deg)}
.tw-btn svg{width:24px;height:24px}
.tw-btn.y{--c:var(--yellow);--cd:var(--yellow-d);color:var(--navy)!important}.tw-btn.b{--c:var(--blue);--cd:var(--blue-d)}.tw-btn.w{--c:#fff;--cd:rgba(18,28,74,.3);color:var(--navy)!important}.tw-btn.g{--c:var(--green);--cd:var(--green-d)}.tw-btn.n{--c:var(--navy);--cd:var(--navy-d)}
/* ---------- explore circles + footer ---------- */
.tw-explore{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px 12px;justify-items:center}
.tw-bub{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--navy);font-weight:700;font-size:17px;text-align:center;line-height:1.15;max-width:140px}
.tw-bub .c{width:112px;height:112px;border-radius:50%;background:var(--c);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 6px #fff,0 9px 0 6px rgba(18,28,74,.2);color:#fff;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.tw-bub .c img{width:100%;height:100%;object-fit:cover}
.tw-bub .c svg{width:56px;height:56px}
.tw-bub:hover .c{transform:translateY(-6px) rotate(-6deg) scale(1.06)}
.tw-bub.small .c{width:84px;height:84px}.tw-bub.small .c svg{width:40px;height:40px}.tw-bub.small{font-size:15px}
.tw-bub.here .c{box-shadow:0 0 0 6px var(--yellow),0 9px 0 6px rgba(18,28,74,.2)}
.tw-foot{background:var(--navy);color:#dfe5ff;padding:44px 0 30px;font-size:17px}
.tw-foot a{color:#fff;display:block;margin:4px 0}
.tw-foot h4{font-family:'Baby Monsta',Fredoka,sans-serif;font-weight:400;font-size:24px;color:var(--yellow);margin:0 0 10px}
.tw-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.tw-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:18px;font-size:15px}
.tw-foot .phone{color:var(--yellow);font-weight:700}
@media(max-width:760px){.tw-foot-grid{grid-template-columns:1fr}}
/* call / text / book bar on phones */
.tw-actbar{display:none}
@media(max-width:820px){
  .tw-quick,.fgrid{grid-template-columns:1fr}
  .tw-burst{width:120%}
  .tw-actbar{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:90;background:var(--navy);border-radius:999px;padding:6px;gap:6px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
  .tw-actbar a{flex:1;text-align:center;color:#fff;font-weight:700;font-size:17px;padding:12px 4px;border-radius:999px}
  .tw-actbar a.bk{background:var(--yellow);color:var(--navy)}
  body{padding-bottom:80px}
  .sticky-call{display:none!important}
}

/* ===== Sit Still. Be Quiet. — Twisty World skin (layered on styles.css) ===== */
:root{--orange:#ef4135;--orange-deep:#bd2a1f;--lilac:#e6f5ff;--lilac-deep:#cfe6ff;--cream-deep:#ffefc2;--ink:#1c2b6b;--ink-soft:#33406f;--muted:#5f6a96;
  --display:Fredoka,'Arial Rounded MT Bold',sans-serif;--body:Fredoka,'Arial Rounded MT Bold',Arial,sans-serif;--radius:24px;--radius-lg:30px}
body{background:var(--sky-l)!important;font-size:18px}
h1,h2{font-family:'Baby Monsta',Fredoka,sans-serif!important;font-weight:400!important;letter-spacing:.3px}
h3{font-family:Fredoka,sans-serif;font-weight:700}
.btn{font-family:Fredoka,sans-serif;font-weight:700;font-size:18px;border:0!important;border-radius:999px!important;padding:16px 28px;transition:transform .15s}
.btn:hover{transform:translateY(-3px) rotate(-1deg)}
.btn-primary{background:var(--red)!important;color:#fff!important;box-shadow:0 6px 0 var(--red-d)!important}
.btn-secondary{background:var(--blue)!important;color:#fff!important;box-shadow:0 6px 0 var(--blue-d)!important}
.btn-ghost{background:#fff!important;color:var(--navy)!important;box-shadow:0 6px 0 rgba(18,28,74,.3)!important}
/* hero: sky + clouds + outlined title */
.hero{position:relative;overflow:hidden;background:linear-gradient(#6fc3ff,#bfe6ff 75%,#e6f5ff)!important;padding-bottom:90px!important}
.hero::before{content:"";position:absolute;top:60px;left:-6%;width:130px;height:48px;border-radius:99px;background:#fff;opacity:.9;box-shadow:70px -24px 0 12px #fff,150px 0 0 -4px #fff;animation:tw-drift 40s linear infinite}
@keyframes tw-drift{from{transform:translateX(0)}to{transform:translateX(70vw)}}
.hero .container{position:relative;z-index:1}
.hero h1,.page-header h1{color:#fff!important;text-shadow:3px 3px 0 var(--navy),-3px 3px 0 var(--navy),3px -3px 0 var(--navy),-3px -3px 0 var(--navy),0 3px 0 var(--navy),0 -3px 0 var(--navy),3px 0 0 var(--navy),-3px 0 0 var(--navy),0 8px 0 var(--navy);line-height:1.08}
.hero h1 .accent,.page-header h1 .accent{color:var(--yellow)!important}
.hero .lede,.page-header .lede{color:var(--navy)!important;font-weight:500}
.hero-eyebrow,.page-header .eyebrow,.section-eyebrow{display:inline-block;background:var(--red)!important;color:#fff!important;border-radius:999px;padding:7px 16px;font-weight:700;font-size:15px;letter-spacing:.5px}
.hero-eyebrow .dot{background:var(--yellow)!important}
.hero-art img{border:8px solid #fff;border-radius:16px 26px 26px 16px;box-shadow:var(--pop);transform:rotate(2deg)}
.hero-art .badge{background:var(--yellow)!important;color:var(--navy)!important;font-family:'Baby Monsta',Fredoka,sans-serif;box-shadow:var(--pop)}
.hero-stats div{background:#fff;border-radius:20px;padding:10px 14px;box-shadow:var(--pop);color:var(--navy)}
.hero-stats div strong{color:var(--red)!important}
.page-header{position:relative;overflow:hidden;background:linear-gradient(#6fc3ff,#bfe6ff 75%,#e6f5ff)!important;padding-bottom:80px!important}
.page-header::before{content:"";position:absolute;top:50px;left:-6%;width:110px;height:42px;border-radius:99px;background:#fff;opacity:.9;box-shadow:60px -22px 0 10px #fff,130px 0 0 -4px #fff;animation:tw-drift 44s linear infinite}
.page-header .container{position:relative;z-index:1}
/* bands with wavy tops */
.band-cream,.band-lilac,.band-navy,.stomp-callout,.story{position:relative}
.band-cream{background-color:var(--yellow)!important;background-image:radial-gradient(rgba(255,255,255,.35) 3px,transparent 3.5px)!important;background-size:26px 26px!important}
.band-lilac{background:var(--sky-l)!important}
.band-navy{background-color:var(--blue)!important;background-image:radial-gradient(rgba(255,255,255,.16) 3px,transparent 3.5px)!important;background-size:26px 26px!important;color:#fff}
.band-navy h1,.band-navy h2,.band-navy h3{color:#fff!important;text-shadow:0 5px 0 rgba(18,28,74,.3)}
.band-navy a:not(.btn){color:var(--yellow)!important}
.band-cream::before,.band-navy::before,.stomp-callout::before{content:"";position:absolute;left:0;right:0;top:-43px;height:44px;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 44' preserveAspectRatio='none'%3E%3Cpath d='M0 44V22c120-26 240-26 360 0s240 26 360 0 240-26 360 0 240 26 360 0v22z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 44' preserveAspectRatio='none'%3E%3Cpath d='M0 44V22c120-26 240-26 360 0s240 26 360 0 240-26 360 0 240 26 360 0v22z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
.band-cream h2,.band-lilac h2{color:var(--navy)!important}
section{padding-top:70px;padding-bottom:70px}
/* cards */
.card,.audience-card,.buy-card,.story-step,.faq details{background:#fff!important;border:0!important;border-radius:var(--r)!important;box-shadow:var(--pop)!important;transition:transform .35s cubic-bezier(.3,1.6,.5,1)!important}
.card:hover,.audience-card:hover,.buy-card:hover{transform:translateY(-6px) rotate(-1deg)!important}
.audience-card h3,.card h3,.buy-card .retailer{color:var(--navy)!important}
.audience-card .arrow,.buy-card .arrow{color:var(--red)!important;font-weight:700}
.audience-card:nth-child(4n+1){border-top:10px solid var(--red)!important}.audience-card:nth-child(4n+2){border-top:10px solid var(--blue)!important}.audience-card:nth-child(4n+3){border-top:10px solid var(--green)!important}.audience-card:nth-child(4n){border-top:10px solid var(--yellow)!important}
.card-icon{border-radius:50%!important;box-shadow:0 0 0 5px #fff,0 6px 0 5px rgba(18,28,74,.15)}
.card-icon.orange{background:#ffd6d2!important}.card-icon.navy{background:#cfe6ff!important}.card-icon.green{background:#c8f0d8!important}
.story-step img{border-radius:18px}
.story-step .step-num{background:var(--yellow)!important;color:var(--navy)!important;border-radius:999px;font-weight:700}
.split img{border:8px solid #fff;border-radius:22px;box-shadow:var(--pop)}
.pull{font-family:'Baby Monsta',Fredoka,sans-serif;color:var(--navy)}
.pull .accent{color:var(--red)!important}
.stomp-callout{background:var(--red)!important;color:#fff;border-radius:0!important}
.stomp-callout h2{color:#fff!important;text-shadow:0 5px 0 rgba(18,28,74,.3)}
.stomp-callout .moves span{background:#fff!important;color:var(--navy)!important;border-radius:999px;font-family:'Baby Monsta',Fredoka,sans-serif;box-shadow:0 5px 0 rgba(18,28,74,.25)}
.stomp-callout .btn-primary{background:var(--yellow)!important;color:var(--navy)!important;box-shadow:0 6px 0 var(--yellow-d)!important}
.checklist li::before{background:var(--green)!important;color:#fff!important}
.faq summary{font-weight:700;color:var(--navy)}
.faq summary::after{color:var(--red)!important}
.tag{border-radius:999px!important;font-weight:700}
.video-wrap{border:8px solid #fff;border-radius:24px;overflow:hidden;box-shadow:var(--pop)}
input,select,textarea{font:inherit;border:3px solid #cfe3f7!important;border-radius:16px!important;background:var(--sky-l)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)!important;background:#fff}
.site-header,.site-footer{display:none!important}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.tw-foot-grid.four{grid-template-columns:1.4fr 1fr 1fr 1fr}
@media(max-width:760px){.tw-foot-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tw-foot-grid.four{grid-template-columns:1fr}}
.tw-head a,.tw-util a,.tw-foot a,.tw-bub,.tw-pill,.tw-brand{text-decoration:none!important}
.hero-stats{display:flex!important;flex-wrap:wrap;gap:10px}
.hero-stats div{flex:1 1 120px}
/* lesson guide + who + Oliver & Penny cross-promo */
.tw-teach{background:var(--sky-l,#e3f1ff);padding:64px 0}
.tw-teach-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}
.tw-teach-card{background:#fff;border-radius:28px;padding:30px;box-shadow:0 8px 0 rgba(18,28,74,.14);position:relative}
.tw-teach-card h2{font-family:'Baby Monsta',Fredoka,sans-serif;font-weight:400;color:var(--navy);font-size:34px;margin:10px 0}
.tw-teach-card.who img{float:right;width:120px;height:auto;margin:0 0 10px 14px}
.tw-tag{display:inline-block;background:var(--red);color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.tw-permit{background:#fff7dc;border-left:8px solid var(--yellow);border-radius:14px;padding:12px 16px;font-size:16px;margin-top:10px}
.tw-op{background:var(--blue,#2f6fe4);background-image:radial-gradient(rgba(255,255,255,.14) 2px,transparent 2px);background-size:22px 22px;padding:64px 0;color:#fff}
.tw-op-head{text-align:center;max-width:760px;margin:0 auto 26px}
.tw-op-head h2{font-family:'Baby Monsta',Fredoka,sans-serif;font-weight:400;color:#fff;font-size:44px;margin:12px 0 8px;text-shadow:0 4px 0 rgba(18,28,74,.35)}
.tw-op-head p{color:#fff;font-size:19px}
.tw-op-set{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:rgba(255,255,255,.92);border-radius:30px;padding:26px;max-width:900px;margin:0 auto;box-shadow:0 10px 0 rgba(18,28,74,.2)}
.tw-op-book{text-align:center;color:var(--navy)}
.tw-op-book img{width:100%;max-width:200px;border-radius:6px 12px 12px 6px;box-shadow:0 8px 0 rgba(18,28,74,.18);transition:transform .2s}
.tw-op-book a:hover img{transform:rotate(-3deg) scale(1.03)}
.tw-op-book b{display:block;margin-top:12px;font-size:19px}
.tw-op-book span{display:block;color:var(--red);font-weight:700;font-size:15px;margin:2px 0 10px}
.tw-mini{display:inline-block;background:var(--red);color:#fff!important;font-weight:700;font-size:15px;padding:9px 14px;border-radius:999px;box-shadow:0 4px 0 var(--red-d,#b3261e);margin:3px}
.tw-mini.w{background:#fff;color:var(--navy)!important;box-shadow:0 4px 0 rgba(18,28,74,.2)}
@media(max-width:760px){.tw-teach-grid{grid-template-columns:1fr}.tw-op-set{grid-template-columns:1fr;max-width:340px}.tw-op-head h2{font-size:34px}.tw-teach-card.who img{width:90px}}
.tw-teach a,.tw-op a{text-decoration:none!important}.tw-op-set{box-sizing:border-box}

.roots{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;background:#fff;border-radius:30px;padding:28px 34px;box-shadow:0 8px 0 rgba(18,28,74,.14);max-width:980px;margin:0 auto 46px;color:var(--navy)}
.roots img{width:100%;height:auto;filter:drop-shadow(0 6px 0 rgba(18,28,74,.15))}
.roots h2{font-family:'Baby Monsta',Fredoka,sans-serif;font-weight:400;font-size:clamp(32px,4.5vw,46px);color:var(--navy);margin:10px 0 8px;text-align:left}
.roots p{font-size:19px;margin:0 0 12px;color:var(--navy)}
.roots-tag{display:inline-block;background:var(--red);color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.roots .roots-line{font-weight:700;color:var(--red);font-size:21px;margin:0}
@media(max-width:700px){.roots{grid-template-columns:1fr;text-align:center;padding:24px 20px}.roots img{max-width:150px;margin:0 auto}.roots h2{text-align:center}}