.ic .el-turn{animation:elTurn 60s linear infinite;transform-box:view-box;transform-origin:100px 96px}
.ic .el-pulse{animation:elPulse 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ic .el-rise{animation:elRise 10s ease-in-out infinite}
.ic .el-flap{animation:elFlap 3.6s ease-in-out infinite}
.ic .el-spinSlow{animation:elTurn 45s linear infinite}
.ic .el-reveal{animation:elReveal 14s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ic .el-rays{animation:elTurn 70s linear infinite}
.ic .el-cloudL{animation:elCloudL 14s ease-in-out infinite}
.ic .el-cloudR{animation:elCloudR 14s ease-in-out infinite}
.ic .el-turnBack{animation:elTurnBack 60s linear infinite}
.ic .el-grow{stroke-dasharray:1 2;stroke-dashoffset:1}
.ic .el-reach{animation:elReach 8s ease-in-out infinite alternate}
.ic .el-wAll{animation:elWAll 18s ease-in-out infinite}
.ic *{transform-box:fill-box;transform-origin:center}
.ic .hills{animation:breathe 9s ease-in-out infinite}
.ic .dayPulse{animation:day 3.3s ease-in-out infinite}
.ic .portal{animation:portal 5s ease-in-out infinite}
.ic .groupTurn{transform-box:view-box;transform-origin:100px 96px;animation:turn 50s linear infinite}
@keyframes elTurn{to{transform:rotate(360deg)}}
@keyframes elPulse{0%,100%{transform:scale(.94);opacity:.8}40%{transform:scale(1.06);opacity:1}}
@keyframes elRise{0%,100%{transform:translateY(6px)}50%{transform:translateY(-3px)}}
@keyframes elFlap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.8)}}
@keyframes elReveal{0%,14%{opacity:.2;transform:scale(.85)}44%,70%{opacity:1;transform:scale(1.05)}92%,100%{opacity:.2;transform:scale(.85)}}
@keyframes elCloudL{0%,14%{transform:translateX(0)}44%,70%{transform:translateX(-26px)}92%,100%{transform:translateX(0)}}
@keyframes elCloudR{0%,14%{transform:translateX(0)}44%,70%{transform:translateX(26px)}92%,100%{transform:translateX(0)}}
@keyframes elTurnBack{to{transform:rotate(-360deg)}}
@keyframes elReach{0%{transform:translateX(-78px)}100%{transform:translateX(78px)}}
@keyframes elWAll{0%{opacity:0}3%,88%{opacity:1}97%,100%{opacity:0}}
@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6px)}}
@keyframes day{0%,100%{transform:scale(.9);opacity:.7}40%{transform:scale(1.08);opacity:1}}
@keyframes portal{0%,100%{opacity:.8}45%{opacity:1;transform:scale(1.03)}}
@keyframes turn{to{transform:rotate(360deg)}}
@keyframes elW0{0%,4.0%{stroke-dashoffset:1}9.0%,100%{stroke-dashoffset:0}}
@keyframes elWo0{0%,8.5%{opacity:0}9.5%,100%{opacity:1}}
@keyframes elW1{0%,8.4%{stroke-dashoffset:1}13.4%,100%{stroke-dashoffset:0}}
@keyframes elWo1{0%,12.9%{opacity:0}13.9%,100%{opacity:1}}
@keyframes elW2{0%,12.8%{stroke-dashoffset:1}17.8%,100%{stroke-dashoffset:0}}
@keyframes elWo2{0%,17.3%{opacity:0}18.3%,100%{opacity:1}}
@keyframes elW3{0%,17.2%{stroke-dashoffset:1}22.2%,100%{stroke-dashoffset:0}}
@keyframes elWo3{0%,21.7%{opacity:0}22.7%,100%{opacity:1}}
@keyframes elW4{0%,21.6%{stroke-dashoffset:1}26.6%,100%{stroke-dashoffset:0}}
@keyframes elWo4{0%,26.1%{opacity:0}27.1%,100%{opacity:1}}
@keyframes elW5{0%,26.0%{stroke-dashoffset:1}31.0%,100%{stroke-dashoffset:0}}
@keyframes elWo5{0%,30.5%{opacity:0}31.5%,100%{opacity:1}}
@keyframes elW6{0%,30.4%{stroke-dashoffset:1}35.4%,100%{stroke-dashoffset:0}}
@keyframes elWo6{0%,34.9%{opacity:0}35.9%,100%{opacity:1}}
@keyframes elW7{0%,34.8%{stroke-dashoffset:1}39.8%,100%{stroke-dashoffset:0}}
@keyframes elWo7{0%,39.3%{opacity:0}40.3%,100%{opacity:1}}
@keyframes elW8{0%,39.2%{stroke-dashoffset:1}44.2%,100%{stroke-dashoffset:0}}
@keyframes elWo8{0%,43.7%{opacity:0}44.7%,100%{opacity:1}}
@keyframes elW9{0%,43.6%{stroke-dashoffset:1}48.6%,100%{stroke-dashoffset:0}}
@keyframes elWo9{0%,48.1%{opacity:0}49.1%,100%{opacity:1}}
@keyframes elW10{0%,48.0%{stroke-dashoffset:1}53.0%,100%{stroke-dashoffset:0}}
@keyframes elWo10{0%,52.5%{opacity:0}53.5%,100%{opacity:1}}
@keyframes elW11{0%,52.4%{stroke-dashoffset:1}57.4%,100%{stroke-dashoffset:0}}
@keyframes elWo11{0%,56.9%{opacity:0}57.9%,100%{opacity:1}}
@keyframes elW12{0%,56.8%{stroke-dashoffset:1}61.8%,100%{stroke-dashoffset:0}}
@keyframes elWo12{0%,61.3%{opacity:0}62.3%,100%{opacity:1}}
@keyframes elW13{0%,61.2%{stroke-dashoffset:1}66.2%,100%{stroke-dashoffset:0}}
@keyframes elWo13{0%,65.7%{opacity:0}66.7%,100%{opacity:1}}
@keyframes elW14{0%,65.6%{stroke-dashoffset:1}70.6%,100%{stroke-dashoffset:0}}
@keyframes elWo14{0%,70.1%{opacity:0}71.1%,100%{opacity:1}}
@keyframes elW15{0%,70.0%{stroke-dashoffset:1}75.0%,100%{stroke-dashoffset:0}}
@keyframes elWo15{0%,74.5%{opacity:0}75.5%,100%{opacity:1}}

