/* What AVENSO does, between the hero and Keyfront */
#avenso{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:100svh;max-width:1120px;margin:0 auto 123svh;padding:clamp(82px,10.5svh,120px) max(var(--gutter),22px) clamp(40px,7svh,70px);box-sizing:border-box}
@media (min-width:1360px){#avenso{padding-inline:0}}
.avH{margin:0;max-width:17em;font:500 clamp(38px,min(5vw,8.4svh),78px)/1.02 var(--display);letter-spacing:-.018em;font-size-adjust:.46;text-wrap:balance}
.avLede{margin:clamp(16px,2.6svh,26px) 0 0;max-width:38em;font-size:clamp(17px,1.45vw,21px);line-height:1.5;color:var(--soft)}
.avWork{position:relative;margin-top:clamp(22px,4svh,40px);padding-left:64px}
.avRail{position:absolute;left:0;top:-14px;overflow:visible;pointer-events:none;transform:translateY(14px)}
.avL{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75;transition:stroke-dashoffset 1.1s var(--ease) calc(var(--i)*140ms + 200ms),opacity .25s ease,stroke-width .25s ease;filter:drop-shadow(0 0 5px rgba(255,194,26,.5))}
.drawn .avL{stroke-dashoffset:0}
.avL.hot{opacity:1;stroke-width:2.2}
.avDot{fill:var(--gold);opacity:0;transition:opacity .4s ease calc(var(--i)*140ms + 900ms),r .25s ease;filter:drop-shadow(0 0 6px rgba(255,194,26,.9))}
.drawn .avDot{opacity:1}
.avDot.hot{r:5.5px}
.drawn .avL.seek{stroke-dasharray:.018 .022;stroke-dashoffset:0;animation:avSeek 2.6s linear infinite;opacity:.8;transition:opacity .4s ease 800ms}
.avL.seek{opacity:0}
@keyframes avSeek{to{stroke-dashoffset:-.4}}
.drawn .avDot.seek{animation:avPulse 1.6s ease-in-out infinite}
@keyframes avPulse{50%{opacity:.35}}
.avRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto);align-items:center;gap:12px 28px;padding:clamp(12px,1.9svh,19px) 16px;border-top:1px solid rgba(255,255,255,.12);text-decoration:none;color:var(--bone);border-radius:2px;transition:background .25s ease,padding .4s var(--ease)}
.avAsk{border-bottom:1px solid rgba(255,255,255,.12)}
a.avRow:hover,a.avRow:focus-visible{background:linear-gradient(90deg,rgba(255,194,26,.08),rgba(255,255,255,.015));padding-left:24px}
.avP{font:500 clamp(18px,1.75vw,25px)/1.25 var(--sans);letter-spacing:-.008em}
.avS{display:flex;align-items:center;justify-content:space-between;gap:14px}
.avS b{font:500 clamp(18px,1.6vw,23px) var(--display);font-size-adjust:.46;color:var(--soft);transition:color .2s ease}
a.avRow:hover .avS b{color:var(--bone)}
a.avRow:hover .pgo,a.avRow:focus-visible .pgo,.avGo:hover .pgo,.avGo:focus-visible .pgo{background:var(--gold);color:#000;box-shadow:0 8px 26px rgba(255,194,26,.4);transform:translateX(3px)}
.avAsk{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
.avAsk .avP{color:var(--gold)}
.avAsk input{flex:1;min-width:0;min-height:44px;padding:10px 16px;border:0;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:var(--bone);font:400 16px var(--sans);transition:box-shadow .2s ease,background .2s ease}
.avAsk input::placeholder{color:var(--dim)}
.avAsk input:focus{outline:0;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1.5px var(--gold),0 0 0 4px rgba(255,194,26,.12)}
.avGo{flex:none;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.avGo:focus-visible{outline:2px solid var(--bone);outline-offset:3px}
.avNote{margin:clamp(14px,2.4svh,22px) 0 0 64px;font-size:15px;line-height:1.5;color:var(--soft)}
@media (max-aspect-ratio:1/1){#avenso{padding-inline:22px;min-height:auto;padding-block:96px 50px}.avWork{padding-left:30px}.avNote{margin-left:30px}.avRow,.avAsk{grid-template-columns:minmax(0,1fr);gap:8px;padding-inline:8px}.avS{justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.avL,.avDot{transition:none}.drawn .avL.seek,.drawn .avDot.seek{animation:none}}