.lane{position:relative}.lane-step{grid-template-columns:1.25rem 1fr;gap:.875rem;padding-bottom:1.1rem;display:grid;position:relative}.lane-step:last-child{padding-bottom:0}.lane-step:not(:last-child):before{content:"";width:2px;position:absolute;top:1.25rem;bottom:-.15rem;left:calc(.625rem - 1px)}.lane-marker{box-sizing:border-box;width:1.25rem;height:1.25rem;margin-top:.3rem}.lane-before .lane-step:not(:last-child):before{background:repeating-linear-gradient(to bottom, var(--color-macchina) 0 4px, transparent 4px 8px);opacity:.55}.lane-before .lane-marker{border:2px solid var(--color-macchina);background:var(--color-carta);border-radius:50%}.lane-after .lane-step:not(:last-child):before{background:var(--color-segnale);transform-origin:top;width:4px;left:calc(.625rem - 2px)}.automations[data-changed] .lane-after .lane-step:not(:last-child):before{animation:.42s ease-out both lane-draw}.automations[data-changed] .lane-after .lane-step:nth-child(2):before{animation-delay:70ms}.automations[data-changed] .lane-after .lane-step:nth-child(3):before{animation-delay:.14s}.automations[data-changed] .lane-after .lane-step:nth-child(4):before{animation-delay:.21s}.lane-after .lane-marker{background:var(--color-segnale);border:2px solid var(--color-abete);border-radius:50%}.lane-after .lane-step:not([data-auto]) .lane-marker{background:var(--color-abete);border-radius:0}.legend-auto,.legend-person{border:2px solid var(--color-abete);width:.75rem;height:.75rem;display:inline-block}.legend-auto{background:var(--color-segnale);border-radius:50%}.legend-person{background:var(--color-abete)}.automations[data-changed] .automation-panel{animation:.18s ease-out both panel-in}@keyframes lane-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes panel-in{0%{opacity:0}to{opacity:1}}
.hero{height:360vh;position:relative}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden}.hero-poster,.hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-poster{object-fit:cover}.hero-canvas{opacity:0}.hero-canvas[data-ready]{opacity:1}.hero-scrim{background:linear-gradient(#173b3400 40%,#173b3499 68%,#173b34e6 100%),linear-gradient(90deg,#173b34cc 0%,#173b348c 30%,#173b3400 52%),linear-gradient(#173b34bf 0%,#173b3400 26%);position:absolute;inset:0}.hero-moments{margin-top:auto;display:grid}.hero-moment{will-change:opacity;grid-area:1/1;align-self:end;max-width:15.5em}.hero-moment:not([data-active]){pointer-events:none}.hero-heading{max-width:12ch;font-size:clamp(2.25rem,1rem + 3.5vw,4.5rem)}@media (min-width:768px){.hero-moment{max-width:none}}@media (max-width:767px){.hero-scrim{background:linear-gradient(#173b3400 22%,#173b34d1 55%,#173b34f2 100%),linear-gradient(#173b34b3 0%,#173b3400 25%)}}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero-stage{height:auto;position:relative;overflow:clip}.hero-stage>picture{height:100svh;display:block;position:sticky;top:0}.hero-content{min-height:100svh;margin-top:-100svh}.hero-moments{gap:3.5rem;margin-top:3rem}.hero-moment{pointer-events:auto;grid-area:auto;opacity:1!important}.hero-canvas,.hero-progress{display:none}.hero-scrim{background:linear-gradient(90deg,#173b34eb 0%,#173b34bf 50%,#173b3459 100%)}}