.svx{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;display:grid}.svx-card{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;overflow:hidden}.svx-card:hover{border-color:var(--navy-600);box-shadow:var(--shadow);transform:translateY(-4px)}.svx-img{aspect-ratio:4/3;background:var(--navy-050);display:block;position:relative;overflow:hidden}.svx-img img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.svx-card:hover .svx-img img{transform:scale(1.06)}.svx-img:after{content:"";background:linear-gradient(#0e1d3800 55%,#0e1d3866 100%);position:absolute;inset:0}.svx-ic{z-index:1;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;transition:background-color .25s;display:grid;position:absolute;bottom:14px;left:14px;box-shadow:0 8px 18px -8px #0e1d3880}.svx-ic svg{width:23px;height:23px;stroke:var(--navy);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}.svx-card:hover .svx-ic{background:var(--navy)}.svx-card:hover .svx-ic svg{stroke:#fff}.svx-body{flex-direction:column;flex:1;gap:8px;padding:20px 20px 22px;display:flex}.svx-body h3{font-size:19px;line-height:1.2}.svx-tag{color:var(--navy-600);font-size:12.5px;font-weight:600}.svx-body p{color:var(--body);font-size:14.5px;line-height:1.55}.svx-go{color:var(--navy);align-items:center;gap:7px;margin-top:auto;padding-top:10px;font-size:13px;font-weight:600;display:inline-flex}.svx-go span{transition:transform .2s;display:inline-block}.svx-card:hover .svx-go span{transform:translate(4px)}.svx-ex{background:var(--soft)}.svx-exhead{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.svx-exhead h2{margin-top:12px;font-size:clamp(26px,3vw,36px)}.svx-all{color:var(--navy);font-size:14px;font-weight:600}.svx-exgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.svx-exc{border:1px solid var(--line);background:#fff;border-radius:8px;transition:box-shadow .25s,transform .25s;display:block;overflow:hidden}.svx-exc:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.svx-exc .im{aspect-ratio:4/3;display:block;overflow:hidden}.svx-exc img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.svx-exc:hover img{transform:scale(1.05)}.svx-exc .tx{padding:14px 16px 16px;display:block}.svx-exc strong{color:var(--ink);font-size:15px;line-height:1.3;display:block}.svx-exc small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.phead.has-img .wrap{grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:56px;display:grid}.phead-fig{aspect-ratio:4/3;border:1px solid #ffffff24;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 28px 50px -28px #000000b3}.phead-fig img{object-fit:cover;width:100%;height:100%}@media (max-width:1180px){.svx,.svx-exgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.phead.has-img .wrap{grid-template-columns:minmax(0,1fr) 320px;gap:36px}}@media (max-width:760px){.phead.has-img .wrap{grid-template-columns:1fr;gap:26px}.phead-fig{aspect-ratio:16/10}}@media (max-width:560px){.svx{grid-template-columns:1fr}.svx-exgrid{gap:14px}}