:root{--ink:#294e41;--cream:#faf7ef;--muted:#647367}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a14c35;outline-offset:5px}header,main>.section,footer{max-width:1240px;margin:auto}header{height:114px;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.brand{font-weight:800;display:flex;gap:12px;align-items:center;line-height:1.05;font-size:21px;letter-spacing:-.7px}.brand-flower{font-size:53px;color:#d78966}.brand-dot{color:#d78966}nav{display:flex;gap:30px;font-size:14px}.sound,.outline{border:1px solid #b7c1b6;background:transparent;border-radius:30px;padding:14px 22px;font-size:13px;font-weight:700}.sound{background:#eff0e5;border:0}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:42px 42px 55px;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;line-height:1.7}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#ce805d;border-radius:50%;margin-right:5px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,4.7vw,65px);line-height:1.09;letter-spacing:-2.8px;margin:24px 0}h1 em{font-weight:400;color:#ba674b}p{line-height:1.7}.hero-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.primary{display:inline-flex;gap:35px;background:var(--ink);color:white;border-radius:30px;padding:18px 25px;font-size:14px;margin-top:18px}.hero-note{font-size:12px;margin-top:22px;color:var(--muted)}.hero-art{position:relative}.hero-art svg{width:100%}.art-label{position:absolute;bottom:4%;left:25%;transform:rotate(-5deg);font:italic 20px Georgia;color:#6d744e}.ribbon{display:flex;justify-content:space-evenly;gap:15px;background:#eceee2;border-top:1px solid #dde2d5;border-bottom:1px solid #dde2d5;padding:22px;font-size:11px;letter-spacing:2px}.section{padding:72px 42px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}h2{font:400 36px/1.2 Georgia,serif;letter-spacing:-1px;margin:12px 0}h3{font:400 25px Georgia;margin:12px 0}.section-head>p,.section-desc{color:var(--muted);font-size:14px}.activities{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.activity{border:0;text-align:left;padding:26px 29px;border-radius:18px;transition:transform .2s}.activity:hover{transform:translateY(-5px)}.paint{background:#f3e5bf}.play{background:#e5e9db}.story{background:#ede4ed}.tile-art{display:flex;font-size:64px;height:105px;align-items:center;justify-content:center;margin-bottom:21px}.tile-kicker{font-size:9px;letter-spacing:1.8px;font-weight:700}.activity p{font-size:13px}.tile-link{display:flex;justify-content:space-between;border-top:1px solid #294e4126;padding-top:20px;margin-top:25px;font-size:12px;font-weight:700}.tile-link b{font-size:19px}.mural-section{padding:62px max(42px,calc((100vw - 1156px)/2));background:#f0eee5}.mural-section .section-head{margin-bottom:0}.notes{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin:33px 0}.note{min-height:156px;border:0;padding:22px;font:italic 22px/1.4 Georgia;box-shadow:1px 4px 7px #294e410a;position:relative}.note:nth-child(4n+1){background:#f6df9e;transform:rotate(-2deg)}.note:nth-child(4n+2){background:#dfE6d4;transform:rotate(2deg)}.note:nth-child(4n+3){background:#efdad0;transform:rotate(-1deg)}.note:nth-child(4n){background:#e4dfea;transform:rotate(2deg)}.note:before{content:'';position:absolute;top:-8px;left:40%;height:20px;width:50px;background:#ffffff70;transform:rotate(-7deg)}.small{font-size:11px;color:var(--muted)}.help{margin:65px auto 0;max-width:1156px;display:flex;align-items:center;gap:30px;border-block:1px solid #d6ddd0;padding:35px 0}.help-symbol{font:80px Georgia;color:#bd7558}.help h2{font-size:30px}.help p:not(.eyebrow){font-size:13px;color:var(--muted)}.help .outline{margin-left:auto;white-space:nowrap}.project{display:grid;grid-template-columns:1fr 1fr;gap:100px}.project p{font-size:14px;color:var(--muted)}.project h2{font-size:40px}.handwritten{display:block;font:italic 22px Georgia;color:#ba674b;margin-top:25px}.project-list{background:#eeeee4;padding:25px 30px;border-radius:12px}.project-list h3{font-size:20px}.project-list>div{display:flex;gap:20px;align-items:center;border-bottom:1px solid #d7ddcf}.project-list>div>span{font:22px Georgia;color:#a57451}.project-list p{font-size:12px}.project-list .small{font-size:11px}footer{border-top:1px solid #dde0d4;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:15px}footer .brand-flower{font-size:35px}footer p,footer>a:last-child{font-size:11px}dialog{border:0;border-radius:24px;padding:25px;width:min(660px,94vw);max-height:92vh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#1a302acc;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce0d4;padding-bottom:15px;font-size:13px}.modal-top button{border:0;background:#e5e9db;border-radius:50%;width:44px;height:44px}#modalBody{text-align:center;padding:12px 5px}#modalBody .primary{border:0;margin:10px 5px}#modalBody p{font-size:17px}.choices{display:grid;gap:12px}.choices button{padding:20px;border:1px solid #bbc9b7;border-radius:14px;background:#e9eddf;font-size:18px}.feedback{min-height:55px}.book-art{font-size:85px;margin:20px}.page-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.page-actions button{padding:14px;border:0;border-radius:25px;background:#e3e8d8}.page-actions button:disabled{opacity:.4;cursor:default}.swatches{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.swatches button{width:44px;height:44px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #bbb}.swatches button[aria-pressed=true]{box-shadow:0 0 0 3px #294e41}.drawing{max-height:330px;width:100%;margin:20px 0}.drawing [data-color]{cursor:pointer;stroke:#294e41;stroke-width:4}.drawing [data-color]:focus{stroke-width:8}input{font:inherit;padding:18px;border-radius:12px;border:1px solid #aaa;width:100%;margin:15px 0}.status{font-size:13px!important}.mini{font-size:12px!important;color:var(--muted)}@media(max-width:800px){header{padding:20px;height:90px}nav{display:none}.sound{padding:13px}.sound span{font-size:11px}.brand{font-size:17px}.hero{padding:30px 23px;grid-template-columns:1fr}.hero-art{max-width:420px;margin:auto;width:100%}h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-art svg{max-height:340px}.ribbon{flex-wrap:wrap;font-size:9px;padding:16px}.ribbon span:last-child{display:none}.section{padding:45px 22px}.section-head{align-items:flex-start;flex-direction:column;gap:5px}h2{font-size:30px}.activities{grid-template-columns:1fr}.activity{display:block}.tile-art{height:80px;margin-bottom:10px}.mural-section{padding:40px 22px}.notes{grid-template-columns:1fr 1fr;gap:18px}.note{font-size:20px;min-height:155px}.help{margin:35px 22px 0;padding:25px 0;gap:15px;flex-wrap:wrap}.help-symbol{display:none}.help h2{font-size:27px}.help .outline{margin-left:0}.project{grid-template-columns:1fr;gap:35px}.project h2{font-size:34px}footer{padding:25px 22px;flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;width:100%;max-height:none}dialog .modal-top,dialog button,dialog .swatches,dialog .mini{display:none!important}.drawing{max-height:70vh;height:70vh}}

/* Identity inspired by the student's original drawing. */
.brand-seed{width:43px;height:51px;flex:none;color:#6f7451}.hero{grid-template-columns:.92fr 1.08fr;gap:38px}.hero h1 em{color:#a77724}.hero-art.student-art{margin:0;width:100%;position:relative}.art-paper{background:#fff;padding:10px;border-radius:5px;box-shadow:0 12px 34px #3b5e4b15,0 2px 4px #3b5e4b0a;transform:rotate(1deg);position:relative}.art-paper:before,.art-paper:after{content:'';position:absolute;top:-11px;width:65px;height:25px;background:#efda8caf;z-index:1;transform:rotate(-12deg)}.art-paper:before{left:32px}.art-paper:after{right:32px;transform:rotate(13deg)}.art-paper img{display:block;width:100%;height:auto;border-radius:2px}.student-art figcaption{text-align:center;margin-top:25px}.art-credit{display:block;font-size:9px;letter-spacing:2px;font-weight:700;color:#677863}.art-message{display:block;margin-top:10px;font:italic 18px/1.4 Georgia;color:#7e773b}.ribbon{background:#edf2e4;border-color:#dde5ce}.ribbon span:nth-child(2){color:#776092}.ribbon span:nth-child(3){color:#4d7888}.ribbon span:nth-child(4){color:#9b5a72}.paint{background:#f7ebbe}.play{background:#e7efd8}.story{background:#e3edf2}.sound{background:#edf2e4}.mural-section{background:#eef3f5}.handwritten{color:#977528}.hero .eyebrow>span{background:#d7b33e}.help-symbol{color:#b99b31}footer .brand-seed{width:29px;height:37px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:38px}.hero-art.student-art{max-width:540px;margin:0 auto 15px}.student-art figcaption{margin-top:20px}.art-message{font-size:17px}.brand-seed{width:33px;height:42px}}

/* Turma 32: original classroom photo and portrait video. */
.class-section{border-top:1px solid #dde5d9;scroll-margin-top:20px}.class-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}.class-photo{margin:0;background:#fff;padding:10px 10px 0;border-radius:12px;box-shadow:0 6px 24px #294e410d}.class-photo img{display:block;width:100%;height:auto;border-radius:6px}.class-photo figcaption{padding:17px 10px;text-align:center;font:italic 17px/1.4 Georgia;color:#677863}.class-note{display:flex;gap:20px;padding:24px 8px}.class-note>span{font:54px Georgia;color:#a68c37}.class-note h3{font-size:27px;margin:5px 0 10px}.class-note p{font-size:14px;color:var(--muted);margin:0 0 18px}.class-video-link{display:inline-block;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.class-video-card{padding:24px;background:#e7efdE;border-radius:18px;min-width:0;scroll-margin-top:20px}.class-video-card h3{font-size:27px;line-height:1.2}.class-video-intro{font-size:13px;color:var(--muted);margin-bottom:20px}.class-video-card video{display:block;width:100%;height:auto;aspect-ratio:576/896;max-height:560px;object-fit:contain;background:#233c31;border-radius:10px}.class-video-caption{font-size:11px;color:var(--muted);text-align:center;margin:14px 0 0}header nav{gap:20px}@media(max-width:800px){.class-grid{grid-template-columns:1fr;gap:16px}.class-video-card{padding:22px}.class-video-card video{max-height:600px}.class-note{padding:22px 0}.class-photo figcaption{font-size:15px}}@media(min-width:801px) and (max-width:1000px){header{padding-inline:24px}header nav{gap:12px;font-size:12px}.sound{padding:12px}.sound span{font-size:11px}}