/**
 * Video Production hub — /capabilities/video-production/
 * UI parity with video-subpage.css (.vsp / product-video reference).
 * Enqueued by da_video_production_main_enqueue_styles() in functions.php.
 */

/* Global reset */
*,*::before,*::after{box-sizing:border-box}
html{margin-top:0!important}
body{margin:0;padding:0;background:#FAF8F5}

/* Scoped reset */
.vpm *{box-sizing:border-box}
.vpm p{margin:0!important;padding:0!important}
.vpm ul,.vpm ol{list-style:none!important;margin:0!important;padding:0!important}
.vpm li{margin:0!important;padding:0!important;list-style:none!important}
.vpm h1,.vpm h2,.vpm h3,.vpm h4{margin:0!important;padding:0!important;font-weight:700!important;font-family:var(--font-display)}
.vpm img{max-width:100%;height:auto;display:block}
.vpm button:not(.home-journey__arrow){background:transparent;border:none;padding:0;margin:0;cursor:pointer;font:inherit;line-height:inherit;transition:all .3s ease-in-out}
.vpm a:not(.home-btn):not(.home-cta):not(.home-capabilities__pill){color:inherit;text-decoration:none!important}
.vpm a:not(.home-btn):not(.home-cta):not(.home-capabilities__pill):visited{color:inherit}
.vpm a:not(.home-btn):not(.home-cta):not(.home-capabilities__pill):hover{text-decoration:none!important}
.vpm svg{display:block}

/* Tokens — SKILL.md palette */
.vpm{
	--da-white:#ffffff;
	--da-cream:#FAF8F5;
	--da-stone:#EDEBE6;
	--da-line:#D8D5CE;
	--da-ash:#76746D;
	--da-charcoal:#383B40;
	--da-black:#151515;
	--da-lime:#B8E986;
	--da-pink:#F5D6E2;
	--da-rose:#D9738D;
	--vpm-fmts-accent:#ffabcc;
	--vpm-fmts-accent-bg:#f5d6e24d;
	--cream:var(--da-cream);
	--stone:var(--da-stone);
	--line:var(--da-line);
	--ash:var(--da-ash);
	--char:var(--da-charcoal);
	--black:var(--da-black);
	--lime:var(--da-lime);
	--w:var(--da-white);
	--cr:var(--da-cream);
	--st:var(--da-stone);
	--ln:var(--da-line);
	--as:var(--da-ash);
	--ch:var(--da-charcoal);
	--bk:var(--da-black);
	--lm:var(--da-lime);
	background:var(--da-cream);
	color:var(--da-black);
	font-family:var(--font-body);
	-webkit-font-smoothing:antialiased;
	margin-top:calc(-1 * var(--da-header-h))!important;
	padding-top:var(--da-header-h)!important;
}

/* Tags & headings */
.vpm-tag{
	display:inline-block;
	font-family:var(--font-body);
	font-size:12px;
	font-weight:500;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--da-ash);
	margin-bottom:16px!important;
}
.vpm-tag--dk{color:var(--da-pink)!important}
.vpm-tag--lime{color:var(--da-lime)!important}
.vpm-sh{
	font-family:var(--fb)!important;
	line-height:1.1!important;
	letter-spacing:-.03em!important;
	color:var(--da-black)!important;
	margin:0!important;
	font-size:clamp(32px,4.2vw,64px);
}
.vpm-sh--dk{color:var(--da-cream)!important}
.vpm .da-heading-96{
	font-family:var(--fb)!important;
	font-weight:700!important;
	font-size:clamp(32px,5.5vw,85px)!important;
	line-height:1.02!important;
	letter-spacing:-.03em!important;
	color:var(--da-black)!important;
}
.vpm .heading-85,
.vpm h2.heading-85{
	font-family:var(--fb)!important;
	font-weight:700!important;
	font-size:clamp(32px,5.5vw,85px)!important;
	line-height:1.02!important;
	letter-spacing:-.03em!important;
	color:var(--da-black)!important;
}
.vpm .heading-85 em,
.vpm h2.heading-85 em{font-style:normal}
.vpm-lm{position:absolute;left:-2%;right:-2%;bottom:-.05em;height:6px;background:var(--da-lime);transform:skewX(-8deg);opacity:.9;pointer-events:none}

