.hero-image-container{position:relative;overflow:hidden;width:100%}.hero-image{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.hero-image:not(.hero-image-loaded){opacity:0}.hero-image-loaded{opacity:1}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,transparent 30%,transparent 50%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.6));pointer-events:none}.hero-image-placeholder{aspect-ratio:16/9;background:var(--primary,#0d5e6d)}.hero-image-placeholder-inner{width:100%;height:100%;background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--accent)) 100%);opacity:.3}