/* Karuna Difference card icons (from the icons preview), small and centred above the text */
:is(.diff-card,.SV_iconWrap) .icon{width:76px;height:76px;margin:0 auto 1.3rem}
:is(.diff-card,.SV_iconWrap) .icon svg{width:100%;height:100%;overflow:visible}
/* medication tapering: the weave runs backwards, unwinding ring by ring */
.ic.kd-unweave *{animation-direction:reverse!important}
/* immersive: the doors swing open, the sun rises, the doors close, repeat */
.ic .kd-doorL{transform-box:view-box;transform-origin:78px 114px;animation:kdDoorL 12s ease-in-out infinite}
.ic .kd-doorR{transform-box:view-box;transform-origin:122px 114px;animation:kdDoorR 12s ease-in-out infinite}
.ic .kd-sun{transform-box:view-box;transform-origin:100px 146px;animation:kdSun 12s ease-in-out infinite}
@keyframes kdDoorL{0%,10%{transform:scaleX(1)}28%,78%{transform:scaleX(.1)}92%,100%{transform:scaleX(1)}}
@keyframes kdDoorR{0%,10%{transform:scaleX(1)}28%,78%{transform:scaleX(.1)}92%,100%{transform:scaleX(1)}}
@keyframes kdSun{0%,16%{transform:translateY(18px)}55%,94%{transform:translateY(-3px)}95%,100%{transform:translateY(18px)}}

/* keep the card icons moving even with an OS reduced-motion setting (styles.css shortens every animation to .01s) */
:is(.diff-card,.SV_iconWrap) .ic .el-turn{animation-duration:60s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-pulse{animation-duration:6s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-rise{animation-duration:10s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-flap{animation-duration:3.6s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-spinSlow{animation-duration:45s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-reveal{animation-duration:14s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-rays{animation-duration:70s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-cloudL{animation-duration:14s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-cloudR{animation-duration:14s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-turnBack{animation-duration:60s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-reach{animation-duration:8s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-wAll{animation-duration:18s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .hills{animation-duration:9s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .dayPulse{animation-duration:3.3s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .portal{animation-duration:5s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .groupTurn{animation-duration:50s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .kd-doorR{animation-duration:12s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .kd-sun{animation-duration:12s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic.kd-unweave [style*="animation:elW"]{animation-duration:18s!important;animation-iteration-count:infinite!important}
:is(.diff-card,.SV_iconWrap) .ic .el-reach[style*="animation-duration:7s"]{animation-duration:7s!important}
:is(.diff-card,.SV_iconWrap) .ic .kd-doorL{animation-duration:12s!important;animation-iteration-count:infinite!important}