/* Portfolio artwork, 2026-11-12. Decorative paint only; layout and behavior stay in index.html. */
#careerOverview{isolation:isolate}
#careerOverview::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;bottom:-180px;width:100vw;transform:translateX(-50%);background:#e7e7e2 url('/assets/portfolio-art-20261112/isometric.webp') right bottom/cover no-repeat}
#careerOverview .career-card{background:linear-gradient(130deg,rgba(255,255,250,.96),rgba(255,255,250,.88)),url('/assets/portfolio-art-20261112/isometric.webp') 78% 100%/auto 100% no-repeat;border-color:#c5c9df;box-shadow:8px 8px 0 rgba(27,46,179,.08)}
#careerOverview .skills-card{background:linear-gradient(130deg,rgba(248,250,255,.97),rgba(235,239,255,.94)),url('/assets/portfolio-art-20261112/isometric.webp') center/cover;border-color:#c5c9df;box-shadow:8px 8px 0 rgba(27,46,179,.08)}
#careerOverview .sk-grp{background:rgba(255,255,255,.78);border-color:#d2d6e2}
#careerOverview .crole{color:#536aa8}
.certs-wrap .certs-toggle{background:#e3ff47;border-color:#1729ab;color:#142175;box-shadow:4px 4px 0 #1b2fae}
.certs-wrap .certs-panel{position:relative}
#codeShowcaseTitle{isolation:isolate}
#codeShowcaseTitle::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:-80px;bottom:-70px;width:100vw;transform:translateX(-50%);background-color:#e7e7e2;background-image:linear-gradient(rgba(38,56,180,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(38,56,180,.09) 1px,transparent 1px);background-size:52px 52px}
#codeShowcaseTitle .showcase-title-inner{border-color:#9ba8ca}
#codeShowcaseTitle h2{color:#1e2d9e;text-shadow:2px 2px 0 #f9f9ee}
#codeShowcase{isolation:isolate}
#codeShowcase::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;bottom:-100px;width:100vw;transform:translateX(-50%);background:#e7e7e2 url('/assets/portfolio-art-20261112/isometric.webp') right bottom/cover no-repeat}
#codeShowcase .code-showcase-frame{border-color:#aab1c8;box-shadow:10px 12px 0 rgba(35,51,170,.12),0 28px 54px rgba(19,30,85,.13)}
#content{isolation:isolate;background:#e9e9e4}
#content .v2-gal{position:relative;isolation:isolate}
#content .v2-gal::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;bottom:-70px;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,rgba(16,22,32,.2),rgba(16,22,32,.05)),#111923 url('/assets/portfolio-art-20261112/spotlight.webp') right top/cover no-repeat}
#content .v2-gal-h h2{color:#f7f7ed}
#content .v2-gal-h p{color:#d1d6df}
#content .v2-gal-eb{color:#e0ff49}
#content .v2-gal-wrap::after{background:linear-gradient(to bottom,rgba(17,25,35,0),#17202c)}
#content .v2-gal-more button{background:#e0ff49;color:#141b24;border-color:#e0ff49;box-shadow:4px 4px 0 rgba(0,0,0,.3)}
#content .section{position:relative;isolation:isolate}
#content .section::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;inset-block:0;width:100vw;transform:translateX(-50%);background-color:#233de1;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:64px 64px}
#content .section .sec-head h2{color:#fff}
#content .section .sec-head .sub{color:#e3e9ff}
#content .section .sec-head .cnt{color:#e2ff48}
#content .section .hr{background:rgba(255,255,255,.3)}
#content .card{border-color:rgba(255,255,255,.68);box-shadow:0 7px 0 rgba(9,17,83,.15)}
#content .card:hover{box-shadow:0 10px 0 rgba(9,17,83,.18),0 20px 32px rgba(10,17,75,.2)}
#contact{background:linear-gradient(90deg,rgba(15,20,29,.8),rgba(15,20,29,.24)),#111923 url('/assets/portfolio-art-20261112/spotlight.webp') right center/cover no-repeat;border-color:#263143;color:#f6f6ed}
#contact .eyebrow{color:#e3ff48}
#contact .big{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}
#contact .sub{color:#c3cbd7}
/* Extend paint, not the element box: viewport-wide decoration cannot create scroll overflow. */
#careerOverview::before,#codeShowcaseTitle::before,#codeShowcase::before,#content .v2-gal::before,#content .section::before{left:0;width:100%;transform:none;clip-path:inset(0 -100vmax);box-shadow:0 0 0 100vmax #e7e7e2}
#content .v2-gal::before{box-shadow:0 0 0 100vmax #111923}
#content .section::before{box-shadow:0 0 0 100vmax #233de1}
/* Phone web-app: use smaller art, no fixed backgrounds, no decoration over bottom tabs. */
@media(max-width:640px){
 #careerOverview::before{bottom:-130px;background-image:url('/assets/portfolio-art-20261112/isometric-mobile.webp');background-size:auto 780px;background-position:62% bottom}
 #careerOverview .career-card,#careerOverview .skills-card{box-shadow:4px 5px 0 rgba(27,46,179,.09);background-image:linear-gradient(130deg,rgba(255,255,250,.96),rgba(241,243,250,.92)),url('/assets/portfolio-art-20261112/isometric-mobile.webp')}
 #codeShowcaseTitle::before{background-size:32px 32px}
 #codeShowcase::before{background-image:url('/assets/portfolio-art-20261112/isometric-mobile.webp');background-position:65% bottom;background-size:auto 760px}
 #codeShowcase .code-showcase-frame{box-shadow:4px 6px 0 rgba(35,51,170,.12)}
 #content .v2-gal::before{background-image:linear-gradient(rgba(16,22,32,.35),rgba(16,22,32,.55)),url('/assets/portfolio-art-20261112/spotlight-mobile.webp');background-size:auto 760px;background-position:68% top}
 #content .section::before{background-size:40px 40px}
 #content .card{box-shadow:0 4px 0 rgba(9,17,83,.15)}
 #contact{background-image:linear-gradient(rgba(15,20,29,.7),rgba(15,20,29,.72)),url('/assets/portfolio-art-20261112/spotlight-mobile.webp');background-size:auto 100%;background-position:70% center}
}