:root{--gold:#e5b642;--green:#003f32;--deep:#00372d;--cream:#f5efe1}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--deep)}
body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}

.stories-hero{position:relative;min-height:680px;background-image:url('/assets/stories-sagebrush-official.jpg');background-size:cover;background-position:center 46%;overflow:hidden;color:var(--cream);border-bottom:1px solid var(--gold)}
.stories-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,28,.91) 0%,rgba(0,39,31,.73) 31%,rgba(0,29,24,.22) 63%,rgba(0,25,20,.12) 100%),linear-gradient(0deg,rgba(0,35,28,.55) 0%,rgba(0,35,28,0) 45%)}
.stories-copy{position:absolute;z-index:2;left:5%;top:50%;width:min(610px,44vw);transform:translateY(-43%)}
.stories-kicker{margin:0 0 18px;color:var(--gold);font-size:17px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.stories-copy h1{margin:0 0 24px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,5.4vw,88px);font-weight:400;line-height:.98;letter-spacing:-.035em;color:#f7f2e7;text-wrap:balance}
.stories-intro{max-width:535px;margin:0 0 36px;font-size:18px;line-height:1.5;color:rgba(255,255,255,.95)}
.stories-button{display:inline-flex;align-items:center;justify-content:center;min-width:240px;height:58px;padding:0 28px;border:1px solid var(--gold);border-radius:5px;color:var(--gold);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:rgba(0,44,35,.65);transition:background .2s ease,color .2s ease,transform .2s ease}
.stories-button:hover,.stories-button:focus-visible{background:var(--gold);color:#00382d;transform:translateY(-2px);outline:none}
.stories-location{position:absolute;z-index:2;right:4%;bottom:34px;display:flex;gap:11px;align-items:flex-start;text-transform:uppercase;color:#f7f2e7}
.stories-location .pin{font-size:23px;line-height:1;color:var(--gold);transform:rotate(45deg)}
.stories-location strong{display:block;font-size:15px;line-height:1.2;letter-spacing:.13em;font-weight:500}
.stories-location span{display:block;margin-top:8px;font-size:11px;letter-spacing:.13em;color:rgba(247,242,231,.82)}

.story-feature-band{background:linear-gradient(120deg,#004b3d 0%,#00392f 58%,#00372d 100%);color:var(--cream);padding:22px 7% 18px}
.story-feature-row{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.story-feature{position:relative;min-height:88px;display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;padding:8px 34px;text-decoration:none;color:inherit;border-radius:8px;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.story-feature:first-child{padding-left:0}
.story-feature:last-child{padding-right:0}
.story-feature+.story-feature{border-left:1px solid rgba(229,182,66,.28)}
.story-feature-icon{width:72px;height:72px;object-fit:contain;transition:filter .22s ease,transform .22s ease}
.story-feature h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,1.75vw,30px);line-height:1.05;font-weight:400;margin:0 0 9px;color:#f7f0df}
.story-feature p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.05vw,18px);line-height:1.45;margin:0;color:rgba(247,240,223,.92)}
.story-feature::after{content:"";position:absolute;left:112px;bottom:3px;width:0;height:1px;background:var(--gold);transition:width .24s ease}
.story-feature:hover,.story-feature:focus-visible{transform:translateY(-3px);background:rgba(229,182,66,.055);box-shadow:0 8px 22px rgba(0,0,0,.12);outline:none}
.story-feature:hover h2,.story-feature:focus-visible h2{color:var(--gold)}
.story-feature:hover .story-feature-icon,.story-feature:focus-visible .story-feature-icon{filter:brightness(1.18);transform:scale(1.025)}
.story-feature:hover::after,.story-feature:focus-visible::after{width:calc(100% - 146px)}
.story-signature{display:flex;justify-content:center;align-items:baseline;gap:10px;flex-wrap:wrap;margin:16px auto 0;text-align:center}
.story-signature strong{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.story-signature em{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:400;color:var(--gold)}

@media(max-width:900px){
  .stories-hero{min-height:650px;background-position:58% center}
  .stories-copy{left:7%;top:49%;width:72vw}
  .stories-copy h1{font-size:clamp(54px,10vw,76px)}
  .stories-location{right:5%;bottom:24px}
  .story-feature-band{padding:18px 24px 20px}
  .story-feature-row{grid-template-columns:1fr}
  .story-feature{padding:17px 8px;min-height:0;grid-template-columns:64px 1fr}
  .story-feature+.story-feature{border-left:0;border-top:1px solid rgba(229,182,66,.24)}
  .story-feature-icon{width:58px;height:58px}
  .story-feature::after{left:80px;bottom:8px}
  .story-feature:hover::after,.story-feature:focus-visible::after{width:calc(100% - 96px)}
  .story-signature{margin-top:12px}
}
@media(max-width:620px){
  .stories-hero{min-height:610px;background-position:61% center}
  .stories-hero-shade{background:linear-gradient(90deg,rgba(0,35,28,.92),rgba(0,35,28,.54)),linear-gradient(0deg,rgba(0,35,28,.62),transparent 55%)}
  .stories-copy{left:24px;right:24px;top:45%;width:auto;transform:translateY(-42%)}
  .stories-kicker{font-size:14px;margin-bottom:14px}
  .stories-copy h1{font-size:49px;line-height:1.02;margin-bottom:20px}
  .stories-intro{font-size:16px;line-height:1.45;margin-bottom:26px}
  .stories-button{min-width:210px;height:52px;font-size:12px}
  .stories-location{left:24px;right:auto;bottom:22px}
  .stories-location strong{font-size:12px}
  .stories-location span{font-size:9px}
}