:root .sig--des-folio { display: grid; padding: clamp(14px, 2.4vw, 28px); }
:root .sig--des-folio .fo, :root .sig--des-folio.fo { position: relative; width: 100%; height: 100%; min-height: 320px; display: grid; }
:root .sig--des-folio .fo__wall, :root .sig--des-folio.fo__wall { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: clamp(6px, 1vw, 12px); }
:root .sig--des-folio .fo__t, :root .sig--des-folio.fo__t { position: relative; display: grid; place-items: center; border-radius: 12px; overflow: hidden; background: #262329; border: 1px solid rgba(255, 255, 255, .06); }
:root .sig--des-folio .fo__t--l, :root .sig--des-folio.fo__t--l { background: #f1eef4; border-color: transparent; }
:root .sig--des-folio .fo__t img, :root .sig--des-folio.fo__t img { width: 74%; height: 74%; object-fit: contain; transition: transform .6s var(--ease-out); }
:root .sig--des-folio .fo__t.pick, :root .sig--des-folio.fo__t.pick { box-shadow: 0 0 0 2px var(--v); }
:root .sig--des-folio .fo__scan, :root .sig--des-folio.fo__scan { position: absolute; z-index: 2; left: 0; top: 0; width: 0; height: 0; border-radius: 12px; border: 2px solid var(--lilac); box-shadow: 0 0 0 4px rgba(161, 0, 255, .35); opacity: 0; pointer-events: none; }
:root .sig--des-folio .fo__card, :root .sig--des-folio.fo__card { position: absolute; z-index: 3; left: 0; top: 0; width: 0; height: 0; overflow: hidden; border-radius: 20px; background: #1b1820; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 255, 255, .08); opacity: 0; }
:root .sig--des-folio .fo__img, :root .sig--des-folio.fo__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:root .sig--des-folio .fo__card::after, :root .sig--des-folio.fo__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(14, 8, 20, .92)); }
:root .sig--des-folio .fo__cap, :root .sig--des-folio.fo__cap { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 14px; padding: clamp(14px, 2.4vw, 24px); opacity: 0; }
:root .sig--des-folio .fo__lg, :root .sig--des-folio.fo__lg { flex: none; width: clamp(48px, 7vw, 64px); aspect-ratio: 1; border-radius: 12px; display: grid; place-items: center; background: #262329; }
:root .sig--des-folio .fo__lg--l, :root .sig--des-folio.fo__lg--l { background: #f1eef4; }
:root .sig--des-folio .fo__lg img, :root .sig--des-folio.fo__lg img { width: 78%; height: 78%; object-fit: contain; }
:root .sig--des-folio .fo__cap b, :root .sig--des-folio.fo__cap b { display: block; font: 700 clamp(18px, 2.2vw, 26px)/1.1 var(--f-display); letter-spacing: -.03em; color: #fff; }
:root .sig--des-folio .fo__tags, :root .sig--des-folio.fo__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
:root .sig--des-folio .fo__tags span, :root .sig--des-folio.fo__tags span { padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .14); color: #fff; font: 500 12px/1.2 var(--f-display); backdrop-filter: blur(6px); }