@charset "UTF-8";#vp-casestudy-hub{--vp-yellow:#f6a623;--vp-dark:#0c0c0c;--vp-charcoal:#1a1a1a;--vp-gray:#a1a1aa;--vp-border:rgba(255,255,255,0.1);background-color:var(--vp-dark);color:#fff;font-family:'Inter',sans-serif;line-height:1.6;padding-bottom:6rem}#vp-casestudy-hub *{box-sizing:border-box}.vp-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.vp-hub-hero{padding:5rem 0 3rem 0;border-bottom:1px solid var(--vp-border);margin-bottom:4rem}.vp-hub-meta{font-family:'Roboto Mono',monospace;color:var(--vp-yellow);font-size:12px;text-transform:uppercase;letter-spacing:0.2em;margin-bottom:1rem}.vp-hub-hero h1{font-family:'Archivo Narrow',sans-serif;font-size:clamp(3rem,6vw,4.5rem);font-weight:900;line-height:1;text-transform:uppercase;margin:0 0 1.5rem 0}.vp-hub-hero p{font-size:1.25rem;color:var(--vp-gray);max-width:800px;font-weight:300}.vp-cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem}.vp-cs-card{background:var(--vp-charcoal);border:1px solid var(--vp-border);padding:2.5rem 2rem;display:flex;flex-direction:column;transition:all 0.3s ease;text-decoration:none;position:relative;overflow:hidden}.vp-cs-card:hover{border-color:var(--vp-yellow);transform:translateY(-5px);background:#111}.vp-cs-card::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--vp-yellow);transition:width 0.4s ease}.vp-cs-card:hover::before{width:100%}.vp-card-meta{font-family:'Roboto Mono',monospace;font-size:0.75rem;color:var(--vp-yellow);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem}.vp-card-title{font-family:'Archivo Narrow',sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 1rem 0;line-height:1.2;text-transform:uppercase}.vp-card-excerpt{color:var(--vp-gray);font-size:1rem;font-weight:300;flex-grow:1;margin-bottom:2.5rem}.vp-card-action{font-family:'Roboto Mono',monospace;font-size:0.85rem;font-weight:700;color:#fff;text-transform:uppercase;display:inline-flex;align-items:center;gap:0.5rem;transition:color 0.3s ease;margin-top:auto}.vp-cs-card:hover .vp-card-action{color:var(--vp-yellow)}.vp-card-action svg{width:18px;height:18px;transition:transform 0.3s ease}.vp-cs-card:hover .vp-card-action svg{transform:translateX(5px)}