/* Hero social CTA: the Sharplink split-block interaction in the landing palette. */
.hero-social{--social-ease:cubic-bezier(.785,.135,.15,.86);display:inline-flex;position:relative;gap:2px;overflow:hidden;pointer-events:auto;cursor:pointer;font:500 13px/1.4 'Archivo Narrow',sans-serif;letter-spacing:1.04px;text-transform:uppercase;vertical-align:top;text-decoration:none;user-select:none;}
.hero-social-content,.hero-social-icon{display:flex;flex-direction:column;height:34px;overflow:hidden;}
.hero-social-content{padding:0 16px;background:var(--ink,#ece5e0);color:#0b0908;transition:transform .5s var(--social-ease);white-space:nowrap;}
.hero-social-content>span,.hero-social-icon>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;transition:transform .5s var(--social-ease);}
.hero-social-icon{position:relative;left:0;flex:none;width:32px;background:var(--lime,#ff792d);color:#0b0908;transition:transform .5s var(--social-ease),left .5s var(--social-ease);}
.hero-social-left{position:absolute;top:100%;left:0;transform:translateX(-100%);}
.hero-social:focus-visible{outline:2px solid var(--lime,#ff792d);outline-offset:5px;}
@media(hover:hover){
.hero-social:hover .hero-social-content{transform:translateX(34px);transition-delay:.12s;}
.hero-social:hover .hero-social-content>span,.hero-social:hover .hero-social-icon>span{transform:translateY(-100%);transition-delay:.12s;}
.hero-social:hover .hero-social-icon{left:32px;transform:translateY(-100%);}
.hero-social:hover .hero-social-left{left:0;transform:translateY(-100%);transition-delay:.12s;}
}
@media(max-width:700px){.hero-social-content,.hero-social-icon{height:44px;}}
@media(prefers-reduced-motion:reduce){.hero-social *{transition:none!important;}}