/* Editorial portfolio: shared site palette, spacious real project previews. */
.vb-case-archive .case-archive-container{max-width:1440px;margin-inline:auto;padding-inline:40px}
.vb-case-archive .case-archive-hero{background:#0c1612;color:#f1efe9;padding:28px 0 76px}
.vb-case-archive .case-archive-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#b8bcb5;font-size:12px;font-weight:400;margin-bottom:66px}
.vb-case-archive .case-archive-breadcrumb a:hover{color:#f0b817}
.vb-case-archive .case-archive-intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:64px;align-items:end}
.vb-case-archive .case-archive-intro .eyebrow{color:#f0b817;margin-bottom:24px}
.vb-case-archive .case-archive-intro h1{font-size:clamp(42px,5.25vw,76px);line-height:1.06;letter-spacing:-.055em}
.vb-case-archive .case-archive-intro h1 span{color:#a3b5a8}
.vb-case-archive .case-archive-summary{max-width:500px;padding-bottom:4px}
.vb-case-archive .case-archive-summary p{color:#c2c7bf;font-size:16px;line-height:1.7;margin-bottom:28px}
.vb-case-archive .case-archive-hero a:focus-visible{outline-color:#f0b817}
.vb-case-archive .case-archive-projects{padding-top:44px;padding-bottom:100px;scroll-margin-top:28px}
.vb-case-archive .case-archive-section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #cccfc6;padding-bottom:22px;margin-bottom:36px}
.vb-case-archive .case-archive-section-label>span:last-child{color:#0d6e4a;font-size:32px;line-height:1}
.vb-case-archive .case-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px}
.vb-case-archive .case-archive-card{min-width:0}
.vb-case-archive .case-archive-card-link{display:block;height:100%;border-bottom:1px solid #cccfc6;padding-bottom:28px}
.vb-case-archive .case-archive-image{aspect-ratio:16/10;overflow:hidden;background:#e2e4dc;position:relative;border-radius:12px}
.vb-case-archive .case-archive-image>img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s ease}
.vb-case-archive .case-archive-arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;border-radius:50%;width:52px;height:52px;background:#f0b817;color:#0c1612;font-size:28px;transition:transform .25s ease}
.vb-case-archive .case-archive-card-copy{padding-top:24px}
.vb-case-archive .case-archive-meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:#5c655e;font-size:12px;margin-bottom:12px;font-weight:400}
.vb-case-archive .case-archive-meta span+span:before{content:' / ';margin-right:20px;color:#879084}
.vb-case-archive .case-archive-card h2{font-size:32px;line-height:1.15;overflow-wrap:anywhere}
.vb-case-archive .case-archive-card p{font-size:15px;line-height:1.65;color:#5c655e;margin-top:14px;max-width:560px}
.vb-case-archive .case-archive-read{display:inline-flex;gap:14px;align-items:center;color:#0d6e4a;font-size:13px;font-weight:600;margin-top:22px}
.vb-case-archive .case-archive-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;color:#0d6e4a;font-size:110px;line-height:1;font-weight:500}
.vb-case-archive .case-archive-placeholder small{font-size:15px;max-width:75%;line-height:1.5;text-align:center}
.vb-case-archive .pagination{margin-top:48px}
.vb-case-archive .nav-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.vb-case-archive .page-numbers{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;padding:8px 14px;border:1px solid #cccfc6;border-radius:6px}
.vb-case-archive .page-numbers.current{background:#0d6e4a;color:#fff;border-color:#0d6e4a}
.vb-case-archive .case-archive-empty{max-width:600px;padding-block:40px;font-size:20px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.vb-case-archive .case-archive-card-link:hover .case-archive-image>img{transform:scale(1.025)}.vb-case-archive .case-archive-card-link:hover .case-archive-arrow{transform:rotate(45deg)}}
@media(max-width:1100px){.vb-case-archive .case-archive-container{padding-inline:28px}.vb-case-archive .case-archive-intro{gap:32px;grid-template-columns:1.5fr 1fr}.vb-case-archive .case-archive-intro h1{font-size:54px}.vb-case-archive .case-archive-summary p{font-size:14px}}
@media(max-width:760px){.vb-case-archive .case-archive-container{padding-inline:20px}.vb-case-archive .case-archive-hero{padding:22px 0 44px}.vb-case-archive .case-archive-breadcrumb{margin-bottom:40px}.vb-case-archive .case-archive-intro{grid-template-columns:1fr;gap:28px}.vb-case-archive .case-archive-intro h1{font-size:clamp(36px,8.9vw,54px)}.vb-case-archive .case-archive-intro .eyebrow{margin-bottom:18px}.vb-case-archive .case-archive-summary{max-width:520px}.vb-case-archive .case-archive-summary p{font-size:15px;margin-bottom:24px}.vb-case-archive .case-archive-grid{grid-template-columns:1fr;gap:36px}.vb-case-archive .case-archive-projects{padding-top:28px;padding-bottom:60px}.vb-case-archive .case-archive-section-label{margin-bottom:24px;padding-bottom:18px}.vb-case-archive .case-archive-section-label .eyebrow{font-size:10px;letter-spacing:1.5px}.vb-case-archive .case-archive-card h2{font-size:28px}.vb-case-archive .case-archive-card-copy{padding-top:20px}.vb-case-archive .case-archive-arrow{width:44px;height:44px;right:14px;bottom:14px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.vb-case-archive .case-archive-image>img,.vb-case-archive .case-archive-arrow,.vb-case-archive .button{transition:none}.vb-case-archive .button:hover{transform:none}}

.vb-case-archive .case-archive-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.vb-case-archive .case-archive-actions .button{padding-inline:18px;font-size:12px;max-width:100%;white-space:normal;text-align:center}
.vb-case-archive .case-archive-secondary{background:transparent;color:#f1efe9;border-color:#89988d}
.vb-case-archive .case-archive-secondary:hover{background:#243329;border-color:#f1efe9}
.vb-case-archive .case-archive-brands{margin-top:44px;max-width:760px}
.vb-case-archive .case-archive-brands p{margin-bottom:12px;color:#c2c7bf;font-size:14px}
.vb-case-archive .case-archive-client-logos{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.vb-case-archive .case-archive-client-logos svg{display:block;flex:none;max-width:100%}
@media(max-width:760px){.vb-case-archive .case-archive-brands{margin-top:32px}.vb-case-archive .case-archive-client-logos{gap:14px 20px}}