.social-card{border:1px solid #eee9df40;border-radius:34px;flex:none;width:300px;height:300px;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #000c}.social-card-background{background:radial-gradient(circle at 100% 107%,#f1dcb6 0%,#c5a477 32%,#7a6343 62%,#2a251f 100%);position:absolute;inset:-10px 0 0}.social-card-logo{font-family:var(--serif);letter-spacing:-.01em;color:#fff;white-space:nowrap;text-shadow:0 4px 18px #0005;font-size:30px;transition:transform .7s cubic-bezier(.2,.8,.2,1),font-size .7s;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.social-box{text-align:right;transform-origin:0 100%;background:#ffffff38;border-top:2px solid #fff;border-right:1px solid #fff;border-radius:10% 13% 42% 0%/10% 12% 75% 0%;padding:18px;transition:bottom 1s ease-in-out,left 1s ease-in-out;display:block;position:absolute;box-shadow:-7px 7px 29px #2a251f66}.social-box:before{content:"";border-radius:inherit;opacity:0;transition:opacity .4s;position:absolute;inset:0}.social-box:hover:before,.social-box:focus-visible:before{opacity:1}.social-box:focus-visible{outline-offset:-4px;outline:2px solid #fff}.social-icon{width:26px;height:26px;display:inline-block;position:relative}.social-icon svg{fill:#fffc;width:100%;height:100%;transition:fill .3s,transform .3s}.social-box:hover .social-icon svg{fill:#fff;transform:scale(1.12)}.box1{width:70%;height:70%;bottom:-70%;left:-70%}.box2{width:50%;height:50%;transition-delay:.2s;bottom:-50%;left:-50%}.box3{width:30%;height:30%;padding:12px;transition-delay:.4s;bottom:-30%;left:-30%}.box3 .social-icon{width:22px;height:22px}.box4{width:10%;height:10%;transition-delay:.6s;bottom:-10%;left:-10%}.social-box[data-tone=instagram]:before{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-box[data-tone=linkedin]:before{background:linear-gradient(140deg,#0a66c2,#0b4f94)}.social-box[data-tone=email]:before{background:linear-gradient(140deg,#c5a477,#8a6a3f)}.social-card:hover,.social-card:focus-within{transform:scale(1.06)}.social-card:hover .social-box,.social-card:focus-within .social-box{bottom:-1px;left:-1px}.social-card:hover .social-card-logo,.social-card:focus-within .social-card-logo{font-size:22px;transform:translate(92px,-98px)}@media (hover:none){.social-card .social-box{bottom:-1px;left:-1px}.social-card .social-card-logo{font-size:22px;transform:translate(92px,-98px)}}@media (prefers-reduced-motion:reduce){.social-card,.social-card-logo,.social-box{transition:none}}.social-card-hint{text-align:center;color:#fffffff0;letter-spacing:.02em;font-size:15px;transition:opacity .35s,transform .35s;animation:2.4s ease-in-out infinite social-hint-bob;position:absolute;bottom:74px;left:0;right:0}.social-card:hover .social-card-hint,.social-card:focus-within .social-card-hint{opacity:0;animation:none;transform:translateY(8px)}@keyframes social-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (hover:none){.social-card .social-card-hint{display:none}}@media (prefers-reduced-motion:reduce){.social-card-hint{animation:none}}