/* One continuous hero scene, with readable copy over the soft left-hand light. */
.hero-hd { position:relative; isolation:isolate; width:100%; max-width:none; margin:0 auto; border:0; border-radius:0; background:linear-gradient(110deg,#fff4dc 0%,#fff3df 38%,#fce4c6 66%,#d6edff 100%); overflow:hidden; }
.hero-hd::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 12% 36%,#fffdf3 0%,#fff9e7d9 25%,transparent 60%),linear-gradient(174deg,#c8eaff99 0%,transparent 30%,#ffd4a340 78%,#fff9ec 100%); }
.hero-hd .mobile-hero-copy { position:relative; z-index:2; }
.hero-hd .hero-canvas { border-radius:0; box-shadow:none; overflow:visible; }
.hero-hd .hero-art { border-radius:0; box-shadow:none; overflow:visible; mask-image:linear-gradient(to right,transparent,#000 15%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent); mask-composite:intersect; -webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent); -webkit-mask-composite:source-in; }
.hero-hd .scene-caption { left:auto; right:5%; bottom:6%; }
.hero-hd .hero-motion { bottom:2%; right:2%; }
.hero-leaf-sway { transform-box:view-box; animation:hero-leaf-breeze 6s ease-in-out infinite; }
.hero-leaf-left { transform-origin:855px 550px; }
.hero-leaf-right { transform-origin:1508px 558px; animation-delay:-2.8s; animation-duration:7s; }
@keyframes hero-leaf-breeze { 0%,100% { transform:rotate(-1.2deg); } 50% { transform:rotate(1.2deg); } }
@media(min-width:901px) {
 .hero-hd { min-height:calc(100svh - var(--header-height) - 30px); padding:24px 4%; display:block; }
 .hero-hd .mobile-hero-copy { width:43%; min-height:calc(100svh - var(--header-height) - 78px); justify-content:center; }
 .hero-hd .hero-canvas { position:absolute; right:0; top:50%; transform:translateY(-50%); height:auto; width:min(64%,calc((100svh - var(--header-height) - 30px) * 1.1774)); max-width:none; aspect-ratio:1022/868; }
 .hero-hd .hero-art { width:100%; height:100%; }
 .hero-hd .mobile-hero-copy > p:not(.eyebrow) { max-width:540px; }
}
@media(max-width:900px) { .hero-hd { padding:24px; } }
@media(max-width:700px) { .hero-hd { padding:26px 24px 8px; gap:8px; } .hero-hd .hero-canvas { width:calc(100% + 48px); margin-left:-24px; } .hero-hd .scene-caption { right:7%; bottom:6%; } }
html.dark-mode .hero-hd,body.dark-mode .hero-hd { background:linear-gradient(110deg,#07192b,#10283a)!important; }
.dark-mode .hero-hd::before { opacity:.12; }
@media(prefers-reduced-motion:reduce) { .hero-leaf-sway { animation:none; } }