/* Zola AI: a shorter hero and a human voice moment beside the feature intro. */
.hero-grid{min-height:680px}
.hero-copy{padding-top:62px;padding-bottom:62px}
.hero h1{font-size:clamp(2.8rem,3.5vw,3.55rem);line-height:1.08;max-width:680px}
.hero-image img{object-position:center 52%}
.story-side{min-width:0}
.story-voice{position:relative;display:grid;place-items:center;height:255px;margin:20px 0 0;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 39%,#315cc0 0,#162b71 32%,#0d1642 72%,#0a1230 100%);color:#fff;isolation:isolate}
.story-voice:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#61b8ff13,transparent 48%,#916dff18);pointer-events:none}
.voice-ambient{position:absolute;top:45%;left:50%;width:140px;height:140px;transform:translate(-50%,-50%)}
.voice-ambient span{position:absolute;inset:0;border:1px solid #7bc4ff5c;border-radius:50%;box-shadow:0 0 23px #2676df24;animation:voice-orbit 3.6s ease-out infinite}
.voice-ambient span:nth-child(2){animation-delay:1.2s}.voice-ambient span:nth-child(3){animation-delay:2.4s}
.voice-core{position:absolute;top:45%;left:50%;width:76px;height:76px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #b7e3ff9c;border-radius:50%;background:radial-gradient(circle at 30% 25%,#71c7ff,#2676df 58%,#2444a8);box-shadow:0 0 25px #53b1ff9c,0 0 74px #2676df8c;z-index:1}
.voice-core svg{width:31px;height:31px}
.voice-wave{position:absolute;z-index:2;left:50%;top:45%;display:flex;align-items:center;gap:6px;height:48px;transform:translate(-50%,54px)}
.voice-wave i{display:block;width:3px;height:11px;border-radius:5px;background:#bfefff;box-shadow:0 0 7px #9cdbff;animation:voice-eq 1s ease-in-out infinite alternate}
.voice-wave i:nth-child(3n){height:23px;animation-delay:-.6s}.voice-wave i:nth-child(4n){height:34px;animation-delay:-.25s}.voice-wave i:nth-child(5n){height:16px;animation-delay:-.8s}
.voice-transcript{position:absolute;bottom:15px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border:1px solid #ffffff2a;border-radius:12px;background:#0b184a91;backdrop-filter:blur(8px);font-size:.7rem;line-height:1.35}
.voice-state{color:#9ed6ff;white-space:nowrap}.voice-state:before{content:'';display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#85d9ff;box-shadow:0 0 8px #85d9ff;vertical-align:middle}
.voice-transcript strong{font-weight:500;text-align:right}
@keyframes voice-orbit{0%{transform:scale(.46);opacity:0}18%{opacity:.8}100%{transform:scale(1.9);opacity:0}}
@keyframes voice-eq{to{height:6px;opacity:.55}}
@media(max-width:700px){
  .hero-grid{min-height:650px}
  .hero-copy{padding-top:53px;padding-bottom:60px}
  .hero h1{font-size:clamp(2.25rem,8vw,3.1rem);line-height:1.08}
  .hero-image img{object-position:65% 52%}
  .story-side{margin-top:17px}
  .story-voice{height:auto;aspect-ratio:1.55;margin-top:18px}
}
@media(max-width:480px){.voice-transcript{display:block}.voice-transcript strong{display:block;margin-top:3px;text-align:left}}
@media(prefers-reduced-motion:reduce){.voice-ambient span,.voice-wave i{animation:none}.voice-ambient span{opacity:.4;transform:scale(1.25)}}