.banner.history{padding-block:5rem}.banner.history,.banner.history *{box-sizing:border-box;position:relative}.banner.history .dot{--size:.8rem;--col1:hsla(var(--base-hue),100%,60%);--col2:hsla(var(--base-hue),50%,40%);background:linear-gradient(135deg,var(--col1),var(--col2));border:4px solid #777;border-radius:50%;box-sizing:content-box}.banner.history>.separator{gap:0;width:100%}.banner.history>.separator .line{background:#aaa;height:1px;width:5%}.banner.history img{align-self:flex-start;margin-top:calc(var(--height)*-1 - 2rem);z-index:-1;--height:170px;border-radius:1.5rem;height:var(--height);-o-object-fit:cover;object-fit:cover;padding-right:.5rem;width:calc(100% - var(--num-chars))}@media only screen and (max-width:548px){.banner.history img{width:0}}.banner.history .list .line{--width:4px;background:hsla(var(--base-hue),50%,85%);height:100%;left:calc(50% - var(--width)/2);pointer-events:none;position:absolute;width:var(--width);z-index:0}.banner.history .history-atom{--angle:45deg;margin-top:1rem;opacity:0;transform:translateY(-1.8rem);transition-delay:.1s;transition-duration:1s}.banner.history .history-atom.observed{opacity:1;transform:translateY(0)}.banner.history .history-atom.reversed{flex-direction:row-reverse}.banner.history .history-atom.reversed img{align-self:flex-end}.banner.history .history-atom.reversed .left>strong{align-self:flex-start}.banner.history .history-atom.reversed .right{text-align:right}.banner.history .history-atom .left>strong{align-self:flex-end}.banner.history .history-atom .left>div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;background:linear-gradient(45deg,#fff 20%,#fff8 120%);background:linear-gradient(var(--angle),#fff 20%,hsla(0,0%,100%,.533) 120%);border-radius:.75rem;box-shadow:0 5px 15px -6px hsl(var(--hue),50%,85%);margin-top:-.75rem;padding:.75rem}.banner.history .history-atom>:not(.dot){width:40%}