.hero-art{position:absolute;z-index:1;width:540px;height:540px;right:-55px;top:70px;isolation:isolate;overflow:hidden;pointer-events:none}
.hero-art-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(ellipse,#bfff0017,transparent 64%);filter:blur(12px)}
.hero-art-grid{position:absolute;inset:12% -2%;background-image:linear-gradient(#b1c1820b 1px,transparent 1px),linear-gradient(90deg,#b1c1820b 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#0006,transparent 70%);transform:perspective(600px) rotateX(30deg) rotateZ(-14deg)}
.hero-art-stage{position:absolute;inset:0}
.hero-art-stage:after{content:'';position:absolute;width:60%;height:8%;left:20%;bottom:8%;background:radial-gradient(ellipse,#000a,transparent 72%);filter:blur(10px);z-index:-1}
.hero-art-canvas,.hero-art-fallback{display:block;width:100%;height:100%;position:absolute;inset:0}
.hero-art-canvas{opacity:0;transition:opacity .6s ease}
.hero-art.is-rendered .hero-art-canvas{opacity:1}
.hero-art.is-rendered .hero-art-fallback{visibility:hidden}
.hero-art-mark{position:absolute;top:36px;left:64px;display:flex;align-items:center;gap:9px;font:500 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.18em;color:#7f896a}
.hero-art-mark span{width:5px;height:5px;border-radius:50%;background:#c8ff00;box-shadow:0 0 12px #c8ff0060}
.hero-art-caption{position:absolute;bottom:17px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:16px;color:#adb49d;font:400 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.03em}
.hero-art-caption i{font-style:normal;color:#768943;font-size:15px}
@media(max-width:1650px){.hero-art{width:480px;height:510px;right:-15px;top:95px}.hero-art-mark{left:55px}}
@media(max-width:1250px){.hero-art{width:400px;height:460px;right:-5px;top:125px}.hero-art-mark{top:34px;left:38px}.hero-art-caption{bottom:25px}}
@media(max-width:1050px){.hero-art{width:340px;height:400px;right:-10px;top:170px}.hero-art-mark{top:26px;left:32px}.hero-art-caption{bottom:22px}}
@media(max-width:900px){.hero-art{width:300px;height:340px;right:-8px;top:225px}.hero-art-mark{display:none}.hero-art-caption{bottom:14px;font-size:11px;gap:12px}}
@media(max-width:750px){.home-flow .hero{padding-bottom:15px}.hero-art{position:relative;top:auto;right:auto;width:min(100%,340px);height:290px;margin:8px auto 0}.hero-art-stage{inset:-25px 0 -5px}.hero-art-caption{bottom:3px}.hero-art-grid{inset:0}.hero-art-halo{inset:0}.hero-art-mark{display:flex;top:8px;left:2px;font-size:8px}.home-flow .hero .hero-note{margin-top:22px}}
@media(min-width:801px) and (max-width:1392px){.home-flow .hero:before{inset:0 -28px}}
@media(prefers-reduced-motion:reduce){.hero-art-canvas{transition:none}}