/* v47: one responsive composition; the copy, photo and garden each have room. */
.hero-feature.home-hero{--home-hero-ready:1;padding:clamp(48px,5.5vw,80px) 0 64px;background:#F7E9DA;background-image:linear-gradient(120deg,#F5E0CC 0%,#FAF2E7 58%,#F0E2CE 100%);isolation:isolate;overflow:hidden}
.home-hero .hero-grid{position:relative;max-width:1320px;margin-inline:auto;padding-inline:clamp(26px,4.5vw,64px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,5vw,72px);align-items:center}
.home-hero .hero-copy{padding:0;min-width:0;overflow:visible;isolation:auto;z-index:3;display:block}
.home-hero .hero-copy>*{position:relative;z-index:auto}
.home-hero .home-vision{max-width:32em;font-size:.67rem;line-height:1.7;letter-spacing:.13em;margin:0 0 20px}
.home-hero .home-vision::after{display:none}
.home-hero h1{font-size:clamp(2.5rem,4.15vw,3.65rem);line-height:1.1;letter-spacing:-.025em;margin:0 0 22px}
.home-hero .hero-copy .lede{max-width:42ch;font-size:1.05rem;line-height:1.75;margin:0}
.home-hero .hero-copy .btn-row{gap:12px;margin:28px 0 0;align-items:stretch}
.home-hero .btn{min-height:52px;padding-inline:24px;font-size:.88rem}
.home-hero .hero-media{position:relative;margin:0;min-height:0;max-width:100%;padding-bottom:56px;align-self:center;overflow:visible;isolation:isolate;z-index:2}
.home-hero .hero-media>img{position:relative;inset:auto;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;opacity:1;filter:none;border:1px solid #E8D7C0;border-radius:24px;box-shadow:0 26px 56px -30px #71543C77;-webkit-mask:none;mask:none}
.home-hero .hero-media::after{content:none!important}
.home-hero .hero-media::before{content:"";position:absolute;inset:-26px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#E4BA8255,transparent 70%);opacity:.6}
.home-garden{position:absolute;inset:0 0 auto;aspect-ratio:4/3;pointer-events:none;z-index:0}
.home-garden[hidden]{display:none!important}
.home-garden svg{position:absolute;bottom:0;left:-88px;width:250px;height:auto;overflow:visible}
.home-garden .home-garden-right{left:auto;right:-74px;bottom:4px;width:210px;transform:scaleX(-1);opacity:.78}
.home-sprig{transform-box:fill-box;transform-origin:50% 100%;animation:homeBreeze 9s ease-in-out infinite;animation-play-state:paused}
.home-sprig-back{animation-duration:12s;animation-delay:-4s}
.home-garden-right .home-sprig{animation-duration:10.5s;animation-delay:-2s}
.home-garden-right .home-sprig-back{animation-duration:13s;animation-delay:-7s}
.home-hero[data-home-motion="running"] .home-sprig{animation-play-state:running}
.home-hero[data-home-motion="running"] .hero-media::before{animation:homeLight 10s ease-in-out infinite}
@keyframes homeBreeze{0%,100%{transform:rotate(-2deg) translate3d(-1px,0,0)}50%{transform:rotate(2.4deg) translate3d(2px,-1px,0)}}
@keyframes homeLight{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:.85;transform:scale(1.04)}}
.home-hero[data-home-motion="paused"] .home-sprig,.home-hero[data-home-motion="idle"] .home-sprig,.home-hero[data-motion-active="false"] .home-sprig{animation-play-state:paused!important}
.home-hero[data-home-motion="paused"] .hero-media::before,.home-hero[data-home-motion="idle"] .hero-media::before,.home-hero[data-motion-active="false"] .hero-media::before{animation-play-state:paused!important}
@media(max-width:960px){
  .hero-feature.home-hero{padding:44px 0 52px}
  .home-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:38px;max-width:760px;padding-inline:clamp(26px,6vw,48px)}
  .home-hero .hero-copy{max-width:620px}
  .home-hero h1{font-size:clamp(2.5rem,5.9vw,3.25rem)}
  .home-hero .hero-copy .lede{max-width:48ch}
  .home-hero .hero-media{width:100%;max-width:640px;justify-self:center;margin:0}
  .home-garden svg{width:230px;left:-68px;bottom:0}
  .home-garden .home-garden-right{width:190px;right:-60px;bottom:4px}
}
@media(max-width:620px){
  .hero-feature.home-hero{padding:34px 0 38px}
  .home-hero .hero-grid{padding-inline:26px;gap:28px}
  .home-hero .home-vision{font-size:.67rem;letter-spacing:.12em;max-width:32em;line-height:1.65;margin-bottom:14px}
  .home-hero h1{font-size:clamp(2.1rem,8.8vw,2.65rem);line-height:1.12;margin-bottom:16px}
  .home-hero .hero-copy .lede{font-size:1rem;line-height:1.7;max-width:none}
  .home-hero .hero-copy .btn-row{gap:10px;margin-top:22px}
  .home-hero .btn{width:100%;min-height:50px;font-size:.87rem;padding-inline:16px}
  .home-hero .hero-media{margin-bottom:0;padding-bottom:54px}
  .home-hero .hero-media>img{border-radius:18px;box-shadow:0 20px 36px -26px #71543C88}
  .home-garden svg{width:180px;left:-60px;bottom:4px}
  .home-garden .home-garden-right{width:154px;right:-55px;bottom:4px}
}
@media(max-width:350px){
  .home-hero .hero-grid{padding-inline:20px}
  .home-hero h1{font-size:2rem}
  .home-hero .hero-copy .lede{font-size:.96rem}
}
@media(prefers-reduced-motion:reduce){
  .home-hero .home-sprig,.home-hero .hero-media::before{animation:none!important;transform:none!important}
  
}

/* v49: sunlight and a slow landscape, inspired by the book, studio and movement heroes. */
.home-hero{position:relative}
.home-hero .hero-grid{z-index:1}
.home-scene{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.home-scene[hidden]{display:none!important}
.home-scene .home-garden{inset:0;aspect-ratio:auto;z-index:1}
.home-scene .home-garden svg{width:260px;left:-145px;bottom:20px;opacity:.44}
.home-scene .home-garden .home-garden-right{width:350px;right:-100px;left:auto;bottom:8px;opacity:.55}
.welcome-glow{position:absolute;inset:-24% -15% 5% 22%;background:radial-gradient(ellipse at 64% 44%,#F4D2A15C,transparent 67%);transform-origin:65% 45%;animation:welcomeLight 13s ease-in-out infinite;animation-play-state:paused}
.hero-threads{position:absolute;bottom:-14px;left:0;width:100%;height:180px;opacity:.43;overflow:visible}
.hero-threads path{stroke-width:1;vector-effect:non-scaling-stroke}
.welcome-flow{transform-origin:50% 70%;animation:welcomeLandscape 11s ease-in-out infinite;animation-play-state:paused}
.welcome-flow-late{animation-duration:15s;animation-delay:-6s}
.home-hero .hero-media::before{animation:none!important;opacity:.4}
.home-hero[data-home-motion="running"] .welcome-glow,.home-hero[data-home-motion="running"] .welcome-flow{animation-play-state:running}
.home-hero:not([data-home-motion="running"]) .home-sprig,.home-hero[data-motion-active="false"] .home-sprig,.home-hero[data-motion-active="false"] .welcome-glow,.home-hero[data-motion-active="false"] .welcome-flow{animation-play-state:paused!important}
@keyframes welcomeLight{0%,100%{transform:translate(-2%,1%) scale(.96);opacity:.65}50%{transform:translate(3%,-2%) scale(1.06);opacity:1}}
@keyframes welcomeLandscape{0%,100%{transform:translate3d(-10px,4px,0) scaleY(.96)}50%{transform:translate3d(10px,-7px,0) scaleY(1.06)}}
@media(min-width:961px){.hero-feature.home-hero{padding-bottom:86px}.home-hero .hero-media{padding-bottom:50px}}
@media(max-width:960px){.hero-threads{height:145px;opacity:.33}.home-scene .home-garden .home-garden-right{width:260px;right:-100px;bottom:30px}.home-scene .home-garden svg{width:230px;left:-100px;bottom:10px}}
@media(max-width:620px){.home-hero .hero-media{padding-bottom:48px}.hero-threads{height:100px;bottom:-4px;opacity:.36}.home-scene .home-garden svg{width:210px;left:-118px;bottom:0;opacity:.45}.home-scene .home-garden .home-garden-right{width:230px;right:-115px;bottom:3px;opacity:.5}.welcome-glow{inset:30% -30% 0 -15%}}
@media(prefers-reduced-motion:reduce){.home-hero .welcome-flow,.home-hero .welcome-glow,.home-hero .home-sprig{animation:none!important;transform:none!important}}