/* Buttons — parity with video-subpage.css */
.vpm a.home-btn,
.vpm a.home-cta{text-decoration:none!important}
.vpm a.home-btn{
	display:inline-flex;align-items:center;justify-content:center;
	font-family:var(--font-body);font-size:clamp(13px,1.3vw,15px);font-weight:600;
	letter-spacing:normal;text-transform:none;
	padding:16px 26px;border-radius:999px;border:1px solid transparent;
	cursor:pointer;white-space:nowrap;transition:var(--da-btn-transition);
	box-shadow:none
}
.vpm a.home-btn--white,
.vpm a.home-btn--white:visited{
	background:var(--da-white)!important;border-color:rgba(21,21,21,.4)!important;color:var(--da-black)!important
}
.vpm a.home-btn--white:hover,
.vpm a.home-btn--white:focus,
.vpm a.home-btn--white:focus-visible,
.vpm a.home-btn--white:visited:hover,
.vpm a.home-btn--white:visited:focus,
.vpm a.home-btn--white:visited:focus-visible{
	background:var(--da-white)!important;border-color:rgba(21,21,21,.4)!important;color:var(--da-black)!important;
	box-shadow:0 4px 16px rgba(21,21,21,.08)!important
}
.vpm a.home-btn--black,
.vpm a.home-btn--black:visited{background:var(--da-black);border-color:var(--da-black);color:var(--da-cream)!important}
.vpm a.home-btn--black:hover,
.vpm a.home-btn--black:focus,
.vpm a.home-btn--black:focus-visible{background:var(--da-charcoal);border-color:var(--da-charcoal)}
.vpm a.home-cta,
.vpm a.home-cta:visited{
	--home-cta-arrow:url('../assets/home/diagonal-arrow.svg');
	display:inline-flex!important;align-items:center;justify-content:center;
	font-family:var(--font-body)!important;font-size:clamp(13px,1.3vw,15px)!important;font-weight:600!important;
	letter-spacing:normal!important;text-transform:none!important;
	padding:16px 40px!important;border-radius:999px!important;border:none!important;
	background:var(--da-lime)!important;color:var(--da-black)!important;
	box-shadow:none!important;white-space:nowrap;cursor:pointer;
	transition:background .2s ease-in
}
.vpm a.home-cta:hover,
.vpm a.home-cta:focus,
.vpm a.home-cta:focus-visible,
.vpm a.home-cta:visited:hover,
.vpm a.home-cta:visited:focus,
.vpm a.home-cta:visited:focus-visible{
	background:#c9f29a!important;color:var(--da-black)!important;box-shadow:none!important
}
.vpm a.home-cta:hover .home-cta__label::after,
.vpm a.home-cta:focus .home-cta__label::after,
.vpm a.home-cta:focus-visible .home-cta__label::after,
.vpm a.home-cta:visited:hover .home-cta__label::after,
.vpm a.home-cta:visited:focus .home-cta__label::after,
.vpm a.home-cta:visited:focus-visible .home-cta__label::after{background-position:14px -14px}
.vpm a.home-cta:active .home-cta__label::after{background-position:7px -7px}
.vpm-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:8px}
.vpm-hero-actions .home-cta,
.vpm-hero-actions .home-btn{min-width:148px}

/* Section rhythm — header offset on section top padding */
.vpm section{
	padding:var(--da-section-pad-y) 0;
	box-sizing:border-box;
	padding-top:120px;
}
.vpm-hero,
.vpm-proof{padding-bottom:0!important}
.vpm-hero{padding-top:140px!important}

/* §1 HERO */
.vpm-hero{background:var(--da-black);color:var(--da-cream);position:relative;overflow:hidden}
.vpm-hero-inner{padding:0 0 90px;position:relative;z-index:2}
.vpm-hero-copy{max-width:920px;display:flex;flex-direction:column;gap:30px}
.vpm-hero .vpm-tag{color:rgba(255,255,255,.45);margin-bottom:-10px!important}
.vpm-hero h1{
	font-family:var(--fb)!important;text-transform:uppercase!important;
	font-size:clamp(40px,6.5vw,96px)!important;
	line-height:1.02!important;letter-spacing:-.03em!important;color:var(--da-cream)!important;
}
.vpm-hero-mark{position:relative;display:inline-block}
.vpm-hero-mark-line{position:absolute;left:0;right:0;bottom:-.14em;height:7px;background:var(--da-lime);transform:skewX(-6deg)}
.vpm-hero-h1-lime{color:var(--da-lime)!important;font-family:var(--fm)!important;font-style:italic!important}
.vpm-tagline{
	font-family:var(--fm)!important;font-style:italic!important;
	font-size:clamp(1.1rem,2vw,1.35rem)!important;letter-spacing:-.02em!important;
	color:rgb(255 255 255 / 80%)!important;line-height:1.55!important;max-width:640px;
}
.vpm-hero-body{
	font-family:var(--font-body)!important;font-size:var(--da-body-size)!important;
	line-height:1.65!important;color:rgb(255 255 255 / 80%)!important;max-width:520px;
}
.vpm-band{position:relative;border-top:1px solid var(--da-charcoal);overflow:hidden;background:var(--da-black)}
.vpm-band-thumb{
	position:absolute;inset:0;z-index:1;width:100%;height:100%;
	object-fit:cover;filter:contrast(1.02);opacity:.8;
	pointer-events:none;transition:opacity .32s ease,visibility .32s ease;
}
.vpm-band.is-playing .vpm-band-thumb{opacity:0;visibility:hidden}
.vpm-band-img,.vpm-band-reel{position:relative;z-index:2;width:100%;display:block;aspect-ratio:21/7;object-fit:cover;filter:contrast(1.02);opacity:.8}

