#brego-skills { --brego-accent: #30ffce; --brego-line: rgba(255,255,255,.1); --brego-muted: #bbb; padding-top: 70px; padding-bottom: 70px; scroll-margin-top: 100px; }
#brego-skills * { box-sizing: border-box; }
#brego-skills .brego-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--brego-line); border-left: 1px solid var(--brego-line); }
#brego-skills .brego-item { min-width: 0; padding: 30px; background: #101010; border-right: 1px solid var(--brego-line); border-bottom: 1px solid var(--brego-line); overflow-wrap: break-word; }
#brego-skills .brego-item h3 { color: #eee; font-size: 17px; line-height: 1.4; font-weight: 500; margin: 0 0 10px; }
#brego-skills .brego-item p { color: var(--brego-muted); font-size: 14px; line-height: 1.65; margin: 0; }
#brego-skills .brego-icon { display: block; color: var(--brego-accent); font-size: 26px; margin: 0 0 22px; width: auto; height: auto; }
@media(max-width:920px) { #brego-skills .brego-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #brego-skills .brego-item { padding: 24px; } }
@media(max-width:720px) { #brego-skills { padding-top: 50px; padding-bottom: 50px; scroll-margin-top: 80px; } }
@media(max-width:600px) { #brego-skills .brego-grid { grid-template-columns: minmax(0,1fr); } #brego-skills .brego-item { position: relative; padding: 24px 20px 24px 70px; } #brego-skills .brego-icon { position: absolute; left: 24px; top: 27px; font-size: 23px; } }

/* Current Home width, applied to the original Elementor Contact structure. */
body.brego-sc-restored>.container{overflow:clip;display:flow-root}
body.brego-sc-restored .elementor-656>.elementor-section:not(:first-child){width:calc(100% - 96px);max-width:1200px;margin-inline:auto}
body.brego-sc-restored .elementor-656>.elementor-section:not(:first-child)>.elementor-container{width:100%;max-width:1200px}
body.brego-sc-restored .elementor-656>.elementor-section:not(:first-child) .elementor-widget-wrap{padding-inline:0}
body.brego-sc-restored .section.contacts{width:100%;max-width:1200px}
body.brego-sc .section.contacts .content,body.brego-sc #brego-skills>.content{width:100%;max-width:none}
body.brego-sc-restored .service-item .text{overflow-wrap:anywhere}
/* New pages retain the actual Cvio header, footer, typography, and form. */
.brego-sc-contact-proposal .brego-sc-page>.section.started{height:460px;min-height:0;padding:0}
.brego-sc-contact-proposal .brego-sc-page>.section.started .started-content{padding:0 48px}
.brego-sc-contact-proposal .brego-sc-page>.section.started .h-title{font-size:clamp(54px,7vw,92px)}
.brego-sc-contact-proposal .brego-sc-page>.section.started .h-subtitle{font-size:16px;color:#aaa}
.brego-sc-contact-proposal .brego-sc-page>.section.started .h-subtitle p{margin:16px 0 0}
.brego-sc-width{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}
body.brego-sc #brego-skills{padding:30px 0 20px;width:100%;max-width:none}
.brego-sc-page .sc-contact-intro{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start;border-top:1px solid #ffffff26;padding:55px 0 65px}
.sc-contact-intro .sc-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#27f7a4;padding-top:8px}
.sc-contact-intro h2{font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 25px}
.sc-contact-intro h2 span{color:#27f7a4}
.sc-contact-intro p{font-size:16px;line-height:1.7;color:#bbb;max-width:570px;margin:0}
body.brego-sc-contact-proposal .section.contacts{width:100%;max-width:1200px;padding:0 0 70px}
body.brego-sc-contact-proposal .contact_form.content-box{background:#101010}
body.brego-sc .section.contacts .captcha-image{max-width:100%}
body.brego-sc .wpcf7 .captcha-image label{cursor:pointer}
body.brego-sc .wpcf7 .captcha-image label:focus-within{outline:2px solid #27f7a4;outline-offset:2px}
body.brego-sc .section.contacts .group-bts{display:flex;align-items:center;flex-wrap:wrap;gap:25px}
body.brego-sc .section.contacts .group-bts>p{margin:0}
/* Home's sidebar treatment also applies before scrolling on these shorter banners. */
@media(min-width:1200px) and (max-width:1784px){body.brego-sc .container>.footer .copy{transform:translateX(-10px) rotate(-90deg);transform-origin:left bottom}}
@media(min-width:1200px) and (max-width:1320px){body.brego-sc .container>.footer .soc-box{right:-35px}}
@media(max-width:900px){body.brego-sc-restored .elementor-656>.elementor-section:not(:first-child),.brego-sc-width{width:calc(100% - 60px)}.brego-sc-page .sc-contact-intro{gap:35px;grid-template-columns:1fr 2fr}}
@media(max-width:600px){body.brego-sc-restored .elementor-656>.elementor-section:not(:first-child),.brego-sc-width{width:calc(100% - 40px)}.brego-sc-contact-proposal .brego-sc-page>.section.started{height:350px}.brego-sc-contact-proposal .brego-sc-page>.section.started .started-content{padding:0 20px}.brego-sc-page .sc-contact-intro{grid-template-columns:1fr;gap:22px;padding:35px 0 45px}body.brego-sc-contact-proposal .contact_form.content-box{padding:25px 20px}body.brego-sc-contact-proposal .section.contacts{padding-bottom:50px}}