.artifact-section{border-top:1px solid var(--line)}
.artifact-intro{max-width:780px;margin:-24px 0 40px;color:var(--muted);font-size:19px;line-height:1.65}
.artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.artifact-featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}
.artifact-featured .artifact-preview{border-bottom:0;border-right:1px solid #30303f}
.artifact-card{overflow:hidden;border:1px solid #30303f;border-radius:24px;background:linear-gradient(145deg,#171722,#0d0d14);transition:transform .2s ease,border-color .2s ease}
.artifact-card:hover{transform:translateY(-4px);border-color:#606080}
.artifact-preview{min-height:285px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #30303f}
.artifact-preview>span{font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.artifact-preview>strong{font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-.055em}
.artifact-preview>div{display:flex;flex-wrap:wrap;gap:8px}
.artifact-preview i{padding:8px 12px;border:1px solid #ffffff26;border-radius:999px;font-style:normal;font-size:12px}
.fashion-preview{background:radial-gradient(circle at 78% 24%,#ff4f9148,transparent 32%),radial-gradient(circle at 20% 85%,#744cff50,transparent 38%),#100c18}
.fashion-preview>span{color:#ff80b3}
.nature-preview{background:radial-gradient(circle at 80% 15%,#5ee8b044,transparent 34%),linear-gradient(160deg,#09201c,#10141b)}
.nature-preview>span{color:#67e5b8}
.power-preview{background:radial-gradient(circle at 78% 18%,#386bff52,transparent 33%),radial-gradient(circle at 16% 82%,#ff356b42,transparent 38%),linear-gradient(145deg,#170b1d,#08131f)}
.power-preview>span{color:#72d8ff}
.artifact-copy{padding:28px 30px 32px}
.artifact-copy>span{color:var(--cyan);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
.artifact-copy h3{margin:12px 0;font-size:25px;line-height:1.15;letter-spacing:-.035em}
.artifact-copy p{margin:0;color:var(--muted);line-height:1.6}
.artifact-copy b{display:inline-block;margin-top:24px;color:var(--pink);font-size:13px}
.artifact-section>.hero-actions{margin-top:26px}
@media(max-width:800px){.artifact-grid{grid-template-columns:1fr}.artifact-featured{grid-column:auto;display:block}.artifact-featured .artifact-preview{border-right:0;border-bottom:1px solid #30303f}.artifact-preview{min-height:240px}}