:root{--theme-paper:#fff5ef;--theme-accent:#be725c;--theme-line:#f4c7ad;--art-x:66.6667%;--art-y:50%}
body{background-color:var(--theme-paper);background-image:radial-gradient(var(--theme-line) .85px,transparent .85px);background-size:26px 26px;transition:background-color .5s;isolation:isolate}
.theme-world{position:fixed;inset:76px 0 0;z-index:-1;overflow:hidden;pointer-events:none}
.theme-character{width:240px;height:240px;background-image:var(--theme-art,url('theme-characters.png'));background-size:var(--theme-art-size,400% 300%);background-position:var(--theme-art-pos,var(--art-x) var(--art-y));background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none}
.theme-world .theme-character{position:absolute;opacity:.48}
.character-left{left:-105px;top:24%;animation:character-sway 8s ease-in-out infinite}
.character-right{right:-95px;top:52%;animation:character-sway 9s ease-in-out -3s infinite reverse}
.character-bottom{left:16%;bottom:-115px;animation:character-hop 7s ease-in-out -2s infinite}
.theme-spark{position:absolute;font:600 40px 'Baloo 2',cursive;color:var(--theme-accent);opacity:.28;animation:spark-drift 9s ease-in-out infinite}
.spark-one{left:8%;top:14%}.spark-two{right:7%;top:22%;animation-delay:-4s}.spark-three{left:47%;bottom:2%;animation-delay:-6s}
header{border-bottom-color:var(--theme-line)}
main{position:relative}
.intro{background:linear-gradient(110deg,#fffdf6 40%,var(--theme-paper));border-color:var(--theme-line);min-height:180px!important;padding-right:235px!important}
.intro:after{display:none}.intro>div:first-child{position:relative;z-index:1}.intro h1{font-size:35px;max-width:610px}.intro h1 span{color:var(--theme-accent)}
.intro>p{font-size:12px;max-width:185px;margin-left:16px;color:#817386}
.hero-character{position:absolute;right:5px;top:50%;width:215px;height:215px;margin-top:-107px;animation:character-hop 7s ease-in-out infinite}
.layout{background:#ffffffee;border-color:var(--theme-line)}
.product-tab.active{border-color:var(--theme-accent);background:var(--theme-paper);box-shadow:0 5px 0 var(--theme-line)}
.primary{background:var(--theme-accent);box-shadow:0 5px 0 color-mix(in srgb,var(--theme-accent),#30365b 25%)}
.primary:hover{background:var(--theme-accent);filter:brightness(1.08)}
.facts{background:var(--theme-paper)}.facts strong,.stage-bottom,.thumb.active small{color:var(--theme-accent)}
.thumb.active{border-color:var(--theme-accent);background:var(--theme-paper);box-shadow:0 3px 0 var(--theme-line)}
.dot.active{background:var(--theme-accent)}
.motion-toggle{font:800 10px Nunito,sans-serif;color:#7c6c92;border:1px solid #e6dcef;border-radius:20px;background:#fff;padding:8px 12px;cursor:pointer;margin-left:auto;margin-right:16px;white-space:nowrap}
@keyframes character-sway{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(5deg)}}
@keyframes character-hop{0%,45%,100%{transform:translateY(0) rotate(-3deg)}55%{transform:translateY(-11px) rotate(2deg)}65%{transform:translateY(0) rotate(1deg)}}
@keyframes spark-drift{0%,100%{transform:translateY(0) rotate(-12deg);opacity:.18}50%{transform:translateY(-15px) rotate(15deg);opacity:.4}}
.motion-paused .theme-character,.motion-paused .theme-spark{animation-play-state:paused}
@media(max-width:1100px){.intro h1{font-size:30px}.intro>p{max-width:150px}.intro{padding-right:195px!important}.hero-character{width:180px;height:180px;margin-top:-90px}}
@media(max-width:850px){.intro{padding:24px 145px 24px 23px!important;min-height:180px!important}.intro h1{font-size:30px;max-width:none}.intro>p{max-width:none;margin-left:0;font-size:11px}.hero-character{width:150px;height:150px;right:-4px;margin-top:-75px}.theme-world .theme-character{opacity:.3}.motion-toggle{font-size:9px;padding:7px 9px;margin-right:0}.brand{font-size:23px}header{gap:8px}}
@media(max-width:450px){.intro h1{font-size:26px}.intro{padding-right:115px!important}.hero-character{width:125px;height:125px;margin-top:-62px}.eyebrow{font-size:8px}.brand{font-size:19px}.motion-toggle{font-size:8px}}
@media(prefers-reduced-motion:reduce){.theme-character,.theme-spark{animation:none!important}body{transition:none}.motion-toggle{display:none}}

/* Escolinha uses its own cover illustrations instead of a fallback fantasy sprite. */
body[data-collection^="escolinha-"] .theme-world .theme-character{width:360px;height:260px}
body[data-collection^="escolinha-"] .character-left{left:-110px}
body[data-collection^="escolinha-"] .character-right{right:-105px}
body[data-collection^="escolinha-"] .character-bottom{bottom:-105px}
@media(max-width:850px){body[data-collection^="escolinha-"] .theme-world .theme-character{width:280px;height:210px}body[data-collection^="escolinha-"] .character-left{left:-145px}body[data-collection^="escolinha-"] .character-right{right:-145px}}