/* Subtle ambient movement across both themes. */
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 42vw 38vw at 80% 22%,rgba(211,158,49,.09),transparent 75%),radial-gradient(ellipse 35vw 45vw at 12% 86%,rgba(181,137,55,.055),transparent 75%);animation:ambientDrift 22s ease-in-out infinite alternate}
header,main,footer{position:relative;z-index:1}
.hero{overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 75% 35%,rgba(243,193,82,.12),transparent 50%);animation:heroGlow 16s ease-in-out infinite alternate}
.hero>div{z-index:1;position:relative}
.photo-grid img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.97)}
.photo-grid figure:hover img{transform:scale(1.055);filter:saturate(1.08)}
@keyframes ambientDrift{from{transform:translate3d(-3%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes heroGlow{from{transform:translate3d(-4%,1%,0)}to{transform:translate3d(5%,-3%,0)}}
@media(prefers-reduced-motion:reduce){body::after,.hero::before{animation:none!important}.photo-grid img{transition:none!important}}