<?php
/**
 * Title: Hero Cover (Slanted Legal)
 * Slug: elayne/hero-cover-slanted-legal
 * Description: Full-height hero section with slanted gradient overlay - legal services content
 * Categories: elayne/hero, elayne/legal
 * Keywords: hero, slanted, gradient, overlay, cover, image, background, legal, law firm, attorney
 * Viewport Width: 1200
 */
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/harbor-sunset.webp","alt":"<?php esc_attr_e( 'Harbor with boats at sunset', 'elayne' ); ?>","dimRatio":75,"overlayColor":"primary-accent","isUserOverlayColor":true,"minHeight":600,"minHeightUnit":"px","contentPosition":"top left","metadata":{"categories":["elayne/hero","elayne/legal"],"patternName":"elayne/hero-cover-slanted-legal","name":"Hero Cover (Slanted Legal)"},"align":"full","className":"is-light diagonal-hero-section","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull has-custom-content-position is-position-top-left is-light diagonal-hero-section" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:600px"><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Harbor with boats at sunset', 'elayne' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/harbor-sunset.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-primary-accent-background-color has-background-dim-80 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large","padding":{"left":"var:preset|spacing|small"}}},"layout":{"type":"constrained","contentSize":"600px","justifyContent":"left"}} -->
<div class="wp-block-group" style="padding-left:var(--wp--preset--spacing--small)"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"clamp(2rem, 5vw, 3.5rem)","fontWeight":"700","textTransform":"uppercase","letterSpacing":"-0.5px","lineHeight":"1.2"}},"textColor":"base","fontFamily":"open-sans"} -->
<h1 class="wp-block-heading has-base-color has-text-color has-open-sans-font-family" style="font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;letter-spacing:-0.5px;line-height:1.2;text-transform:uppercase"><?php esc_html_e( 'Experienced Legal Counsel You Can Trust', 'elayne' ); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.8","fontWeight":"300"}},"textColor":"base","fontFamily":"open-sans","fontSize":"base"} -->
<p class="has-base-color has-text-color has-open-sans-font-family has-base-font-size" style="font-weight:300;line-height:1.8"><?php esc_html_e( 'Sterling & Associates is a full-service law firm dedicated to protecting your interests and advancing your goals. With over 30 years of combined experience, our team of skilled attorneys provides comprehensive legal solutions across corporate law, litigation, real estate, and family matters. We combine deep legal expertise with a personalized approach, ensuring every client receives the attention and strategic counsel they deserve. Let us guide you through complex legal challenges with confidence and clarity.', 'elayne' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
