.hero{background:var(--surface)}
.hero-background,.hero-dynamic-lights,.hero-readability-veil,.hero-bottom-fade{position:absolute;right:0;left:0;pointer-events:none}
.hero-background{z-index:0;top:0;bottom:0;background:url("/assets/images/hero/canshuo-hero-background.png") 52% center / cover no-repeat}
.hero-dynamic-lights{z-index:1;top:0;bottom:0;overflow:hidden}
.hero-dynamic-light{position:absolute;display:block;border-radius:50%;pointer-events:none;will-change:transform,opacity}
.hero-dynamic-light--gold{top:-28%;left:-13%;width:min(59vw,900px);height:min(59vw,900px);background:radial-gradient(circle,rgba(205,160,92,.19) 0%,rgba(220,187,128,.08) 39%,rgba(220,187,128,0) 71%);animation:hero-gold-drift 34s ease-in-out infinite alternate}
.hero-dynamic-light--warm{right:-16%;bottom:-35%;width:min(67vw,1030px);height:min(67vw,1030px);background:radial-gradient(circle,rgba(255,251,238,.47) 0%,rgba(246,235,210,.16) 43%,rgba(246,235,210,0) 73%);animation:hero-warm-breathe 41s ease-in-out infinite alternate}
.hero-dynamic-light--mist{top:29%;left:48%;width:min(39vw,600px);height:min(39vw,600px);background:radial-gradient(circle,rgba(237,223,188,.21) 0%,rgba(237,223,188,.08) 42%,rgba(237,223,188,0) 74%);animation:hero-mist-float 29s ease-in-out infinite alternate}
.hero-readability-veil{z-index:2;top:0;bottom:0;background:radial-gradient(ellipse 55% 64% at 50% 45%,rgba(246,245,240,.36) 0%,rgba(246,245,240,.16) 51%,rgba(246,245,240,0) 78%)}
.hero-bottom-fade{z-index:3;bottom:-2px;height:clamp(180px,17vw,260px);background:linear-gradient(to bottom,rgba(246,245,240,0) 0%,rgba(246,245,240,.38) 37%,rgba(246,245,240,.76) 70%,var(--surface) 100%)}
.hero-copy{z-index:4}
@keyframes hero-gold-drift{0%{opacity:.56;transform:translate3d(-3%,2%,0) scale(.96)}52%{opacity:.74;transform:translate3d(7%,-4%,0) scale(1.04)}100%{opacity:.6;transform:translate3d(12%,4%,0) scale(1)}}
@keyframes hero-warm-breathe{0%{opacity:.46;transform:translate3d(3%,4%,0) scale(.94)}48%{opacity:.68;transform:translate3d(-5%,-6%,0) scale(1.05)}100%{opacity:.52;transform:translate3d(-9%,1%,0) scale(1)}}
@keyframes hero-mist-float{0%{opacity:.34;transform:translate3d(-4%,2%,0) scale(.95)}55%{opacity:.52;transform:translate3d(5%,-5%,0) scale(1.06)}100%{opacity:.39;transform:translate3d(8%,3%,0) scale(1)}}
@media(max-width:980px){.hero-background{background-position:55% center}.hero-readability-veil{background:radial-gradient(ellipse 66% 62% at 50% 42%,rgba(246,245,240,.4) 0%,rgba(246,245,240,.2) 55%,rgba(246,245,240,0) 82%)}.hero-dynamic-light--gold{width:78vw;height:78vw}.hero-dynamic-light--warm{width:82vw;height:82vw}.hero-dynamic-light--mist{width:56vw;height:56vw}}
@media(max-width:620px){.hero-background{background-position:60% center}.hero-dynamic-light--gold{top:-13%;left:-34%;width:112vw;height:112vw}.hero-dynamic-light--warm{right:-44%;bottom:-14%;width:122vw;height:122vw}.hero-dynamic-light--mist{top:39%;left:30%;width:82vw;height:82vw}.hero-readability-veil{background:radial-gradient(ellipse 92% 62% at 50% 39%,rgba(246,245,240,.52) 0%,rgba(246,245,240,.3) 58%,rgba(246,245,240,0) 86%)}.hero-bottom-fade{height:clamp(120px,38vw,180px);background:linear-gradient(to bottom,rgba(246,245,240,0) 0%,rgba(246,245,240,.42) 37%,rgba(246,245,240,.8) 72%,var(--surface) 100%)}}
@media(prefers-reduced-motion:reduce){.hero-dynamic-light{animation:none;opacity:.38;will-change:auto}}

/* Hero title rhythm: preserve the message while giving the text block room to breathe. */
.hero .hero-copy h1{max-width:1020px;margin-top:26px;font-size:clamp(62px,6.75vw,98px);font-weight:720;letter-spacing:-.045em;line-height:1.13;text-wrap:balance}
.hero .hero-copy .hero-lead{margin-top:38px}
.hero .hero-copy .hero-actions{margin-top:39px}
@media(max-width:980px){.hero .hero-copy h1{font-size:clamp(56px,8vw,72px);line-height:1.14}.hero .hero-copy .hero-lead{margin-top:34px}.hero .hero-copy .hero-actions{margin-top:35px}}
@media(max-width:620px){.hero .hero-copy h1{font-size:clamp(39px,10.6vw,45px);letter-spacing:-.035em;line-height:1.16}.hero .hero-copy .hero-lead{margin-top:28px}.hero .hero-copy .hero-actions{margin-top:32px}}