:root{--ink:#071b2e;--soft:rgba(7,27,46,.62);--line:rgba(255,255,255,.56);--aqua:rgba(96,190,211,.9);--deep:rgba(31,103,130,.82)}
.visual-experiments{position:relative;padding:76px 0 110px;overflow:hidden;background:linear-gradient(180deg,rgba(220,239,244,.12),rgba(151,190,204,.15))}.visual-experiments::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(240,249,251,.08),rgba(5,42,60,.1)),url("assets/hero-2rasi.webp") center/cover fixed no-repeat;opacity:.82;pointer-events:none}.visual-shell{position:relative;z-index:1;width:min(100% - 28px,1040px);margin:auto}.visual-intro{padding:0 10px 28px}.visual-intro h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em;line-height:.93;font-size:clamp(3rem,9vw,6.4rem);margin:8px 0 0;color:var(--ink)}
.portal-card{position:relative;height:clamp(560px,76svh,760px);margin:0 0 24px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(150deg,rgba(249,254,255,.38),rgba(201,226,233,.15));backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.05);box-shadow:0 28px 76px rgba(4,31,48,.16);overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr}.portal-copy{padding:clamp(28px,5vw,60px);display:flex;flex-direction:column;justify-content:center;min-width:0}.portal-index{font-size:.65rem;letter-spacing:.2em;opacity:.42}.portal-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em;line-height:.9;font-size:clamp(3.35rem,7.6vw,6.6rem);margin:18px 0 14px}.portal-hook{font-size:clamp(1rem,2vw,1.25rem);line-height:1.45;max-width:460px;color:var(--soft);margin:0}.portal-enter{align-self:flex-start;margin-top:24px;padding:11px 17px;border:1px solid rgba(7,27,46,.23);border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;background:rgba(255,255,255,.2);text-decoration:none;color:inherit}.card-visual{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:manipulation}.card-visual::after{content:"";position:absolute;left:13%;right:13%;bottom:11%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(2,54,78,.18),transparent 68%);filter:blur(14px);pointer-events:none}.build-divider{padding:34px 10px 18px}.build-divider .kicker{margin:0}.build-divider h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,6vw,4.3rem);font-weight:500;letter-spacing:-.045em;margin:10px 0 0;color:var(--ink)}
.l360{position:relative;width:min(390px,78vw);height:330px;perspective:900px}.l360 .leader{position:absolute;z-index:5;left:50%;top:38%;width:58px;height:132px;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(8,57,82,.9),rgba(3,35,53,.94));clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}.l360 .view{position:absolute;z-index:3;top:18%;width:80px;height:150px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(150,209,222,.12));box-shadow:0 18px 34px rgba(3,39,57,.1);overflow:hidden}.l360 .view::after{content:"";position:absolute;left:50%;bottom:15px;width:25px;height:78px;transform:translateX(-50%);background:rgba(7,58,81,.18);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.l360 .v1{left:5%;transform:rotateY(17deg) rotate(-4deg)}.l360 .v2{left:50%;transform:translateX(-50%) translateY(-13px)}.l360 .v3{right:5%;transform:rotateY(-17deg) rotate(4deg)}.cycle{position:absolute;left:7%;right:7%;bottom:7%;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;font-size:.56rem;letter-spacing:.12em}.cycle i{height:1px;background:rgba(7,58,81,.28);overflow:hidden;position:relative}.cycle i::after{content:"";position:absolute;inset:0;background:rgba(28,128,155,.9);transform:translateX(-100%)}
.mirror-stage{position:relative;width:min(320px,70vw);height:390px}.mirror-frame{position:absolute;left:50%;top:50%;width:190px;height:310px;transform:translate(-50%,-50%);border:12px solid rgba(235,247,249,.78);border-radius:96px 96px 36px 36px/72px 72px 30px 30px;box-shadow:0 18px 38px rgba(3,40,58,.18),inset 0 0 0 1px rgba(7,53,75,.22);background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(48,118,141,.14));overflow:hidden}.mirror-glass{position:absolute;inset:8px;border-radius:80px 80px 24px 24px/62px 62px 24px 24px;background:linear-gradient(145deg,rgba(247,253,254,.42),rgba(84,151,171,.2) 52%,rgba(14,68,91,.24));overflow:hidden}.mirror-glass::after{content:"";position:absolute;left:-55%;top:-10%;width:58%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-16deg);opacity:.2}.mirror-person{position:absolute;left:50%;bottom:-8px;width:86px;height:205px;transform:translateX(-50%);opacity:.18;filter:blur(2px)}.mirror-head{position:absolute;left:50%;top:0;width:50px;height:62px;transform:translateX(-50%);border-radius:50%;background:rgba(7,54,77,.58)}.mirror-body{position:absolute;left:50%;bottom:0;width:86px;height:148px;transform:translateX(-50%);border-radius:48% 48% 12% 12%/28% 28% 8% 8%;background:linear-gradient(180deg,rgba(7,54,77,.55),rgba(7,54,77,.28))}
.mult{position:relative;width:min(340px,76vw);height:320px}.m-main{position:absolute;z-index:5;left:50%;top:7%;width:76px;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 33% 24%,rgba(255,255,255,.96),rgba(157,207,219,.3) 36%,rgba(7,55,76,.34));border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 40px rgba(3,39,57,.18)}.m-ring{position:absolute;left:50%;top:58%;width:82px;height:24px;border:2px solid rgba(75,154,176,.72);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0}.m-small{position:absolute;z-index:3;width:40px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.9),rgba(79,136,157,.38));border:1px solid rgba(255,255,255,.62);opacity:.35;transform:scale(.72)}.s1{left:7%;bottom:13%}.s2{left:44%;bottom:2%}.s3{right:7%;bottom:15%}
.div-stage{position:relative;width:min(390px,80vw);height:300px}.div-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.trait{fill:none;stroke-linecap:round;stroke-width:7;opacity:.18;stroke-dasharray:1;stroke-dashoffset:1}.t1{stroke:rgba(235,250,253,.96)}.t2{stroke:rgba(179,226,236,.93)}.t3{stroke:rgba(111,187,205,.9)}.t4{stroke:rgba(55,135,160,.86)}.t5{stroke:rgba(15,75,102,.82)}.sig{fill:none;stroke:rgba(7,51,74,.72);stroke-width:10;stroke-linecap:round;opacity:0;stroke-dasharray:1;stroke-dashoffset:1}.ocean{position:absolute;left:2%;top:6%;display:flex;gap:18px;font-size:.58rem;letter-spacing:.14em;opacity:.5}
.sit{position:relative;width:min(390px,80vw);height:310px}.horizon{position:absolute;left:4%;right:4%;top:66%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),rgba(69,145,168,.55),rgba(255,255,255,.9),transparent)}.boat{position:absolute;z-index:4;left:50%;top:62%;width:155px;height:66px;transform:translate(-50%,-50%)}.hull{position:absolute;left:8%;right:0;bottom:0;height:28px;background:linear-gradient(180deg,rgba(20,71,94,.82),rgba(5,43,63,.88));clip-path:polygon(0 0,100% 0,80% 100%,18% 100%)}.mast{position:absolute;left:48%;top:-104px;width:4px;height:112px;background:rgba(7,50,72,.72);border-radius:4px}.sail{position:absolute;left:49%;bottom:22px;width:94px;height:116px;transform-origin:0 100%;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(150,210,223,.26));clip-path:polygon(0 100%,10% 0,100% 78%);border:1px solid rgba(255,255,255,.5)}.wind{position:absolute;left:3%;right:3%;top:12%;height:90px}.wind i{position:absolute;width:92px;height:2px;background:linear-gradient(90deg,transparent,rgba(35,112,140,.65),rgba(35,112,140,.05));opacity:.18}.wind i:nth-child(2){top:31px;left:18%}.wind i:nth-child(3){top:62px;left:4%}.goal{position:absolute;right:6%;top:57%;width:4px;height:64px;background:rgba(7,57,80,.45)}.goal::before{content:"";position:absolute;left:0;top:0;width:40px;height:24px;background:rgba(255,255,255,.6);clip-path:polygon(0 0,100% 22%,0 100%)}
.drama{position:relative;width:min(300px,68vw);aspect-ratio:1}.drama svg{position:absolute;inset:0;width:100%;height:100%;opacity:.38}.drama path{stroke-dasharray:190;stroke-dashoffset:190}.dnode{position:absolute;z-index:3;width:68px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.92),rgba(164,207,219,.28) 35%,rgba(7,54,76,.25));border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 38px rgba(4,40,58,.16)}.dn1{left:50%;top:7%;transform:translateX(-50%)}.dn2{left:7%;bottom:7%}.dn3{right:7%;bottom:7%}
.strategic{position:relative;width:min(390px,80vw);height:320px;perspective:900px}.str-world{position:absolute;inset:8% 7% 16%;transform-style:preserve-3d}.str-panel{position:absolute;border:1px solid rgba(255,255,255,.65);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(53,116,136,.08));box-shadow:0 16px 42px rgba(3,36,53,.1)}.sp1{left:9%;top:22%;width:24%;height:52%;transform:rotateY(8deg)}.sp2{left:40%;top:13%;width:19%;height:62%;transform:rotateY(-5deg)}.sp3{right:8%;top:26%;width:23%;height:47%;transform:rotateY(11deg)}.str-frame{position:absolute;left:50%;top:48%;width:34%;height:36%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 999px rgba(199,220,227,.24),0 0 26px rgba(255,255,255,.38) inset;border-radius:7px;z-index:5}.str-label{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:92%;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;opacity:.72;white-space:nowrap}.str-label span{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.sl2,.sl3{opacity:0}
.pair{position:relative;width:min(360px,78vw);height:310px}.choice{position:absolute;top:50%;width:116px;height:176px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.72);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(88,157,178,.12));box-shadow:0 16px 34px rgba(3,39,57,.12);display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;opacity:.78}.choice.a{left:9%}.choice.b{right:9%}.pair-mid{position:absolute;left:50%;top:50%;width:54px;height:2px;transform:translate(-50%,-50%);background:linear-gradient(90deg,rgba(64,146,170,.15),rgba(64,146,170,.78),rgba(64,146,170,.15))}.pair-mid::after{content:"";position:absolute;left:50%;top:50%;width:22px;aspect-ratio:1;border:1px solid rgba(64,146,170,.58);border-radius:50%;transform:translate(-50%,-50%) scale(.5);opacity:0}
.work{position:relative;width:min(390px,80vw);height:300px}.work svg{position:absolute;inset:0;width:100%;height:100%}.route{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.ra{stroke:rgba(117,211,231,.9)}.rb{stroke:rgba(38,123,151,.82)}.rock{position:absolute;left:50%;top:50%;width:92px;height:112px;transform:translate(-50%,-50%);border-radius:49% 51% 45% 55%/55% 43% 57% 45%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.66),rgba(76,103,111,.78));box-shadow:0 20px 36px rgba(4,37,52,.23)}.start,.finish{position:absolute;z-index:6;top:50%;width:25px;aspect-ratio:1;border-radius:50%;transform:translateY(-50%);background:rgba(241,252,254,.9);border:2px solid rgba(39,111,137,.62)}.start{left:2%}.finish{right:2%}.finish::after{content:"";position:absolute;inset:-9px;border:2px solid rgba(93,184,205,.55);border-radius:50%;opacity:0}.trav{position:absolute;z-index:7;width:20px;aspect-ratio:1;border-radius:50%;background:#effcff;border:1px solid rgba(43,123,149,.68);box-shadow:0 0 18px rgba(185,238,249,.95);opacity:0}.ta,.tb{left:5%;top:48%}
@media(max-width:720px){.visual-experiments{padding-top:52px}.visual-intro{padding:0 8px 22px}.visual-intro h2{font-size:clamp(3rem,15vw,4.9rem)}.portal-card{height:clamp(550px,78svh,690px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:27px}.portal-copy{padding:25px 27px 6px;justify-content:flex-start}.portal-card h3{font-size:clamp(3rem,14.5vw,4.8rem);margin:12px 0 8px}.portal-hook{font-size:.98rem;line-height:1.4}.portal-enter{margin-top:16px;padding:9px 15px}.card-visual{min-height:0}.l360,.div-stage,.sit,.strategic,.work{width:290px;height:255px}.mirror-stage{width:250px;height:285px}.mirror-frame{width:150px;height:242px;border-width:9px}.mirror-person{height:165px;width:72px}.mirror-head{width:42px;height:52px}.mirror-body{width:72px;height:120px}.mult{width:280px;height:255px}.m-main{width:64px}.m-small{width:34px}.drama{width:230px}.dnode{width:56px}.choice{width:94px;height:145px;font-size:1.8rem}.pair{width:290px;height:255px}.rock{width:76px;height:92px}.str-label{font-size:1.3rem}}
@media(max-height:700px) and (max-width:720px){.portal-card{height:82svh}.portal-copy{padding-top:18px}.portal-card h3{font-size:clamp(2.65rem,13vw,4rem)}.portal-hook{font-size:.9rem}.portal-enter{margin-top:12px}.l360,.div-stage,.sit,.strategic,.work{height:220px}.mirror-stage{height:240px}.mirror-frame{height:205px;width:132px}.pair,.mult{height:220px}.drama{width:205px}}
@media(prefers-reduced-motion:no-preference){
.portal-card.in-view .l360 .v1{animation:viewL 6.8s ease-in-out infinite}.portal-card.in-view .l360 .v2{animation:viewC 6.8s ease-in-out infinite}.portal-card.in-view .l360 .v3{animation:viewR 6.8s ease-in-out infinite}.portal-card.in-view .cycle i::after{animation:fill 6.8s linear infinite}.portal-card.in-view .cycle i:nth-of-type(2)::after{animation-delay:1.8s}@keyframes viewL{0%,8%,100%{opacity:.32}24%,42%{opacity:.95;transform:rotateY(7deg) rotate(-1deg) translateX(8px)}60%{opacity:.4}}@keyframes viewC{0%,20%,100%{opacity:.36}36%,54%{opacity:.95;transform:translateX(-50%) translateY(-3px) scale(1.04)}68%{opacity:.45}}@keyframes viewR{0%,34%,100%{opacity:.32}50%,68%{opacity:.95;transform:rotateY(-7deg) rotate(1deg) translateX(-8px)}82%{opacity:.4}}@keyframes fill{0%,46%{transform:translateX(-100%)}64%,86%{transform:translateX(0)}100%{transform:translateX(100%)}}
.portal-card.in-view .mirror-person{animation:faceMirror 5.8s ease-in-out infinite}.portal-card.in-view .mirror-glass::after{animation:mirrorSheen 5.8s ease-in-out infinite}@keyframes faceMirror{0%,16%,100%{opacity:.12;filter:blur(3px);transform:translateX(-50%) scale(.98)}40%,70%{opacity:.72;filter:blur(.3px);transform:translateX(-50%) scale(1.02)}84%{opacity:.3;filter:blur(1.5px)}}@keyframes mirrorSheen{0%,18%,100%{left:-55%;opacity:.12}45%{left:105%;opacity:.48}70%{opacity:.08}}
.portal-card.in-view .m-main{animation:mImpact 5.6s cubic-bezier(.42,0,.18,1) infinite}.portal-card.in-view .m-ring{animation:mRing 5.6s ease-out infinite}.portal-card.in-view .s1{animation:g1 5.6s ease-in-out infinite}.portal-card.in-view .s2{animation:g2 5.6s ease-in-out infinite}.portal-card.in-view .s3{animation:g3 5.6s ease-in-out infinite}@keyframes mImpact{0%,12%,100%{transform:translateX(-50%) translateY(0)}34%{transform:translateX(-50%) translateY(96px) scale(.88,1.12)}43%{transform:translateX(-50%) translateY(84px) scale(1.1,.86)}58%{transform:translateX(-50%) translateY(12px)}}@keyframes mRing{0%,33%{transform:translate(-50%,-50%) scale(.2);opacity:0}42%{opacity:.95}69%{transform:translate(-50%,-50%) scale(4.2,2.2);opacity:0}100%{opacity:0}}@keyframes g1{0%,41%,100%{transform:scale(.72);opacity:.35}57%{transform:translateY(-20px) scale(1.65);opacity:1}76%{transform:translateY(-5px) scale(1.15);opacity:.7}}@keyframes g2{0%,47%,100%{transform:scale(.72);opacity:.35}63%{transform:translateY(-28px) scale(1.8);opacity:1}82%{transform:translateY(-6px) scale(1.18);opacity:.7}}@keyframes g3{0%,53%,100%{transform:scale(.72);opacity:.35}69%{transform:translateY(-18px) scale(1.62);opacity:1}88%{transform:translateY(-5px) scale(1.14);opacity:.7}}
.portal-card.in-view .trait{animation:traitIn 6.2s cubic-bezier(.45,0,.2,1) infinite}.portal-card.in-view .t2{animation-delay:.12s}.portal-card.in-view .t3{animation-delay:.24s}.portal-card.in-view .t4{animation-delay:.36s}.portal-card.in-view .t5{animation-delay:.48s}.portal-card.in-view .sig{animation:sigIn 6.2s ease-in-out infinite}@keyframes traitIn{0%,10%,100%{stroke-dashoffset:1;opacity:.12}38%,66%{stroke-dashoffset:0;opacity:.88}80%{opacity:.24}}@keyframes sigIn{0%,38%,100%{opacity:0;stroke-dashoffset:1}54%,72%{opacity:.84;stroke-dashoffset:0}86%{opacity:.18}}
.portal-card.in-view .sail{animation:sailTrim 6.4s cubic-bezier(.45,0,.18,1) infinite}.portal-card.in-view .boat{animation:boatMove 6.4s ease-in-out infinite}.portal-card.in-view .wind i{animation:windShift 6.4s ease-in-out infinite}@keyframes sailTrim{0%,12%,100%{transform:rotate(-18deg)}30%{transform:rotate(12deg)}50%{transform:rotate(-4deg)}72%{transform:rotate(22deg)}88%{transform:rotate(-18deg)}}@keyframes boatMove{0%,100%{transform:translate(-54%,-50%)}35%{transform:translate(-51%,-52%)}72%{transform:translate(-47%,-50%)}}@keyframes windShift{0%,14%,100%{transform:translateX(-40px);opacity:.1}30%{transform:translateX(110px);opacity:.72}55%{opacity:.12}72%{transform:translateX(-90px) scaleX(-1);opacity:.65}90%{opacity:.1}}
.portal-card.in-view .drama path{animation:dTrace 6s ease-in-out infinite}.portal-card.in-view .dn1{animation:d1 6s ease-in-out infinite}.portal-card.in-view .dn2{animation:d2 6s ease-in-out infinite}.portal-card.in-view .dn3{animation:d3 6s ease-in-out infinite}@keyframes d1{0%,15%,100%{transform:translateX(-50%)}38%{transform:translateX(-50%) translateY(28px)}58%{transform:translate(25%,-4%)}76%{transform:translate(-105%,116%)}}@keyframes d2{0%,15%,100%{transform:translate(0,0)}38%{transform:translate(28px,-22px)}58%{transform:translate(150px,-118px)}76%{transform:translate(80px,3px)}}@keyframes d3{0%,15%,100%{transform:translate(0,0)}38%{transform:translate(-28px,-22px)}58%{transform:translate(-82px,3px)}76%{transform:translate(-150px,-118px)}}@keyframes dTrace{0%,12%,100%{stroke-dashoffset:190;opacity:.18}38%,72%{stroke-dashoffset:0;opacity:.7}86%{opacity:.25}}
.portal-card.in-view .str-frame{animation:frameStory 6.6s cubic-bezier(.4,0,.2,1) infinite}.portal-card.in-view .str-world{animation:worldShift 6.6s ease-in-out infinite}.portal-card.in-view .sl1{animation:l1 6.6s infinite}.portal-card.in-view .sl2{animation:l2 6.6s infinite}.portal-card.in-view .sl3{animation:l3 6.6s infinite}@keyframes frameStory{0%,14%,100%{width:34%;height:36%;transform:translate(-50%,-50%)}30%,38%{width:72%;height:52%;transform:translate(-50%,-50%)}55%,64%{width:58%;height:46%;transform:translate(-38%,-53%) rotate(-7deg) skewX(-3deg)}80%,92%{width:64%;height:48%;transform:translate(-46%,-50%) rotate(1deg)}}@keyframes worldShift{0%,38%,100%{transform:translateX(0) scale(1)}55%,64%{transform:translateX(-5%) scale(1.04)}80%,92%{transform:translateX(2%) scale(.99)}}@keyframes l1{0%,27%{opacity:.8}34%,100%{opacity:0}}@keyframes l2{0%,34%{opacity:0}42%,67%{opacity:.8}74%,100%{opacity:0}}@keyframes l3{0%,70%{opacity:0}80%,100%{opacity:.8}}
.portal-card.in-view .choice.a{animation:pairA 5.8s ease-in-out infinite}.portal-card.in-view .choice.b{animation:pairB 5.8s ease-in-out infinite}.portal-card.in-view .pair-mid::after{animation:pairPulse 5.8s ease-out infinite}@keyframes pairA{0%,15%,100%{transform:translateY(-50%) translateX(0) rotate(-1deg);opacity:.78}42%,66%{transform:translateY(-50%) translateX(12px) rotate(0);opacity:.88}82%{transform:translateY(-50%) translateX(0);opacity:.78}}@keyframes pairB{0%,15%,100%{transform:translateY(-50%) translateX(0) rotate(1deg);opacity:.78}42%,66%{transform:translateY(-50%) translateX(-12px) rotate(0);opacity:.88}82%{transform:translateY(-50%) translateX(0);opacity:.78}}@keyframes pairPulse{0%,32%,100%{transform:translate(-50%,-50%) scale(.5);opacity:0}48%{opacity:.85;transform:translate(-50%,-50%) scale(1)}72%{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}
.portal-card.in-view .ra,.portal-card.in-view .rb{animation:routeDraw 6.2s ease-in-out infinite}.portal-card.in-view .rb{animation-delay:.28s}.portal-card.in-view .ta{animation:travelA 6.2s ease-in-out infinite}.portal-card.in-view .tb{animation:travelB 6.2s ease-in-out infinite}.portal-card.in-view .finish::after{animation:finishPulse 6.2s ease-out infinite}@keyframes routeDraw{0%,10%,100%{stroke-dashoffset:1;opacity:.14}30%,73%{stroke-dashoffset:0;opacity:1}88%{opacity:.34}}@keyframes travelA{0%,20%,100%{left:5%;top:48%;opacity:0}25%{opacity:1}38%{left:28%;top:24%;opacity:1}54%{left:61%;top:24%;opacity:1}68%{left:89%;top:48%;opacity:1}76%{opacity:0}}@keyframes travelB{0%,28%,100%{left:5%;top:48%;opacity:0}33%{opacity:1}46%{left:28%;top:70%;opacity:1}60%{left:61%;top:70%;opacity:1}74%{left:89%;top:48%;opacity:1}82%{opacity:0}}@keyframes finishPulse{0%,68%,100%{transform:scale(.45);opacity:0}76%{transform:scale(1);opacity:.9}92%{transform:scale(2.2);opacity:0}}
}
@media(prefers-reduced-motion:reduce){.mirror-person{opacity:.65;filter:none}.trait,.route{stroke-dashoffset:0!important}.sig{opacity:.7;stroke-dashoffset:0}.choice{opacity:.86}}