/* §2 MARQUEE */
.vpm-mq{border-bottom:1px solid var(--da-line);overflow:hidden;padding:16px 0;-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}
.vpm-mq-track{display:inline-flex;gap:40px;white-space:nowrap;animation:vpm-mq 36s linear infinite}
.vpm-mq-word{font-family:var(--fm);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--da-black)}
.vpm-mq-sep{color:var(--da-ash);margin-left:40px}
@keyframes vpm-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* §2b WHY CARDS */
.vpm-why-cards{background:var(--da-cream);border-bottom:1px solid var(--da-line)}
.vpm-why-cards-head{margin-bottom:60px;max-width:760px}
.vpm-why-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--da-line);border:1px solid var(--da-line);align-items:stretch}
.vpm-why-card{
	position:relative;background:var(--da-white);padding:32px 28px 28px;min-height:360px;height:100%;
	display:flex;flex-direction:column;cursor:default;outline:none;
	transition:background .36s cubic-bezier(.16,1,.3,1),color .36s cubic-bezier(.16,1,.3,1)
}
.vpm-why-card:hover,
.vpm-why-card:focus-within{background:var(--da-black);color:var(--da-cream)}
.vpm-why-card-n{
	font-family:var(--fb);font-size:clamp(2.2rem,3.5vw,2.6rem);line-height:.9;letter-spacing:-.04em;
	margin-bottom:24px;transition:color .36s cubic-bezier(.16,1,.3,1);color:var(--da-ash)
}
.vpm-why-card:hover .vpm-why-card-n,
.vpm-why-card:focus-within .vpm-why-card-n{color:var(--da-lime)}
.vpm-why-card:nth-child(2):hover .vpm-why-card-n,
.vpm-why-card:nth-child(2):focus-within .vpm-why-card-n{color:#c8b8f0}
.vpm-why-card:nth-child(3):hover .vpm-why-card-n,
.vpm-why-card:nth-child(3):focus-within .vpm-why-card-n{color:#e8b4bc}
.vpm-why-card:nth-child(4):hover .vpm-why-card-n,
.vpm-why-card:nth-child(4):focus-within .vpm-why-card-n{color:#d4c4a8}
.vpm-why-card-label{
	font-family:var(--fb);
	font-size:clamp(1.05rem,1.6vw,1.35rem);
	line-height:1.2;
	letter-spacing:-.02em;
	color:var(--da-black);
	max-width:16ch;
	transition:color .36s cubic-bezier(.16,1,.3,1);
	padding-bottom:20px;
}
.vpm-why-card:hover .vpm-why-card-label,
.vpm-why-card:focus-within .vpm-why-card-label{color:var(--da-cream)}
.vpm-why-card-body-wrap{
	flex:1 1 auto;overflow:hidden;opacity:0;visibility:hidden;
	transition:opacity .36s cubic-bezier(.16,1,.3,1),visibility .36s cubic-bezier(.16,1,.3,1)
}
.vpm-why-card:hover .vpm-why-card-body-wrap,
.vpm-why-card:focus-within .vpm-why-card-body-wrap{opacity:1;visibility:visible}
.vpm-why-card-body{font-family:var(--font-body);font-size:var(--da-body-size);line-height:1.6;color:var(--da-charcoal);margin-top:12px;transition:color .36s cubic-bezier(.16,1,.3,1)}
.vpm-why-card:hover .vpm-why-card-body,
.vpm-why-card:focus-within .vpm-why-card-body{color:rgb(255 255 255 / 80%)!important}
.vpm-why-card-toggle{
	margin-top:auto;padding-top:28px;display:inline-flex;align-items:center;gap:8px;
	font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
	color:var(--da-ash);transition:color .36s cubic-bezier(.16,1,.3,1)
}
.vpm-why-card-toggle-ico{
	width:22px;height:22px;border:1px solid var(--da-line);display:flex;align-items:center;justify-content:center;
	font-size:14px;line-height:1;transition:border-color .36s cubic-bezier(.16,1,.3,1),color .36s cubic-bezier(.16,1,.3,1)
}
.vpm-why-card-toggle-ico::before{content:'+';display:block}
.vpm-why-card:hover .vpm-why-card-toggle,
.vpm-why-card:focus-within .vpm-why-card-toggle{color:var(--da-lime)}
.vpm-why-card:hover .vpm-why-card-toggle-ico,
.vpm-why-card:focus-within .vpm-why-card-toggle-ico{border-color:var(--da-lime);color:var(--da-lime)}
.vpm-why-card:hover .vpm-why-card-toggle-ico::before,
.vpm-why-card:focus-within .vpm-why-card-toggle-ico::before{content:'−'}
.vpm-why-card-toggle-text--close{display:none}
.vpm-why-card:hover .vpm-why-card-toggle-text--more,
.vpm-why-card:focus-within .vpm-why-card-toggle-text--more{display:none}
.vpm-why-card:hover .vpm-why-card-toggle-text--close,
.vpm-why-card:focus-within .vpm-why-card-toggle-text--close{display:inline}

/* §3 PROOF */
.vpm-proof{background:var(--da-black);border-bottom:1px solid var(--da-charcoal)}
.vpm-proof-head{padding:0 0 0}
.vpm-proof-head .vpm-tag{margin-bottom:16px!important}
.vpm-proof-head .da-heading-96{color:var(--da-cream)!important;max-width:14ch;margin:0!important}
.vpm-proof-logos{padding:90px 0 90px;border:none;position:relative}
.vpm-proof-logos:before,.vpm-proof-logos:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.vpm-proof-logos:before{left:0;background:linear-gradient(to right,var(--da-black),transparent)}
.vpm-proof-logos:after{right:0;background:linear-gradient(to left,var(--da-black),transparent)}
.vpm-proof-logos-mq{overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}
.vpm-proof-logos-track{display:flex;width:max-content;animation:vpm-proof-logos-scroll 80s linear infinite;will-change:transform}
.vpm-proof-logos-set{display:flex;gap:56px;align-items:center;flex-shrink:0;padding-right:56px}
.vpm-proof-logo{display:block;flex-shrink:0;height:40px;max-height:40px;width:auto;max-width:148px;object-fit:contain;object-position:center;opacity:.72;transition:opacity .2s ease,transform .2s ease}
.vpm-proof-logo--tone{filter:brightness(0) invert(1)}
.vpm-proof-logo:hover{opacity:1;transform:scale(1.03)}
@keyframes vpm-proof-logos-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.vpm-proof-stats{border-top:1px solid rgba(255,255,255,.1)}
.vpm-proof-stats .container{
	display:flex;
	width:100%;
	align-items:stretch;
	justify-content:space-between;
}
.vpm-proof-stats .divider{flex:0 0 1px;background:rgba(255,255,255,.1);width:1px;min-height:100%;align-self:stretch}
.vpm-stat-cell{
	flex:1 1 0;
	padding:60px 40px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:space-between;
	text-align:left;
	min-height:132px;
	min-width:0;
	box-sizing:border-box;
}
.vpm-stat-v{font-family:var(--fb);font-size:clamp(2rem,3.5vw,3.2rem);line-height:1;letter-spacing:-.03em;color:var(--da-cream);display:block;padding-bottom:20px;width:100%}
.vpm-stat-l{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:0;display:block;line-height:1.35;max-width:100%;width:100%}

/* §4 FORMATS — parity with solutions hub .solm-dir */
.vpm-fmts{border-bottom:1px solid var(--da-line);background:var(--da-cream)}
.vpm-fmts-head{margin-bottom:60px}
.vpm-fmts-head .vpm-tag{margin-bottom:16px!important;display:block}
.vpm-fmts-pink{color:var(--da-lime)}
.vpm-fmts-head h2 em{font-style:normal;font-family:var(--font-medium);font-weight:500;color:var(--da-black)}
.vpm-fmts-grid{display:grid;grid-template-columns:420px 1fr;gap:110px;align-items:start}
.vpm-preview{position:sticky;top:96px;display:flex;flex-direction:column;gap:10px}
.vpm-pv-btn{background:transparent;border:none;padding:0;margin:0;cursor:pointer;text-align:left;width:100%;display:block}
.vpm-pv-frame{
	position:relative;
	aspect-ratio:16/9;
	overflow:hidden;
	border:1px solid var(--da-line);
	border-radius:10px;
	background:var(--da-black);
}
.vpm-pv-poster-stage{position:absolute;inset:0;z-index:2;overflow:hidden;transition:opacity .32s ease}
.vpm-pv-poster-layer{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
	opacity:0;transform:translateY(20px);
	transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
	will-change:opacity,transform;pointer-events:none;
}
.vpm-pv-poster-layer.is-active{opacity:1;transform:translateY(0);z-index:1}
.vpm-pv-poster-layer.is-leaving{opacity:0;transform:translateY(-20px);z-index:2}
.vpm-pv-poster-layer.is-entering{opacity:0;transform:translateY(20px);z-index:3}
.vpm-pv-poster-layer.is-entering.is-active{opacity:1;transform:translateY(0)}
.vpm-pv-frame.is-playing .vpm-pv-poster-stage{opacity:0;z-index:0}
.vpm-pv-layers{position:absolute;inset:0;z-index:1;pointer-events:none;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .32s ease}
.vpm-pv-vid{width:100%;height:100%;object-fit:cover;display:block;background:transparent;position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity;transition:none}
.vpm-pv-vid.is-active{opacity:1;z-index:1}
.vpm-pv-btn:hover .vpm-pv-layers{transform:scale(1.03)}
.vpm-pv-tag{
	position:absolute;top:12px;left:12px;z-index:5;
	background:rgba(21,21,21,.72);color:var(--da-cream);
	font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.16em;
	padding:4px 10px;border-radius:3px;text-transform:uppercase;
}
.vpm-pv-hint{
	position:absolute;inset:0;z-index:6;display:grid;place-items:center;
	pointer-events:none;opacity:1;
}
.vpm-pv-hint span{
	width:40px;height:40px;border-radius:50%;
	border:1px solid rgba(255,255,255,.55);
	background:rgba(21,21,21,.65);color:#fff;
	display:grid;place-items:center;font-size:14px;padding-left:3px;
	transition:transform .18s ease,background .18s ease;
}
.vpm-pv-btn:hover .vpm-pv-hint span,
.vpm-pv-btn:focus-visible .vpm-pv-hint span{
	transform:scale(1.06);background:rgba(21,21,21,.62);
}
.vpm-pv-frame.is-playing .vpm-pv-hint{display:none}
.vpm-pv-line{
	position:absolute;left:0;right:0;bottom:0;height:2px;
	background:var(--da-lime);z-index:5;pointer-events:none;
}
.vpm-pv-lbl{
	font-family:var(--font-body);
	font-size:10px;font-weight:500;letter-spacing:.18em;
	text-transform:uppercase;color:var(--da-ash);
}
.vpm-pv-desc{
	font-family:var(--font-body)!important;
	font-size:16px!important;
	color:var(--da-charcoal)!important;
	line-height:1.6!important;
	margin:0!important;
}
.vpm-fmts-link{
	display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;gap:6px;
	font-family:var(--font-body);font-size:clamp(15px,1.5vw,16px);font-weight:600;
	letter-spacing:.02em;color:var(--da-black)!important;text-decoration:none!important;
	backface-visibility:hidden;-webkit-font-smoothing:antialiased;
	transform:translate3d(0,0,0);transform-origin:center center;
	transition:transform 160ms var(--ease-c),color 160ms var(--ease-c);
}
.vpm-fmts-link:visited{color:var(--da-black)!important}
.vpm-fmts-link-arrow{display:inline;flex-shrink:0;font-size:inherit;line-height:1}
.vpm-fmts-link:hover,
.vpm-fmts-link:focus,
.vpm-fmts-link:focus-visible,
.vpm-fmts-link:visited:hover,
.vpm-fmts-link:visited:focus,
.vpm-fmts-link:visited:focus-visible{
	color:var(--da-rose)!important;
	transform:translate3d(0,0,0) scale(1.05);
}
.vpm-fmts-list{list-style:none!important;padding:0!important;margin:0!important}
.vpm-fmts-item{border-bottom:1px solid var(--da-line);padding:0!important;list-style:none!important;margin:0!important}
.vpm-fmts-item.active{border-bottom:1px solid var(--da-lime);background:#b8e98629}
.vpm-fmts-item-link{
	display:flex;justify-content:space-between;align-items:baseline;gap:30px;
	width:100%;min-height:48px;padding:25px 25px;
	text-decoration:none!important;cursor:pointer;color:inherit!important;
	-webkit-tap-highlight-color:transparent;
}
.vpm-fmts-item-link:visited{color:inherit!important}
.vpm-fmts-item-num{
	flex-shrink:0;font-family:var(--font-body);font-size:32px;font-weight:500;
	color:var(--da-line);transition:color .25s;line-height:1;
}
.vpm-fmts-item.active .vpm-fmts-item-num,
.vpm-fmts-item:hover .vpm-fmts-item-num,
.vpm-fmts-item:focus-within .vpm-fmts-item-num{color:var(--da-lime)}
.vpm-fmts-item-title{
	flex:1;min-width:0;font-family:var(--fb)!important;
	font-size:clamp(1.1rem,2.1vw,36px)!important;line-height:1.45!important;
	letter-spacing:-.04em!important;color:var(--da-black)!important;
	opacity:.3;transition:opacity .25s;pointer-events:none;
}
.vpm-fmts-item.active .vpm-fmts-item-title,
.vpm-fmts-item:hover .vpm-fmts-item-title,
.vpm-fmts-item:focus-within .vpm-fmts-item-title{opacity:1}
.vpm-fmts-item-arrow{
	display:block;flex-shrink:0;width:25px;height:25px;overflow:hidden;opacity:1;
}
.vpm-fmts-item-arrow::before{
	content:'';display:block;width:50px;height:50px;
	background-image:url('../assets/arrow-lime.svg');
	background-repeat:no-repeat;background-size:50px auto;
	background-position:-25px 0;transition:background-position .2s ease-in;
}
.vpm-fmts-item.active .vpm-fmts-item-arrow::before,
.vpm-fmts-item:hover .vpm-fmts-item-arrow::before,
.vpm-fmts-item:focus-within .vpm-fmts-item-arrow::before{background-position:0 -25px}

/* §5 WHY — parity with .vsp-why */
.vpm-why{background:var(--da-black);color:var(--da-cream);border-bottom:1px solid var(--da-charcoal)}
.vpm-why .vpm-tag--dk{margin-bottom:20px!important;display:block}
.vpm-why-pink{color:var(--da-pink)}
.vpm-why h2.heading-85 .vpm-why-h2-line{display:block}
.vpm-why h2.heading-85 em.vpm-why-h2-line{font-style:normal}
.vpm-why h2.heading-85 em{font-style:normal}
.vpm-why h2.heading-85,
.vpm-why .da-heading-96{margin:0 0 56px!important;color:var(--da-cream)!important;max-width:15ch}
.vpm-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--da-charcoal);margin-top:60px}
.vpm-why-cell{padding:50px 100px 50px 50px;background:var(--da-black);display:flex;flex-direction:column;gap:6px}
.vpm-why-cell:nth-child(odd){padding-left:0}
.vpm-why-n{
	font-family:var(--font-body)!important;font-size:14px!important;font-weight:400!important;
	letter-spacing:0!important;line-height:1.2!important;text-transform:none!important;
	color:var(--da-pink)!important;display:block!important;visibility:visible!important;
	opacity:1!important;padding-bottom:10px;margin:0!important;
}
.vpm-why-cell h3{font-family:var(--fb)!important;font-size:clamp(16px,2vw,32px)!important;letter-spacing:-.02em!important;color:var(--da-cream)!important;line-height:1.2!important;padding-bottom:20px!important;margin:0!important}
.vpm-why-cell p{font-family:var(--font-body)!important;font-size:18px!important;color:rgb(255 255 255 / 80%)!important;line-height:1.68!important;max-width:100%}

/* §6 PROCESS — parity with .vsp-proc */
.vpm-proc{background:var(--da-stone);border-bottom:1px solid var(--da-line)}
.vpm-proc-head{margin-bottom:90px;display:flex;flex-direction:column;gap:0}
.vpm-proc-head .da-heading-96{max-width:14ch;margin:0 0 20px!important}
.vpm-proc-subtitle{
	font-family:var(--font-body)!important;
	font-size:18px!important;
	line-height:1.6!important;
	color:var(--da-charcoal)!important;
	margin:0!important;
	max-width:42ch;
}
.vpm-proc-track{
	--vpm-proc-track-pt:8px;
	--vpm-proc-step-pt:18px;
	--vpm-proc-step-px:14px;
	--vpm-proc-num-h:16px;
	--vpm-proc-gap:24px;
	--vpm-proc-dot-size:14px;
	position:relative;padding-top:var(--vpm-proc-track-pt);padding-bottom:8px
}
.vpm-proc-rail{position:absolute;top:2.5em;left:0;right:0;height:2px;background:rgba(21,21,21,.08);border-radius:1px;pointer-events:none}
.vpm-proc-fill{position:absolute;top:2.5em;left:0;height:2px;border-radius:1px;background:var(--da-lime);box-shadow:0 0 12px rgba(184,233,134,.45);transition:width .56s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}
.vpm-proc-scroll{position:relative}
.vpm-proc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;position:relative;z-index:2}
.vpm-proc-step{background:transparent;border:none;padding:var(--vpm-proc-step-pt) var(--vpm-proc-step-px) 22px;margin:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:var(--vpm-proc-gap);transition:color .22s ease}
.vpm-proc-step:focus-visible{outline:2px solid var(--da-lime);outline-offset:2px}
.vpm-proc-num{font-family:var(--font-body);font-size:var(--vpm-proc-num-h);font-weight:400;line-height:var(--vpm-proc-num-h);height:var(--vpm-proc-num-h);letter-spacing:0;color:var(--da-ash);transition:color .35s ease;display:block;flex-shrink:0}
.vpm-proc-dot{width:var(--vpm-proc-dot-size);height:var(--vpm-proc-dot-size);border-radius:50%;background:var(--da-white);border:2px solid rgba(21,21,21,.18);flex-shrink:0;position:relative;z-index:2;transform:translateY(calc(var(--vpm-proc-dot-size) * -0.5));transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.vpm-proc-step:hover .vpm-proc-dot,
.vpm-proc-step:focus-visible .vpm-proc-dot{border-color:rgba(21,21,21,.35)}
.vpm-proc-step>div{display:flex;flex-direction:column;gap:8px;width:100%}
.vpm-proc-step h3{font-family:var(--fb)!important;font-size:clamp(16px,1.35vw,20px)!important;font-weight:700!important;letter-spacing:-.02em!important;margin:0!important;margin-top:-3px!important;color:var(--da-ash);transition:color .35s ease;line-height:1.2!important}
.vpm-proc-step p{font-family:var(--font-body)!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none;color:var(--da-ash)!important;margin:0!important;line-height:1.6!important;transition:color .35s ease}
.vpm-proc-step.is-active .vpm-proc-num{color:var(--da-lime)}
.vpm-proc-step.is-active .vpm-proc-dot{background:var(--da-lime);border-color:var(--da-lime);box-shadow:0 0 0 4px rgba(184,233,134,.28)}
.vpm-proc-step.is-active h3{color:var(--da-black)!important}
.vpm-proc-step.is-active p{color:var(--da-charcoal)!important}
.vpm-proc-step.is-done .vpm-proc-num{color:var(--da-black)}
.vpm-proc-step.is-done .vpm-proc-dot{background:var(--da-black);border-color:var(--da-black);box-shadow:none}
.vpm-proc-step.is-done h3{color:var(--da-black)!important}
.vpm-proc-step.is-done p{color:var(--da-ash)!important}

/* §7 CLOSE CTA — parity with .vsp-cls */
.vpm-cls{background:var(--da-lime);color:var(--da-black);border-bottom:1px solid var(--da-line)}
.vpm-cls-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px;text-align:left}
.vpm-cls h2.heading-85{text-transform:none!important;max-width:14ch;margin:0!important}
.vpm-cls-actions{display:flex;justify-content:center;gap:32px;margin-top:0;align-items:center;flex-wrap:wrap;flex-shrink:0}
.vpm-cls a.vpm-cls__cta,
.vpm-cls a.vpm-cls__cta:visited{
	--home-cta-arrow:url('../assets/home/diagonal-arrow.svg');
	display:inline-flex!important;align-items:center;justify-content:center;
	min-width:148px;padding:16px 40px!important;border-radius:999px!important;
	background:var(--da-black)!important;border:1px solid var(--da-black)!important;color:var(--da-cream)!important;
	font-family:var(--font-body)!important;font-size:clamp(13px,1.3vw,15px)!important;font-weight:600!important;
	text-decoration:none!important;box-shadow:none!important
}
.vpm-cls a.vpm-cls__cta:hover,
.vpm-cls a.vpm-cls__cta:focus,
.vpm-cls a.vpm-cls__cta:focus-visible,
.vpm-cls a.vpm-cls__cta:visited:hover,
.vpm-cls a.vpm-cls__cta:visited:focus,
.vpm-cls a.vpm-cls__cta:visited:focus-visible{
	background:var(--da-black)!important;border-color:var(--da-black)!important;color:var(--da-cream)!important;box-shadow:none!important
}
.vpm-cls a.vpm-cls__cta .home-cta__label::after{filter:invert(1)}
.vpm-cls a.vpm-cls__cta:hover .home-cta__label::after,
.vpm-cls a.vpm-cls__cta:focus .home-cta__label::after,
.vpm-cls a.vpm-cls__cta:focus-visible .home-cta__label::after{background-position:14px -14px;filter:invert(1)}
.vpm-cls a.vpm-cls__cta:active .home-cta__label::after{background-position:7px -7px;filter:invert(1)}

/* §8 FAQ — parity with .vsp-faq */
.vpm-faq{background:var(--da-cream);border-top:1px solid var(--da-line);width:100%}
.vpm-faq-list{width:100%}
.vpm-faq-list .container{max-width:var(--da-content-max)}
.vpm-faq-head{text-align:center;margin-bottom:90px;display:flex;flex-direction:column;align-items:center;gap:16px}
.vpm-faq-head .vpm-tag{margin-bottom:0!important}
.vpm-faq-item{border-bottom:1px solid var(--da-line);padding:24px 0}
.vpm-faq-item:first-child{border-top:1px solid var(--da-line)}
.vpm-faq-item.open{border-color:var(--da-lime)}
.vpm-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;font-family:var(--fb)!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.02em!important;text-align:left;color:var(--da-black)!important;gap:24px;padding:0}
.vpm-faq-item .vpm-faq-q span:first-child{transition:transform .3s ease-in-out;padding-right:24px}
.vpm-faq-item:hover .vpm-faq-q span:first-child{transform:translateX(5px)}
.vpm-faq-item.open:hover .vpm-faq-q span:first-child{transform:translateX(0)}
.vpm-faq-item:hover .vpm-faq-ico{border-color:var(--da-lime)}
.vpm-faq-q:hover,.vpm-faq-q:focus,.vpm-faq-q:focus-visible{outline:none}
.vpm-faq-ico{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:2px solid var(--da-line);transition:background .28s var(--ease-c),border-color .28s var(--ease-c);position:relative}
.vpm-faq-item.open .vpm-faq-ico{background:var(--da-lime);border-color:var(--da-lime)}
.vpm-faq-ico:before,.vpm-faq-ico:after{content:"";position:absolute;background:var(--da-ash);transition:transform .32s var(--ease-c)}
.vpm-faq-ico:before{width:10px;height:1.2px}
.vpm-faq-ico:after{width:1.2px;height:10px}
.vpm-faq-item.open .vpm-faq-ico:after{transform:rotate(90deg);background:var(--da-black)}
.vpm-faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .48s var(--ease-c)}
.vpm-faq-item.open .vpm-faq-body{grid-template-rows:1fr}
.vpm-faq-body-inner{overflow:hidden}
.vpm-faq-body-inner p{font-family:var(--font-body);font-size:var(--da-body-size)!important;color:var(--da-charcoal)!important;line-height:1.75!important;padding:10px 0 0!important;max-width:66%;margin:0!important}

