/* One continuous charcoal canvas; art stays behind the original typography. */
body{background:var(--bg)}
main>.section{background:transparent;border:0;box-shadow:none}
footer{border-top:0}
.site-header,.site-header.is-scrolled{border-bottom:0}
.hero{border-bottom:0;background-image:linear-gradient(180deg,transparent 45%,#080808 100%),linear-gradient(90deg,#0006,#0002 28%,#0004),url("./assets/hero-scene.png")}
#about,#projects,#coming-projects,#experience,#certifications,#contact{position:relative;isolation:isolate}
#about::before,#projects::before,#coming-projects::before,#experience::before,#certifications::before,#contact::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 inset:auto;top:30px;right:-5%;width:min(100%,900px);height:660px;
 background-repeat:no-repeat;background-position:center;background-size:contain;
 opacity:.38;mix-blend-mode:normal;
 filter:grayscale(.85) saturate(.55) brightness(.85);
 -webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 28%,#000b 56%,transparent 100%);
 mask-image:radial-gradient(ellipse closest-side at center,#000 28%,#000b 56%,transparent 100%);
 -webkit-mask-composite:source-over;mask-composite:add;
}
#about::before{background-image:url("./assets/zeus-shadow.webp");opacity:.18}
#projects::before{background-image:url("./assets/projects-chess-clean.jpg");top:0;height:720px;width:min(105%,1000px);opacity:.4}
#coming-projects::before{background-image:url("./assets/obsidian-fissure.jpg");top:10px;right:-4%;height:720px;width:min(110%,1100px);opacity:.55;filter:saturate(.7) brightness(.85)}
#experience::before{background-image:url("./assets/experience-statue-clean.jpg");left:-8%;right:auto;top:0;width:min(70%,760px);height:760px;opacity:.38}
#certifications::before{background-image:url("./assets/credentials-zeus-clean.jpg");left:-8%;right:auto;top:0;width:min(72%,820px);height:700px;opacity:.3;filter:grayscale(1) brightness(.8)}
#contact::before{background-image:url("./assets/contact-statue-clean.jpg");top:0;right:-6%;width:min(100%,1000px);height:100%;opacity:.32;filter:grayscale(.65) saturate(.5) brightness(.75)}
/* Keep separators within lists, without framing whole sections. */
#experience .cert-list>article:first-child,#certifications .cert-list>article:first-child{border-top-color:transparent}
#experience .cert-list>article:last-child,#certifications .cert-list>article:last-child{border-bottom-color:transparent}
@media(max-width:1050px){
 #experience::before,#certifications::before{left:auto;right:-12%;width:90%;height:620px}
}
@media(max-width:760px){
 #about::before{top:40px;right:-18%;width:100%;height:600px;opacity:.13}
 #projects::before{top:20px;right:-10%;width:110%;height:500px;opacity:.28}
 #coming-projects::before{top:90px;right:-22%;width:125%;height:630px;opacity:.42}
 #experience::before{top:10px;right:-18%;width:100%;height:540px;opacity:.26}
 #certifications::before{top:10px;right:-20%;width:110%;height:530px;opacity:.22}
 #contact::before{top:20px;right:-20%;width:115%;height:95%;opacity:.25}
}