.story-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(2rem,5vw,5.5rem);align-items:center;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem)}
.story-image{position:relative;min-height:610px;border:1px solid #2a2a2a;overflow:hidden;background:#101010}
.story-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.8));pointer-events:none}
.story-image:after{content:"";position:absolute;inset:18px;z-index:2;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.story-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:57% center;filter:saturate(.88) contrast(1.04);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.story-stage:hover .story-image img{transform:scale(1.018)}
.story-badge{position:absolute;z-index:3;left:clamp(1.5rem,3vw,2.5rem);bottom:clamp(1.5rem,3vw,2.5rem);display:flex;align-items:center;gap:1rem;max-width:330px;color:#fff}
.story-badge span{font:800 clamp(2.6rem,5vw,4.5rem)/.9 Manrope,sans-serif;color:#ff2727}
.story-badge p{margin:0;font-size:.8rem;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}
.story-copy h2{font:700 clamp(2.7rem,5vw,5rem)/.98 Manrope,sans-serif;letter-spacing:-.06em;margin:1rem 0 1.6rem}.story-copy h2 em{font-style:normal;color:#ff2727}.story-copy>p{font-size:1.08rem;line-height:1.8;color:#777;max-width:580px}
.story-principles{margin:2rem 0 2.2rem;border-top:1px solid #ddd}.story-principles>div{display:grid;grid-template-columns:38px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #ddd}.story-principles b{font-size:.75rem;color:#ff2727;letter-spacing:.1em}.story-principles span{color:#777;font-size:.9rem;line-height:1.5}.story-principles strong{display:block;color:#111;font-size:1rem;margin-bottom:.2rem}
.ops-visual{position:relative;min-height:720px;margin-top:clamp(4rem,8vw,8rem);margin-bottom:clamp(4rem,8vw,8rem);overflow:hidden;background:#080808;color:#fff;border:1px solid #282828}.ops-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.08)}.ops-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.86) 32%,rgba(5,5,5,.18) 67%,rgba(5,5,5,.4) 100%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 42%)}
.ops-copy{position:absolute;z-index:2;left:clamp(2rem,6vw,6rem);top:50%;transform:translateY(-55%);max-width:560px}.ops-copy h2{font:700 clamp(3rem,6vw,6rem)/.94 Manrope,sans-serif;letter-spacing:-.065em;margin:1rem 0 1.4rem}.ops-copy h2 em{font-style:normal;color:#ff2727}.ops-copy p{color:#c2c2c2;font-size:1.06rem;line-height:1.7;max-width:490px}.ops-copy>a{display:inline-flex;gap:1rem;color:#fff;text-decoration:none;font-weight:700;margin-top:1.4rem;padding-bottom:.5rem;border-bottom:2px solid #ff2727}
.ops-metrics{position:absolute;z-index:3;left:clamp(2rem,6vw,6rem);right:clamp(2rem,4vw,4rem);bottom:clamp(1.5rem,3vw,2.5rem);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.22);padding-top:1.2rem;gap:2rem}.ops-metrics small{display:block;color:#999;font-size:.68rem;letter-spacing:.13em;margin-bottom:.45rem}.ops-metrics strong{font-size:.95rem}.ops-metrics i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3fcb6d;box-shadow:0 0 15px #3fcb6d;margin-right:.4rem}
@media (max-width:900px){.story-stage{grid-template-columns:1fr}.story-image{min-height:520px}.story-copy{padding:0 .25rem}.ops-visual{min-height:760px}.ops-shade{background:linear-gradient(180deg,rgba(5,5,5,.18),rgba(5,5,5,.96) 55%)}.ops-copy{left:1.5rem;right:1.5rem;top:auto;bottom:180px;transform:none}.ops-metrics{left:1.5rem;right:1.5rem;grid-template-columns:1fr;gap:.75rem}.ops-metrics div{display:flex;justify-content:space-between;gap:1rem}.ops-metrics small{margin:0}.ops-copy h2{font-size:clamp(3rem,12vw,4.6rem)}}
@media (max-width:600px){.story-stage{padding-left:1rem;padding-right:1rem}.story-image{min-height:440px}.story-image img{object-position:62% center}.story-image:after{inset:10px}.story-badge{left:1.25rem;right:1.25rem}.story-copy h2{font-size:clamp(2.7rem,14vw,4rem)}.ops-visual{margin-left:1rem;margin-right:1rem;min-height:720px}.ops-visual>img{height:48%;object-position:34% center}.ops-copy{bottom:165px}.ops-copy p{font-size:.97rem}.ops-metrics strong{font-size:.82rem}}
@media (prefers-reduced-motion:reduce){.story-image img{transition:none}.story-stage:hover .story-image img{transform:none}}