.vccs-single { --vccs-purple:#8e44ad; --vccs-blue:#0047ff; margin:0; background:#050507; color:#f7f4ff; font-family:Inter,system-ui,sans-serif; }
.vccs-single * { box-sizing:border-box; }
.vccs-single__article { overflow:hidden; }
.vccs-single__hero,.vccs-single__body,.vccs-single__cta { width:min(100% - 2rem,1240px); margin-inline:auto; }
.vccs-single__hero { padding:clamp(8rem,15vw,12rem) 0 clamp(3rem,7vw,6rem); }
.vccs-single__back { display:inline-flex; margin-bottom:clamp(3rem,7vw,6rem); color:#aaa5b5; font-size:.78rem; font-weight:600; text-decoration:none; }
.vccs-single__back:hover,.vccs-single__back:focus-visible { color:#fff; }
.vccs-single__eyebrow { margin:0 0 1rem; color:#bd77dd; font-size:.72rem; font-weight:650; letter-spacing:.14em; text-transform:uppercase; }
.vccs-single__hero h1 { max-width:1100px; margin:0; color:#fff; font-family:"Funnel Display",Inter,sans-serif; font-size:clamp(3rem,7.6vw,7.5rem); font-weight:650; letter-spacing:-.06em; line-height:.91; }
.vccs-single__lead { max-width:760px; margin:clamp(1.5rem,3vw,2.5rem) 0 0 auto; color:#aaa5b5; font-size:clamp(1.05rem,1.6vw,1.35rem); line-height:1.65; }
.vccs-single__metrics { display:grid; grid-template-columns:repeat(3,1fr); max-width:760px; margin:clamp(2rem,4vw,3.5rem) 0 0 auto; border-block:1px solid rgba(255,255,255,.11); }
.vccs-single__metrics div { padding:1.35rem 1rem 1.35rem 0; }
.vccs-single__metrics div + div { padding-left:1.25rem; border-left:1px solid rgba(255,255,255,.11); }
.vccs-single__metrics dt { color:#bd77dd; font-family:"Funnel Display",Inter,sans-serif; font-size:clamp(1.7rem,3vw,2.8rem); font-weight:650; line-height:1; }
.vccs-single__metrics dd { margin:.45rem 0 0; color:#77717f; font-size:.72rem; }
.vccs-single__cover { width:min(100% - 2rem,1440px); aspect-ratio:16/8; margin:0 auto; border:1px solid rgba(255,255,255,.11); border-radius:clamp(1.25rem,3vw,2.5rem); background:#0d0d12; overflow:hidden; }
.vccs-single__cover img { display:block; width:100%; height:100%; object-fit:cover; }
.vccs-single__body { display:grid; grid-template-columns:220px minmax(0,760px); justify-content:space-between; gap:clamp(2rem,7vw,8rem); padding-block:clamp(4rem,9vw,8rem); }
.vccs-single__body aside > p { margin:0 0 1rem; color:#77717f; font-size:.68rem; font-weight:650; letter-spacing:.12em; text-transform:uppercase; }
.vccs-single__body aside ul { margin:0; padding:0; list-style:none; }
.vccs-single__body aside li { padding:.65rem 0; border-bottom:1px solid rgba(255,255,255,.09); color:#cbc6d2; font-size:.86rem; }
.vccs-single__content { min-width:0; color:#c4bfcb; font-size:clamp(1rem,1.2vw,1.12rem); line-height:1.85; }
.vccs-single__content > :first-child { margin-top:0; }
.vccs-single__content h2,.vccs-single__content h3 { margin:2.2em 0 .65em; color:#fff; font-family:"Funnel Display",Inter,sans-serif; letter-spacing:-.035em; line-height:1.08; }
.vccs-single__content h2 { font-size:clamp(2rem,4vw,3.6rem); }
.vccs-single__content h3 { font-size:clamp(1.5rem,2.5vw,2.3rem); }
.vccs-single__content img { max-width:100%; height:auto; border-radius:1rem; }
.vccs-single__content a { color:#bd77dd; }
.vccs-single__cta { margin-bottom:clamp(2rem,5vw,5rem); padding:clamp(2rem,5vw,5rem); border:1px solid rgba(190,93,255,.3); border-radius:clamp(1.25rem,3vw,2.5rem); background:radial-gradient(circle at 100% 0,rgba(0,71,255,.22),transparent 40%),radial-gradient(circle at 0 100%,rgba(142,68,173,.23),transparent 45%),#0d0d12; }
.vccs-single__cta p { margin:0 0 .8rem; color:#bd77dd; font-size:.72rem; font-weight:650; letter-spacing:.12em; text-transform:uppercase; }
.vccs-single__cta h2 { max-width:850px; margin:0; color:#fff; font-family:"Funnel Display",Inter,sans-serif; font-size:clamp(2.4rem,5vw,5rem); letter-spacing:-.05em; line-height:.95; }
.vccs-single__cta a { display:inline-flex; gap:.7rem; margin-top:2rem; padding:.9rem 1.15rem; border:1px solid #8e44ad; border-radius:999px; color:#fff; font-size:.78rem; font-weight:650; text-decoration:none; }
.vccs-single__cta a:hover,.vccs-single__cta a:focus-visible { background:#8e44ad; }
@media(max-width:767px){.vccs-single__body{grid-template-columns:1fr}.vccs-single__hero{padding-top:7rem}.vccs-single__cover{aspect-ratio:4/3}.vccs-single__metrics{grid-template-columns:1fr}.vccs-single__metrics div+div{padding-left:0;border-top:1px solid rgba(255,255,255,.11);border-left:0}}
@media(prefers-reduced-motion:reduce){.vccs-single *{scroll-behavior:auto!important}}
