/* =============================================================
   OUR WORK
   ============================================================= */

.vpc-work-eyebrow{margin-bottom:18px;color:var(--vpc-red);}

/* HERO */
.vpc-work-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(610px,76vh,810px);overflow:hidden;background:var(--vpc-black);color:var(--vpc-white);}
.vpc-work-hero-media{position:absolute;inset:0;z-index:-1;}
.vpc-work-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.vpc-work-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,11,.98),rgba(10,10,11,.85) 44%,rgba(10,10,11,.38) 74%,rgba(10,10,11,.12)),linear-gradient(0deg,rgba(10,10,11,.55),transparent 65%);}
.vpc-work-hero-inner{width:min(100% - 48px,1200px);max-width:1200px;margin:0 auto;padding:clamp(102px,10vw,150px) 0 clamp(80px,8vw,118px);}
.vpc-work-hero-inner>*{max-width:780px;}
.vpc-work-hero-eyebrow{margin:0 0 18px;color:var(--vpc-red);}
.vpc-work-hero h1{display:flex;flex-direction:column;gap:2px;margin:0 0 24px;color:var(--vpc-white);font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.025em;}
.vpc-work-hero p{max-width:700px;margin:0 0 30px;color:var(--vpc-steel-light);font-size:var(--vpc-fs-lead);line-height:1.62;}
.vpc-work-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px;}
.vpc-work-hero-actions .vpc-btn-secondary{border-color:rgba(255,255,255,.55);color:var(--vpc-white);}
.vpc-work-hero-trust,.vpc-work-cta-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;color:var(--vpc-steel);font-size:13px;letter-spacing:.04em;}
.vpc-work-hero-trust{padding-top:22px;border-top:1px solid var(--vpc-line);}
.vpc-work-hero-trust i,.vpc-work-cta-trust i{width:3px;height:3px;border-radius:50%;background:var(--vpc-steel);}

/* SHARED */
.vpc-work-intro h2,.vpc-work-gallery-header h2,.vpc-work-standard h2,.vpc-work-section-header h2,.vpc-work-applications h2{margin:0;color:var(--vpc-white);font-size:clamp(34px,4.8vw,58px);line-height:.97;}
.vpc-work-intro-copy p,.vpc-work-standard-copy p,.vpc-work-section-header p{color:var(--vpc-steel-light);font-size:var(--vpc-fs-body);line-height:1.78;}

/* INTRO */
.vpc-work-intro{padding:clamp(68px,8vw,108px) 0;border-top:1px solid var(--vpc-line);background:var(--vpc-charcoal);color:var(--vpc-white);}
.vpc-work-intro-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(42px,7vw,90px);align-items:end;}
.vpc-work-intro-copy p{margin:0 0 18px;}
.vpc-work-intro-copy p:last-child{margin-bottom:0;}

/* GALLERY */
.vpc-work-gallery{padding:clamp(72px,8vw,120px) 0;border-top:1px solid var(--vpc-line);background:var(--vpc-black);color:var(--vpc-white);}
.vpc-work-gallery-inner{display:flex;flex-direction:column;gap:48px;}
.vpc-work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:115px;gap:16px;}
.vpc-work-item{position:relative;grid-column:span 4;grid-row:span 3;overflow:hidden;margin:0;border:1px solid var(--vpc-line);border-radius:var(--vpc-radius-lg);background:var(--vpc-charcoal);}
.vpc-work-item-large{grid-column:span 8;grid-row:span 4;}
.vpc-work-item-wide{grid-column:span 8;grid-row:span 3;}
.vpc-work-item-tall{grid-column:span 4;grid-row:span 4;}
.vpc-work-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--vpc-ease);}
.vpc-work-item:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,.9),transparent 55%);content:"";pointer-events:none;}
.vpc-work-item:hover img{transform:scale(1.035);}
.vpc-work-item figcaption{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;gap:4px;padding:22px;}
.vpc-work-item figcaption span{color:var(--vpc-red);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.vpc-work-item figcaption strong{color:var(--vpc-white);font-family:var(--vpc-font-head);font-size:20px;line-height:1.1;text-transform:uppercase;}

/* STANDARD */
.vpc-work-standard{padding:clamp(72px,8vw,120px) 0;border-top:1px solid var(--vpc-line);background:var(--vpc-charcoal);color:var(--vpc-white);}
.vpc-work-standard-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:clamp(48px,7vw,90px);align-items:center;}
.vpc-work-standard-copy p{margin:20px 0 0;}
.vpc-work-standard-copy .vpc-btn{margin-top:28px;}
.vpc-work-standard-list{display:grid;overflow:hidden;border:1px solid var(--vpc-line);border-radius:var(--vpc-radius-lg);background:var(--vpc-black);}
.vpc-work-standard-list div{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;padding:21px 23px;border-bottom:1px solid var(--vpc-line);}
.vpc-work-standard-list div:last-child{border-bottom:0;}
.vpc-work-standard-list span{color:var(--vpc-red);font-family:var(--vpc-font-head);font-size:27px;font-weight:700;}
.vpc-work-standard-list strong{color:var(--vpc-white);font-size:14px;line-height:1.45;}

