/* ==========================================================================
   지금 이런 상황이신가요? (상황 카드) — 상간소송 원고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- 상황 체크 ---------- */
.sgrid{margin-top:var(--tgap);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;padding-bottom:90px}
.sitem{position:relative;aspect-ratio:3/4;padding:34px 34px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;overflow:hidden;border-radius:20px;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}
.sitem:nth-child(3n+2){transform:translateY(90px)}
.sitem__img{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.35) brightness(.85);transform:scale(1.01);transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .6s}
.sitem::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.86) 62%,rgba(0,0,0,.97))}
.sitem>*:not(.sitem__img){position:relative;z-index:2}
.sitem__no{display:block;font-family:var(--en);font-weight:200;font-size:38px;line-height:1;color:var(--gold)}
.sitem h3{margin-top:16px;font-family:var(--serif);font-weight:200;font-size:24px;line-height:1.42;letter-spacing:-.03em;text-wrap:balance}
.sitem p{margin-top:12px;font-size:15.5px;line-height:1.7;color:var(--tx-2)}
@media (hover:hover){.sitem:hover .sitem__img{transform:scale(1.06);filter:grayscale(0) brightness(.9)}}
.js .sitem{opacity:0;translate:0 70px;transition:opacity .8s ease-out,translate 1s cubic-bezier(.2,.8,.2,1)}
.js .sitem.is-in{opacity:1;translate:0 0}
.js .sitem:nth-child(3n+2){transition-delay:.14s}
.js .sitem:nth-child(3n){transition-delay:.28s}
.situ__foot{margin-top:64px;font-family:var(--serif);font-weight:200;font-size:28px;line-height:1.55}
.situ__foot b{font-weight:200;color:var(--gold-2)}
.rv-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.rv-line>span{display:block}
.js [data-rv] .rv-line>span{transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.js [data-rv].is-in .rv-line>span{transform:none}