.line-hero{--line-accent:var(--scene-ahxe);min-height:calc(var(--screen-h,100svh) - var(--nav-h));box-sizing:border-box;isolation:isolate;justify-content:center;position:relative;overflow:clip}.line-hero .pill{background:var(--paper)}.line-hero__lines{z-index:-1;--scene-line:color-mix(in srgb, var(--line-accent) 50%, var(--paper));--scene-bar-strong:var(--line-accent);position:absolute;inset:0;-webkit-mask-image:radial-gradient(30% 34%,#0000 55%,#000 100%);mask-image:radial-gradient(30% 34%,#0000 55%,#000 100%)}.line-hero__lines .scene-bg__line{stroke-dasharray:3 5}.line-hero__flow{animation:4s linear infinite line-hero-flow}@keyframes line-hero-flow{to{stroke-dashoffset:-32px}}.line-hero__lines .line-hero__decor{stroke:color-mix(in srgb, var(--line-accent) 30%, var(--paper));animation:30s linear infinite line-hero-decor}@keyframes line-hero-decor{to{stroke-dashoffset:160px}}.line-hero__drawing[data-paused] :is(.line-hero__flow,.line-hero__decor){animation-play-state:paused}.line-hero__drawing--phone{display:none}.line-hero__tile{filter:drop-shadow(0 10px 12px #1010101f)}.line-hero__tile rect{fill:var(--paper);stroke:color-mix(in srgb, var(--line-accent) 30%, var(--paper));stroke-width:1px}.line-hero__tile path{fill:var(--line-accent)}.line-hero__tile svg{color:var(--line-accent)}.line-hero__tile[data-depth=near]{filter:drop-shadow(0 16px 18px #10101029)}.line-hero__tile[data-depth=far]{filter:drop-shadow(0 5px 6px #10101014)}.line-hero__tile[data-depth=far] path{fill:color-mix(in srgb, var(--line-accent) 62%, var(--paper))}.line-hero__tile[data-depth=far] svg{color:color-mix(in srgb, var(--line-accent) 62%, var(--paper))}.line-hero__tile[data-depth=far] rect{stroke:color-mix(in srgb, var(--line-accent) 18%, var(--paper))}.line-hero__tile{transform-box:fill-box;transform-origin:50%;animation:line-hero-tile-in .6s var(--ease-out-expo) calc(var(--i) * 90ms) both}@keyframes line-hero-tile-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.line-hero__reveal{fill:none;stroke:#fff;stroke-width:8px;stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len);animation:line-hero-draw .9s var(--ease-out-expo) var(--delay) both}@keyframes line-hero-draw{to{stroke-dashoffset:0}}.line-hero__dots{animation:.4s ease-out 1.3s both line-hero-fade-in}@keyframes line-hero-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.line-hero__tile,.line-hero__dots,.line-hero__flow,.line-hero__lines .line-hero__decor{animation:none}.line-hero__reveal{stroke-dashoffset:0;animation:none}}@media (width<=809.98px){.line-hero__drawing--wide{display:none}.line-hero__drawing--phone{display:block}.line-hero__lines{-webkit-mask-image:none;mask-image:none}}
