/* The same closing invitation on every Curveball page. Decorative motion only. */
.mind-invitation{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:center;min-height:760px;padding-block:68px 100px;background:#27154c;background-image:radial-gradient(ellipse at 50% 22%,#6044a241,transparent 58%);color:var(--paper);text-align:center}
.mind-invitation:before{content:"";position:absolute;z-index:-1;width:120%;height:65%;top:37%;left:-10%;border:1px solid #ddd1ee14;border-radius:50%;transform:rotate(-17deg);opacity:.45;pointer-events:none}
.mind-invitation>.container{width:100%;position:relative}
.mind-invitation .display-xl{max-width:16ch;margin-inline:auto;font:800 clamp(42px,6.8vw,94px)/1.02 var(--font-display);letter-spacing:-.045em;text-wrap:balance}
.mind-invitation .display-xl>span{color:var(--lime)}
.mind-invitation__eyebrow{color:#d4c6ed;font:9px/1.5 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}
.mind-invitation__intro{max-width:38ch;margin:32px auto 0;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#dfd4ec}
.mind-invitation__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.mind-invitation__link{min-height:55px;gap:24px;background:var(--lime);color:var(--ink)}
.mind-invitation__link:hover{background:#e0ffa8;color:var(--ink)}
/* A message on WhatsApp (Troy, 2 Nov 2026: "another little one for basically like sending me a WhatsApp message"). */
.mind-invitation__wa{min-height:55px;gap:10px;background:transparent;color:var(--paper);border:1px solid #ffffff59}
.mind-invitation__wa svg{width:20px;height:20px;fill:#25d366}
.mind-invitation__wa:hover{background:#ffffff14;color:var(--paper);border-color:#25d366}
.mind-invitation__link,.mind-invitation__wa{transition:transform .25s var(--settle,ease),box-shadow .25s var(--settle,ease),background .25s,border-color .25s}
@media(hover:hover){.mind-invitation__link:hover,.mind-invitation__wa:hover{transform:translateY(-3px);box-shadow:0 14px 28px -12px #0009}}
.mind-invitation__link:active,.mind-invitation__wa:active{transform:scale(.97)}
.mind-invitation__who{font-size:12px;line-height:1.6;color:#ddd1ed;margin-top:24px;opacity:.85}
.mind-invitation__brain{width:220px;margin:0 auto 15px}
.mind-invitation__brain svg{display:block;width:100%;height:auto;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.mind-orbit{stroke:#c6adf2;stroke-width:1;opacity:.25;stroke-dasharray:2 6}
.mind-silhouette{fill:#443063;stroke:#ecddff;stroke-width:2.2}
.mind-fold{stroke:#c0a5e6;stroke-width:2}
.mind-thought{stroke:var(--lime);stroke-width:3;stroke-dasharray:.11 .89;stroke-dashoffset:1;opacity:0}
.mind-spark{stroke:var(--coral);stroke-width:2;transform-box:fill-box;transform-origin:center}
.mind-spark--two{stroke:var(--lime)}.mind-spark--three{fill:var(--lime);stroke:none}
[data-mind-motion][data-motion-ready] .mind-drawing{animation:mind-float 6s ease-in-out infinite;animation-play-state:paused}
[data-mind-motion][data-motion-ready] .mind-thought{animation:mind-thought 6s ease-in-out infinite;animation-play-state:paused}
[data-mind-motion][data-motion-ready] .mind-spark{animation:mind-spark 6s ease-in-out infinite;animation-play-state:paused}
[data-mind-motion][data-motion-ready] .mind-spark--two{animation-delay:-2s}
[data-mind-motion][data-motion-ready] .mind-spark--three{animation-delay:-4s}
[data-mind-motion][data-playing="true"] .mind-drawing,[data-mind-motion][data-playing="true"] .mind-thought,[data-mind-motion][data-playing="true"] .mind-spark{animation-play-state:running}
.portal-content{flex:1;min-width:0}.portal-content>.mind-invitation{margin-top:20px}
.lost:has(>.mind-invitation){padding-bottom:0;grid-template-columns:minmax(0,1fr)}.lost>.mind-invitation{margin-top:96px}
#flow{scroll-margin-top:100px}
@keyframes mind-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes mind-thought{0%,10%{opacity:0;stroke-dashoffset:1}25%,70%{opacity:1}85%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes mind-spark{0%,100%{transform:scale(.85);opacity:.45}45%,60%{transform:scale(1.1);opacity:1}}
/* Desktop: no dead space around the brain (Troy, 2 Nov 2026). */
@media(min-width:901px){.mind-invitation{min-height:0;padding-block:64px 72px}}
@media(max-width:900px){.mind-invitation{min-height:680px}}
@media(max-width:560px){.mind-invitation{min-height:640px;padding-block:55px 76px}.mind-invitation .display-xl{font-size:clamp(40px,10.5vw,58px);max-width:16ch}.mind-invitation__intro{font-size:16px;max-width:29ch}.mind-invitation__brain{width:180px;margin-bottom:19px}.mind-invitation__link{font-size:14px;gap:18px}.mind-invitation__who{font-size:11px}}
html.reduce-motion [data-mind-motion] *{animation:none!important}
@media(prefers-reduced-motion:reduce){[data-mind-motion] *{animation:none!important}}