.friends-intro[data-astro-cid-u2n4qbe4]{z-index:5;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:min(100dvh,900px);padding:0 20px;animation:3s cubic-bezier(.22,1,.36,1) both friends-intro-appear;display:flex;position:absolute;top:0;left:0;right:0}h1[data-astro-cid-u2n4qbe4]{color:var(--blue-deep);letter-spacing:-.06em;text-shadow:0 2px #ffffffb8;margin:0;font-size:clamp(5.2rem,11vw,10rem);font-weight:950;line-height:1.12}p[data-astro-cid-u2n4qbe4]{letter-spacing:-.025em;max-width:100%;margin:0;font-family:Brush Script MT,Segoe Script,Comic Sans MS,Microsoft YaHei,cursive;font-size:clamp(4.3rem,9.5vw,8.3rem);font-weight:700;line-height:1.28}p[data-astro-cid-u2n4qbe4] span[data-astro-cid-u2n4qbe4]{color:#0000;background:linear-gradient(105deg,#df789e 0%,#c18fb4 34%,#8dc7db 63%,#e0bd75 100%);filter:drop-shadow(0 3px #ffffffb3);-webkit-background-clip:text;background-clip:text;max-width:100%;padding:0 .08em .16em;display:inline-block;transform:rotate(-1deg)}@keyframes friends-intro-appear{0%{opacity:0;filter:blur(5px);transform:translateY(16px)scale(.96)}16%,65%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(3px);transform:translateY(-16px)scale(1.03)}}@media (width<=600px){h1[data-astro-cid-u2n4qbe4]{font-size:clamp(3.8rem,16vw,5.8rem)}p[data-astro-cid-u2n4qbe4]{margin-top:2px;font-size:clamp(3.1rem,13vw,5rem)}}@media (prefers-reduced-motion:reduce){.friends-intro[data-astro-cid-u2n4qbe4]{opacity:0;animation:none}}.friend-bubble[data-v-e6841bb2]{z-index:4;color:#52637b;opacity:0;pointer-events:none;background:#fffcf8f7;border:1px solid #a6808a73;border-radius:50%/48%;width:max-content;max-width:min(90vw,450px);padding:19px 32px;font-size:clamp(1.04rem,1.6vw,1.24rem);font-weight:750;line-height:1.4;transition:opacity .18s,transform .18s;position:absolute;top:-105px;left:50%;transform:translate(-50%,8px)scale(.96);box-shadow:0 9px 24px #6e555c24}.friend-bubble[data-v-e6841bb2]:before,.friend-bubble[data-v-e6841bb2]:after{content:"";background:#fffcf8f7;border:1px solid #a6808a73;border-radius:50%;position:absolute}.friend-bubble[data-v-e6841bb2]:before{width:16px;height:16px;bottom:-14px;left:22%}.friend-bubble[data-v-e6841bb2]:after{width:8px;height:8px;bottom:-26px;left:18%}@media (width<=650px){.friend-bubble[data-v-e6841bb2]{padding:15px 19px;font-size:.98rem;top:-90px}}@media (prefers-reduced-motion:reduce){.friend-bubble[data-v-e6841bb2]{transition:none}}.friend-portrait[data-v-6371e1b9]{width:var(--portrait-size);height:var(--portrait-size);flex:none;display:block;position:relative}.friend-portrait.has-reflection[data-v-6371e1b9]{height:calc(var(--portrait-size) + var(--reflection-height))}.friend-portrait.has-reflection[data-v-6371e1b9]:after{z-index:-1;top:calc(var(--portrait-size) + 5px);content:"";filter:blur(13px);background:#654d5133;border-radius:50%;width:76%;height:22px;position:absolute;left:12%}.portrait-face[data-v-6371e1b9]{width:var(--portrait-size);height:var(--portrait-size);background:radial-gradient(circle at 30% 20%,#fff5e9,#efdde0 60%,#ddd7e5);border:clamp(5px,.7vw,9px) solid #fffdf9f5;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 44px #6b4d542e,0 4px 12px #5c53661a,inset 0 0 0 1px #a27e842e}.portrait-initial[data-v-6371e1b9]{color:#ad8495;font-family:Georgia,Times New Roman,serif;font-size:calc(var(--portrait-size) * .46);text-shadow:0 3px #ffffffa6;font-style:italic;line-height:1}.portrait-face img[data-v-6371e1b9]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portrait-reflection[data-v-6371e1b9]{top:calc(var(--portrait-size) + 10px);width:74%;height:calc(var(--reflection-height) - 10px);opacity:.19;filter:blur(2.5px);border-radius:50%;place-items:start center;display:grid;position:absolute;left:13%;overflow:hidden;mask-image:radial-gradient(68% 95% at 50% 0,#000 4%,#0000 75%)}.portrait-reflection img[data-v-6371e1b9],.portrait-reflection .portrait-initial[data-v-6371e1b9]{transform-origin:50%;width:100%;height:auto;position:absolute;top:0;transform:scaleY(-1)}.portrait-reflection img[data-v-6371e1b9]{aspect-ratio:1;object-fit:cover}.portrait-reflection .portrait-initial[data-v-6371e1b9]{aspect-ratio:1;font-size:calc(var(--portrait-size) * .4);place-items:center;display:grid}.friends-carousel[data-v-f4b43d93]{--portrait-size:clamp(250px, 24vw, 330px);--side-size:clamp(165px, 18vw, 225px);--reflection-height:70px;width:100%;min-height:calc(var(--portrait-size) + var(--reflection-height) + 210px);isolation:isolate;margin:0 auto;padding-top:48px;animation:.85s cubic-bezier(.22,1,.36,1) 1.9s both carousel-enter-f4b43d93;position:relative;overflow:visible}.friends-carousel[data-v-f4b43d93]:before{z-index:-1;content:"";background:radial-gradient(#b1938f21,#0000 70%);border-radius:50%;height:66px;position:absolute;bottom:95px;left:9%;right:9%}.friend-current[data-v-f4b43d93]{z-index:2;text-align:center;justify-items:center;width:fit-content;max-width:78%;margin:0 auto;display:grid;position:relative}.friend-current-link[data-v-f4b43d93]{width:var(--portrait-size);border-radius:50%;display:block;position:relative}a.friend-current-link[data-v-f4b43d93]{cursor:pointer}a.friend-current-link[data-v-f4b43d93]:hover .portrait-face,a.friend-current-link[data-v-f4b43d93]:focus-visible .portrait-face{transform:translateY(-4px);box-shadow:0 26px 50px #6b4d543d,0 4px 12px #5c53661f}a.friend-current-link[data-v-f4b43d93]:focus-visible{outline-offset:6px;outline:3px solid #c987a6}.friend-current-link[data-v-f4b43d93] .portrait-face{transition:transform .22s,box-shadow .22s}.friend-current-link[data-v-f4b43d93]:hover .friend-bubble,.friend-current-link[data-v-f4b43d93]:focus-visible .friend-bubble{opacity:1;transform:translate(-50%)scale(1)}h2[data-v-f4b43d93]{max-width:15ch;color:var(--blue-deep);overflow-wrap:anywhere;text-shadow:0 2px #ffffffa8;margin:8px 0 0;font-size:clamp(2rem,4vw,3.3rem);font-weight:900;line-height:1.1}.friend-signature[data-v-f4b43d93]{color:#666d78;margin:10px 0 0;font-size:clamp(.96rem,1.7vw,1.12rem);line-height:1.6}.friend-neighbor[data-v-f4b43d93]{--portrait-size:var(--side-size);z-index:1;width:var(--portrait-size);height:var(--portrait-size);opacity:.68;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .22s,transform .22s;animation:.65s 2.2s backwards neighbor-enter-f4b43d93;display:block;position:absolute;top:calc(48px + clamp(250px,24vw,330px)/5)}.friend-neighbor--previous[data-v-f4b43d93]{left:calc(50% - clamp(250px, 24vw, 330px) / 2 - var(--side-size) - 89px)}.friend-neighbor--next[data-v-f4b43d93]{right:calc(50% - clamp(250px, 24vw, 330px) / 2 - var(--side-size) - 89px)}.friend-neighbor[data-v-f4b43d93]:hover,.friend-neighbor[data-v-f4b43d93]:focus-visible{opacity:1;transform:scale(1.04)}.friend-neighbor[data-v-f4b43d93]:focus-visible{outline-offset:4px;outline:3px solid #c987a6}.friend-arrow[data-v-f4b43d93]{z-index:3;color:#667b90;backdrop-filter:blur(8px);background:#fffbf7d6;border:1px solid #97757440;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:background .18s,transform .18s,box-shadow .18s;animation:.42s 2.35s backwards controls-enter-f4b43d93;display:grid;position:absolute;top:calc(48px + clamp(250px,24vw,330px)/2.38095);box-shadow:0 8px 20px #6d525a17}.friend-arrow--previous[data-v-f4b43d93]{left:clamp(18px,4vw,68px)}.friend-arrow--next[data-v-f4b43d93]{right:clamp(18px,4vw,68px)}.friend-arrow svg[data-v-f4b43d93]{width:27px;height:27px}.friend-arrow[data-v-f4b43d93]:hover,.friend-arrow[data-v-f4b43d93]:focus-visible{background:#fffaf6;transform:translateY(-2px);box-shadow:0 10px 24px #6d525a2b}.friend-arrow[data-v-f4b43d93]:active{transform:translateY(1px)scale(.97)}.friend-arrow[data-v-f4b43d93]:focus-visible{outline-offset:4px;outline:3px solid #c987a6}.friend-swap-enter-active[data-v-f4b43d93],.friend-swap-leave-active[data-v-f4b43d93]{transition:opacity .17s,transform .17s}.friend-swap-enter-from[data-v-f4b43d93],.friend-swap-leave-to[data-v-f4b43d93]{opacity:0;transform:translateY(12px)scale(.97)}@keyframes carousel-enter-f4b43d93{0%{opacity:0;transform:translateY(32px)scale(.96)}}@keyframes neighbor-enter-f4b43d93{0%{opacity:0;transform:scale(.86)}}@keyframes controls-enter-f4b43d93{0%{opacity:0;transform:translateY(12px)}}@media (width>=651px) and (width<=900px){.friends-carousel[data-v-f4b43d93]{--side-size:min(19vw, 160px)}.friend-neighbor--previous[data-v-f4b43d93]{left:max(80px,12vw)}.friend-neighbor--next[data-v-f4b43d93]{right:max(80px,12vw)}}@media (width<=650px){.friends-carousel[data-v-f4b43d93]{--portrait-size:min(64vw, 250px);--reflection-height:54px;min-height:calc(var(--portrait-size) + var(--reflection-height) + 175px);padding-top:60px}.friend-neighbor[data-v-f4b43d93]{--portrait-size:154px;top:86px}.friend-neighbor--previous[data-v-f4b43d93]{left:-112px}.friend-neighbor--next[data-v-f4b43d93]{right:-112px}.friend-arrow[data-v-f4b43d93]{width:44px;height:44px;top:calc(60px + min(64vw,250px)/1.38889)}.friend-arrow--previous[data-v-f4b43d93]{left:12px}.friend-arrow--next[data-v-f4b43d93]{right:34px}.friend-arrow svg[data-v-f4b43d93]{width:24px;height:24px}h2[data-v-f4b43d93]{margin-top:5px}}@media (prefers-reduced-motion:reduce){.friends-carousel[data-v-f4b43d93],.friend-neighbor[data-v-f4b43d93],.friend-arrow[data-v-f4b43d93]{animation:none}.friend-swap-enter-active[data-v-f4b43d93],.friend-swap-leave-active[data-v-f4b43d93],.friend-neighbor[data-v-f4b43d93],.friend-arrow[data-v-f4b43d93],.friend-current-link[data-v-f4b43d93] .portrait-face{transition:none}}.friends-page[data-astro-cid-5site2ah]{align-items:center;width:100%;min-height:100dvh;padding:90px 0 40px;display:grid;position:relative;overflow:hidden}.friends-page[data-astro-cid-5site2ah]:before{content:"";pointer-events:none;background:radial-gradient(#fff9f5b3,#fff1ec4d 52%,#0000 76%);border-radius:50%;width:min(850px,90vw);height:680px;position:absolute;top:165px;left:50%;transform:translate(-50%)}@media (width<=650px){.friends-page[data-astro-cid-5site2ah]{padding-top:85px}}
