/* vb-syscards v1 — STARK card anatomy + Anduril name/tagline + hover decode */
.sx-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px);margin-top:26px;}
.sx-card{position:relative;display:flex;flex-direction:column;min-height:clamp(420px,40vw,600px);border-radius:16px;overflow:hidden;background:#161616;color:#fff;text-decoration:none;isolation:isolate;transform:translateZ(0);}
.sx-bg{position:absolute;inset:0;}
.sx-bg img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1);}
.sx-card:hover .sx-bg img{transform:scale(1.035);}
.sx-photo .sx-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.05) 62%,rgba(0,0,0,.6) 100%);}
.sx-photo .sx-bg img{object-position:54% 52%;}
.sx-render{background:linear-gradient(180deg,#6b6b6b 0%,#a9a9a9 46%,#e2e2e0 100%);}
.sx-render .sx-bg img{object-fit:contain;object-position:50% 72%;mix-blend-mode:multiply;padding:clamp(70px,7vw,96px) 0 clamp(44px,4vw,56px);transform:scale(1.0);}
@media(max-width:900px){.sx-render .sx-bg img{object-position:50% 62%;padding:130px 6px 84px;}}
.sx-render .sx-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 70%,rgba(0,0,0,.34) 100%);}
.sx-top{position:relative;z-index:2;padding:clamp(20px,2.2vw,30px);}
.sx-cat{margin:0;font-family:'Instrument Sans',Inter,Arial,sans-serif;font-size:clamp(17px,1.45vw,23px);font-weight:600;letter-spacing:-.02em;line-height:1.15;text-transform:uppercase;color:#fff;}
.sx-line{margin:10px 0 0;max-width:30ch;font-size:clamp(14px,1.1vw,17px);line-height:1.4;color:rgba(255,255,255,.9);}
.sx-btn{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;border-radius:4px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:14px;font-weight:500;color:#fff;transition:background .3s;}
.sx-btn i{font-style:normal;transition:transform .35s cubic-bezier(.16,1,.3,1);}
.sx-card:hover .sx-btn{background:rgba(255,255,255,.26);}
.sx-card:hover .sx-btn i{transform:translateX(3px);}
.sx-bottom{position:relative;z-index:2;margin-top:auto;padding:clamp(20px,2.2vw,30px);display:block;}
.sx-name{display:block;font-family:'Instrument Sans',Inter,Arial,sans-serif;font-size:clamp(26px,2.4vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1;color:#fff;}
.sx-tag{display:block;margin-top:9px;min-height:1.35em;font-family:'Instrument Sans',Inter,Arial,sans-serif;font-size:clamp(14px,1.1vw,17px);font-weight:500;letter-spacing:-.01em;color:rgba(255,255,255,.92);opacity:0;transition:opacity .35s ease;white-space:nowrap;}
.sx-card.on .sx-tag,.sx-card:focus-visible .sx-tag{opacity:1;}
.sx-tag .g{opacity:.55;}
.sx-arrow{display:none;}
.sx-card:hover .sx-arrow{transform:translate(2px,-2px);opacity:1;}
@media(hover:none){.sx-tag{opacity:1;}}
@media(max-width:900px){.sx-grid{grid-template-columns:1fr;}.sx-card{min-height:clamp(460px,92vw,620px);}.sx-tag{white-space:normal;}.sx-photo .sx-bg img{object-position:50% 32%;}}