/* Draft: sculpted violet ink and tactile, illuminated invitations. */
.violet-shimmer{
  filter:drop-shadow(1px 1px 0 #803fc0) drop-shadow(1px 1px 0 #602792) drop-shadow(1px 1px 0 #421963) drop-shadow(0 8px 9px #0005);
}
.nav-cta .violet-shimmer{filter:drop-shadow(.5px .5px 0 #803fc0) drop-shadow(.5px .5px 0 #421963)}
.wordmark-image{position:relative;z-index:1}
.flow-mark{display:block;flex:none;width:34px;height:34px;fill:none;stroke:var(--orange);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .65s var(--ease),filter .45s var(--ease)}
.flow-echo{stroke:var(--violet);stroke-width:1.15}
.illuminate-link{position:relative;isolation:isolate;--press-aura:#a36aff00;transition:background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),transform .4s var(--ease),color .4s var(--ease)}
.atelier-copy .project-invitation{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:66px;max-width:100%;padding:14px 22px;border:1px solid #b68bff65;border-top-color:#d6bfff7a;border-radius:23px;background:radial-gradient(ellipse at 15% 0%,#a36aff24,transparent 70%),linear-gradient(145deg,#2a2138,#17131f);font-size:15px;line-height:1.35;color:var(--ink);box-shadow:inset 0 1px 0 #ffffff18,0 4px 0 #09070dd9,0 16px 25px #0003;pointer-events:auto}
.atelier-copy .project-invitation:hover{gap:28px;transform:translateY(-2px);border-color:#c59bffb0;box-shadow:inset 0 1px 0 #ffffff24,0 5px 0 #09070dd9,0 18px 30px #0004,0 0 22px #a36aff24}
.illuminate-link:hover .flow-mark,.illuminate-link:focus-visible .flow-mark{transform:translate(4px,-2px) rotate(-4deg);filter:drop-shadow(0 0 5px #ff751f55)}
.illuminate-link:active{transform:translateY(1px)}
.illuminate-link:active,.illuminate-link.is-ignited{border-color:#7cbaff!important;box-shadow:inset 0 0 25px #369cff24,0 0 18px #369cff50,0 0 38px #a36aff55!important}
.illuminate-link.is-ignited{animation:deflex-press-light .8s var(--ease) both}
.services-3d .service-link{position:relative;min-height:44px;margin-left:-10px;padding:5px 10px;gap:12px;border:1px solid transparent;border-radius:12px;color:var(--ink);font-size:12px}
.services-3d .service-link .flow-mark{width:28px;height:28px}
.services-3d .service-link:hover{border-color:#a36aff55;background:#a36aff0c}
.bundle .text-link{padding:8px 13px;margin-left:-13px;gap:20px;min-height:48px;border:1px solid #a36aff40;border-radius:16px;background:linear-gradient(140deg,#a36aff0f,#a36aff03);box-shadow:inset 0 1px 0 #ffffff09}
.bundle .text-link:hover{border-color:#b68bff85;background:#a36aff14}
.bundle .flow-mark{width:30px;height:30px}
@keyframes deflex-press-light{0%{box-shadow:inset 0 0 30px #369cff40,0 0 20px #369cff70,0 0 45px #a36aff65}100%{box-shadow:inset 0 0 15px #369cff12,0 0 8px #369cff18,0 0 20px #a36aff20}}
@media(max-width:760px){.atelier-copy .project-invitation{min-height:62px;padding:12px 18px;border-radius:21px;font-size:14px;gap:22px}.atelier-copy .project-invitation:hover{gap:22px}.flow-mark{width:31px;height:31px}.violet-shimmer{filter:drop-shadow(.75px .75px 0 #803fc0) drop-shadow(.75px .75px 0 #602792) drop-shadow(.75px .75px 0 #421963) drop-shadow(0 6px 7px #0004)}}
@media(prefers-reduced-motion:reduce){.illuminate-link.is-ignited{animation:none}.illuminate-link:hover,.illuminate-link:active,.illuminate-link:hover .flow-mark,.illuminate-link:focus-visible .flow-mark{transform:none}}

/* Explore is a tactile control, sharing the press-light before anchor navigation. */
.atelier-scroll.illuminate-link{position:absolute;width:max-content;max-width:100%;min-height:46px;padding:7px 13px 7px 16px;gap:14px;border:1px solid #a36aff50;border-top-color:#c9a4ff70;border-radius:16px;background:linear-gradient(145deg,#251c32,#15121c);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #09070d,0 9px 20px #0002;font-size:11px}
.atelier-scroll.illuminate-link .explore-mark{width:27px;height:27px}
.atelier-scroll.illuminate-link:hover{border-color:#c9a4ffa0;background:linear-gradient(145deg,#30213f,#191322);box-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #09070d,0 0 20px #a36aff25}
.atelier-scroll.illuminate-link:active{transform:translateY(2px)}
@media(max-width:760px){.atelier-scroll.illuminate-link{position:relative;margin-top:12px;min-height:46px;padding:7px 13px 7px 15px}}
@media(prefers-reduced-motion:reduce){.atelier-scroll.illuminate-link:active{transform:none}}
