:root{--ink:#633557;--lilac:#a982ab;--sage:#a3ad81;--paper:#faf5ed;--soft:#ede3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:ui-rounded,"Trebuchet MS",sans-serif;font-size:17px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer}a{color:inherit}header{max-width:1180px;margin:auto;padding:23px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dccddd}.brand{font-weight:800;letter-spacing:2px;text-decoration:none;display:flex;align-items:center;font-size:23px;gap:12px}.brand img{width:80px;mix-blend-mode:multiply}nav{display:flex;gap:35px}nav a{font-size:13px;letter-spacing:1.5px;font-weight:bold;text-decoration:none;padding:12px 0}nav a[aria-current]{border-bottom:4px solid var(--sage)}main{max-width:1180px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:65px 30px 70px}.eyebrow,.tag{font-size:11px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(37px,4.6vw,62px);line-height:1.08;letter-spacing:-2px;margin:20px 0 24px;max-width:600px}.hero p{font-size:20px}.room{width:100%;border-radius:48% 48% 30px 30px;mix-blend-mode:multiply}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button,button:not(.plain){border:0;display:inline-block;background:var(--lilac);color:white;border-radius:28px;padding:15px 24px;font:700 14px ui-rounded,"Trebuchet MS",sans-serif;text-decoration:none}.sage{background:var(--sage)}.about{padding:65px 9%;background:#f1e8f1;border-radius:42px;text-align:center}.about>p{max-width:670px;margin:20px auto}h2{font-size:35px;line-height:1.2;letter-spacing:-.7px}h3{font-size:26px;line-height:1.2}.services{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;margin:35px auto}.services article{padding:25px 30px;border:1px solid #d8c9db;border-radius:25px;background:#faf5edaa}.service-icon{font-size:40px}.services h3{margin:6px 0}.services p{font-size:16px;margin-bottom:0}.textlink{display:inline-block;margin:15px}.library{padding:75px 30px 90px}.activity{display:grid;grid-template-columns:40% 1fr;gap:40px;padding:25px;background:#f0e6ef;border-radius:32px;margin-top:35px;align-items:center}.activity img{width:100%;border-radius:20px}.activity h3{font-size:34px;margin:14px 0}.activity small{display:block;font-size:12px;margin-top:15px}.activity p{max-width:490px}footer{padding:25px 30px;text-align:center;border-top:1px solid #ded1db;font-weight:bold;font-size:13px;letter-spacing:1px}footer span{display:block;font-weight:normal;letter-spacing:0;margin-top:4px}button:hover,.button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid #633557;outline-offset:5px}[hidden]{display:none!important}.gamebar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:25px 30px;font-size:12px}.plain{border:1px solid #cbb8cd;border-radius:20px;background:transparent;color:var(--ink);padding:8px 14px;font:inherit;cursor:pointer}#stage{padding:15px 25px 65px;text-align:center;min-height:65vh;max-width:900px;margin:auto}#stage h1{font-size:38px;line-height:1.2}#stage p{max-width:660px;margin:18px auto}.cookie{width:155px;height:155px;border-radius:50%;background:#dca765;border:7px solid #c88d4c;margin:25px auto;display:grid;place-items:center;font-size:48px;position:relative;box-shadow:0 8px 0 #b67b3f22}.decor{position:absolute;font-size:22px}.options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0}.options button{max-width:260px;min-height:65px}.filter{margin:25px auto 5px;width:190px;height:105px;clip-path:polygon(0 0,100% 0,65% 100%,35% 100%);background:repeating-linear-gradient(80deg,#efe0c9 0 16px,#e0c9ac 17px 19px);display:grid;place-items:center;color:#69412f;font-weight:bold;font-size:18px}.cup{width:115px;height:80px;border:4px solid #b699b6;border-radius:4px 4px 38px 38px;margin:0 auto;background:linear-gradient(to top,#9c6136 var(--fill,0%),transparent 0);transition:background .5s}.drop{font-size:25px;line-height:28px;color:#a36d38;animation:fall 1s infinite}@keyframes fall{from{transform:translateY(-10px);opacity:0}to{transform:translateY(6px);opacity:1}}.feedback{padding:22px;background:#ede3ef;border-radius:20px;margin:22px auto;max-width:680px}.scenegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenegrid button{min-height:100px}.situation{background:#efe7d7;border-radius:24px;padding:20px}.progress{font-size:12px;letter-spacing:2px}.grain{border-radius:45%!important;background:#967454!important}.kit button[aria-pressed=true]{outline:4px solid var(--sage)}@media(max-width:650px){header{padding:14px 18px}.brand{font-size:17px;gap:6px}.brand img{width:48px}nav{gap:16px}nav a{font-size:10px}.hero{grid-template-columns:1fr;padding:36px 22px;gap:15px}.hero h1{font-size:43px}.hero p{font-size:18px}.room{max-height:380px;object-fit:cover}.about{margin:15px;border-radius:28px;padding:35px 22px}h2{font-size:29px}.services{grid-template-columns:1fr;gap:12px}.library{padding:45px 22px}.activity{grid-template-columns:1fr;gap:18px;padding:20px}.activity img{max-height:200px;object-fit:cover}.activity h3{font-size:29px}.scenegrid{grid-template-columns:1fr 1fr}.gamebar{padding:20px 15px}.gamebar span{max-width:125px;text-align:center;font-size:10px}#stage h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.companion .cookie{width:80px;height:80px;font-size:25px;border-width:4px;margin:12px auto}.companion .decor{font-size:12px}
.gamebar{position:sticky;top:0;background:#faf5edf5;z-index:5;flex-wrap:wrap;border-bottom:1px solid #dfd0df}.gamebar span{flex:1;text-align:center}.scene-navigation{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px auto 0}.scene-navigation button{min-height:48px}.plain:disabled{opacity:.4;cursor:default}.scenegrid button[aria-current=step]{outline:4px solid #a3ad81}.companion img{width:210px;max-width:60%;border-radius:38px;mix-blend-mode:multiply}.filter{width:250px;height:145px;font-size:22px;box-shadow:0 5px 0 #b78b5d;cursor:pointer}.cup{width:145px;height:100px}.grain[aria-pressed=true]{outline:4px solid var(--sage);outline-offset:3px}
@media(max-width:650px){.gamebar{gap:8px}.gamebar span{flex-basis:100%;order:3;max-width:none}.scene-navigation{gap:8px}.scene-navigation .plain{font-size:12px;padding:10px}.companion img{width:160px}.filter{width:210px;height:125px}}
/* The coffee world */
#game{max-width:1160px;background:linear-gradient(#fcf1e5,#f4e7f3);border-radius:30px;margin:20px auto 50px;overflow:clip}
#game .gamebar{background:#faf2ebed;border-color:#e0cbe0;padding:16px 25px}
#stage{max-width:1000px;padding:25px 28px 35px}
#stage h1{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:10px 0 24px;font-weight:900;letter-spacing:-1px}
#stage p{line-height:1.6}#stage .eyebrow{font-size:11px}#stage button:not(.plain){background:#9b689f;min-height:48px}
.welcome-art{max-width:720px;margin:0 auto;overflow:hidden;border-radius:35px;border:7px solid #fff8ed;box-shadow:0 12px 35px #7c4c6c15}
.welcome-art img{width:100%;display:block}.storybook-copy{max-width:600px;margin:20px auto}.storybook-copy h2{margin:15px}
#stage .primary-game{padding:18px 55px;font-size:20px}
.cookie-portrait{width:330px;max-width:100%;position:relative;border-radius:45%;overflow:hidden;flex-shrink:0;margin:15px auto;background:#efe2ed}
.cookie-portrait img{width:100%;display:block}.cookie-decoration{position:absolute;inset:0}
.sprinkle{position:absolute;transform:translate(-50%,-50%);color:#e17da1;text-shadow:0 2px 1px #7d412944;font-size:25px;pointer-events:none;line-height:1}
.decorate-screen .cookie-portrait{cursor:crosshair;box-shadow:0 12px 35px #78435b15}
.ingredient-tray{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px auto}
#stage .ingredient{display:grid;justify-items:center;gap:6px;background:#fff9ed;color:#633557;border:2px solid #decae0;border-radius:22px;padding:15px 25px;font-size:14px}
.ingredient[aria-pressed=true]{outline:3px solid #a3ad81;outline-offset:3px}.ingredient-icon{font-size:30px;line-height:1.1}
.kind-0{color:#75432f}.kind-1{color:#e3799b}.kind-2{color:#d9ac48}.decorate-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.tiny{font-size:13px;color:#83697e}
.explain-layout,.closing-layout{display:flex;align-items:center;gap:25px;max-width:850px;margin:20px auto 30px}
.speech-card{background:#fff9ef;border:2px solid #e2cde0;padding:15px 28px;border-radius:28px;text-align:left;box-shadow:0 7px 0 #d6bdd32a}
.illustrated-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px auto;text-align:left}
#stage .illustrated-menu button{background:#fff9ee;color:#633557;padding:0 0 18px;border-radius:25px;overflow:hidden;position:relative;border:2px solid transparent;box-shadow:0 6px 15px #714b6b0c}
.illustrated-menu img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.illustrated-menu strong{display:block;padding:15px 15px 0;font-size:16px;line-height:1.3}
.scene-number{position:absolute;top:10px;left:10px;background:#fff7ed;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-weight:800}.illustrated-menu button[aria-current=step]{border-color:#a3ad81}.visited{display:block;font-size:11px;padding:10px 15px 0;color:#667149}
.scene-heading h1{margin-bottom:20px!important}.story-situation{display:flex;align-items:center;gap:20px;max-width:730px;margin:0 auto;border-radius:25px;background:#fff8ec;text-align:left;overflow:hidden;border:1px solid #ead6dc}
.story-situation img{width:190px;align-self:stretch;object-fit:cover}.story-situation>div{padding:14px 20px 14px 0}.story-situation h2{font-size:22px;letter-spacing:0;margin:0}
#stage .story-situation p{font-size:15px;margin:8px 0 0;line-height:1.45}
#stage .play-instruction{font-size:16px;font-weight:800;margin:20px auto 15px}
.play-instruction span{display:block;font-size:12px;font-weight:400;margin-top:2px}
.coffee-playground{position:relative;width:100%;aspect-ratio:3/2;border-radius:30px;isolation:isolate;box-shadow:0 12px 30px #6d3c5c12;overflow:hidden}
.world-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cookie-bubble{position:absolute;left:3%;top:5%;width:31%;background:#fff9eeef;border:2px solid #cba6ce;border-radius:25px;padding:12px;font-size:clamp(12px,1.6vw,18px);font-weight:800;line-height:1.3}
.cookie-bubble:after{content:"";position:absolute;bottom:-11px;right:18px;width:18px;height:18px;background:#fff9ee;border-right:2px solid #cba6ce;border-bottom:2px solid #cba6ce;transform:rotate(45deg)}
#stage .filter-target{position:absolute;left:40%;top:12%;width:50%;height:48%;background:transparent!important;color:#805487;border:2px dashed #b18ab58a;border-radius:40%;box-shadow:none;z-index:3;display:flex;align-items:flex-start;justify-content:center;padding:15% 5% 0;transition:background .2s,outline .2s}
.filter-target span{border-radius:18px;background:#fff8eed9;font-size:11px;letter-spacing:1px;padding:7px 12px;font-weight:800}
#stage .filter-target:hover,#stage .filter-target.drag-over{background:#c5a9ce25!important;outline:4px solid #acb681}
.world-decorations{position:absolute;left:0%;top:32.7%;width:42%;height:59%}
.world-decorations .sprinkle{font-size:clamp(13px,2vw,26px)}
.phrase-tray{display:flex;justify-content:center;gap:15px;position:relative;padding:25px 5px 10px;isolation:isolate;z-index:5}
#stage .phrase-grain{position:relative;flex:1;min-width:0;max-width:290px;min-height:120px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;padding:22px 25px;border-radius:48% 45% 45% 48%;background:linear-gradient(145deg,#eec389,#d89b5e)!important;color:#683f35;box-shadow:inset -5px -6px 0 #b47a462c,0 5px 0 #a4693d28;font-weight:800;font-size:15px;line-height:1.3;border:2px solid #cf995f}
.phrase-grain:after{content:"";position:absolute;left:46%;top:10%;bottom:10%;width:4px;background:#ac704023;border-radius:100%;transform:rotate(15deg);z-index:-1}
.phrase-grain[aria-pressed=true]{outline:4px solid #9b6d9e;outline-offset:4px}
.phrase-grain.dragging{z-index:20;cursor:grabbing;box-shadow:0 15px 25px #6b364b33}
.retained-beans{position:absolute;left:47%;top:27%;width:36%;font-size:clamp(18px,3.7vw,45px);line-height:.7;color:#6c3c24;letter-spacing:4px;transform:rotate(-4deg);text-shadow:1px 3px #ba8451;z-index:2}
.filtered-phrase{position:absolute;left:45%;top:8%;width:41%;padding:10px 15px;border-radius:20px;background:#efc68eea;color:#633557;font-size:clamp(11px,1.8vw,20px);font-weight:800;line-height:1.2;box-shadow:0 4px 10px #683e281e;z-index:4;pointer-events:none}
.coffee-stream{position:absolute;left:64%;top:63%;height:16%;width:3%;z-index:1}
.coffee-stream i{position:absolute;left:20%;width:9px;height:14px;background:#a66a36;border-radius:70% 40% 65% 50%;animation:coffee-drop 1.5s infinite;opacity:0}
.coffee-stream i:nth-child(2){animation-delay:.5s}.coffee-stream i:nth-child(3){animation-delay:1s}
@keyframes coffee-drop{0%{top:0;opacity:0}15%{opacity:1}90%{opacity:1}100%{top:95%;opacity:0}}
.coffee-liquid{position:absolute;left:54%;top:76%;width:22%;height:12%;border-radius:15% 15% 48% 48%;background:linear-gradient(#aa703aa8,#784020c2);box-shadow:inset 0 5px 2px #d19556c9;z-index:0;animation:coffee-fill .8s ease-out}
@keyframes coffee-fill{from{transform:scaleY(.1);transform-origin:bottom;opacity:.2}to{transform:scaleY(1);transform-origin:bottom;opacity:1}}
.cookie-feedback{padding:25px 30px;border-radius:25px;background:#fff8ec;border:2px solid #d8bedb;margin:25px auto;max-width:760px}
.cookie-feedback.passed{border-color:#b1bb96}.cookie-feedback h2{font-size:23px;line-height:1.35}.cookie-feedback p{font-size:17px}
.practice-tip{background:#e8eddc;padding:15px;border-radius:15px}
.waiting-prompt{font-size:14px;color:#8a6d7f}.scene-navigation{border-top:1px solid #ddc9db;padding-top:24px}
.takeaway-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:720px;margin:25px auto}
#stage .takeaway-cards button{background:#f6ecd8;color:#633557;border:2px solid #dbbddb;padding:25px 20px;border-radius:20px;font-size:17px;line-height:1.4}
.takeaway-cards button[aria-pressed=true]{outline:4px solid #a3ad81;outline-offset:2px}.closing-question{background:#e7e9d6;padding:20px;border-radius:25px}
@media(max-width:650px){
#game{margin:0;border-radius:0 0 25px 25px}#stage{padding:20px 12px 30px}#game .gamebar{padding:12px;gap:7px}.gamebar .plain{font-size:11px;padding:9px 12px}
.cookie-portrait{width:260px}.explain-layout,.closing-layout{flex-direction:column;gap:5px}.speech-card{padding:12px 20px}
.ingredient-tray{gap:8px}#stage .ingredient{padding:12px 15px}
.illustrated-menu{grid-template-columns:repeat(2,1fr);gap:12px}.illustrated-menu strong{font-size:14px}
.story-situation{gap:12px;border-radius:20px}.story-situation img{width:110px}.story-situation>div{padding:12px 10px 12px 0}
.story-situation h2{font-size:17px}#stage .story-situation p{font-size:13px}
.coffee-playground{border-radius:20px}.cookie-bubble{padding:8px;font-size:11px;border-width:1px;border-radius:15px;left:2%;top:5%;width:32%}
.filter-target span{font-size:8px;padding:5px 7px;letter-spacing:0}.filter-target{border-width:1px!important}
.phrase-tray{gap:8px;padding:18px 3px 5px}#stage .phrase-grain{font-size:12px;min-height:114px;padding:20px 10px}
.filtered-phrase{padding:6px 8px;font-size:11px}.cookie-feedback{padding:18px}.cookie-feedback h2{font-size:20px}.cookie-feedback p{font-size:15px}
.takeaway-cards{gap:10px}#stage .takeaway-cards button{font-size:14px;padding:18px 12px}
.coffee-stream i{width:5px;height:9px}.scene-navigation .plain{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.coffee-stream i{animation:none;opacity:1;top:50%}.coffee-liquid{animation:none}}
header .brand img{width:53px;height:75px;object-fit:contain}#stage button.ingredient{background:#fff9ed;color:#633557}.phrase-grain span{position:relative;z-index:1}.cookie-decoration{pointer-events:none}
@media(max-width:650px){header .brand img{width:37px;height:52px}}
.retained-beans{display:flex;gap:5%;justify-content:center;flex-wrap:wrap;padding:0 8%;line-height:1}
.retained-beans i{position:relative;display:block;flex:0 0 22%;aspect-ratio:1.4/1;border-radius:50%;background:linear-gradient(140deg,#bc8751,#784328 70%);box-shadow:inset -2px -3px 0 #54331b66,0 3px 2px #72451b33;transform:rotate(-20deg);margin-bottom:5%}
.retained-beans i:after{content:"";position:absolute;left:48%;top:9%;width:6%;height:80%;border-radius:50%;background:#542d1e88;transform:rotate(10deg)}
.learning-alternative{margin:20px 0;padding:20px;background:#edf0e1;border-radius:20px;text-align:left}.learning-alternative blockquote{margin:12px 0;font-weight:800;font-size:19px;color:#633557;line-height:1.5}.learning-alternative .learning-practice{font-size:14px;margin-bottom:0!important}.learning-alternative .eyebrow{color:#5e7049}
@media(max-width:650px){.learning-alternative{padding:16px}.learning-alternative blockquote{font-size:17px}}
.sprinkle{font-size:30px;filter:drop-shadow(1px 2px 1px #70472c40)}
.sprinkle.topping-chocolate{width:23px;height:25px;font-size:0;background:radial-gradient(ellipse at 30% 25%,#b78155,#78482c 60%,#57301e);border-radius:60% 35% 45% 45%;transform:translate(-50%,-50%) rotate(-15deg)}
.sprinkle.topping-strawberry{color:#e97f9f!important;text-shadow:1px 2px #b74b64;font-size:31px}
.sprinkle.topping-star{color:#f2cb53!important;text-shadow:1px 2px #c18a2b;font-size:32px}
.world-decorations .sprinkle.topping-chocolate{width:clamp(12px,1.65vw,25px);height:clamp(14px,1.8vw,28px)}
.world-decorations .sprinkle.topping-star,.world-decorations .sprinkle.topping-strawberry{font-size:clamp(17px,2.3vw,34px)}
/* Mundo RBA: a welcoming entrance to the activity collection. */
.rba-homepage{--ink:#54334f;--lilac:#9a75a7;--paper:#fcf8f1;background:radial-gradient(ellipse at 90% 10%,#efe6f230,transparent 38%),#fcf8f1}
.rba-homepage .site-header{max-width:1210px;padding:18px 36px;border-bottom:1px solid #e6dce3;gap:20px}
.rba-homepage .site-header .brand{font-size:20px;letter-spacing:2.5px;gap:14px;line-height:1.2}
.rba-homepage .site-header .brand small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:400;margin-top:8px;color:#856c83}
.rba-homepage .site-header .brand img{width:46px;height:64px}
.rba-homepage .site-header nav{gap:30px;align-items:center}
.rba-homepage .site-header nav a{font-size:13px;letter-spacing:.2px;font-weight:500;padding:9px 0;border:0;position:relative}
.rba-homepage .site-header nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;height:3px;bottom:0;border-radius:3px;background:#a4ae87}
.rba-homepage .site-header .nav-contact{border:1px solid #d4c1d7;border-radius:22px;padding:10px 17px;white-space:nowrap}
.rba-homepage #home{max-width:1210px}
.rba-homepage .hero{padding:66px 36px 90px;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;position:relative}
.rba-homepage .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px;color:#87678b}
.rba-homepage .little-flower{font-size:24px;color:#aab58d;font-weight:400}
.rba-homepage .hero h1{font-size:clamp(38px,4.4vw,58px);letter-spacing:-1.7px;line-height:1.08;max-width:610px;margin:21px 0 25px;font-weight:650}
.rba-homepage em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#97719f}
.rba-homepage .hero p{font-size:18px;line-height:1.65;color:#7a6275}
.rba-homepage .actions{gap:22px;align-items:center;margin-top:30px}
.rba-homepage .hero-primary{background:#785780;border-radius:17px;padding:15px 23px;box-shadow:0 5px 0 #decde02e;font-size:14px}
.rba-homepage .hero-primary span{margin-left:20px}
.rba-homepage .hero-secondary{font-size:12px;color:#6d526b;text-decoration:none;border-bottom:1px solid #cbb9cd;padding-bottom:4px}
.rba-homepage .hero-secondary span{margin-left:6px}
.rba-homepage .hero-footnote{display:flex;align-items:center;gap:12px;font-size:11px;color:#947e91;margin-top:35px;letter-spacing:.15px}
.rba-homepage .footnote-line{height:1px;width:27px;background:#c1c7a7}
.rba-homepage .hero-art{position:relative;margin:6px 0 20px;padding:9px;border:1px solid #e0d1df;border-radius:48% 48% 32px 32px;transform:rotate(1.5deg);background:#f4eaf2;box-shadow:16px 20px 0 #eee5ed66}
.rba-homepage .art-arch{border-radius:48% 48% 25px 25px;overflow:hidden;aspect-ratio:1/1.07}
.rba-homepage .room{width:100%;height:100%;object-fit:cover;border-radius:0;mix-blend-mode:normal;display:block;transform:scale(1.02)}
.rba-homepage .art-star{position:absolute;font-size:45px;color:#b8a16c;line-height:1;z-index:2;font-family:Georgia,serif}
.rba-homepage .star-one{top:20%;left:-25px}
.rba-homepage .star-two{right:-16px;top:6%;font-size:30px}
.rba-homepage .art-note{position:absolute;left:-26px;bottom:-24px;display:flex;align-items:center;gap:12px;padding:15px 23px;background:#fffdf7;border:1px solid #e2d8da;border-radius:18px;box-shadow:0 8px 20px #6b466c0c;transform:rotate(-4deg);font-size:12px;line-height:1.5}
.rba-homepage .art-note>span{color:#9eae80;font-size:30px;line-height:1}
.rba-homepage .art-note strong{font-weight:500;color:#8b6990}
.rba-homepage .library{padding:65px 36px 60px;border-top:1px solid #e9dfe5;background:linear-gradient(#f3ecf360,#fbf7ef00);border-radius:35px}
.rba-homepage .section-intro{display:flex;gap:30px;align-items:flex-end;justify-content:space-between;margin-bottom:35px}
.rba-homepage .section-intro .eyebrow{font-size:9px;letter-spacing:1.8px;color:#94778f}
.rba-homepage .section-intro h2{font-size:36px;letter-spacing:-1px;margin:14px 0 0;line-height:1.2;font-weight:500}
.rba-homepage .section-intro>p{font-size:13px;line-height:1.7;color:#887183;flex-shrink:0;margin-bottom:2px}
.rba-homepage .activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.rba-homepage .activity{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid #e3d4df;border-radius:24px;background:#fffcf7;margin:0;overflow:hidden;align-items:stretch;box-shadow:0 8px 20px #79537505}
.rba-homepage .activity-cover{position:relative;padding:10px 10px 0}
.rba-homepage .activity-cover img{width:100%;height:auto;aspect-ratio:1.21;object-fit:cover;border-radius:17px;max-height:none;display:block;transition:transform .25s}
.rba-homepage .cover-label{position:absolute;bottom:11px;left:20px;background:#fffaf2ed;padding:6px 10px;border:1px solid #eadfe9;border-radius:10px;color:#765b72;font-size:8px;letter-spacing:1.2px}
.rba-homepage .activity-copy{padding:24px 23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.rba-homepage .activity .tag{font-size:8px;letter-spacing:1.3px;color:#947792}
.rba-homepage .activity h3{font-size:27px;line-height:1.15;letter-spacing:-.6px;font-weight:550;margin:13px 0 14px}
.rba-homepage .activity p{font-size:13px;color:#8a7381;line-height:1.75;margin:0 0 25px}
.rba-homepage .activity .button,.rba-homepage .activity button{margin-top:auto;display:flex;justify-content:space-between;gap:10px;width:100%;background:#ede2ef;color:#795784;border:1px solid #e0cde2;padding:12px 14px;border-radius:13px;font-weight:500;font-size:12px;text-align:left}
.rba-homepage .math-card .button{background:#f1e9d6;border-color:#e4d9c1;color:#846e48}
.rba-homepage .portuguese-card .button{background:#e6ecdb;border-color:#d5dfc4;color:#667749}
.rba-homepage .library-note{display:flex;align-items:center;justify-content:center;gap:10px;color:#947d8c;font-size:11px;margin-top:30px}
.rba-homepage .library-note span{color:#b3be95;font-size:20px}
.rba-homepage .about{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center;text-align:left;padding:65px 60px;background:#efe7ee70;border:1px solid #e5d8e4;border-radius:30px;margin:35px 36px 85px}
.rba-homepage .about-identity{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid #ddcedc;padding-right:45px}
.rba-homepage .identity-art{max-width:140px}
.rba-homepage .identity-art img{width:100%;display:block;mix-blend-mode:multiply}
.rba-homepage .about-identity p{font-size:14px;line-height:1.7;margin-top:20px}
.rba-homepage .about-identity p em{font-size:20px}
.rba-homepage .about-copy>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8c6d8e}
.rba-homepage .about h2{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:16px 0 20px}
.rba-homepage .about-copy>p{font-size:14px;color:#826b7c;line-height:1.8;margin-bottom:20px}
.rba-homepage .services{gap:15px;margin:25px 0}
.rba-homepage .services article{padding:0;background:transparent;border:0;border-radius:0}
.rba-homepage .service-number{display:inline-block;font-size:10px;color:#9b83a0;border-bottom:1px solid #cdb8d0;padding-bottom:4px;margin-bottom:10px;letter-spacing:1px}
.rba-homepage .services h3{font-size:19px;font-weight:500;letter-spacing:-.3px}
.rba-homepage .services p{font-size:12px;line-height:1.8;color:#8c7585}
.rba-homepage .about-contact{font-size:12px;text-decoration:none;border-bottom:1px solid #c8b2cc;padding-bottom:6px;display:inline-block}
.rba-homepage .about-contact span{margin-left:12px}
.rba-homepage .site-footer{max-width:1138px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:26px 0 35px;border-color:#e6dce5}
.rba-homepage .site-footer strong{font-size:12px;letter-spacing:2px;font-weight:500}
.rba-homepage .site-footer span{font-size:11px;color:#9c8595;margin-top:8px}
.rba-homepage .site-footer a{font-size:11px;font-weight:400;color:#93788e;text-decoration:none}
@media(hover:hover){.rba-homepage .activity:hover{box-shadow:0 12px 24px #79537512;border-color:#cdb3cf}.rba-homepage .activity:hover .activity-cover img{transform:scale(1.015)}}
@media(max-width:900px){
.rba-homepage .hero{gap:30px;padding:45px 30px 70px}.rba-homepage .hero h1{font-size:44px}
.rba-homepage .hero .eyebrow{font-size:8px;letter-spacing:1px}.rba-homepage .hero-footnote{font-size:10px}
.rba-homepage .actions{gap:15px}.rba-homepage .hero-primary{padding:13px 17px}
.rba-homepage .section-intro{align-items:flex-start}.rba-homepage .section-intro h2{font-size:30px}.rba-homepage .section-intro>p{font-size:11px}
.rba-homepage .activity-grid{gap:15px}.rba-homepage .activity-copy{padding:20px 15px}.rba-homepage .activity h3{font-size:23px}.rba-homepage .activity .tag{font-size:7px;letter-spacing:.7px}
.rba-homepage .activity .button,.rba-homepage .activity button{font-size:11px;padding:11px}
.rba-homepage .about{padding:40px 30px;gap:30px}.rba-homepage .about-identity{padding-right:25px}.rba-homepage .site-footer{margin:0 35px}
}
@media(max-width:650px){
.rba-homepage .site-header{padding:15px 20px;gap:12px}.rba-homepage .site-header .brand{font-size:16px;gap:8px;letter-spacing:1.5px}.rba-homepage .site-header .brand small{font-size:7px;letter-spacing:1px;margin-top:5px}.rba-homepage .site-header .brand img{width:36px;height:50px}
.rba-homepage .site-header nav{gap:17px}.rba-homepage .site-header nav a{font-size:11px}.rba-homepage .site-header .nav-contact{display:none}
.rba-homepage .hero{grid-template-columns:1fr;padding:35px 24px 65px;gap:35px}
.rba-homepage .hero h1{font-size:43px;line-height:1.1;letter-spacing:-1.2px;max-width:420px;margin:15px 0 20px}
.rba-homepage .hero p{font-size:16px}.rba-homepage .hero .eyebrow{font-size:9px;letter-spacing:1px}
.rba-homepage .hero-secondary{font-size:11px}.rba-homepage .hero-footnote{margin-top:23px}
.rba-homepage .hero-art{max-width:390px;width:calc(100% - 18px);margin:0 auto 15px}
.rba-homepage .art-arch{aspect-ratio:1.16}.rba-homepage .art-note{left:-9px;padding:12px 17px;font-size:11px;bottom:-22px}.rba-homepage .art-star{font-size:35px;left:-17px}
.rba-homepage .star-two{left:auto;right:-13px;font-size:25px}
.rba-homepage .library{padding:40px 20px 25px;border-radius:28px}
.rba-homepage .section-intro{display:block;margin-bottom:25px}.rba-homepage .section-intro .eyebrow{font-size:8px;letter-spacing:1.3px}.rba-homepage .section-intro h2{font-size:31px}.rba-homepage .section-intro>p{font-size:13px;margin-top:15px}.rba-homepage .section-intro>p br{display:none}
.rba-homepage .activity-grid{grid-template-columns:1fr;gap:23px;max-width:440px;margin:auto}
.rba-homepage .activity{border-radius:23px}.rba-homepage .activity-cover{padding:10px 10px 0}
.rba-homepage .activity-cover img{aspect-ratio:1.45}.rba-homepage .activity-copy{padding:23px}
.rba-homepage .activity h3{font-size:29px;margin-top:13px}.rba-homepage .activity h3 br{display:none}
.rba-homepage .activity p{font-size:14px}.rba-homepage .activity .tag{font-size:9px;letter-spacing:1px}
.rba-homepage .activity .button,.rba-homepage .activity button{font-size:13px;padding:14px}
.rba-homepage .cover-label{font-size:9px}.rba-homepage .library-note{font-size:10px;text-align:center;line-height:1.6}
.rba-homepage .about{grid-template-columns:1fr;gap:28px;margin:30px 20px 45px;padding:32px 25px}
.rba-homepage .about-identity{border:0;border-bottom:1px solid #dfd0de;padding:0 0 23px;flex-direction:row;gap:25px;justify-content:center}
.rba-homepage .identity-art{width:70px;flex-shrink:0}.rba-homepage .about-identity p{font-size:12px;text-align:left;margin:0}.rba-homepage .about-identity p em{font-size:18px}
.rba-homepage .about h2{font-size:29px}.rba-homepage .about-copy>p{font-size:14px}
.rba-homepage .services{grid-template-columns:1fr 1fr;gap:18px}.rba-homepage .services h3{font-size:18px}.rba-homepage .services p{font-size:12px}
.rba-homepage .about-contact{font-size:11px;line-height:1.7}
.rba-homepage .site-footer{margin:0 23px;padding:25px 0;display:block}.rba-homepage .site-footer a{display:inline-block;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.rba-homepage .activity-cover img{transition:none}}
.rba-homepage .activity .tag,.rba-homepage .cover-label{font-size:10px;letter-spacing:.7px}
.rba-homepage .hero-footnote,.rba-homepage .library-note{font-size:11px;color:#80677b}
.rba-homepage .section-intro .eyebrow,.rba-homepage .about-copy>.eyebrow{font-size:10px}
.rba-homepage .site-header .brand small{font-size:10px;letter-spacing:1.3px}
@media(max-width:650px){.rba-homepage .site-header .brand small{font-size:8px;letter-spacing:.6px}.rba-homepage .section-intro .eyebrow{font-size:10px;line-height:1.8}}
.rba-homepage .about-contact.whatsapp-contact{display:inline-flex;align-items:center;gap:15px;background:#e2ead8;color:#536442;border:1px solid #c5d3b3;border-radius:15px;padding:13px 18px;font-size:13px;line-height:1.5;text-decoration:none}
.rba-homepage .about-contact.whatsapp-contact:hover{background:#d6e2c9}
.rba-homepage .site-footer .footer-links{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
@media(max-width:650px){.rba-homepage .about-contact.whatsapp-contact{font-size:12px}.rba-homepage .site-footer .footer-links{gap:15px;margin-top:18px}.rba-homepage .site-footer .footer-links a{margin-top:0}}
.rba-homepage .whatsapp-app-link{display:block;width:fit-content;margin-top:13px;color:#637552;font-size:12px;text-decoration:underline;text-underline-offset:4px}
