/* A plaster wall made from light, not a photograph. Home hero only.
   Three composited planes: daylight, cool occlusion, warm reflected light. */
.group-home .hero__bg.hero-material{
  --wall:#8d7d68;
  --daylight:rgba(255,245,219,.72);
  --occlusion:rgba(39,35,31,.64);
  --reflection:rgba(214,178,121,.26);
  inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;
  transform:none!important;will-change:auto;isolation:isolate;
  background:radial-gradient(ellipse at 47% 27%,#b8ac95 0%,var(--wall) 55%,#6b5c4b 100%);
}
.hero-material__sun,.hero-material__shade,.hero-material__bounce{
  position:absolute;display:block;inset:-30%;pointer-events:none;
  transform-origin:58% 35%;
}
.hero-material__sun{
  background:linear-gradient(113deg,transparent 26%,rgba(255,245,219,.08) 34%,
    rgba(255,245,219,.4) 43%,var(--daylight) 49%,rgba(255,245,219,.62) 54%,
    rgba(255,245,219,.2) 60%,transparent 68%);
  transform:translate3d(-3%,-1%,0) rotate(-2deg);
}
.hero-material__shade{
  background:linear-gradient(113deg,rgba(37,34,30,.24),transparent 39%,transparent 55%,
    rgba(39,35,31,.12) 62%,var(--occlusion) 73%,rgba(39,35,31,.4) 100%);
}
.hero-material__bounce{
  background:radial-gradient(ellipse at 65% 88%,var(--reflection),transparent 56%);
}
.hero-material::after{
  content:"";position:absolute;inset:0;opacity:.32;mix-blend-mode:soft-light;
  /* Static surface grain: the material must not swim with the illumination. */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23grain)' d='M0 0h220v220H0z'/%3E%3C/svg%3E");
}
.hero-material__relief{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-material.has-relief > span,.hero-material.has-relief::after{display:none}
@media screen and (prefers-reduced-motion:no-preference){
  .hero-material.is-lit > span{will-change:transform}
}
@media print{
  .group-home .hero__bg.hero-material{background:#8d7d68!important}
  .hero-material > span,.hero-material::after,.hero-material__relief{display:none!important}
}