.hub-hero{padding:18px 0 30px}.hub-hero h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.035em;margin-bottom:16px}.hub-hero .lead{font-size:18px;max-width:690px;margin-bottom:0}.hub-hero .eyebrow{margin-bottom:12px}
.compact-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,360px));gap:24px}.compact-stories .story-card{border-radius:20px;box-shadow:0 6px 24px #30255405;transition:transform .2s,box-shadow .2s}.compact-stories .story-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #30255410}
.story-visual{height:168px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#fff,#f0f1fc)}.story-visual video{width:100%;height:100%;object-fit:contain;max-height:168px}.story-visual img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 10px 14px #2222)}.voice-tile{background:light-dark(#f5ebd6,#342e20)}.mail-tile{background:light-dark(#eaf3ff,#202f40)}
.waveform{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:8px;opacity:.4}.waveform i{width:4px;height:calc(12px + var(--n)*5px);border-radius:8px;background:var(--gold);animation:voice-wave 2.1s ease-in-out infinite;animation-delay:calc(var(--n)*-.17s)}.voice-tile img{position:relative;z-index:1;border-radius:20px;box-shadow:0 8px 22px #17120c35}
.story-visual .motion-toggle{position:absolute;right:8px;bottom:8px;width:44px;height:44px;display:grid;place-items:center;background:#fffffff0;color:#443c73;border:1px solid #ddd6fa;border-radius:10px;font-size:14px}
.compact-stories .card-copy{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.compact-stories h2{font-size:24px;letter-spacing:-.025em;margin-bottom:10px}.compact-stories p{font-size:17px;line-height:1.5;margin-bottom:22px}.compact-stories .card-link{margin-top:auto;font-size:17px;font-weight:650;min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:none}.compact-stories .card-link::after{content:'→'}.compact-stories .private-link{font-size:13px;margin:0 0 10px;color:var(--accent);font-weight:650}.compact-stories .card-tag{font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:650;color:var(--muted);margin-bottom:10px}
.hub-contact{padding:28px 0;margin-top:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hub-contact h2{font-size:20px;margin-bottom:6px}.hub-contact p{font-size:16px;margin:0;color:var(--muted)}.animations-paused .waveform i{animation-play-state:paused}.animations-offscreen .waveform i{animation-play-state:paused}
@keyframes voice-wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1.3)}}
@media(max-width:760px){.compact-stories{grid-template-columns:minmax(0,1fr);gap:18px}.hub-hero{padding:10px 0 26px}.hub-contact{align-items:start;flex-direction:column;gap:10px;margin-top:28px}.story-visual{height:148px}.story-visual video{max-height:148px}}
@media(prefers-reduced-motion:reduce){.waveform i{animation:none}.compact-stories .story-card:hover{transform:none}}