chrysaliss-opening{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:var(--chr-color-background,#f2f5fd);color:var(--chr-color-accent,#218fa9);font-family:var(--chr-font-family,Arial,sans-serif);visibility:hidden}
chrysaliss-opening[data-playing]{visibility:visible}
chrysaliss-opening .brand{position:absolute;left:0;right:0;top:calc(var(--chr-opening-height,100svh)*.38);height:218px;transform:translateY(-50%);text-align:center}
chrysaliss-opening .cocoon{display:block;width:119px;height:218px;margin:auto;color:var(--chr-color-cocoon)}
chrysaliss-opening .wordline{position:absolute;left:50%;top:calc(var(--chr-opening-height,100svh)*.8);width:max-content;max-width:95%;transform:translate(-50%,-100%)}
chrysaliss-opening .word.chr-wordmark{font:400 clamp(26px,8.8vw,36px)/1.2 var(--chr-font-family,Arial,sans-serif);letter-spacing:.13em;white-space:nowrap;color:inherit}
chrysaliss-opening .letter{display:inline-block;opacity:0;transform:translateY(5px)}
chrysaliss-opening .butterfly{position:absolute;right:-5px;top:-33px;width:38px;height:36px;opacity:0;transform:translate(-18px,12px) scale(.6);color:inherit}
chrysaliss-opening .wing{transform-box:view-box;transform-origin:30px 30px}
chrysaliss-opening[data-playing] .cocoon-piece{animation:chr-opening-piece .25s ease-out both;animation-delay:calc(var(--part)*.105s)}
chrysaliss-opening[data-playing] .letter{animation:chr-opening-letter .23s ease-out forwards;animation-delay:calc(.72s + var(--i)*.068s)}
chrysaliss-opening[data-playing] .butterfly{animation:chr-opening-arrive .35s ease-out 1.6s forwards}
chrysaliss-opening[data-playing] .wing{animation:chr-opening-flap .8s ease-in-out 1.95s 2}
@keyframes chr-opening-piece{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes chr-opening-letter{to{opacity:1;transform:none}}
@keyframes chr-opening-arrive{to{opacity:1;transform:none}}
@keyframes chr-opening-flap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.25)}}
chrysaliss-opening .model-inline-1{--part:0}chrysaliss-opening .model-inline-2{--part:1}chrysaliss-opening .model-inline-3{--part:2}chrysaliss-opening .model-inline-4{--part:3}chrysaliss-opening .model-inline-5{--part:4}
chrysaliss-opening .model-inline-6{--i:0}chrysaliss-opening .model-inline-7{--i:1}chrysaliss-opening .model-inline-8{--i:2}chrysaliss-opening .model-inline-9{--i:3}chrysaliss-opening .model-inline-10{--i:4}chrysaliss-opening .model-inline-11{--i:5}chrysaliss-opening .model-inline-12{--i:6}chrysaliss-opening .model-inline-13{--i:7}chrysaliss-opening .model-inline-14{--i:8}chrysaliss-opening .model-inline-15{--i:9}
@media(prefers-reduced-motion:reduce){chrysaliss-opening[data-playing] .cocoon-piece,chrysaliss-opening[data-playing] .letter,chrysaliss-opening[data-playing] .butterfly,chrysaliss-opening[data-playing] .wing{animation:none;opacity:1;transform:none}}