/* Iridescent ribbon: a quiet full-width bar with a fine, softly curved edge. */
.contact-rail {position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:flex-end;gap:2px;min-height:48px;padding:2px max(24px,env(safe-area-inset-right)) 2px max(24px,env(safe-area-inset-left));padding-top:calc(1px + env(safe-area-inset-top));border:0;border-radius:0;background:linear-gradient(100deg,#100c16f5,#131019f2 58%,#0b1316f5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);white-space:nowrap;}
.contact-rail a {position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;color:#f2e9f6;font:500 13px/1.1 Arial,sans-serif;text-decoration:none;transition:background .18s ease,color .18s ease;}
.contact-rail:after {content:'';position:absolute;left:0;right:0;bottom:-5px;height:10px;background:url("assets/iridescent-ribbon.svg") center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 0 5px #be66ef55);}
.contact-spark {display:inline-block;margin-right:9px;color:#deb0fa;font-size:18px;line-height:1;text-shadow:0 0 9px #c17be899;}
.contact-rail a:hover {background:#d4a8ed1c;color:#fff;}
.contact-rail a:focus-visible {outline:2px solid #edc6ff;outline-offset:-3px;background:#d4a8ed29;}
.experience-start .contact-rail {position:absolute;}
body:has(.contact-rail) #work {padding-top:calc(48px + env(safe-area-inset-top));}
.mobile-portfolio .contact-rail {justify-content:center;padding-inline:max(12px,env(safe-area-inset-left));}
.mobile-portfolio .contact-rail a {padding-inline:20px;}
.mobile-portfolio .mobile-contact {display:none;}
.experience-start .start-center {padding-top:calc(60px + env(safe-area-inset-top));}
@media(prefers-reduced-motion:reduce){.contact-rail a {transition:none;}}