.home-street{--p:0;--u:1vw;--art:120vw;--sw:150vw;--sb:4vw;--g:calc(var(--sb) + var(--sw) * .0867);position:relative}.home-strip{position:relative}.home-sticky{background:linear-gradient(180deg, var(--color-sky-dusk-top), var(--color-sky-dusk-bottom));position:relative}.home-sky{background:linear-gradient(180deg, var(--color-sky-night-top), var(--color-sky-night-bottom));opacity:calc(var(--p) * .85);pointer-events:none;position:absolute;inset:0}.home-street[data-static=true] .home-sky{opacity:.85}.home-scene{--sp:0;--ax:74%;padding:calc(var(--art) - 6vw) 1rem 3rem;align-content:end;display:grid}.home-scene[data-scene=desafio]{--ax:26%}.home-panel{z-index:2;background:var(--color-paper);border-radius:1.25rem;max-width:34rem;padding:1.25rem;box-shadow:0 12px 40px #0e1a1a2e}.home-stage{height:var(--art);background:0 0;bottom:auto}.home-stage img{-webkit-user-select:none;user-select:none}.home-road{-webkit-mask-image:linear-gradient(#0000,#000 14% 90%,#0000);mask-image:linear-gradient(#0000,#000 14% 90%,#0000)}[data-pose-layer]{opacity:0;transition:opacity .15s linear}[data-scene][data-pose="1"] [data-pose-layer="1"],[data-scene][data-pose="2"] [data-pose-layer="2"],[data-scene][data-pose="3"] [data-pose-layer="3"],[data-scene][data-pose="4"] [data-pose-layer="4"],.home-street[data-static=true] [data-pose-layer="4"]{opacity:1}.layer{transform:translate3d(0, calc((.5 - var(--sp)) * 18vh * var(--depth)), 0);will-change:transform}.home-fiber{z-index:1;pointer-events:none;position:absolute;overflow:visible}.home-fiber-v{width:12px;height:100%;top:0;bottom:0;left:14px}.home-fiber-h{display:none}.fiber-base{stroke:var(--color-ink-2);stroke-width:6px;fill:none}.fiber-light{stroke:var(--color-mint);stroke-width:3px;fill:none;filter:drop-shadow(0 0 6px #00e6b8b3);transform-box:view-box;transform-origin:0 0}.home-fiber-v .fiber-light{transform:scaleY(var(--p))}.home-fiber-h .fiber-light{transform:scaleX(var(--p))}@media (max-width:767px){.home-scene[data-scene=abertura]{--art:88vw;padding-top:calc(var(--art) - 12vw);padding-bottom:1.5rem}.home-scene[data-scene=abertura] .home-panel{padding:1rem 1.25rem}}@media (prefers-reduced-motion:no-preference){.home-street[data-anim=true] [data-scene]:not([data-scene=abertura]):not([data-lit=true]) .home-panel{opacity:0;translate:0 1.25rem}.home-street[data-anim=true] [data-scene]:not([data-scene=abertura]) .home-panel{transition:opacity .6s,translate .6s}}.home-glow{left:var(--ax);bottom:calc(var(--g) + 63.6 * var(--u));width:calc(3 * var(--u));height:calc(3 * var(--u));margin-left:calc(-1.5 * var(--u));background:var(--color-mint);box-shadow:0 0 calc(2.5 * var(--u)) calc(.8 * var(--u)) #00e6b899;opacity:0;pointer-events:none;border-radius:9999px;transition:opacity .8s;position:absolute}@media (prefers-reduced-motion:no-preference){.home-street[data-anim=true] [data-scene=abertura][data-loop=true] [data-pose-layer="3"]{animation:5s ease-in-out infinite pose-a}.home-street[data-anim=true] [data-scene=abertura][data-loop=true] [data-pose-layer="4"]{animation:5s ease-in-out infinite pose-b}}@keyframes pose-a{0%,38%{opacity:0}46%,92%{opacity:1}to{opacity:0}}@keyframes pose-b{0%,38%{opacity:1}46%,92%{opacity:0}to{opacity:1}}[data-scene][data-lit=true] .home-glow,.home-street[data-static=true] .home-glow{opacity:.9}.home-hint{display:none}@media (min-width:768px){.home-street{--u:min(1vh, .9vw);--sw:110vw;--sb:0px}.home-scene{--ax:78%;min-height:100svh;padding:6rem 6vw 3rem}.home-scene[data-scene=desafio]{--ax:56%}.home-stage{height:auto;bottom:0}.home-street[data-mode=slide] .home-hint{z-index:2;background:var(--color-ink);color:var(--color-paper);pointer-events:none;opacity:clamp(0, calc((.02 - var(--p)) * 200), 1);border-radius:9999px;padding:.5rem 1rem;font-weight:600;display:block;position:absolute;top:calc(100vh - 7.75rem);left:50%;translate:-50%}.home-street .home-scene[data-scene=provedor],.home-street[data-mode=slide] .home-scene[data-scene=provedor]{align-content:start;padding-top:5.5rem}.home-scene[data-scene=provedor] .home-panel{max-width:38rem;padding:1rem 1.25rem}.home-scene[data-scene=provedor] .home-panel>div{gap:.5rem}.home-street[data-mode=slide] .home-scene[data-scene=provedor] .home-panel{max-height:calc(40vh - 5.5rem);overflow-y:auto}.home-scene[data-scene=prancheta] .home-stage:after{content:"";background:linear-gradient(90deg,#0e1a1a8c,#0e1a1a26 70%);position:absolute;inset:0}.home-scene[data-scene=prancheta] .home-panel{max-width:30rem;padding:1.5rem}.home-scene[data-scene=prancheta] .home-panel>div{gap:1rem}.home-road{-webkit-mask-image:linear-gradient(#0000,#000 14%),linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(#0000,#000 14%),linear-gradient(90deg,#0000,#000 4% 96%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.home-street[data-mode=slide]{height:600vh}.home-street[data-mode=slide] .home-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.home-street[data-mode=slide] .home-strip{width:600vw;height:100%;transform:translate3d(calc(var(--p) * -500vw), 0, 0);will-change:transform;display:flex}.home-street[data-mode=slide] .home-scene{flex:0 0 100vw;align-content:center;height:100%;min-height:0;padding:6rem 6vw 3rem}@media (max-aspect-ratio:1){.home-street[data-mode=slide] .home-scene{align-content:start}}.home-street[data-mode=slide] .home-panel{max-height:calc(100vh - 9rem);overflow-y:auto}.home-street[data-mode=slide] .layer{transform:translate3d(calc((.5 - var(--sp)) * 30vw * var(--depth)), 0, 0)}.home-street[data-mode=slide] .home-fiber-v{display:none}.home-street[data-mode=slide] .home-fiber-h{left:0;top:calc(100% - var(--g) - 63.6 * var(--u) - 6px);width:100%;height:12px;display:block}}.home-street[data-static=true]{--p:1!important}.home-street[data-static=true] .layer{will-change:auto;transform:none}.home-street[data-static=true] [data-pose-layer]:not([data-pose-layer="4"]),.home-street[data-static=true] .home-fiber{display:none}@media (prefers-reduced-motion:reduce){.layer,.home-strip{transition:none!important;transform:none!important}}.connect-art{inset-inline:0;height:var(--art);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;overflow:hidden}.connect-cto,.connect-target,.connect-handle{position:absolute}.connect-cto{width:0;height:0;left:var(--ax);top:calc(100% - var(--g) - 38 * var(--u))}.connect-target{left:calc(var(--ax) + 22.5 * var(--u));top:calc(100% - var(--g) - 19.1 * var(--u));border:3px dashed var(--color-mint);border-radius:1rem;width:52px;height:52px;margin:-26px 0 0 -26px;transition:background-color .8s,box-shadow .8s}.connect [data-art=house-on],.connect [data-art=house-off]{transition:opacity .8s}.connect [data-art=house-on]{opacity:0}.connect[data-connected=true] [data-art=house-on]{opacity:1}.connect[data-connected=true] [data-art=house-off]{opacity:0}.connect[data-connected=true] .connect-target{background:#00e6b840;border-style:solid;box-shadow:0 0 30px #00e6b8b3}.drop{stroke:var(--color-ink);stroke-width:4px;fill:none;stroke-linecap:round;transition:stroke .4s}.drop-on{stroke:var(--color-mint);filter:drop-shadow(0 0 6px #00e6b8cc)}.drop-pulse{stroke:var(--color-mint);stroke-width:8px;fill:none;stroke-linecap:round;stroke-dasharray:14 100;stroke-dashoffset:14px;opacity:0;filter:drop-shadow(0 0 8px var(--color-mint));animation:.9s ease-in forwards drop-pulse}@keyframes drop-pulse{0%{opacity:1;stroke-dashoffset:14px}92%{opacity:1}to{opacity:0;stroke-dashoffset:-100px}}.connect[data-pulse=true] .drop-on,.connect[data-pulse=true] [data-art=house-on],.connect[data-pulse=true] [data-art=house-off],.connect[data-pulse=true] .connect-target{transition-delay:.9s}.connect[data-pulse=true][data-connected=true] .connect-target{border-style:dashed;animation:0s linear .9s forwards target-solid}@keyframes target-solid{to{border-style:solid}}.connect-handle{left:var(--ax);top:calc(100% - var(--g) - 38 * var(--u));background:var(--color-mint);cursor:grab;touch-action:none;pointer-events:auto;border-radius:9999px;width:48px;height:48px;margin:-24px 0 0 -24px;animation:1.6s ease-in-out infinite connect-pulse;box-shadow:0 0 0 6px #00e6b84d}.connect-handle:active{cursor:grabbing}.connect-handle:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}@keyframes connect-pulse{50%{box-shadow:0 0 0 14px #00e6b81a}}.connect-ui{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex;position:relative}@media (min-width:768px){.connect-art{height:auto;bottom:0}.connect-target{width:64px;height:64px;margin:-32px 0 0 -32px}.connect-ui{margin:0;position:absolute;bottom:1.5rem;left:46%;right:3vw}}@media (prefers-reduced-motion:reduce){.connect-handle{animation:none}.drop,.connect [data-art]{transition:none}.drop-pulse{display:none}}