/* Portfolio-only slideshow: ten images, one new image every two seconds. */
#portfolio .portfolio-backdrop-panel{position:relative;isolation:isolate;overflow:hidden;background:#0d2031}
#portfolio .portfolio-backdrop-panel>.portfolio-sheet-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#0d2031 url('assets/portfolio-working-drawing.jpg') center/cover no-repeat}
.portfolio-background-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;animation:portfolio-background-fade 20s linear infinite;will-change:opacity,transform}
#portfolio .portfolio-backdrop-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0d2031c9,#0d203175 52%,#0d203185)}
#portfolio .portfolio-backdrop-panel>h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.2vw,56px);line-height:1.1;font-weight:400;letter-spacing:-.025em;margin:0 0 18px;color:#fff;text-shadow:0 2px 16px #0009}
#portfolio .portfolio-backdrop-panel>h3 em{color:var(--gold);font-weight:400}
#portfolio .portfolio-backdrop-panel>p{color:#fff;text-shadow:0 1px 8px #000;font-size:14px}
#portfolio .portfolio-backdrop-panel .request-form{background:#091a2ae8;border:1px solid #d4ad7340;padding:24px;box-sizing:border-box;box-shadow:0 12px 40px #0003}
#portfolio .portfolio-backdrop-panel .request-form label,#portfolio .portfolio-backdrop-panel .request-form legend{color:#fff}
#portfolio .portfolio-backdrop-panel input:not([type=checkbox]),#portfolio .portfolio-backdrop-panel select,#portfolio .portfolio-backdrop-panel textarea{background:#091a2af5}
#portfolio .portfolio-backdrop-panel fieldset{background:#091a2ade}
@keyframes portfolio-background-fade{0%{opacity:0;transform:scale(1)}1.5%{opacity:1}10%{opacity:1;transform:scale(1.025)}11.5%{opacity:0;transform:scale(1.03)}100%{opacity:0;transform:scale(1.03)}}
@media(max-width:600px){#portfolio .portfolio-backdrop-panel .request-form{padding:18px}#portfolio .portfolio-backdrop-panel>h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.portfolio-background-slide{animation:none;transform:none}.portfolio-background-slide:first-child{opacity:1}}
