.hero{position:relative;isolation:isolate}
.hero::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-90px;top:25px;width:min(850px,85vw);height:400px;background:var(--forest,#073d60);opacity:.045;transform:rotate(-32deg);-webkit-mask:url('/jd-forja-sword.svg') center/contain no-repeat;mask:url('/jd-forja-sword.svg') center/contain no-repeat}
:root[data-theme="dark"] .hero::before{background:#52e0ea;opacity:.055}
.siteHeader{position:relative;isolation:isolate;overflow:hidden}
.siteHeader::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:clamp(180px,18vw,320px);top:50%;width:min(600px,55vw);height:130px;transform:translateY(-50%);background:#52e0ea;opacity:.08;-webkit-mask:url('/jd-forja-sword.svg') center/contain no-repeat;mask:url('/jd-forja-sword.svg') center/contain no-repeat}
@media(max-width:650px){.hero::before{left:-20px;top:50px;width:92vw;height:220px}.siteHeader::before{left:140px;width:60vw;height:90px;opacity:.06}}