.hero-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-700) 100%);display:flex;flex-direction:column;gap:2rem;height:60vh;justify-content:center;min-height:400px;position:relative;width:100%}@media (min-width:768px){.hero-placeholder{height:80vh;min-height:600px}}.hero-placeholder .hero-content{max-width:800px;padding:2rem;text-align:center;width:100%}.hero-placeholder .hero-content h1,.hero-placeholder .hero-content h2{color:#fff;margin:0;outline:none;position:relative}.hero-placeholder .hero-content h1:empty:before,.hero-placeholder .hero-content h2:empty:before{content:attr(data-placeholder);left:0;opacity:.5;pointer-events:none;position:absolute;right:0}.hero-placeholder .hero-content h1{font-size:clamp(40px,40px + 1.25vw,60px);line-height:1.2;margin-bottom:1rem}.hero-placeholder .hero-content h2{font-size:clamp(18px,18px + .85vw,32px);line-height:1.4}.hero-placeholder .hero-content h1[contenteditable=true],.hero-placeholder .hero-content h2[contenteditable=true]{border-radius:4px;padding:.5rem;transition:background-color .2s}.hero-placeholder .hero-content h1[contenteditable=true]:hover,.hero-placeholder .hero-content h2[contenteditable=true]:hover{background-color:#ffffff1a}.hero-placeholder .hero-content h1[contenteditable=true]:focus,.hero-placeholder .hero-content h2[contenteditable=true]:focus{background-color:#ffffff26}