/* Visual hierarchy study: retain panel alpha, layout, artwork and all motion. */
/* A localized peach haze softens the high-contrast face, not the whole wallpaper. */
.wallpaper::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,221,200,.42),rgba(245,185,154,.28));
  backdrop-filter:blur(1.2px) saturate(.86);
  -webkit-backdrop-filter:blur(1.2px) saturate(.86);
  mask-image:radial-gradient(ellipse 36% 49% at 100% 8%,#000 12%,rgba(0,0,0,.88) 42%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 36% 49% at 100% 8%,#000 12%,rgba(0,0,0,.88) 42%,transparent 100%);
}
/* The foreground illustration remains crisp; only the text-side light is quieted. */
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(73,34,25,.50),rgba(73,34,25,.36) 31%,rgba(73,34,25,.12) 53%,transparent 70%);
}
body[data-theme="night"] .wallpaper::after{
  background:linear-gradient(140deg,rgba(46,30,28,.30),rgba(46,30,28,.15));
}
body[data-theme="night"] .hero::before{
  background:linear-gradient(90deg,rgba(20,12,11,.65),rgba(20,12,11,.47) 31%,rgba(20,12,11,.18) 53%,transparent 72%);
}
@media(max-width:850px){
  /* No giant peripheral face on narrow screens: retain the existing wallpaper. */
  .wallpaper::after{display:none}
  .hero::before{background:linear-gradient(90deg,rgba(73,34,25,.60),rgba(73,34,25,.35) 45%,transparent 88%)}
  body[data-theme="night"] .hero::before{background:linear-gradient(90deg,rgba(20,12,11,.73),rgba(20,12,11,.38) 45%,transparent 88%)}
}