/* The garden story is a quiet illustration beside the existing age choices.
   No animated background or interaction is required for reading or navigation. */
.parea-garden-illustration{
  position:relative;display:block;min-width:0;margin:0;overflow:hidden;isolation:isolate;
  border-radius:clamp(18px,2.5vw,28px);border:1px solid #e2e5d7;
  background:linear-gradient(135deg,#f7f4e9,#dfeadc);
  box-shadow:0 14px 34px rgba(48,77,55,.105);
}
.parea-garden-picture,.parea-garden-picture img{display:block;width:100%;height:100%}
.parea-garden-picture img{object-fit:cover;object-position:31% 55%;color:#31573d}
.parea-garden-illustration::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
  background:linear-gradient(145deg,rgba(255,253,246,.10) 0%,transparent 38%,rgba(255,244,219,.07) 100%);
}
@media(min-width:936px){
  .home-page .parea-garden-intro{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,.94fr);
    grid-template-rows:auto auto auto auto auto;
    align-items:start;column-gap:clamp(20px,3.1vw,42px);
  }
  .parea-garden-intro>.eyebrow{grid-column:1;grid-row:1;align-self:end}
  .parea-garden-intro>h1{grid-column:1;grid-row:2;font-size:clamp(39px,4vw,67px);margin:15px 0 18px}
  .parea-garden-intro>p:not(.age-guidance){grid-column:1;grid-row:3;font-size:clamp(15px,1.3vw,18px)}
  .parea-garden-intro>.parea-garden-illustration-chooser{
    grid-column:2;grid-row:1/4;align-self:stretch;height:100%;min-height:270px;
  }
  .parea-garden-intro>.age-grid{grid-column:1/-1;grid-row:4;margin-top:clamp(26px,3.1vw,40px)}
  .parea-garden-intro>.age-guidance{grid-column:1/-1;grid-row:5}
}
@media(max-width:935px){
  /* On smaller screens, choosing an age stays before the decorative illustration. */
  .home-page .parea-garden-intro{display:flex;flex-direction:column;align-items:stretch}
  .home-page .parea-garden-intro>.age-grid{order:1}
  .home-page .parea-garden-intro>.age-guidance{order:2}
  .home-page .parea-garden-intro>.parea-garden-illustration-chooser{order:3}
  .home-page .parea-garden-illustration-chooser{width:100%;height:clamp(220px,36vw,320px);margin:21px 0 0}
  .home-page .parea-garden-illustration-chooser img{object-position:35% 52%}
  .meet-parea-returning.meet-parea-mobile-hero .meet-parea-scene{display:none}
  .meet-parea-returning.meet-parea-mobile-hero .meet-parea-illustration{width:100%;max-width:560px}
  .meet-parea-returning.meet-parea-mobile-hero .parea-garden-illustration-mobile-returning{
    width:100%;height:clamp(208px,38vw,288px);margin:0 auto 15px
  }
}
@media(max-width:680px){
  .home-page .parea-garden-illustration-chooser{height:clamp(184px,58vw,245px);margin:18px 0 2px}
  .home-page .parea-garden-illustration-chooser img{object-position:50% 52%}
  .meet-parea-returning.meet-parea-mobile-hero .parea-garden-illustration-mobile-returning{
    height:clamp(245px,67vw,325px)
  }
  .meet-parea-returning.meet-parea-mobile-hero .parea-garden-illustration-mobile-returning img{object-position:50% 53%}
}
/* Returning families keep their existing activity hero, with the story art
   framed alongside the age-group pictograms. */
.home-page .parea-age-garden-hero{min-width:0;gap:14px}
.home-page .parea-garden-illustration-world{width:100%;height:clamp(235px,27vw,350px);flex:none}
.home-page .parea-garden-illustration-world img{object-position:34% 52%}
.home-page .parea-age-garden-hero .age-hero-pictures{
  position:relative;inset:auto;bottom:auto;right:auto;left:auto;
  display:flex;align-self:center;justify-content:center;gap:10px;
  width:100%;margin:0;padding:0;pointer-events:none;
}
@media(max-width:935px){.home-page .parea-age-garden-hero{display:none}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body:not(.quiet):not(.reduced-motion) .parea-garden-illustration img{
    transition:transform .8s ease-out;
  }
  body:not(.quiet):not(.reduced-motion) .parea-garden-illustration:hover img{transform:scale(1.018)}
}
@media(prefers-reduced-motion:reduce){.parea-garden-illustration img{transition:none!important;transform:none!important}}
@media print{.parea-garden-illustration{box-shadow:none}}