Video Editing
Motion Design
Brand-Aligned Content
Post-Production Leadership
Retainer Partnerships
Frame.io Workflow
US & UK Brands
Video Editing
Motion Design
Brand-Aligned Content
Post-Production Leadership
Retainer Partnerships
Frame.io Workflow
US & UK Brands
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5298779 *//* Animated blue gradient wash */
.elementor-921 .elementor-element.elementor-element-5298779 .hero::before {
content:""; position:absolute; top:-20%; right:-10%;
width:70%; height:130%;
background:radial-gradient(ellipse, rgba(26,63,255,0.055) 0%, transparent 65%);
border-radius:50%; pointer-events:none; z-index:0;
animation: hero-wash 9s ease-in-out infinite alternate;
}
.elementor-921 .elementor-element.elementor-element-5298779 .hero::after {
content:""; position:absolute; bottom:10%; left:-5%;
width:45%; height:80%;
background:radial-gradient(ellipse, rgba(26,63,255,0.03) 0%, transparent 60%);
border-radius:50%; pointer-events:none;
animation: hero-wash 12s ease-in-out infinite alternate-reverse;
}
@keyframes hero-wash {
from { transform: translate(0,0) scale(1); opacity:.7; }
to { transform: translate(-24px,16px) scale(1.08); opacity:1; }
}
/* Bottom row grid layout */
.elementor-921 .elementor-element.elementor-element-5298779 .hero-bottom-row {
display:grid; grid-template-columns:1fr 1fr;
gap:40px; align-items:flex-end;
}
/* Eyebrow line decoration */
.elementor-921 .elementor-element.elementor-element-5298779 .hero-eyebrow::before {
content:""; display:block; width:20px; height:1.5px;
background:#1A3FFF; flex-shrink:0;
}
/* Ghost button arrow */
.elementor-921 .elementor-element.elementor-element-5298779 .btn-ghost::after { content:"→"; font-size:14px; color:#1A3FFF; }
/* Showreel grid texture */
.elementor-921 .elementor-element.elementor-element-5298779 .hero-reel-grid {
position:absolute; inset:0;
background-image:
linear-gradient(rgba(26,63,255,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(26,63,255,0.04) 1px, transparent 1px);
background-size:36px 36px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17061d5 *//* Paste into Elementor → Section → Advanced → Custom CSS */
.elementor-921 .elementor-element.elementor-element-17061d5 { border-bottom: 1px solid #1A1A1A; }
.elementor-921 .elementor-element.elementor-element-17061d5 .pricing-grid {
display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 40px;
}
.elementor-921 .elementor-element.elementor-element-17061d5 .pricing-features { list-style: none; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.elementor-921 .elementor-element.elementor-element-17061d5 .pricing-features li {
display: flex; gap: 9px; align-items: flex-start; font-size: 11px; line-height: 1.55;
}
.elementor-921 .elementor-element.elementor-element-17061d5 .pricing-features li::before {
content: "—"; font-family: "DM Mono",monospace; font-size: 10px;
color: rgba(26,63,255,0.7); flex-shrink: 0; margin-top: 1px;
}
.elementor-921 .elementor-element.elementor-element-17061d5 .pricing-card.featured .pricing-features li::before { color: rgba(255,255,255,0.6); }
.elementor-921 .elementor-element.elementor-element-17061d5 .pricing-best-for {
display: flex; flex-wrap: wrap; gap: 5px; margin-top: 16px;
padding-top: 14px; border-top: 0.5px solid rgba(255,255,255,0.07);
}
.elementor-921 .elementor-element.elementor-element-17061d5 .pricing-card.featured .pricing-best-for { border-top-color: rgba(255,255,255,0.2); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3e5139 *//* Paste into Elementor → Section → Advanced → Custom CSS */
.elementor-921 .elementor-element.elementor-element-f3e5139 { border-bottom: 1px solid #EBEBEB; }
.elementor-921 .elementor-element.elementor-element-f3e5139 .service-row {
display: grid;
grid-template-columns: 44px 1fr 240px 32px;
align-items: center;
gap: 20px;
border-top: 1px solid #EBEBEB;
cursor: pointer;
}
.elementor-921 .elementor-element.elementor-element-f3e5139 .service-row:last-child { border-bottom: 1px solid #EBEBEB; }
.elementor-921 .elementor-element.elementor-element-f3e5139 .service-row:hover .svc-title { color: #1A3FFF !important; }
.elementor-921 .elementor-element.elementor-element-f3e5139 .service-row:hover .svc-icon {
background: #1A3FFF !important;
border-color: #1A3FFF !important;
}
.elementor-921 .elementor-element.elementor-element-f3e5139 .service-row:hover .svc-icon svg { stroke: #FFFFFF !important; }
.elementor-921 .elementor-element.elementor-element-f3e5139 .section-link::after { content: " →"; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd2aa67 *//* Paste into Elementor → Section → Advanced → Custom CSS */
.elementor-921 .elementor-element.elementor-element-dd2aa67 .process-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1px;
background: #EBEBEB;
border: 1px solid #EBEBEB;
border-radius: 8px;
overflow: hidden;
margin-top: 40px;
}
.elementor-921 .elementor-element.elementor-element-dd2aa67 .process-cell { background: #FFFFFF; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9eab303 *//* Paste into Elementor → Section → Advanced → Custom CSS */
.elementor-921 .elementor-element.elementor-element-9eab303 { border-bottom: 1px solid #1A1A1A; }
.elementor-921 .elementor-element.elementor-element-9eab303 .pricing-grid {
display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 40px;
}
.elementor-921 .elementor-element.elementor-element-9eab303 .pricing-features { list-style: none; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.elementor-921 .elementor-element.elementor-element-9eab303 .pricing-features li {
display: flex; gap: 9px; align-items: flex-start; font-size: 11px; line-height: 1.55;
}
.elementor-921 .elementor-element.elementor-element-9eab303 .pricing-features li::before {
content: "—"; font-family: "DM Mono",monospace; font-size: 10px;
color: rgba(26,63,255,0.7); flex-shrink: 0; margin-top: 1px;
}
.elementor-921 .elementor-element.elementor-element-9eab303 .pricing-card.featured .pricing-features li::before { color: rgba(255,255,255,0.6); }
.elementor-921 .elementor-element.elementor-element-9eab303 .pricing-best-for {
display: flex; flex-wrap: wrap; gap: 5px; margin-top: 16px;
padding-top: 14px; border-top: 0.5px solid rgba(255,255,255,0.07);
}
.elementor-921 .elementor-element.elementor-element-9eab303 .pricing-card.featured .pricing-best-for { border-top-color: rgba(255,255,255,0.2); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14fb9a2 *//* Paste into Elementor → Section → Advanced → Custom CSS */
.elementor-921 .elementor-element.elementor-element-14fb9a2 .process-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1px;
background: #EBEBEB;
border: 1px solid #EBEBEB;
border-radius: 8px;
overflow: hidden;
margin-top: 40px;
}
.elementor-921 .elementor-element.elementor-element-14fb9a2 .process-cell { background: #FFFFFF; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94819c1 *//* CSS — paste into Elementor > Custom CSS for this section */
/* Blue accent bar — apply to left border of quote container */
.elementor-921 .elementor-element.elementor-element-94819c1 .testimonial-content {
border-left: 3px solid #1A3FFF;
padding-left: 20px;
}
/* Avatar circle */
.elementor-921 .elementor-element.elementor-element-94819c1 .testimonial-avatar {
width: 64px;
height: 64px;
border-radius: 50%;
background: #2E2E2E;
display: flex;
align-items: center;
justify-content: center;
font-family: "DM Mono", monospace;
font-size: 13px;
color: #888888;
flex-shrink: 0;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-9d01ef4 */.elementor-921 .elementor-element.elementor-element-9d01ef4 .elementor-accordion-item {
border: none;
border-top: 1px solid var(--ls11-fog2);
}
.elementor-921 .elementor-element.elementor-element-9d01ef4 .elementor-accordion-item:last-child {
border-bottom: 1px solid var(--ls11-fog2);
}
.elementor-921 .elementor-element.elementor-element-9d01ef4 .elementor-tab-title {
font-family: 'Barlow', sans-serif;
font-weight: 600;
font-size: 14px;
color: var(--ls11-black);
padding: 20px 0;
}
.elementor-921 .elementor-element.elementor-element-9d01ef4 .elementor-tab-content {
font-family: 'Inter', sans-serif;
font-size: 13px;
color: var(--ls11-slate);
line-height: 1.75;
padding: 0 0 20px;
}
.elementor-921 .elementor-element.elementor-element-9d01ef4 .elementor-accordion-item.elementor-active {
border-left: 3px solid var(--ls11-electric);
padding-left: 14px;
}
.elementor-921 .elementor-element.elementor-element-9d01ef4 .elementor-accordion-item.elementor-active .elementor-tab-title {
color: var(--ls11-electric);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d636f1 *//* Paste into Elementor → Section → Advanced → Custom CSS */
.elementor-921 .elementor-element.elementor-element-4d636f1 .process-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1px;
background: #EBEBEB;
border: 1px solid #EBEBEB;
border-radius: 8px;
overflow: hidden;
margin-top: 40px;
}
.elementor-921 .elementor-element.elementor-element-4d636f1 .process-cell { background: #FFFFFF; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c9ea46 */.elementor-921 .elementor-element.elementor-element-4c9ea46 {
background: var(--ls11-white);
padding: 10px 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5903b34 *//* Paste into Elementor → Section → Advanced → Custom CSS */
.elementor-921 .elementor-element.elementor-element-5903b34 .process-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1px;
background: #EBEBEB;
border: 1px solid #EBEBEB;
border-radius: 8px;
overflow: hidden;
margin-top: 40px;
}
.elementor-921 .elementor-element.elementor-element-5903b34 .process-cell { background: #FFFFFF; }/* End custom CSS */