/* Chapter artwork, kept separate for easy art-direction iterations. */
#experience,#projects.project-gallery,#contact{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;padding-left:max(6vw,calc((100vw - 1240px)/2));padding-right:max(6vw,calc((100vw - 1240px)/2));position:relative;isolation:isolate}
#experience:before,#projects:before,#contact:before{display:none}
.chapter-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#100f15;overflow:hidden}
.chapter-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.85}
.chapter-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#100f15 0%,transparent 16%,transparent 84%,#100f15 100%),linear-gradient(90deg,#100f1508 15%,#100f1530 38%,#100f15ae 57%,#100f15c9 100%)}
#experience .experience-portrait img{display:none}
#experience .experience-portrait{align-self:stretch;justify-content:flex-start;padding-top:20px}
#experience>.section-body,#contact>.section-body{text-shadow:0 2px 15px #0008}
#projects .chapter-backdrop img{opacity:.17}
#projects .chapter-backdrop:after{background:linear-gradient(180deg,#100f15 0%,#100f1530 28%,#100f150a 55%,#100f15 100%)}
#contact .chapter-backdrop img{opacity:.9}
#contact{min-height:100svh;align-content:center}
@media(min-width:641px){#contact>.section-body{grid-column:2}}
@media(max-width:640px){#experience,#projects.project-gallery,#contact{padding-left:24px;padding-right:24px}#experience .experience-portrait{min-height:250px}#experience .chapter-backdrop img,#contact .chapter-backdrop img{object-position:23% center;opacity:.38}#experience .chapter-backdrop:after,#contact .chapter-backdrop:after{background:linear-gradient(180deg,#100f1570,#100f1599 45%,#100f15 100%)}#contact>.section-index{margin-bottom:90px}#projects .chapter-backdrop img{opacity:.13}}
@media(min-width:641px){#experience .chapter-backdrop img,#contact .chapter-backdrop img{object-position:left center}#experience .experience-portrait{position:static}#experience .experience-portrait .section-index,#contact>.section-index{position:absolute;left:max(6vw,calc((100vw - 1240px)/2));top:35px;margin:0;z-index:1}}

@media(min-width:641px){#contact .chapter-backdrop img{transform:translateX(-9vw);mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)}}