/* Photographic visual layer — loaded after the core production stylesheet. */
.hero{
  background:
    linear-gradient(90deg,rgba(10,34,20,.96) 0%,rgba(11,38,22,.88) 38%,rgba(12,39,22,.42) 66%,rgba(12,39,22,.08) 100%),
    url('/assets/hero-photo.svg') 68% center/cover no-repeat;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,18,9,.08),transparent 32%,rgba(3,18,9,.12));
}
.hero-grid{position:relative;z-index:2}
.product-image{background:#d6c4a4}
.product-image img{filter:saturate(.96) contrast(1.03)}
.image-frame{background:#445f37}
.image-frame>img{filter:saturate(.93) contrast(1.035)}
.values::before{
  inset:0 0 0 48%;
  background:
    linear-gradient(90deg,var(--forest) 0%,rgba(20,60,37,.63) 30%,rgba(20,60,37,.12) 100%),
    url('/assets/quality-photo.svg') center/cover no-repeat;
  opacity:.74;
}
@media(max-width:820px){
  .hero{background-position:72% center}
  .values::before{inset:0;opacity:.21;background:linear-gradient(rgba(20,60,37,.34),rgba(20,60,37,.34)),url('/assets/quality-photo.svg') center/cover no-repeat}
}
@media(max-width:560px){
  .hero{
    background:
      linear-gradient(180deg,rgba(8,32,18,.96) 0%,rgba(10,39,21,.86) 52%,rgba(10,39,21,.70) 100%),
      url('/assets/hero-photo.svg') 72% center/cover no-repeat;
  }
  .product-image{aspect-ratio:1.45}
}