/* Authentic Perris photograph recovered from the earlier corporate preview.
   This is a hero-only variant; audience navigation and lower sections are unchanged. */
.photo-hero{padding:0;isolation:isolate;min-height:670px;display:flex;align-items:center}
.photo-hero:after{display:none}
.hero-photo{position:absolute;inset:0;margin:0}
.hero-photo img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:55% 58%}
.photo-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,28,18,.93) 0%,rgba(4,28,18,.79) 34%,rgba(4,28,18,.36) 60%,rgba(4,28,18,.06) 100%),linear-gradient(0deg,rgba(4,28,18,.50) 0%,transparent 35%)}
.photo-hero .hero-content{width:100%;padding-top:86px;padding-bottom:104px;position:relative}
.photo-hero .hero-copy{max-width:610px}
.photo-hero .hero-intro{max-width:565px;color:#fff;font-weight:400;text-shadow:0 1px 3px #0003}
.photo-hero .eyebrow{color:#e7f0eb}
.photo-hero h1{font-size:clamp(42px,4.5vw,64px);text-shadow:0 2px 12px #0002}
.photo-hero .button.outline{background:#07251660;border-color:#c3d2c9}
.photo-hero .button.outline:hover{background:#072516b0}
.hero-photo figcaption{position:absolute;bottom:29px;right:max(40px,calc((100vw - 1160px)/2));z-index:2;border-right:2px solid var(--lime);padding:4px 14px 4px 0;text-align:right;color:white;text-shadow:0 1px 8px #000c}
.hero-photo figcaption span:first-child{display:block;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em}
.hero-photo figcaption span:last-child{display:block;font-size:12px;margin-top:3px}
@media(max-width:900px){
  .photo-hero{min-height:700px}
  .hero-photo img{object-position:61% 50%}
  .photo-shade{background:linear-gradient(90deg,rgba(4,28,18,.91),rgba(4,28,18,.61) 60%,rgba(4,28,18,.25)),linear-gradient(0deg,#041c1280,transparent 50%)}
  .photo-hero .hero-content{padding-top:84px;padding-bottom:108px}
}
@media(max-width:600px){
  /* Preserve a clear view of the facility above the copy on small screens. */
  .photo-hero{display:block;min-height:0;padding:0}
  .hero-photo{position:relative;inset:auto;height:235px;z-index:0}
  .hero-photo img{z-index:0;object-position:60% 57%}
  .hero-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(4,28,18,.6))}
  .hero-photo figcaption{right:24px;bottom:16px}
  .hero-photo figcaption span:first-child{font-size:10px}
  .hero-photo figcaption span:last-child{font-size:11px}
  .photo-shade{display:none}
  .photo-hero .hero-content{padding-top:38px;padding-bottom:54px;background:var(--forest)}
  .photo-hero h1{font-size:40px}
  .photo-hero .hero-intro{font-size:16px}
}
