.voice-portfolio{position:relative;isolation:isolate;padding:110px 0 90px;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 35%,rgba(121,49,159,.12),transparent 65%),var(--bg)}
.voice-portfolio::before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(transparent,#000 35%,transparent)}
.voice-intro{text-align:center;max-width:720px;margin:0 auto 48px}.voice-intro h2{font-family:var(--display);font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.voice-intro h2 em{font-style:normal;background:linear-gradient(100deg,var(--accent),#c68afb);background-clip:text;color:transparent}.voice-intro p{color:var(--text-soft);max-width:580px;margin:20px auto}.voice-kicker{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--accent)}
.voice-meta{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:12px}.voice-meta span+span:before{content:'·';margin-right:22px}.voice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 18px;margin-top:54px}.voice-card{text-align:center;position:relative;min-width:0;padding:0 4px 15px;border-radius:24px;transition:background .3s}.voice-card h3{font-size:14px;font-weight:500;letter-spacing:.15px;margin:0 0 23px;color:var(--text-soft);min-height:24px}.voice-card.active h3{color:var(--text)}
.voice-orb{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 15px;padding:0;border-radius:50%;background:transparent;isolation:isolate;animation:orb-float 5.5s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 15px 35px -15px hsl(var(--hue) 80% 55% / .32);transition:box-shadow .3s,scale .3s}.voice-orb:hover{scale:1.08}.voice-orb:focus-visible{outline-offset:9px}.orb-body{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 30% 23%,hsl(var(--hue) 75% 85%),transparent 36%),radial-gradient(circle at 70% 80%,hsl(calc(var(--hue) + 42) 90% 53%),transparent 60%),radial-gradient(circle at 40% 45%,hsl(var(--hue) 75% 55%),hsl(calc(var(--hue) + 22) 70% 17%) 75%);box-shadow:inset 2px 3px 9px #ffffff70,inset -7px -10px 20px #0008,0 0 1px 1px #ffffff30}.orb-body:before{content:'';position:absolute;inset:-40%;border-radius:42%;background:conic-gradient(from 45deg,transparent 10%,#ffffff55 28%,transparent 40%,hsl(calc(var(--hue) + 60) 100% 75% / .8) 65%,transparent 90%);filter:blur(11px);animation:orb-flow 14s linear infinite}.orb-body:after{content:'';position:absolute;inset:8%;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-30deg) scaleX(.65);box-shadow:0 0 18px #ffffff20}.orb-play{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;background:#080a1840;border:1px solid #ffffff5e;border-radius:50%;backdrop-filter:blur(5px);color:white;transition:background .3s}.orb-play svg{width:14px;height:14px;fill:currentColor}.orb-pause{display:none}.voice-card.active .orb-start{display:none}.voice-card.active .orb-pause{display:block}.voice-card.active .orb-body:before{animation-duration:3s}.voice-card.active .voice-orb{box-shadow:0 0 0 6px hsl(var(--hue) 80% 60% / .1),0 0 35px hsl(var(--hue) 80% 60% / .35)}.voice-time{font-size:10px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}.voice-card.active .voice-time{color:var(--accent)}
.voice-now{max-width:700px;margin:40px auto 0;text-align:center;min-height:105px;padding:20px 24px;border-top:1px solid var(--line)}.voice-now strong{display:block;font-size:12px;letter-spacing:1px;color:var(--accent);margin-bottom:8px}.voice-now p{font-size:14px;color:var(--text-soft);margin:0;line-height:1.7}.voice-footer{text-align:center;margin-top:25px}.voice-footer .text-link{font-size:14px}.voice-disclaimer{font-size:11px;color:var(--muted);margin-top:14px}.voice-card audio{display:none} .voice-portfolio.is-offscreen *{animation-play-state:paused!important}
@keyframes orb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orb-flow{to{transform:rotate(360deg)}}
@media(min-width:901px){.voice-card:nth-child(5n+2),.voice-card:nth-child(5n+4){padding-top:17px}}
@media(max-width:900px){.voice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 12px}.voice-orb{width:104px;height:104px}}
@media(max-width:640px){.voice-portfolio{padding:75px 0 55px}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 14px;margin-top:36px}.voice-orb{width:105px;height:105px}.voice-card h3{font-size:13px;margin-bottom:17px}.voice-intro h2{letter-spacing:-1.2px}.voice-meta{gap:12px;font-size:10px}.voice-meta span+span:before{margin-right:12px}.voice-intro p{font-size:14px}.voice-now{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.voice-portfolio *{animation:none!important;transition:none!important}}
.voice-orb{animation:none}.voice-orb .orb-body,.voice-orb .orb-play{animation:orb-float 5.5s ease-in-out infinite;animation-delay:var(--delay)}.voice-portfolio{scroll-margin-top:70px}