.maple-leaf-hero{background:linear-gradient(135deg,var(--maple-leaf-gray-50)0%,var(--maple-leaf-white)50%,var(--maple-leaf-gray-100)100%);border-bottom:4px solid var(--maple-leaf-red);justify-content:center;align-items:center;height:50vh;min-height:400px;display:flex;position:relative;overflow:hidden}.maple-leaf-hero-overlay{z-index:1;background:linear-gradient(#0000000d,#0000001a);width:100%;height:100%;position:absolute;top:0;left:0}.maple-leaf-hero-decorative-gradient-1,.maple-leaf-hero-decorative-gradient-2{z-index:0;pointer-events:none;background:radial-gradient(circle,#c5212714 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute}.maple-leaf-hero-decorative-gradient-1{top:-100px;right:-100px}.maple-leaf-hero-decorative-gradient-2{bottom:-100px;left:-100px}.maple-leaf-hero-content{z-index:10;pointer-events:none;width:100%;padding-top:80px;position:relative}.maple-leaf-hero-text{text-align:center;pointer-events:auto;max-width:900px;margin:0 auto}.maple-leaf-hero-title{color:var(--maple-leaf-charcoal);letter-spacing:-1px;text-shadow:1px 1px 2px #0000000d;margin-bottom:1rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.1}.maple-leaf-hero-subtitle{color:var(--maple-leaf-gray-700);letter-spacing:.3px;max-width:700px;margin-top:2rem;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,1.8vw,1.3rem);font-weight:300;line-height:1.6}.maple-leaf-hero .maple-leaf-accent-line{background:var(--maple-leaf-red);width:100px;height:4px;margin:1.5rem auto}.maple-leaf-hero--with-image{background:var(--maple-leaf-charcoal)}.maple-leaf-hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.maple-leaf-hero-background .editable-media{width:100%;height:100%}.maple-leaf-hero-background-image{background-position:50%;background-size:cover;width:100%;height:100%}.maple-leaf-hero-overlay--dark{pointer-events:none;background:linear-gradient(#00000080,#000000b3)}.maple-leaf-hero-title--light{color:var(--maple-leaf-white);text-shadow:2px 2px 8px #0000004d}.maple-leaf-hero-subtitle--light{color:#ffffffe6}@media (max-width:768px){.maple-leaf-hero{height:40vh;min-height:350px}.maple-leaf-hero-title{font-size:2rem}.maple-leaf-hero-subtitle{font-size:1rem}}