/* A compact guestbook with a visible, seven-second slide rhythm. */
.voices{position:relative;isolation:isolate;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:20px 7%;padding:68px 7% 27px;background:radial-gradient(ellipse at 4% 90%,#d0a38090,transparent 58%),radial-gradient(ellipse at 94% 5%,#b99cbc8f,transparent 65%),#e9d6c5;overflow:hidden}
.voices:before{content:'';position:absolute;z-index:-1;inset:8% -30% -35% 37%;border:1px solid #fff3dc70;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 35px #fbe9d822,0 0 0 72px #fff2dd16;pointer-events:none}
.voices-intro .eyebrow{font-size:9px;letter-spacing:.15em;color:#815963}.voices-intro h2{font-size:clamp(42px,4.35vw,64px);line-height:1.01;margin:21px 0 25px;color:#56323f}.voices-intro h2 em{color:#8b5260}.voices-rating{display:flex;align-items:center;gap:16px;width:max-content}.voices-rating>strong{font:53px/1 var(--serif);letter-spacing:-2px;color:#593540}.voices-rating small{font:15px var(--serif);letter-spacing:0;margin-left:4px;opacity:.7}.voices-rating>span{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#805f62}.voice-stars{font-size:13px;letter-spacing:3px;color:#ae7a45}.voices-note{font-size:11px;line-height:1.8;color:#916e70;margin-top:21px}
.voices-player{min-width:0;padding-top:9px}.voices-stack{position:relative;border:1px solid #fff8e7;border-radius:11px;background:linear-gradient(130deg,#fff7eafa,#f2e4e1f0);box-shadow:0 22px 60px #60384820;isolation:isolate}.voices-stack:before,.voices-stack:after{content:'';position:absolute;inset:0;border:1px solid #fff0dfaa;border-radius:11px;z-index:-2;pointer-events:none;background:#e1c4bd}.voices-stack:before{transform:translate(10px,-8px) rotate(1.8deg)}.voices-stack:after{transform:translate(-6px,-5px) rotate(-1deg);background:#f0dbcd;z-index:-1}
.voices-window{height:354px;position:relative;overflow:hidden;border-radius:11px 11px 0 0;background:linear-gradient(135deg,#fff5e5,#f3e2dd)}
.voice-slide{height:100%;padding:30px 34px 25px;display:flex;flex-direction:column;position:relative;background:transparent}.voice-slide[hidden]{display:none!important}.voice-slide.is-leaving{position:absolute;inset:0;pointer-events:none;z-index:0}.voice-slide:after{content:'“';font:160px/1 var(--serif);position:absolute;right:25px;top:6px;color:#aa78750d;pointer-events:none}
.voice-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.voice-card-top>span:last-child{font-size:8px;letter-spacing:.12em;color:#a48b7e}.voice-slide blockquote{font:30px/1.19 var(--serif);color:#69414c;letter-spacing:-.015em;margin:24px 0 18px;flex:1;position:relative;z-index:1}.voice-author{display:flex;align-items:center;gap:13px;flex:none}.voice-portrait{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;overflow:hidden;background:#d9baa7;flex:none;box-shadow:0 0 0 3px #fff8eb;font:15px/1 var(--serif);color:#683c4b}.voice-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.voice-portrait>img[hidden]{display:none}.voice-author>div{display:flex;flex-direction:column;gap:5px}.voice-author strong{font-size:11px;font-weight:500;color:#593340}.voice-author>div>span{font-size:9px;color:#9d7a75}.voice-author>a{margin-left:auto;width:35px;height:35px;display:grid;place-items:center;border:1px solid #b7998b70;border-radius:50%;font-size:16px;color:#80545e}
.voices-progress{display:flex;gap:6px;padding:0 34px 24px;background:#f3e2dd;border-radius:0 0 11px 11px}.voice-segment{display:block;flex:1;height:2px;background:#d6bfb6;overflow:hidden}.voice-segment>i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9d6570,#b78555);transform:scaleX(0);transform-origin:left}
.voices-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}.voices-portraits{display:flex;gap:7px}.voice-picker{padding:3px;border:1px solid transparent;border-radius:50%;background:none;transition:transform .4s,border-color .4s;cursor:pointer}.voice-picker .voice-portrait{width:29px;height:29px;box-shadow:none;filter:saturate(.5);opacity:.65;transition:opacity .4s,filter .4s}.voice-picker[aria-pressed=true]{border-color:#996270;transform:translateY(-3px)}.voice-picker[aria-pressed=true] .voice-portrait{filter:none;opacity:1}.voice-picker:hover .voice-portrait{opacity:1;filter:none}
.voices-controls{display:flex;gap:9px;align-items:center}.voices-controls button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #a7837b75;background:#fff0e455;border-radius:50%;color:#79515d;transition:background .3s}.voices-controls button:hover{background:#fff1dd}.voice-count{font-size:9px;letter-spacing:.07em;color:#855d65;white-space:nowrap;min-width:41px;text-align:center}.voices-controls .voice-toggle{width:27px;height:27px;font-size:10px;border:0;background:transparent}
.voices-source{grid-column:1/-1;font-size:8px;color:#947470;margin-top:3px}.voice-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:761px) and (max-width:1000px){.voices{grid-template-columns:.75fr 1.25fr;gap:20px 5%;padding-left:6%;padding-right:6%}.voices-intro h2{font-size:42px}.voice-slide{padding:28px 25px 25px}.voice-slide blockquote{font-size:26px}.voices-progress{padding-left:25px;padding-right:25px}.voice-picker .voice-portrait{width:24px;height:24px}.voices-portraits{gap:3px}.voices-controls{gap:5px}.voice-count{display:none}}
@media(max-width:760px){.voices{display:block;padding:38px 7% 22px}.voices-intro{position:relative;padding-right:85px}.voices-intro .eyebrow{font-size:7px;letter-spacing:.1em;white-space:nowrap}.voices-intro h2{font-size:35px;margin:15px 0 26px;line-height:1.04}.voices-intro h2 em br{display:none}.voices-rating{position:absolute;right:0;bottom:0;display:block;text-align:right}.voices-rating>strong{font-size:37px}.voices-rating small{font-size:12px}.voices-rating>span{font-size:8px;gap:5px;max-width:85px}.voices-rating .voice-stars{font-size:9px;letter-spacing:1px;margin-top:7px}.voices-note{display:none}.voices-player{padding-top:6px}.voices-window{height:326px}.voice-slide{padding:25px 23px 23px}.voice-slide blockquote{font-size:26px;line-height:1.2;margin:23px 0 17px}.voice-card-top>span:last-child{font-size:7px}.voice-stars{font-size:11px}.voice-author .voice-portrait{width:39px;height:39px}.voice-author strong{font-size:10px}.voice-author>div>span{font-size:8px}.voices-progress{padding:0 23px 21px;gap:5px}.voices-toolbar{margin-top:18px;gap:8px}.voices-portraits{gap:3px}.voice-picker{padding:2px}.voice-picker .voice-portrait{width:27px;height:27px}.voices-controls{gap:6px}.voices-controls button{width:29px;height:29px}.voice-count{font-size:8px;min-width:35px}.voices-controls .voice-toggle{width:24px}.voices-source{font-size:7px;line-height:1.7;margin-top:19px;text-align:center}.voices:before{inset:5% -90% 10% 15%}.voices-stack:before{transform:translate(6px,-7px) rotate(1.5deg)}}
@media(max-width:360px){.voices-intro h2{font-size:30px}.voice-slide blockquote{font-size:24px}.voice-picker .voice-portrait{width:24px;height:24px}.voice-count{display:none}.voices-portraits{gap:4px}.voices-controls{gap:8px}.voice-card-top>span:last-child{letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.voice-picker,.voice-picker .voice-portrait,.voices-controls button{transition:none}}
@media(max-width:360px){.voice-slide blockquote{font-size:22px;line-height:1.23}}