@font-face{font-family:Fraunces;src:url('/assets/fonts/fraunces/font.woff2') format('woff2');font-weight:100 900;font-display:swap}.jardim-miudo{--paper:#fff8ea;--ink:#285b48;--soft:#e7eddb;--display:Fraunces,Georgia,serif;--radius:18px}.school-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding-block:40px 90px;align-items:center}.school-copy>p:not(.eyebrow){max-width:440px}.school-art{position:relative;min-height:500px;border-radius:220px 220px 25px 25px;background:#eac85c;overflow:hidden;display:grid;place-items:center}.art-copy{position:relative;font:400 68px/1.02 Fraunces,Georgia,serif;letter-spacing:-.05em}.art-copy span{display:block;font:700 11px Jakarta,Arial,sans-serif;letter-spacing:.12em;margin-top:22px}.sun{position:absolute;width:145px;height:145px;border-radius:50%;background:#fff8ea;top:30px;right:-25px}.leaf{position:absolute;width:180px;height:90px;background:#285b48;border-radius:100% 0}.leaf-one{left:-60px;bottom:80px;transform:rotate(30deg)}.leaf-two{right:-60px;bottom:0;transform:rotate(-45deg)}.seed{position:absolute;font-size:120px;top:25px;left:25px;color:#285b48}.program-bands{margin-top:35px}.program-bands article{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;padding:28px 0;border-top:1px solid #285b4855;align-items:start}.program-bands .number{margin:0}.program-bands p{margin:0}.school-routine{background:#e7eddb}.school-routine [data-tab-panel]{padding:28px;border:1px dashed #285b4888;border-radius:18px}.spaces{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:36px}.spaces figure{grid-row:span 2;overflow:hidden;border-radius:18px}.spaces figure img{aspect-ratio:4/5}.spaces article{padding:36px;border-radius:18px;background:#eac85c}.spaces article:last-child{background:#e7eddb}.spaces article span{font-size:12px}.spaces article h3{margin-top:22px}@media(max-width:800px){.school-opening{grid-template-columns:1fr;padding-top:16px;gap:32px}.school-art{min-height:350px}.art-copy{font-size:52px}.seed{font-size:80px}.program-bands article{grid-template-columns:35px 1fr;gap:20px}.program-bands article p{grid-column:2}.spaces{grid-template-columns:1fr}.spaces figure img{aspect-ratio:4/3}.spaces figure{grid-row:auto}}
@media(max-width:800px){.art-copy{font-size:46px}}

.jardim-miudo{--header-ink:#285b48}.school-opening{position:relative;isolation:isolate;display:block;width:100%;max-width:none;min-height:calc(100svh - var(--sample-notice-height,46px));padding:185px max(24px,calc((100vw - 1180px)/2)) 100px;overflow:hidden;background:#eac85c}
.school-copy{position:relative;z-index:2;max-width:620px}.school-copy h1{font-size:clamp(58px,6.7vw,96px);font-weight:500;line-height:1.04}.school-copy>p:not(.eyebrow){max-width:480px;font-size:18px}.school-copy .action{background:#285b48;color:#fff8ea;border-color:#285b48}
.school-art{position:absolute;inset:0;z-index:-1;min-height:100%;border-radius:0;background:linear-gradient(120deg,#f2dc95,#eac85c);overflow:hidden;display:block}.school-art::after{content:"";position:absolute;inset:0;background:#e89c69;opacity:calc(var(--school-progress,0) * .75)}
.school-art .sun{width:clamp(180px,24vw,360px);height:clamp(180px,24vw,360px);right:10%;top:18%;background:#fff8ea;transform:translateY(calc(var(--school-progress,0) * 170px));z-index:1}.school-art .leaf{width:430px;height:220px;z-index:1}.school-art .leaf-one{bottom:-60px;left:52%;transform:rotate(calc(20deg + var(--school-progress,0) * 15deg))}.school-art .leaf-two{right:-110px;bottom:15%;transform:rotate(-35deg)}.school-art .seed{top:auto;bottom:5%;left:5%;font-size:90px;opacity:.18}.school-art .art-copy{position:absolute;right:7%;top:50%;z-index:2;font-size:64px;max-width:330px;transform:rotate(-7deg)}.school-art .art-copy span{font-size:12px;letter-spacing:.06em}
@media(max-width:800px){.school-opening{min-height:850px;padding:140px 24px 290px}.school-copy h1{font-size:clamp(48px,12vw,64px);max-width:600px}.school-copy>p:not(.eyebrow){font-size:16px;max-width:540px}.school-art .sun{width:140px;height:140px;top:auto;bottom:10%;right:10%}.school-art .art-copy{font-size:34px;top:auto;bottom:7%;left:26px;right:auto}.school-art .art-copy span{font-size:10px}.school-art .leaf-one{left:48%;width:220px;height:100px;bottom:-20px}.school-art .leaf-two{width:210px;height:100px;right:-85px;bottom:22%}}
@media(prefers-reduced-motion:reduce){.school-art::after{opacity:0}.school-art .sun,.school-art .leaf{animation:none!important}}

@font-face{font-family:Jakarta;src:url('/assets/fonts/jakarta-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Jakarta;src:url('/assets/fonts/jakarta-700.woff2') format('woff2');font-weight:700;font-display:swap}

@media(min-width:801px){.school-art .leaf-two{bottom:0}.school-art .art-copy{top:46%}}

/* P01, attempt 2: the whole document shares a warm daylight canvas. */
.jardim-miudo{--day-sky:#f8e4a1;--soft:color-mix(in srgb,var(--day-sky),#fff8ea 42%);position:relative;isolation:isolate;background:var(--day-sky)}
.school-opening,.school-art{background:transparent}
.jardim-miudo main>section,.jardim-miudo footer{background:color-mix(in srgb,var(--day-sky) 8%,transparent)}
.jardim-miudo .school-routine{background:color-mix(in srgb,var(--day-sky) 14%,transparent)}
.spaces article{background:color-mix(in srgb,#fff8ea 28%,transparent)}
.spaces article:last-child{background:color-mix(in srgb,#e7eddb 48%,transparent)}
.jardim-miudo .simulation-card{background:color-mix(in srgb,#fff8ea 42%,transparent)}
.school-art::after{display:none}
.school-sky{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.school-sun{position:absolute;width:clamp(120px,12vw,180px);height:clamp(120px,12vw,180px);left:0;top:82vh;transform:translate(-50%,-50%);border-radius:50%;background:#fff8ea;pointer-events:none}
.school-copy{width:54%;max-width:620px}
.school-art .art-copy{top:58%;right:8%;width:31%;max-width:420px;text-align:center;font-size:clamp(38px,4.4vw,64px);transform:none}
.school-art .art-copy span{margin-top:18px}
.school-art .leaf-three{left:76%;bottom:-70px;width:210px;height:120px;background:#578064;transform:rotate(-25deg)}
.school-art .leaf-four{left:47%;bottom:30px;width:130px;height:70px;background:#759168;transform:rotate(42deg)}
.school-art .leaf-one{transform:rotate(20deg)}
.garden-details{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.garden-tree{transform-box:fill-box;transform-origin:bottom center}
.school-sway-enabled .garden-tree{animation:garden-sway 8s ease-in-out infinite}
.school-sway-enabled .tree-two{animation-delay:-3s}
.school-sway-enabled .leaf-three{animation:garden-leaf 7s ease-in-out infinite}
@keyframes garden-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes garden-leaf{50%{transform:rotate(-20deg)}}

/* The illustration stays beside three readable chapters; each part grows independently. */
.growth-timeline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);margin-top:48px;align-items:start}
.growth-stage{position:sticky;top:110px;align-self:start;text-align:center;border-radius:200px 200px 24px 24px;background:color-mix(in srgb,#fff8ea 55%,transparent);padding:24px 24px 32px}
.growth-flower{display:block;width:100%;max-height:56vh;overflow:visible}
.growth-stage figcaption{font-size:16px;font-family:Fraunces,Georgia,serif;padding-top:16px;line-height:1.45}
.growth-stage figcaption span{display:block;font:400 12px/1.6 Jakarta,Arial,sans-serif;margin-top:6px}
.growth-timeline .program-bands{margin:0}
.growth-timeline .program-bands article{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:65vh;padding:65px 0;border-top:1px solid #285b4855}
.growth-timeline .program-bands .number{font-size:13px;letter-spacing:.08em}
.growth-timeline .program-bands h3{font-size:clamp(34px,3.4vw,48px)}
.growth-timeline .program-bands p{max-width:410px}
.flower-stem{transform-origin:220px 469px;transform:scaleY(var(--stem-grow,1))}
.flower-leaf{transform-box:view-box}
.flower-leaf-left{transform-origin:218px 367px;transform:translate(calc(var(--flower-spread,0) * -14px),calc(var(--flower-spread,0) * 8px)) scale(var(--leaf-grow,1))}
.flower-leaf-right{transform-origin:225px 323px;transform:translate(calc(var(--flower-spread,0) * 16px),calc(var(--flower-spread,0) * -8px)) scale(var(--leaf-grow,1))}
.flower-petal{transform-origin:220px 170px;transform:translateY(calc(var(--flower-spread,0) * -44px)) scale(var(--bloom-grow,1))}
.flower-center{transform-origin:220px 170px;transform:scale(var(--bloom-grow,1))}
.flower-seed{opacity:var(--seed-show,0)}
.school-motion-enabled [data-school-growth]{--seed-show:1;--stem-grow:0;--leaf-grow:0;--bloom-grow:0;--flower-spread:0}
@media(max-width:1000px) and (min-width:801px){
  .school-copy h1{font-size:clamp(58px,6.7vw,76px)}
  .school-art .art-copy{font-size:40px;top:61%}
}
@media(max-width:800px){
  .school-sun{display:none!important}
  .school-copy{width:100%;max-width:620px}
  .school-art .art-copy{top:auto;bottom:9%;left:24px;right:auto;width:auto;max-width:80%;text-align:left;font-size:34px;transform:none}
  .school-art .art-copy span{font-size:10px}
  .school-art .leaf-three{left:68%;bottom:-40px;width:140px;height:80px}
  .school-art .leaf-four{left:65%;bottom:35px;width:95px;height:50px}
  .garden-birds{transform:translate(-100px,420px)}
  .growth-timeline{grid-template-columns:1fr;gap:28px;margin-top:32px}
  .growth-stage{position:relative;top:auto;padding:12px 20px 20px;max-width:340px;width:100%;margin-inline:auto;border-radius:140px 140px 18px 18px}
  .growth-flower{height:220px;max-height:none}
  .growth-stage figcaption{font-size:15px;padding-top:6px}
  .growth-stage figcaption span{font-size:11px}
  .growth-timeline .program-bands article{min-height:0;padding:32px 0;gap:14px}
  .growth-timeline .program-bands h3{font-size:34px}
  /* Compact devices show the complete illustration alongside all chapters. */
  .flower-stem,.flower-leaf,.flower-petal,.flower-center{transform:none!important}
  .flower-seed{opacity:0!important}
}
@media(max-height:560px) and (min-width:801px){
  .growth-stage{top:65px;padding:12px}
  .growth-flower{max-height:52vh}
  .growth-stage figcaption span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .garden-tree,.school-art .leaf{animation:none!important}
  .school-sky{position:absolute;height:100svh}
}
.jardim-miudo:not(.school-motion-enabled) .school-sky{position:absolute;height:100svh}
