.pod-hero{position:relative;isolation:isolate;background:#170a10}
.pod-hero>img{animation:theme-dissolve 54s ease-in-out infinite;transform-origin:55% 48%;will-change:transform,filter}
.pod-hero:after{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(ellipse at 25% 65%,#bf224d55,transparent 55%),radial-gradient(ellipse at 80% 20%,#fd6e2833,transparent 60%);mix-blend-mode:screen;animation:theme-haze 39s ease-in-out infinite alternate;z-index:1}
.theme-spectrum{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;filter:drop-shadow(0 0 4px #e5372966)}
.theme-controls{position:absolute;right:16px;bottom:16px;z-index:4}
.theme-controls button{font-weight:600;line-height:1;font-family:inherit;font-size:12px;min-width:65px;min-height:44px;padding:8px 13px;border:1px solid #ffffff70;border-radius:24px;background:#120c13b8;color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.theme-controls button:hover{background:#2d1721}.theme-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.pod-hero figcaption{z-index:3;max-width:calc(100% - 110px)}
@keyframes theme-dissolve{0%,100%{transform:scale(1.015) translate(0,0);filter:blur(0) saturate(1) hue-rotate(0deg)}25%{transform:scale(1.055) translate(-.5%,.3%);filter:blur(1.2px) saturate(1.25) hue-rotate(-12deg)}48%{transform:scale(1.08) translate(.4%,-.5%);filter:blur(4px) saturate(1.1) hue-rotate(14deg)}67%{transform:scale(1.04) translate(.3%,0);filter:blur(.2px) saturate(1.3) hue-rotate(-8deg)}84%{transform:scale(1.06) translate(-.4%,.2%);filter:blur(2px) saturate(.9) hue-rotate(10deg)}}
@keyframes theme-haze{from{transform:translate(-3%,2%) rotate(-3deg);opacity:.15}to{transform:translate(4%,-3%) rotate(5deg);opacity:.65}}
.theme-still>img,.theme-still:after{animation-play-state:paused}
@media(max-width:600px){.theme-controls{bottom:10px;right:10px}.theme-controls button{min-width:60px;padding:8px 10px}.pod-hero figcaption{font-size:7px}}
@media(prefers-reduced-motion:reduce){.pod-hero>img,.pod-hero:after{animation:none;will-change:auto}.theme-spectrum,.pod-hero:after{display:none}}