Hero Type 7
A San Diego-based CPA firm offering tailored services for business
The above block is copied from the site: https://lyonscpagrodev.wpenginepowered.com/
Pattern HTML
<!-- wp:cover {"url":"https://lyonscpagrodev.wpenginepowered.com/wp-content/uploads/2025/10/hero-video.mp4","id":40,"dimRatio":50,"isUserOverlayColor":true,"backgroundType":"video","isDark":false,"sizeSlug":"full","metadata":{"name":"Hero Section"},"align":"full","className":"hero-section","layout":{"type":"constrained","contentSize":"1300px"},"posterImage":"https://lyonscpagrodev.wpenginepowered.com/wp-content/uploads/2025/10/hero-video-poster.jpg"} -->
<div class="wp-block-cover alignfull is-light hero-section"><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://lyonscpagrodev.wpenginepowered.com/wp-content/uploads/2025/10/hero-video.mp4" data-object-fit="cover"></video><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"metadata":{"name":"Hero Content Wrap"},"className":"hero-content-wrap","layout":{"type":"default"}} -->
<div class="wp-block-group hero-content-wrap"><!-- wp:group {"metadata":{"name":"Content Box"},"className":"hero-content-box","layout":{"type":"default"}} -->
<div class="wp-block-group hero-content-box"><!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} -->
<h1 class="wp-block-heading has-one-color has-text-color has-link-color">Gain Confidence in Your Tax & Accounting Strategy</h1>
<!-- /wp:heading -->
<!-- wp:heading {"level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} -->
<h4 class="wp-block-heading has-one-color has-text-color has-link-color">A San Diego-based CPA firm offering tailored services for business <br>owners, families, trusts, & more</h4>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
Pattern CSS
/*
hero section
--------------------------------------------- */
#site-container .hero-section {
background: var(--wp--preset--color--two);
min-height: 440px;
padding: 70px var(--wp--style--root--padding-right);
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
#site-container .hero-section .wp-block-cover__background {
opacity: 0.6;
background: radial-gradient(291.9% 122.76% at 10% 13.52%, #1B1D21 0%, #022C41 58.33%, #1E212C 100%);
mix-blend-mode: multiply;
}
#site-container .hero-section .hero-content-box {
max-width: 900px;
}
.hero-section a {
color: var(--wp--preset--color--one);
}
#site-container.home .hero-section {
min-height: 645px;
}
