/* Kit facets and fold directions; a 1.2-second entrance that stays unfolded. */
.website-unfold{display:block;flex:none;--n1:#7BDDC4;--n2:#008F77;--e1:#E6D8BC;--e2:#BFA678;--s1:#0F2B31;--s2:#244A52}
.website-unfold .flap{animation:none;transform:none;opacity:1}
.brand-motion{position:relative}
.brand-motion>svg>polygon{visibility:hidden}
.brand-motion>.website-unfold{position:absolute;top:0;left:0;width:30%;height:100%;perspective:156px}
.website-unfold.cta-compass{--size:215px;width:var(--size);height:var(--size);content:normal}
.motion-opener .flap,.motion-play .flap{animation-duration:720ms;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-iteration-count:1;animation-fill-mode:both}
.motion-opener .n,.motion-play .n{animation-name:compass-enter-n;animation-delay:0ms}
.motion-opener .s,.motion-play .s{animation-name:compass-enter-s;animation-delay:160ms}
.motion-opener .w,.motion-play .w{animation-name:compass-enter-w;animation-delay:320ms}
.motion-opener .e,.motion-play .e{animation-name:compass-enter-e;animation-delay:480ms}
@keyframes compass-enter-n{from{transform:rotateX(-110deg);opacity:0}to{transform:rotateX(0);opacity:1}}
@keyframes compass-enter-s{from{transform:rotateX(110deg);opacity:0}to{transform:rotateX(0);opacity:1}}
@keyframes compass-enter-w{from{transform:rotateY(-110deg);opacity:0}to{transform:rotateY(0);opacity:1}}
@keyframes compass-enter-e{from{transform:rotateY(110deg);opacity:0}to{transform:rotateY(0);opacity:1}}
@media(max-width:900px){.website-unfold.cta-compass{--size:165px}}
@media(max-width:650px){.website-unfold.cta-compass{display:block;--size:88px;margin-bottom:24px}.cta-inner{flex-direction:column-reverse;align-items:flex-start;gap:0}}
@media(prefers-reduced-motion:reduce){.website-unfold .flap{animation:none!important;transform:none;opacity:1}}
@media print{.website-unfold .flap{animation:none;transform:none;opacity:1}}