body.brego-background-site { background:#101010; }
.brego-background-site > .container { position:relative; z-index:1; background:transparent; }
/* Keep the theme preloader (spinner + curtain); hide only the theme's thin line strokes,
   the three #brego-background-guides replace them. */
.brego-background-site .lines .line-col:before { display:none!important; }
#brego-background { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; visibility:hidden; background:#101010; }
#brego-background-canvas { display:block; width:100%; height:100%; opacity:.30; transition:none; animation:none; }
/* background.js prepends the guides into .container, so z-index:0 keeps them under the page
   content (logo, cards, boxes) and above the canvas; z-index:3 drew them over the content. */
#brego-background-guides { position:fixed; inset:0; margin:0 auto; width:854px; max-width:calc(100% - 60px); z-index:0; pointer-events:none; }
#brego-background-guides span { position:absolute; top:0; bottom:0; width:1px; background:rgba(255,255,255,.075); }
#brego-background-guides span:nth-child(1) { left:0; }
#brego-background-guides span:nth-child(2) { left:50%; }
#brego-background-guides span:nth-child(3) { right:0; }
.brego-background-site #brego-skills .brego-item { background:rgba(16,16,16,.83); }
.brego-background-site .h-subtitles { opacity:1!important; transition:none!important; }
.brego-background-site .elementor-invisible { visibility:visible!important; }
.brego-background-site .animated { animation:none!important; }
.brego-background-site .portfolio-items .box-item { transition-duration:0s!important; animation:none!important; }
@media(max-width:920px) { #brego-background-guides { width:670px; } }