/* alive.css — James Medows network motion + novelty layer (2026-07-02) */
:root{--alive-accent:#E91E8C}
.alive-rv{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.alive-in{opacity:1;transform:none}
.alive-hashero{position:relative;overflow:hidden}
.alive-heroart{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.22;pointer-events:none;animation:aliveKen 26s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.35));mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.35))}
.alive-hashero>.wrap,.alive-hashero>*:not(.alive-heroart){position:relative;z-index:1}
@keyframes aliveKen{from{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-2%)}}
.alive-burger{display:none;background:none;border:0;cursor:pointer;padding:10px;margin-left:auto;z-index:60}
.alive-burger span{display:block;width:24px;height:2px;margin:5px 0;background:currentColor;border-radius:2px;transition:transform .3s,opacity .3s}
.alive-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.alive-burger.open span:nth-child(2){opacity:0}
.alive-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.alive-menu{position:fixed;top:0;left:0;right:0;background:rgba(15,15,25,.97);padding:74px 26px 30px;display:flex;flex-direction:column;gap:6px;transform:translateY(-105%);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:55}
.alive-menu.open{transform:none}
.alive-menu a{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:700;padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.12)}
.alive-menu a:active{color:var(--alive-accent)}
.alive-reads{padding:56px 0}
.alive-reads .wrap{max-width:1040px;margin:0 auto;padding:0 22px}
.alive-reads h2{margin:0 0 18px}
.alive-reads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.alive-read{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(127,127,127,.25);border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.55);transition:transform .25s,box-shadow .25s;border-top:4px solid var(--alive-accent)}
.alive-read:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.alive-read-date{font-size:.75rem;opacity:.65;letter-spacing:.04em;text-transform:uppercase}
.alive-read-title{font-weight:800;line-height:1.3}
.alive-read-more{color:var(--alive-accent);font-weight:700;font-size:.9rem;margin-top:auto}
.alive-reads-all{margin-top:16px}
.alive-reads-all a{color:var(--alive-accent);font-weight:700;text-decoration:none}
.alive-mini{position:fixed;left:12px;right:12px;bottom:76px;background:#111420;color:#fff;border:1px solid rgba(255,255,255,.18);border-left:5px solid var(--alive-accent);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 14px 34px rgba(0,0,0,.35);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s,transform .35s;z-index:70}
.alive-mini.show{opacity:1;transform:none;pointer-events:auto}
.alive-mini-txt{font-size:.9rem;line-height:1.35}
.alive-mini-call{background:var(--alive-accent);color:#fff;font-weight:800;text-decoration:none;padding:9px 14px;border-radius:999px;white-space:nowrap}
@media(min-width:761px){.alive-mini{left:auto;right:26px;bottom:26px;max-width:420px}}
.alive-tappable{cursor:pointer}
.alive-picked{outline:3px solid var(--alive-accent);outline-offset:2px;transform:translateY(-4px)}
.alive-glow{box-shadow:0 0 0 3px var(--alive-accent),0 14px 30px rgba(0,0,0,.25);transform:translateY(-4px);transition:box-shadow .4s,transform .4s}
.alive-flash{outline:3px solid var(--alive-accent);transition:outline .2s}
.alive-quiz{margin-top:26px;border-top:1px solid rgba(255,255,255,.25);padding-top:22px}
.alive-quiz-q{font-weight:800;margin:0 0 12px}
.alive-quiz-btns{display:flex;gap:10px;flex-wrap:wrap}
.alive-quiz-btns button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:inherit;font:inherit;font-weight:700;padding:11px 18px;border-radius:999px;cursor:pointer;transition:background .25s,transform .2s}
.alive-quiz-btns button:hover{transform:translateY(-2px)}
.alive-quiz-btns button.sel{background:var(--alive-accent);border-color:var(--alive-accent);color:#fff}
.alive-quiz-a{margin-top:14px;font-size:1.02rem;line-height:1.5;min-height:1.4em}
.alive-quiz-a a{color:var(--alive-accent);font-weight:800}
@keyframes alivePulse{0%,100%{transform:none}12%{transform:scale(1.045)}24%{transform:none}36%{transform:scale(1.03)}}
.alive-pulse{animation:alivePulse 1.6s ease-in-out}
@media(prefers-reduced-motion:reduce){.alive-rv{opacity:1;transform:none;transition:none}.alive-heroart{animation:none}.alive-menu{transition:none}.alive-pulse{animation:none}}

.alive-callpill{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--alive-accent);color:#101326;font-weight:800;text-decoration:none;padding:13px 22px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;align-items:center;gap:9px;z-index:80;white-space:nowrap}
.alive-callpill-dot{width:9px;height:9px;border-radius:50%;background:#1db954;animation:aliveDot 1.6s ease-in-out infinite}
@keyframes aliveDot{0%,100%{opacity:1}50%{opacity:.35}}
@media(min-width:761px){.alive-callpill{left:auto;right:26px;transform:none}}
@media(prefers-reduced-motion:reduce){.alive-callpill-dot{animation:none}}