.hero-art-wrap{position:relative;isolation:isolate;overflow:hidden;background:#eaf1e4}
.hero-art-background{position:absolute;inset:-2%;z-index:-2;background:url('nextline-hero-art.png') center center/cover no-repeat;animation:art-drift 24s ease-in-out infinite alternate;transform-origin:65% 50%;pointer-events:none}
.hero-art-wrap::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,250,239,.89),rgba(246,250,239,.76) 38%,rgba(237,246,229,.25) 72%,rgba(237,246,229,.08)),linear-gradient(0deg,rgba(228,238,217,.3),transparent 55%);pointer-events:none}
.hero-art-wrap .nl-hero{padding:104px 0 114px;min-height:710px;gap:64px}
.hero-art-wrap .nl-hero h1{color:#18342a}
.hero-art-wrap .nl-hero h1 em{color:#43603a}
.hero-art-wrap .nl-hero .intro{color:#3e5142;max-width:45ch}
.hero-art-wrap .nl-note{color:#445541}
.hero-art-wrap .nl-button.ghost{background:#ffffffb8;border-color:#adbea2}
.hero-art-wrap .workflow{background:rgba(247,250,242,.9);border:1px solid #ffffffe0;box-shadow:0 20px 60px #20362612;backdrop-filter:blur(16px)}
.art-toggle{position:absolute;right:24px;bottom:20px;z-index:2;min-height:40px;padding:8px 13px;border:1px solid #fff9;border-radius:5px;background:#f8fbf1e6;color:#27422d;font:500 .8125rem 'DM Sans',Arial,sans-serif;cursor:pointer}
.art-toggle:focus-visible{outline:2px solid #263f20;outline-offset:3px}
.hero-art-wrap.art-paused .hero-art-background{animation-play-state:paused}
@keyframes art-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.65%,.2%,0)}}
@media(max-width:1050px){.hero-art-wrap .nl-hero{gap:36px;min-height:650px;padding:80px 0 100px}}
@media(max-width:850px){.hero-art-wrap .nl-hero{gap:40px;min-height:0;padding:60px 0 88px}.hero-art-background{background-position:62% center}.hero-art-wrap::after{background:linear-gradient(90deg,#f6faefd9,#f6faef99),linear-gradient(0deg,#eef5e855,transparent)}.hero-art-wrap .workflow{max-width:560px;width:100%}}
@media(max-width:600px){.hero-art-wrap .nl-hero{padding:52px 0 80px}.hero-art-wrap .workflow{backdrop-filter:none;background:#f7faf2f2}.art-toggle{right:20px;bottom:16px}.hero-art-wrap .nl-hero .intro{color:#344b3a}}
@media(prefers-reduced-motion:reduce){.hero-art-background{animation:none}.art-toggle{display:none}}