.method-story__step{isolation:isolate;position:relative;grid-template-columns:4rem minmax(13rem,.75fr) minmax(18rem,1fr);gap:clamp(1.5rem,4vw,5rem);min-height:38rem;padding-block:5.5rem;overflow:hidden}
.method-story__step>span,.method-story__step>h2,.method-story__step>div{position:relative;z-index:2}
.method-story__step>div{grid-column:3}
.method-visual{position:absolute;z-index:-1;inset:1.5rem 0;margin:0;border:1px solid rgba(255,255,255,.09);overflow:hidden;opacity:.8;transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.method-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 18%,rgba(0,0,0,.72) 49%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,#000 0%,transparent 29%,#000 100%)}
.method-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.08) brightness(.9);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.method-story__step:nth-child(even) .method-visual img{transform:scaleX(-1)}
.method-story__step:nth-child(even) .method-visual:after{background:linear-gradient(270deg,#000 0%,rgba(0,0,0,.96) 18%,rgba(0,0,0,.72) 49%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,#000 0%,transparent 29%,#000 100%)}
.method-story__step:hover .method-visual{opacity:.98}
.method-story__step:hover .method-visual img{transform:scale(1.025)}
.method-story__step:nth-child(even):hover .method-visual img{transform:scaleX(-1.025) scaleY(1.025)}
.page-film--method>img{object-position:center;opacity:.86}.page-film--method:after{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.63) 38%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,#000,transparent 28%,transparent 72%,#000)}
@media(max-width:900px){.method-story__step{grid-template-columns:3rem minmax(0,1fr);min-height:42rem;padding-top:20rem}.method-visual{inset:1.5rem 0 auto;height:18rem}.method-visual:after,.method-story__step:nth-child(even) .method-visual:after{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.25) 55%,#000 100%)}.method-story__step:nth-child(even) .method-visual img{transform:none}.method-story__step>div{grid-column:2}.method-story__step:hover .method-visual img,.method-story__step:nth-child(even):hover .method-visual img{transform:scale(1.02)}}
@media(max-width:700px){.method-story__step{grid-template-columns:2rem minmax(0,1fr);gap:.9rem;min-height:auto;padding-top:15.8rem;padding-bottom:3.5rem}.method-visual{inset:1rem 0 auto;height:14.2rem}.method-story__step>h2{grid-column:2;font-size:clamp(2.75rem,13vw,3.8rem)}.method-story__step>div{grid-column:2}.method-story__step>div p{max-width:31rem;margin-bottom:1.05rem;font-size:1rem;line-height:1.58}.method-story__step>div strong{max-width:28rem;font-size:.72rem;line-height:1.45}.page-film--method>img{object-position:58% center}.page-film--method:after{background:linear-gradient(0deg,#000 4%,rgba(0,0,0,.78) 47%,rgba(0,0,0,.16) 100%)}}