/* SYSTEMS */
.vpc-work-systems{padding:clamp(72px,8vw,120px) 0;border-top:1px solid var(--vpc-line);background:var(--vpc-black);color:var(--vpc-white);}
.vpc-work-section-inner{display:flex;flex-direction:column;gap:clamp(44px,6vw,60px);}
.vpc-work-section-header p{max-width:720px;margin:16px 0 0;}
.vpc-work-system-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.vpc-work-system-grid a{display:flex;flex-direction:column;min-height:300px;padding:24px;border:1px solid var(--vpc-line);border-radius:var(--vpc-radius-lg);background:var(--vpc-charcoal);color:var(--vpc-white);text-decoration:none;}
.vpc-work-system-grid a:hover{transform:translateY(-3px);border-color:rgba(224,30,43,.45);}
.vpc-work-system-grid span{color:var(--vpc-red);font-family:var(--vpc-font-head);font-size:30px;font-weight:700;}
.vpc-work-system-grid h3{margin:38px 0 0;color:var(--vpc-white);font-family:var(--vpc-font-head);font-size:22px;text-transform:uppercase;}
.vpc-work-system-grid p{margin:12px 0 24px;color:var(--vpc-steel-light);font-size:13px;line-height:1.65;}
.vpc-work-system-grid b{margin-top:auto;color:var(--vpc-white);font-size:12px;text-transform:uppercase;}

/* APPLICATIONS */
.vpc-work-applications{padding:clamp(70px,8vw,112px) 0;border-top:1px solid var(--vpc-line);background:var(--vpc-charcoal);color:var(--vpc-white);}
.vpc-work-applications-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(42px,7vw,90px);align-items:center;}
.vpc-work-application-links{display:grid;overflow:hidden;border:1px solid var(--vpc-line);border-radius:var(--vpc-radius-lg);background:var(--vpc-black);}
.vpc-work-application-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--vpc-line);color:var(--vpc-white);font-family:var(--vpc-font-head);font-size:18px;text-decoration:none;text-transform:uppercase;}
.vpc-work-application-links a:last-child{border-bottom:0;}
.vpc-work-application-links a:hover{background:rgba(255,255,255,.04);}
.vpc-work-application-links b{color:var(--vpc-red);font-size:22px;}

/* CTA */
.vpc-work-cta{position:relative;overflow:hidden;padding:clamp(82px,10vw,142px) 0;border-top:1px solid var(--vpc-line);background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(224,30,43,.14),transparent 70%),var(--vpc-black);color:var(--vpc-white);text-align:center;}
.vpc-work-cta-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;}
.vpc-work-cta-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:800px;margin:0 auto;}
.vpc-work-cta-eyebrow{justify-content:center;color:var(--vpc-red);}
.vpc-work-cta h2{margin:0;color:var(--vpc-white);font-size:clamp(38px,5.7vw,70px);line-height:.97;}
.vpc-work-cta p{max-width:620px;margin:0;color:var(--vpc-steel-light);font-size:var(--vpc-fs-lead);line-height:1.65;}
.vpc-work-cta-trust{justify-content:center;}

/* RESPONSIVE */
@media(max-width:1080px){
	.vpc-work-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:900px){
	.vpc-work-intro-inner,.vpc-work-standard-inner,.vpc-work-applications-inner{grid-template-columns:1fr;gap:38px;}
	.vpc-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:280px;}
	.vpc-work-item,.vpc-work-item-large,.vpc-work-item-wide,.vpc-work-item-tall{grid-column:auto;grid-row:auto;}
}

@media(max-width:720px){
	.vpc-work-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:767px){
	.vpc-work-hero{align-items:flex-end;min-height:680px;}
	.vpc-work-hero-media img{object-position:62% center;}
	.vpc-work-hero-overlay{background:linear-gradient(0deg,rgba(10,10,11,.99),rgba(10,10,11,.9) 60%,rgba(10,10,11,.42));}
	.vpc-work-hero-inner{width:min(100% - 36px,1200px);padding:165px 0 52px;}
	.vpc-work-hero h1{font-size:clamp(42px,11.5vw,60px);}
	.vpc-work-hero p{font-size:17px;}
	.vpc-work-hero-actions{gap:10px;}
	.vpc-work-hero-actions .vpc-btn,.vpc-work-cta .vpc-btn{width:100%;text-align:center;}
}

@media(max-width:560px){
	.vpc-work-grid,.vpc-work-system-grid{grid-template-columns:1fr;}
	.vpc-work-grid{grid-auto-rows:320px;}
	.vpc-work-system-grid a{min-height:235px;}
}