.sgx{gap:clamp(40px,5vw,72px);padding-block:clamp(64px,9vw,140px);display:grid}.sgx-head{gap:14px;display:grid}.sgx-head h2{margin:0}.sgx-group{gap:20px;display:grid}.sgx-gt{border-bottom:1px solid var(--line);color:var(--accent);margin:0;padding-bottom:12px}.sgx-grid{grid-template-columns:1fr;gap:22px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.sgx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.sgx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sgx-card{border:1px solid var(--line);background:var(--bg);height:100%;transition:transform .6s var(--ease-out), box-shadow .6s var(--ease-out), border-color .6s;border-radius:8px;display:grid;overflow:clip;box-shadow:0 1px 2px #0000000d,0 16px 30px -18px #00000038}.sgx-card:hover,.sgx-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));transform:translateY(-4px);box-shadow:0 2px 4px #0000000f,0 30px 50px -24px #0000004d}.sgx-media{aspect-ratio:3/2}.sgx-media img{transition:transform 1.6s var(--ease-out)}.sgx-card:hover .sgx-media img{transform:scale(1.05)}.sgx-body{gap:8px;padding:20px 22px 22px;display:grid}.sgx-num{letter-spacing:.24em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.sgx-title{font-size:clamp(26px,2.2vw,34px);line-height:1.1}html[lang=ar] .sgx-title{font-size:clamp(22px,1.9vw,28px);line-height:1.4}.sgx-line{color:var(--fg-2);font-size:15px;line-height:1.6}html[lang=ar] .sgx-line{font-size:16px;line-height:1.8}.sgx-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:14px;display:flex}.sgx-from{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px}html[lang=ar] .sgx-from{letter-spacing:0;font-size:14px}.sgx-go{color:var(--accent);transition:transform .5s var(--ease-out);font-size:20px}html[dir=rtl] .sgx-go{transform:scaleX(-1)}.sgx-card:hover .sgx-go{transform:translate(6px)}html[dir=rtl] .sgx-card:hover .sgx-go{transform:scaleX(-1)translate(6px)}@media (prefers-reduced-motion:reduce){.sgx-card,.sgx-media img,.sgx-go{transition:none}.sgx-card:hover{transform:none}}