/* Modal */
.vpm-modal{
	--modal-cream:#FAF8F5;--modal-black:#151515;--modal-charcoal:#383B40;
	position:fixed;inset:0;background:rgba(21,21,21,.96);z-index:999999;display:none;align-items:center;justify-content:center;padding:48px
}
.vpm-modal.open{display:flex}
.vpm-modal-box{position:relative;width:min(1200px,100%);background:var(--modal-black);border:1px solid var(--modal-charcoal)}
.vpm-modal-close{
	position:absolute;top:12px;right:12px;z-index:10;width:44px;height:44px;border-radius:50%;
	border:1px solid rgba(255,255,255,.55);background:rgba(21,21,21,.65);color:#FAF8F5!important;
	cursor:pointer;display:grid;place-items:center;font-size:22px;line-height:1;padding:0;margin:0;
	box-shadow:0 2px 12px rgba(0,0,0,.35);text-shadow:0 1px 2px rgba(0,0,0,.4);
	transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease
}
.vpm-modal-close:hover,.vpm-modal-close:focus,.vpm-modal-close:focus-visible{background:var(--modal-cream);color:var(--modal-black)!important;border-color:var(--modal-cream);transform:scale(1.04)}
.vpm-modal-bar{display:flex;justify-content:space-between;padding:14px 56px 14px 20px;border-bottom:1px solid var(--modal-charcoal);align-items:center;min-height:52px}
.vpm-modal-bar span{color:var(--modal-cream);font-family:'Biennale-Medium';font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding-right:12px}
.vpm-modal-body{aspect-ratio:16/9;background:#000}
.vpm-modal-body video,.vpm-modal-body iframe{width:100%;height:100%;border:none;display:block}

/* Suppress Elementor on native pages */
.elementor-location-header{display:none!important;height:0!important;overflow:hidden!important}
[data-elementor-type="popup"]{position:fixed!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;z-index:-1!important}
[data-elementor-type="popup"].elementor-popup-modal.e-active{pointer-events:auto!important;opacity:1!important;visibility:visible!important;z-index:999999!important}
#colophon.site-footer{display:none!important}

/* ── RESPONSIVE — parity with video-subpage.css ── */
@media(max-width:1480px){
	.vpm-hero-copy{gap:20px}
}
@media(max-width:991px){
	.vpm p{margin:0!important;padding:0!important}
	.vpm .da-heading-96,
	.vpm h2.heading-85{font-size:clamp(32px,5.5vw,85px)!important;line-height:1.02!important}
	.vpm-hero h1{font-size:clamp(40px,6.5vw,96px)!important;line-height:1.02!important}
	.vpm-hero-body,.vpm-tagline,.vpm-why-card-body,.vpm-why-cell p,.vpm-faq-body-inner p,.vpm-pv-desc{font-size:15px!important;line-height:1.45!important}
	.vpm-hero{padding-top:120px!important}
	.vpm-hero-inner{padding:0 0 40px}
	.vpm section{padding-top:60px}
	.vpm-hero-copy{gap:20px}
	.vpm-tag{margin-bottom:12px!important}
	.vpm-hero .vpm-tag{margin-bottom:-10px!important}
	.vpm-fmts-grid{grid-template-columns:1fr;gap:30px}
	.vpm-preview{position:static}
	.vpm-fmts-head{margin-bottom:40px}
	.vpm-fmts-item-link{
		display:flex;justify-content:space-between;align-items:center;
		gap:25px;padding:20px 0;min-height:80px;width:100%;
		text-decoration:none!important;color:inherit!important;
		-webkit-tap-highlight-color:transparent;
	}
	.vpm-fmts-item-title{font-size:clamp(1.1rem,2.4vw,36px)!important;line-height:1.45!important;opacity:1!important}
	.vpm-fmts-item{border-bottom-color:var(--da-lime)}
	.vpm-fmts-item-num{font-size:28px;color:var(--da-lime);opacity:1}
	.vpm-fmts-item-arrow::before{background-position:0 -25px}
	.vpm-proof-logos{padding:60px 0 60px}
	.vpm-proof-stats .container{flex-wrap:wrap;justify-content:flex-start}
	.vpm-proof-stats .divider{display:none}
	.vpm-stat-cell{flex:1 1 calc(50% - 1px);padding:40px 32px;border:none}
	.vpm-stat-cell:nth-child(1),
	.vpm-stat-cell:nth-child(5){border-right:1px solid rgba(255,255,255,.1)}
	.vpm-stat-cell:nth-child(1),
	.vpm-stat-cell:nth-child(3){border-bottom:1px solid rgba(255,255,255,.1)}
	.vpm-why-cards-head{margin-bottom:30px}
	.vpm-why-cards-row{
		display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
		background:var(--ch);border:1px solid var(--char);align-items:stretch
	}
	.vpm-why-card{min-height:300px;background:var(--da-black);color:var(--da-cream);padding:20px}
	.vpm-why-card-n{color:var(--da-lime)}
	.vpm-why-card:nth-child(2) .vpm-why-card-n{color:#c8b8f0}
	.vpm-why-card:nth-child(3) .vpm-why-card-n{color:#e8b4bc}
	.vpm-why-card:nth-child(4) .vpm-why-card-n{color:#d4c4a8}
	.vpm-why-card-label{color:var(--da-cream)}
	.vpm-why-card-body-wrap{opacity:1;visibility:visible}
	.vpm-why-card-body{color:rgb(255 255 255 / 80%)!important}
	.vpm-why-card-toggle{color:var(--da-lime);display:none;min-height:auto}
	.vpm-why h2.heading-85,.vpm-why .da-heading-96{margin:0 0 0!important;max-width:15ch}
	.vpm-why-grid{grid-template-columns:1fr;margin-top:10px}
	.vpm-why-cell{padding:30px 0;gap:2px}
	.vpm-why-cell:nth-child(odd){padding-left:0}
	.vpm-proc-track{
		--vpm-proc-num-h:12px;
		--vpm-proc-v-num-w:40px;
		--vpm-proc-v-mid-gap:25px;
		--vpm-proc-v-line-x:calc(var(--vpm-proc-v-num-w) + var(--vpm-proc-v-mid-gap) + var(--vpm-proc-dot-size) * 0.5);
		--vpm-proc-step-gap:80px;
		padding-top:0;padding-bottom:0;
		display:flex;justify-content:center
	}
	.vpm-proc-scroll{position:relative;width:100%;max-width:fit-content;margin:0 auto}
	.vpm-proc-rail{display:block;top:0;bottom:0;left:var(--vpm-proc-v-line-x);right:auto;width:2px;height:auto;transform:translateX(-50%)}
	.vpm-proc-fill{display:block;top:0;left:var(--vpm-proc-v-line-x);right:auto;width:2px;height:0;transform:translateX(-50%);transition:height .56s cubic-bezier(.16,1,.3,1)}
	.vpm-proc-grid{grid-template-columns:1fr;gap:40px;min-width:0}
	.vpm-proc-step{
		display:grid;
		grid-template-columns:var(--vpm-proc-v-num-w) var(--vpm-proc-dot-size) minmax(0,1fr);
		column-gap:var(--vpm-proc-v-mid-gap);
		align-items:flex-start;
		padding:0 var(--vpm-proc-step-px) var(--vpm-proc-step-gap) 0;
		width:100%
	}
	.vpm-proc-step:last-child{padding-bottom:0}
	.vpm-proc-num{grid-column:1;grid-row:1;text-align:right;justify-self:stretch;height:auto;line-height:1;padding-right:0}
	.vpm-proc-dot{grid-column:2;grid-row:1;justify-self:center;align-self:flex-start;transform:none;margin:0;z-index:2}
	.vpm-proc-step>div{grid-column:3;grid-row:1;gap:8px;min-width:0;width:auto}
	.vpm-proc-head{margin-bottom:60px;gap:0}
	.vpm-proc-head .da-heading-96{max-width:100%}
	.vpm-cls-inner{gap:32px}
	.vpm-faq-head{margin-bottom:45px}
	.vpm-faq-body-inner p{max-width:100%}
}
@media(max-width:767px){
	.vpm section{padding-top:50px}
	.vpm-hero-inner{padding:0 0 50px}
	.vpm-hero-body,.vpm-tagline{max-width:100%}
	.vpm-band-img,.vpm-band-reel,.vpm-band-thumb{aspect-ratio:auto}
	.vpm-proof-logos{padding:50px 0 50px}
	.vpm-proof-stats .container{flex-wrap:wrap}
	.vpm-proof-stats .divider{display:none}
	.vpm-stat-cell{
		flex:1 1 100%;padding:20px 0;border-right:none;
		border-bottom:1px solid rgba(255,255,255,.1);min-height:auto
	}
	.vpm-stat-cell:nth-child(1),
	.vpm-stat-cell:nth-child(5){border-right:none}
	.vpm-stat-cell:last-child{border-bottom:none;padding-bottom:0}
	.vpm-why-cards-row{grid-template-columns:1fr}
	.vpm-why-card{min-height:auto;padding:20px}
	.vpm-why-card-n{margin-bottom:20px}
	.vpm-why-grid{margin-top:10px}
	.vpm-why-cell{padding:20px 0;gap:2px}
	.vpm-why-cell h3{padding-bottom:10px!important;font-size:clamp(18px,2vw,26px)!important}
	.vpm-why-cell:last-child{padding-bottom:0}
	.vpm-why h2.heading-85,.vpm-why .da-heading-96{max-width:100%;margin-bottom:20px!important}
	.vpm-proc-track{
		--vpm-proc-v-num-w:36px;
		--vpm-proc-v-mid-gap:14px;
		--vpm-proc-v-line-x:calc(var(--vpm-proc-v-num-w) + var(--vpm-proc-v-mid-gap) + var(--vpm-proc-dot-size) * 0.5);
		--vpm-proc-step-gap:72px
	}
	.vpm-proc-step{padding:0 var(--vpm-proc-step-px) var(--vpm-proc-step-gap) 0}
	.vpm-proc-head{margin-bottom:40px;gap:0}
	.vpm-cls-inner{flex-direction:column;align-items:flex-start;gap:24px}
	.vpm-cls h2.heading-85{max-width:100%}
	.vpm-faq-head{margin-bottom:40px}
	.vpm-faq-q{font-size:16px!important}
	.vpm-faq-item{padding:20px 0}
	.vpm-fmts-head{margin-bottom:30px}
	.vpm-fmts-grid{gap:20px}
	.vpm-fmts-item-link{gap:15px;padding:20px 0;min-height:70px}
	.vpm-fmts-item-title{font-size:18px!important;line-height:1.45!important}
	.vpm-fmts-item-num{font-size:18px}
	.vpm-modal{padding:20px}
	.vpm-modal-close{top:8px;right:8px;width:40px;height:40px;font-size:18px}
}
@media(max-width:640px){
	.vpm-hero-actions{flex-direction:column;width:100%}
	.vpm-hero-actions .home-btn,
	.vpm-hero-actions .home-cta{width:100%;min-width:0}
	.vpm-cls-actions{width:100%}
	.vpm-cls a.vpm-cls__cta{width:100%}
}
@media(max-width:480px){
	.vpm-hero-actions .home-btn{padding:14px 22px}
}