/* Video-Stimmen: Zitat-Karten + Video-Overlay (YouTube erst nach Klick) */
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vc{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:0;text-align:left;width:100%;padding:0;overflow:hidden;border:1px solid rgba(194,162,90,.32);background:#0B223F;color:#F6F3EC;font:inherit;cursor:pointer;transition:border-color .25s,transform .25s,background .25s}
.vc:hover{border-color:#C2A25A;transform:translateY(-3px)}
.vc--lead::before{content:"\201C";position:absolute;top:18px;left:40px;font-family:'Cormorant Garamond',serif;font-size:120px;line-height:1;color:rgba(194,162,90,.28);pointer-events:none}
.vc--lead .vc-q{position:relative;padding-top:36px}
.vc-q{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:25px;line-height:1.28}
.vc-who{display:flex;align-items:center;gap:14px}
.vc-mono{flex-shrink:0;width:46px;height:46px;border-radius:50%;border:1px solid #C2A25A;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:#E2C98A}
.vc-name{display:block;font-family:'Inter Tight',sans-serif;font-weight:600;font-size:18px;letter-spacing:-.01em}
.vc-role{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:#B9C4D4}
.vc-play{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.06em;color:#E2C98A}
.vc-play i{width:30px;height:30px;border-radius:50%;background:#C2A25A;display:inline-flex;align-items:center;justify-content:center;font-style:normal}
.vc-play i::after{content:"";border-left:9px solid #081B33;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.vc--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:48px;padding:52px 56px;background:linear-gradient(135deg,#0E2A4C,#0B223F)}
.vc--lead .vc-q{font-size:clamp(28px,3vw,42px);line-height:1.18}
.vc--lead .vc-side{display:flex;flex-direction:column;gap:22px}
.ivory .vc{background:#FFFFFF;color:#0A1628;border-color:#E4DDCC}
.ivory .vc:hover{border-color:#7A5F1C}
.ivory .vc-role{color:#4A5466}
.ivory .vc-play{color:#7A5F1C}
.ivory .vc-mono{color:#7A5F1C;border-color:#7A5F1C}
.vnote{margin:16px 0 0;font-size:13px;line-height:1.5;color:#8C99AD}
.vnote a{color:#C2A25A}
.vmodal{position:fixed;inset:0;z-index:1100;background:rgba(4,14,28,.9);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.vmodal.open{opacity:1;visibility:visible}
.vmodal-box{width:min(1000px,100%)}
.vmodal-frame{position:relative;aspect-ratio:16/9;background:#000}
.vmodal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vmodal-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;color:#F6F3EC;font-family:'Inter Tight',sans-serif;font-weight:600}
.vmodal-close{width:44px;height:44px;border:1px solid rgba(246,243,236,.6);background:transparent;color:#F6F3EC;font-size:24px;cursor:pointer;border-radius:2px}
@media (max-width:1020px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.vc--lead{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 36px}}
@media (max-width:640px){.vgrid{grid-template-columns:minmax(0,1fr)}.vc{padding:28px 24px 26px}.vc-q{font-size:23px}.vc--lead{padding:32px 24px}}

.vc-thumb{position:relative;display:block;aspect-ratio:16/9;background:#081B33 radial-gradient(circle at 50% 45%,#16365f,#081B33 70%);overflow:hidden}
.vc-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;color:transparent;font-size:0}
.vc:hover .vc-thumb img{transform:scale(1.04)}
.vc-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,27,51,0) 55%,rgba(8,27,51,.55))}
.vc-pbtn{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:rgba(8,27,51,.6);border:1px solid #E2C98A;display:flex;align-items:center;justify-content:center;transition:background .25s}
.vc-pbtn::after{content:"";border-left:16px solid #F6F3EC;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}
.vc:hover .vc-pbtn{background:#C2A25A}
.vc-dur{position:absolute;z-index:1;right:12px;bottom:10px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#F6F3EC;background:rgba(8,27,51,.7);padding:3px 8px;border-radius:2px}
.vc-body{display:flex;flex-direction:column;justify-content:space-between;gap:24px;flex:1;padding:28px 28px 30px}
.vc-mono{display:none}
.vc--lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;padding:0;align-items:stretch}
.vc--lead .vc-thumb{aspect-ratio:auto;min-height:100%}
.vc--lead .vc-body{padding:48px 48px 44px;justify-content:center;gap:32px}
.vc--lead .vc-pbtn{width:84px;height:84px}
.vc--lead::before{display:none}
.vc--lead .vc-q{padding-top:0}
@media (max-width:1020px){.vc--lead{grid-template-columns:minmax(0,1fr)}.vc--lead .vc-thumb{aspect-ratio:16/9}.vc--lead .vc-body{padding:32px 28px}}