/* A shared, softly modelled storybook farm for the entrance and profile hero. */
.profile-page{background:#d7edcf}
.profile-page .intro-landscape img{object-position:50% 58%}
.profile-page .intro-landscape::after{background:linear-gradient(180deg,#fffbee12,#fffdf021 58%,#eff3d833)}
.profile-page .profile-shell .topbar{border:2px solid #fffdf1;background:#fffdf2ef;box-shadow:0 5px 0 #69957424}
.profile-page .profile-card{box-shadow:0 7px 0 #91ac725e,0 18px 32px #477a3920}
.home-shell .home-hero{background:#dff0bd;border-color:#fffdf1;box-shadow:0 7px 0 #9abd8c42}
.home-shell .hero-landscape img{object-position:center bottom}
.home-shell .hero-copy{background:linear-gradient(90deg,#fffcedf7 0%,#fffceddf 61%,#fffced00 100%)}
.home-shell .hero-copy h1{color:#386c50;text-shadow:0 3px 0 #fff6}
.home-shell .hero-copy .smalltag{background:#fff4cddd;border-color:#d4b25f}
.farm-breeze{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.profile-page>.farm-breeze{z-index:-1}
.toon-cloud{position:absolute;display:block;width:clamp(105px,18vw,255px);height:105px;background:url('assets/garden-cloud.svg') center/contain no-repeat;opacity:.53;animation:toon-cloud-drift 19s ease-in-out infinite alternate;will-change:transform}
.toon-cloud-a{left:3%;top:7%;animation-delay:-8s}
.toon-cloud-b{right:3%;top:13%;width:clamp(90px,14vw,220px);opacity:.38;animation-duration:26s;animation-delay:-16s}
.toon-cloud-c{left:37%;top:1%;width:clamp(85px,12vw,170px);opacity:.32;animation-duration:23s;animation-delay:-4s}
.home-hero .toon-cloud-a{left:9%;top:0;width:135px;height:66px;opacity:.35}
.home-hero .toon-cloud-b{right:auto;left:30%;top:1%;width:110px;height:62px;opacity:.25}
.home-hero .toon-cloud-c{display:none}
.toon-leaf{position:absolute;right:8%;top:8%;width:25px;height:14px;border-radius:85% 8% 85% 8%;background:linear-gradient(135deg,#b4d777,#729f4f);transform-origin:100% 50%;opacity:.78;animation:toon-leaf-sway 4.5s ease-in-out infinite alternate}
.toon-leaf-b{right:4%;top:10%;width:20px;height:12px;animation-delay:-2s;animation-duration:5.5s}
.profile-page .toon-leaf{top:24%;right:4%;width:34px;height:19px}
.profile-page .toon-leaf-b{top:26%;right:1.5%;width:28px;height:17px}
@keyframes toon-cloud-drift{from{transform:translateX(-13px)}to{transform:translateX(21px)}}
@keyframes toon-leaf-sway{from{transform:rotate(-17deg)}to{transform:rotate(8deg)}}
@media(min-width:1000px){.home-shell .home-hero,.home-shell .hero-copy{min-height:560px}}
@media(max-width:650px){
  .home-shell .hero-copy{background:#fffced;padding-bottom:23px}
  .home-shell .hero-landscape{aspect-ratio:1.42}
  .home-shell .hero-landscape img{object-position:79% bottom}
  .home-shell .hero-landscape::after{height:10%;background:linear-gradient(#fffced,transparent)}
  .home-hero>.farm-breeze .toon-cloud{top:54%}
  .home-hero>.farm-breeze .toon-leaf{top:59%}
}
@media(prefers-reduced-motion:reduce){.toon-cloud,.toon-leaf{animation:none;will-change:auto}}