.symcon-portfolio{display:block;color:#f2f5f7;background:#0a0d12;font-family:system-ui,sans-serif;line-height:1.65;overflow-wrap:anywhere;border-radius:18px;}
.symcon-portfolio h1,.symcon-portfolio h2,.symcon-portfolio h3{color:inherit;font-family:inherit;}
.symcon-portfolio img{max-width:100%;height:auto;}
.symcon-portfolio .project-grid{align-items:stretch;}
.symcon-portfolio .portfolio-pagination{padding:1rem;}
.symcon-portfolio .portfolio-back{padding:1rem;}
.symcon-portfolio .project-card h3{overflow-wrap:anywhere;}
@media(min-width:961px){.symcon-portfolio.portfolio-overview .project-card.featured{min-height:44rem;}}
.symcon-portfolio p,.symcon-portfolio li,.symcon-portfolio td,.symcon-portfolio th{font-family:inherit;}
body:has(.symcon-portfolio),body:has(.symcon-portfolio) .body-wrapper,body:has(.symcon-portfolio) #sp-header,body:has(.symcon-portfolio) #sp-footer{background:#0a0d12;color:#f2f5f7;}
body:has(.symcon-portfolio) .sp-megamenu-parent>li>a{color:#dbe2e9;}
body:has(.symcon-portfolio) #sp-main-body{padding:32px 0;}
body:has(.symcon-portfolio) .body-innerwrapper{background:#0a0d12;}
body:has(.symcon-portfolio) .burger-icon>span{background:#f2f5f7;}
.symcon-portfolio.portfolio-overview .status.alpha,.symcon-portfolio.portfolio-detail .status.alpha{color:#ff7373;}
body:has(.symcon-portfolio).layout-boxed .body-innerwrapper{width:100%;max-width:none;}
@media(min-width:992px){body:has(.symcon-portfolio) #sp-header .container,body:has(.symcon-portfolio) #sp-main-body>.container,body:has(.symcon-portfolio) #sp-footer .container{width:94%;max-width:1800px;}
.symcon-portfolio.portfolio-overview,.symcon-portfolio.portfolio-detail{--max:1720px;}
.symcon-portfolio.portfolio-overview .hero{padding:clamp(3rem,5vw,5rem) 0 3rem;}
.symcon-portfolio.portfolio-overview .hero-grid{align-items:center;}
.symcon-portfolio.portfolio-overview section{padding:4rem 0;}}
/* Shared Joomla chrome follows the personal project workshop. */
body:has(.symcon-portfolio),body:has(.symcon-portfolio) .body-wrapper,body:has(.symcon-portfolio) .body-innerwrapper,body:has(.symcon-portfolio) #sp-header,body:has(.symcon-portfolio) #sp-footer{background:#252721;color:#eae7db}
.symcon-portfolio{background:#252721;color:#eae7db;border-radius:0;font-family:system-ui,sans-serif}
.symcon-portfolio.portfolio-overview{--max:1560px}
.symcon-portfolio.portfolio-overview h1,.symcon-portfolio.portfolio-overview h2,.symcon-portfolio.portfolio-overview h3{font-family:Georgia,serif;font-weight:400}
.symcon-portfolio.portfolio-overview .project-card.featured{min-height:0}
.symcon-portfolio.portfolio-overview .hero{padding:3.5rem 0 4rem}
.symcon-portfolio.portfolio-overview section{padding:0}
.symcon-portfolio.portfolio-overview .about{padding:4rem 0}
.symcon-portfolio.portfolio-detail{--bg:#252721;--surface:#30352c;--surface-2:#30352c;--text:#eae7db;--muted:#bdbdaf;--line:#52564b;--amber:#d8b985;--cyan:#d8b985;background:#252721;color:#eae7db}
.symcon-portfolio.portfolio-detail h1,.symcon-portfolio.portfolio-detail h2,.symcon-portfolio.portfolio-detail h3{font-family:Georgia,serif;font-weight:400}
.symcon-portfolio.portfolio-detail .fact-card,.symcon-portfolio.portfolio-detail .toc{background:#30352c;border-color:#52564b;box-shadow:none;border-radius:3px}
.symcon-portfolio.portfolio-detail .button.primary{background:#d8b985;color:#252721}
body:has(.symcon-portfolio) #sp-header{box-shadow:none;border-bottom:1px solid #52564b}
body:has(.symcon-portfolio) .sp-megamenu-parent>li>a{color:#eae7db}
@media(max-width:640px){.symcon-portfolio.portfolio-overview .hero{padding:2rem 0}.symcon-portfolio.portfolio-overview .about{padding:2rem 0}}