/* Story-only photographic landscape. No rule in this file targets the hero. */
.story-section .story-copy{
  text-shadow:0 1px 0 rgb(250 249 244 / 76%);
}

.story-section .story-text p{
  color:#30413b;
}

.story-section .story-text .story-opening{
  color:#1d4235;
}

.story-section .story-nature-scene{
  background:#e9ece7;
}

.story-section .story-nature-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  opacity:1;
  filter:saturate(.62) contrast(.96) brightness(.98);
  transform:none;
}

.story-section .story-nature-scene::before{
  z-index:3;
  background:
    linear-gradient(90deg,#e8ebe6 0%,#e8ebe6fa 25%,#e8ebe6e9 34%,#e8ebe684 43%,rgb(232 235 230 / 24%) 50%,rgb(232 235 230 / 4%) 57%,transparent 63%),
    linear-gradient(180deg,#edf0ebbf 0%,transparent 14%,transparent 84%,#e7e9e4b8 100%);
}

.story-section .story-nature-scene::after{
  z-index:4;
  inset:0;
  opacity:1;
  background:
    linear-gradient(90deg,transparent 54%,rgb(45 66 58 / 9%) 70%,rgb(39 59 51 / 32%) 100%),
    radial-gradient(ellipse 34% 48% at 48% 52%,rgb(123 148 140 / 14%) 0%,rgb(123 148 140 / 7%) 50%,transparent 78%),
    radial-gradient(ellipse 76% 54% at 79% 66%,transparent 0 68%,rgb(232 235 230 / 9%) 86%,rgb(232 235 230 / 25%) 100%);
}

@media (min-width:1024px){
  .story-section .story-nature-photo{
    object-position:56% 52%;
  }
}

@media (min-width:768px) and (max-width:1023px){
  .story-section .story-nature-scene{
    height:58%;
    background:#e7ebe7;
  }
  .story-section .story-nature-photo{
    object-position:61% 55%;
    filter:saturate(.62) contrast(.96) brightness(.98);
  }
  .story-section .story-nature-scene::before{
    background:linear-gradient(180deg,#e7eae5 0%,#e7eae5df 10%,rgb(231 234 229 / 42%) 25%,transparent 49%,rgb(231 233 228 / 44%) 100%);
  }
  .story-section .story-nature-scene::after{
    background:linear-gradient(90deg,rgb(231 234 229 / 48%) 0%,transparent 26%,transparent 100%);
  }
}

@media (max-width:767px){
  .story-section .story-text p{color:#354640}
  .story-section .story-text .story-opening{color:#1d4034}
  .story-section .story-nature-scene{
    height:clamp(310px,82vw,390px);
    background:#e7ebe7;
  }
  .story-section .story-nature-photo{
    object-position:69% 55%;
    filter:saturate(.62) contrast(.96) brightness(.98);
  }
  .story-section .story-nature-scene::before{
    background:linear-gradient(180deg,#e7eae5 0%,#e7eae5dd 10%,transparent 34%,transparent 87%,rgb(231 233 228 / 47%) 100%);
  }
  .story-section .story-nature-scene::after{
    background:linear-gradient(90deg,rgb(231 234 229 / 24%) 0%,transparent 32%,transparent 100%);
  }
}