#voices button:focus-visible,#voices a:focus-visible{outline:3px solid #8c76b4;outline-offset:5px}
#voices h2,#voices h2,#voices p{margin:0}
#voices .eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600}
#voices .wrap{width:min(1280px,90%);margin:auto}
#voices .testimonial-cinema{background:radial-gradient(ellipse at 50% 50%,#f8f5ee,#eee9df 70%);padding:65px 0 48px;overflow:hidden;isolation:isolate}
#voices .cinema-heading{display:grid;grid-template-columns:1.2fr .65fr;gap:20px 60px;align-items:end;position:relative;z-index:30;pointer-events:none}
#voices .eyebrow{color:#67567c}
#voices h2{font-size:clamp(44px,5.8vw,84px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin-top:17px}
#voices h2 em{font-family:Georgia,serif;font-weight:400;color:#645373}
#voices .cinema-heading>p{font-size:17px;line-height:1.7;max-width:330px}
#voices .cinema-heading .reel-cue{grid-column:2;font-size:11px;color:#62566b;margin-top:-10px}
#voices .reel-cue span{font-size:20px;margin-right:10px}
#voices .reel-stage{position:relative;height:430px;margin:0 auto;perspective:1200px;transform-style:preserve-3d;touch-action:pan-y;cursor:grab;user-select:none;isolation:isolate;outline-offset:-8px}
#voices .reel-stage.is-dragging{cursor:grabbing}
#voices .reel-frame{position:absolute;top:46%;left:50%;width:var(--frame-width,500px);padding:9px;background:#1b2227;border:1px solid #3d4851;cursor:inherit;will-change:transform;transform:translate(-50%,-50%);box-shadow:8px 25px 35px #202a2e35;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .4s;backface-visibility:hidden;overflow:hidden}
#voices .reel-frame:before,#voices .reel-frame:after{content:"";display:block;height:7px;background:repeating-linear-gradient(90deg,transparent 0 12px,#e5e2d7aa 12px 18px,transparent 18px 27px);margin-bottom:7px}
#voices .reel-frame:after{margin:7px 0 0}
#voices .reel-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#11171b;pointer-events:none}
#voices .reel-stage.is-dragging .reel-frame{transition:none}
#voices .reel-frame-mark{position:absolute;right:18px;top:30px;color:#fff;font-size:9px;letter-spacing:.05em;background:#11171be8;padding:5px 8px}
#voices .reel-play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid #fffc;border-radius:50%;background:#151b2277;color:white;display:grid;place-items:center;opacity:0;transition:opacity .3s;font-size:22px;padding-left:3px}
#voices .reel-frame[data-focus=true] .reel-play-symbol,#voices .reel-frame:hover .reel-play-symbol,#voices .reel-frame:focus-visible .reel-play-symbol{opacity:1}
#voices .reel-gold-path{position:absolute;inset:20px 0 0;width:100%;height:90%;pointer-events:none;z-index:0;color:#88729c}
#voices .reel-gold-path path{fill:none;stroke:currentColor;stroke-width:.7;opacity:.4}
#voices .reel-gold-path .reel-gold-trace{stroke-width:1.1;stroke-dasharray:120 1600;animation:cinemaThread 9s linear infinite;opacity:.7}
#voices .reel-caption{position:relative;display:grid;grid-template-columns:1fr auto 90px;align-items:center;gap:35px}
#voices .voice-caption h2{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin-top:8px;font-weight:400}
#voices .voice-caption>p:last-child{font-size:15px;margin-top:8px;max-width:600px}
#voices .cinema-watch{border:0;border-bottom:1px solid #89739f;background:none;color:#202a2e;font-size:16px;padding:16px 0;display:flex;align-items:center;gap:25px}
#voices .cinema-watch>span{color:#67517e}
#voices .reel-count{display:flex;gap:12px;align-items:baseline;justify-content:end}
#voices .reel-count span:first-child{font-size:44px;color:#67517e}
#voices .reel-count span:last-child{font-size:12px}
#voices .transport{display:flex;gap:20px;justify-content:center;align-items:center;margin:25px 0 20px}
#voices .transport p{font-size:12px;text-align:center}
#voices .transport button{width:46px;height:44px;background:none;border:1px solid #202a2e55;flex-shrink:0}
#voices .voice-navigation{display:flex;gap:8px 28px;flex-wrap:wrap;border-top:1px solid #67517e44;padding-top:17px}
#voices .voice-navigation button{background:none;border:0;border-bottom:1px solid transparent;color:#465158;font-size:13px;padding:9px 0;min-height:44px}
#voices .voice-navigation button[aria-pressed=true]{color:#59416f;border-color:#67517e;font-weight:600}
#voices .review-note{font-size:12px;line-height:1.7;margin-top:15px;max-width:970px;color:#536067}
body.film-open{overflow:hidden}
#film-dialog{width:min(1000px,calc(100% - 40px));max-width:1000px;max-height:calc(100dvh - 40px);padding:22px 25px;background:#1b2227;color:#f1ede5;border:1px solid #9581ad;overflow:auto}
#film-dialog::backdrop{background:#0e1418e8;backdrop-filter:blur(8px)}
#film-dialog .film-dialog-heading{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:17px}
#film-dialog .film-dialog-heading .eyebrow{color:#c9b6df;font-size:11px}
#film-dialog .film-dialog-heading h2{font-size:28px;margin-top:6px;font-weight:400}
#film-dialog .film-dialog-heading>button{background:none;border:0;color:#f1ede5;font-size:14px;min-height:44px;padding:8px}
#testimonial-video{display:block;width:100%;max-height:60dvh;aspect-ratio:16/9;background:#101418;object-fit:contain}
#testimonial-video::cue{background:#101418ee;color:#fff;font-size:18px}
#film-dialog .film-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#film-dialog .film-actions button,#film-dialog .film-secondary button{font-size:13px;min-height:44px;border:1px solid #a18cb566;background:none;color:#f1ede5;padding:9px 14px}
#film-dialog .film-actions button[aria-pressed=true]{color:#d5c4e5;border-color:#bba4cf}
#film-dialog .film-actions #start-film{background:#c5b1d8;color:#171e23;min-width:80px}
#film-dialog .film-actions #return-reel{margin-left:auto}
#film-dialog .film-secondary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #a18cb544}
#film-dialog .film-secondary>span{font-size:12px;color:#d5c4e5}
#film-dialog .film-review-note{font-size:12px;color:#d2d5d8;margin-top:18px}
#film-error,#film-play-hint{font-size:14px;margin-top:15px}
#film-error a{color:#dbc4ef}
#voices .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#voices .reel-stage:not(.reel-ready){display:flex;overflow:auto;height:auto;gap:20px;padding:25px}
#voices .reel-stage:not(.reel-ready) .reel-frame{position:relative;top:auto;left:auto;transform:none;min-width:300px;width:450px}
body.reduced #voices *,body.reduced #film-dialog *{animation:none!important;transition:none!important}
body.reduced #voices .reel-frame{will-change:auto}
@keyframes cinemaThread{from{stroke-dashoffset:1720}to{stroke-dashoffset:-1720}}
@media (prefers-reduced-motion:reduce){}
@media (max-width:850px){#voices .cinema-heading{gap:25px;grid-template-columns:1fr 1fr}
#voices .reel-stage{height:340px}
#voices .cinema-heading h2{font-size:55px}
#voices .reel-caption{grid-template-columns:1fr auto}
#voices .reel-count{display:none}}
@media (max-width:650px){#voices .wrap{width:88%}
#voices .testimonial-cinema{padding:36px 0 32px}
#voices .cinema-heading{grid-template-columns:1fr;gap:16px}
#voices .cinema-heading h2{font-size:clamp(40px,11.5vw,60px);margin-top:12px}
#voices .cinema-heading>p{font-size:15px}
#voices .cinema-heading .reel-cue{grid-column:auto;margin:0;font-size:11px}
#voices .reel-stage{height:290px;margin-top:-12px;perspective:850px}
#voices .reel-frame{padding:5px;box-shadow:0 17px 25px #202a2e35}
#voices .reel-frame:before,#voices .reel-frame:after{height:5px;margin-bottom:5px}
#voices .reel-frame:after{margin:5px 0 0}
#voices .reel-frame-mark{font-size:8px;padding:4px 6px;right:12px;top:22px}
#voices .reel-play-symbol{width:42px;height:42px;font-size:17px}
#voices .reel-caption{grid-template-columns:1fr;gap:12px}
#voices .voice-caption h2{font-size:29px}
#voices .voice-caption>p:last-child{font-size:14px}
#voices .voice-caption .eyebrow{font-size:10px}
#voices .cinema-watch{width:fit-content;font-size:15px;padding:10px 0;gap:25px}
#voices .voice-navigation{gap:4px 20px}
#voices .voice-navigation button{font-size:12px}
#voices .review-note{font-size:11px}
#voices .transport{gap:12px;margin:22px 0 17px}
#voices .transport p{font-size:11px}
#voices .transport button{width:44px}
#film-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px);padding:17px 12px}
#film-dialog .film-dialog-heading h2{font-size:24px}
#film-dialog .film-dialog-heading .eyebrow{font-size:10px}
#testimonial-video{max-height:50dvh}
#testimonial-video::cue{font-size:13px}
#film-dialog .film-actions{gap:7px}
#film-dialog .film-actions button{font-size:12px;padding:9px 10px}
#film-dialog .film-actions #return-reel{margin-left:0}
#film-dialog .film-secondary button{font-size:12px}
#film-dialog .film-review-note{font-size:11px}}
@media (max-width:360px){#voices .reel-stage{height:255px}
#voices .cinema-heading h2{font-size:40px}
#voices .transport p{font-size:10px}
#voices .reel-frame-mark{font-size:7px}}
#voices{padding:80px 0 60px;color:#202a2e}
#voices .wrap{width:min(1280px,90%);margin:auto}
#voices button,#film-dialog button,#film-dialog input{font:inherit;cursor:pointer}
#voices button:focus-visible,#film-dialog button:focus-visible,#film-dialog input:focus-visible{outline:3px solid #b89bd0;outline-offset:4px}
#voices .cinema-heading h2{font-size:clamp(44px,5.8vw,84px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin-top:17px}
#voices .cinema-heading h2 em{font-family:Georgia,serif;color:#645373;font-weight:400}
#voices .reel-frame{line-height:1.6}
#voices .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#film-dialog .film-volume{display:flex;align-items:center;gap:8px;font-size:13px;min-height:44px}
#film-dialog #volume-film{width:95px;accent-color:#c5b1d8;min-height:32px}
#film-dialog{z-index:10000}
@media(max-width:650px){#voices{padding:44px 0 36px}#voices .cinema-heading h2{font-size:clamp(40px,11.5vw,60px)}#voices .wrap{width:88%}}
@media(prefers-reduced-motion:reduce){#voices *,#film-dialog *{animation:none!important;transition:none!important}}
#voices{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#f8f5ee,#eee9df 70%)}
