/* Extracted from original inline style block: podcast-reference-motion-fade. Order is intentional. */
/* Soft fade at the bottom of the layered full-video experience. The sidebar is untouched. */
#projects .podcast-stack-deck{isolation:isolate;perspective:1750px;perspective-origin:50% 40%;overflow:visible}
#projects .podcast-stack-sheets{transform-style:preserve-3d}
#projects .podcast-sheet{transform:translate(-50%,-50%) translate3d(var(--sx,0px),var(--sy,0px),var(--sz,0px)) rotateY(var(--ry,0deg)) scale(var(--ss,1));transition:transform 1050ms cubic-bezier(.19,1,.22,1),opacity 860ms cubic-bezier(.22,.75,.2,1),box-shadow 860ms ease,filter 860ms ease;filter:blur(var(--sblur,0px));will-change:transform,opacity;backface-visibility:hidden}
#projects .podcast-sheet.front{filter:none;box-shadow:0 30px 65px rgba(14,25,43,.18)}
/* The veil fades from transparent to the page's own background, and sits below the video controls. */
#projects .podcast-stack-deck::after{content:"";position:absolute;pointer-events:none;z-index:40;left:-12px;right:-12px;bottom:-3px;height:clamp(60px,12vh,130px);background:linear-gradient(to bottom,transparent 0%,var(--podcast-fade-bg,#f5f5ef) 100%);opacity:.94}
#projects .podcast-stack-view{--podcast-fade-bg:var(--cream,#f5f5ef)}
body.dark #projects .podcast-stack-view,body.night #projects .podcast-stack-view,[data-theme="dark"] #projects .podcast-stack-view{--podcast-fade-bg:#111927}
#projects .podcast-stack-nav{position:relative;z-index:45}
@media(max-width:760px){#projects .podcast-stack-deck::after{height:75px;left:-10px;right:-10px}}
@media(prefers-reduced-motion:reduce){#projects .podcast-sheet{transition:none!important}}