/* NAAL hero watermark — reference .herofound spec */
#naal-hero{position:relative}
#naal-hero > .elementor-element:not(.nm-wm){position:relative;z-index:2}
.naal-heromark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;user-select:none;overflow:visible;will-change:transform}
.naal-heromark span{font-family:'Playfair Display',serif;font-weight:500;line-height:.78;letter-spacing:.03em;font-size:clamp(170px,30vw,480px);white-space:nowrap;background:linear-gradient(100deg,rgba(22,22,22,.10) 0%,rgba(22,22,22,.10) 43%,rgba(185,145,70,.46) 50%,rgba(22,22,22,.10) 57%,rgba(22,22,22,.10) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:naalsheen 9s linear infinite}
@keyframes naalsheen{to{background-position:-140% 0}}
@media (max-width:860px){.naal-heromark span{font-size:clamp(120px,34vw,300px)}}

#about-hero{position:relative}
#about-hero > .elementor-element:not(.nm-wm){position:relative;z-index:2}

/* Fix: watermark wrapper must not anchor the absolute watermark */
#naal-hero .nm-wm,#about-hero .nm-wm{position:static!important}
#naal-hero>.e-con-inner,#about-hero>.e-con-inner{position:static}
#naal-hero,#about-hero{position:relative}

/* Watermark covers only hero text region (matches reference .herofound short section) */
.naal-heromark{position:absolute;top:0;left:0;right:0;bottom:auto;height:clamp(580px,54vw,800px);width:100%;display:flex;align-items:center;justify-content:center}
@media(max-width:860px){.naal-heromark{height:clamp(360px,60vw,520px)}}

/* About-specific watermark vertical centering (reference: ~20px below headline center) */
#about-hero .naal-heromark{height:clamp(360px,34vw,560px)}
@media(max-width:860px){#about-hero .naal-heromark{height:clamp(300px,52vw,460px)}}