.mock.portfolio-preview{display:flex;flex-direction:column;gap:8px;text-align:center;padding:30px 28px;background:radial-gradient(ellipse at 50% 10%,#fffdf8,#f2eee4 80%)}
.mock.portfolio-preview .portfolio-ring{width:108px;height:108px;object-fit:contain;border-radius:0;filter:drop-shadow(0 4px 8px #b69b5a22)}
.portfolio-copy{width:100%;max-width:440px}.portfolio-copy .kicker{font:9px/1.5 Arial,sans-serif;letter-spacing:2px}.mock.portfolio-preview h3{font:italic 42px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:12px 0;color:#53604f}.mock.portfolio-preview p{font:15px/1.65 Georgia,serif;margin:14px 0}.mock.portfolio-preview .portfolio-subtitle{font-size:18px;margin-top:8px}.portfolio-voice-text{position:relative;isolation:isolate;margin-top:24px;padding:8px 0}.portfolio-voice-text p{position:relative;z-index:1;pointer-events:none}.portfolio-speaker{position:absolute;inset:-15px 0;width:100%;height:calc(100% + 30px);padding:0;border:0;background:transparent;color:#718066;cursor:pointer;border-radius:20px}.portfolio-speaker svg{display:block;margin:auto;width:100%;height:100%;max-width:320px;opacity:.24;filter:drop-shadow(2px 4px 2px #65745f45)}.portfolio-speaker-body{fill:#98a88c66}.portfolio-wave{animation:portfolio-wave 3.6s ease-in-out infinite;transform-origin:center}.portfolio-wave:nth-child(3){animation-delay:.18s}.portfolio-wave:nth-child(4){animation-delay:.36s}.portfolio-wave:nth-child(5){animation-delay:.54s}.portfolio-wave:nth-child(6){animation-delay:.72s}.portfolio-speaker:hover svg,.portfolio-speaker.is-playing svg{opacity:.36}.portfolio-speaker:focus-visible{outline:3px solid #667951;outline-offset:4px}.mock.portfolio-preview .portfolio-listen-hint{font:11px/1.5 Arial,sans-serif;margin:18px 0 12px;color:#53604f}.portfolio-copy .text-link{font:12px/1.5 Arial,sans-serif}.portfolio-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes portfolio-wave{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(2px)}}@media(max-width:550px){.mock.portfolio-preview{padding:26px 20px}.mock.portfolio-preview h3{font-size:36px}.mock.portfolio-preview .portfolio-ring{width:96px;height:96px}}@media(prefers-reduced-motion:reduce){.portfolio-wave{animation:none}}