@import url("hero-stack.css");
.logo-sequence{position:absolute;z-index:3;right:7vw;top:50%;width:min(35vw,500px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.ca-build{position:absolute;inset:0;width:100%;height:100%;background:transparent;filter:drop-shadow(0 0 35px rgba(183,13,63,.38))}
.ca-build__part{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;filter:blur(18px);transition:opacity .75s ease,transform 1.05s cubic-bezier(.2,.8,.2,1),filter .9s ease}
.ca-build__c{transform:translateX(-48%) rotate(-20deg)}
.ca-build__a{transform:translateX(48%) translateY(22%) rotate(18deg)}
.story-frame:nth-child(1).is-active~.logo-sequence .ca-build__c{opacity:1;transform:none;filter:blur(0)}
.story-frame:nth-child(2).is-active~.logo-sequence .ca-build__c,.story-frame:nth-child(2).is-active~.logo-sequence .ca-build__a{opacity:1;transform:none;filter:blur(0)}
.story-frame:nth-child(3).is-active~.logo-sequence .ca-build__c{opacity:0;transform:translateX(-58%) rotate(-26deg) scale(.72);filter:blur(22px)}
.story-frame:nth-child(3).is-active~.logo-sequence .ca-build__a{opacity:0;transform:translateX(62%) translateY(-18%) rotate(24deg) scale(.72);filter:blur(22px)}
@media(max-width:900px){.logo-sequence{right:-8vw;top:28%;width:64vw;opacity:.62}}
@media(prefers-reduced-motion:reduce){.logo-sequence{display:none}}