.mcard{--mc-edge:color-mix(in srgb,var(--mc-surface) 70%,#fff 30%);position:relative;container-type:inline-size;width:100%;aspect-ratio:85.6/54;color:var(--mc-ink)}.mcard__face{position:absolute;inset:0;border-radius:3.7%/5.9%;background:var(--mc-surface);overflow:hidden;box-shadow:inset 0 1px 0 rgb(255 255 255/.1),inset 0 0 0 1px rgb(255 255 255/.08),0 18px 36px -18px rgb(0 0 0/.55);transition:opacity var(--d-base,.32s) ease}.mcard__edge{display:none}.mcard--tilt{transform:perspective(900px) rotateX(12deg);transform-origin:50% 100%}.mcard--tilt .mcard__edge{display:block;position:absolute;inset:0;border-radius:3.7%/5.9%;background:var(--mc-surface);transform:translateY(3px);box-shadow:0 -1px 0 var(--mc-edge),0 2px 0 color-mix(in srgb,var(--mc-surface) 85%,#000 15%)}.mcard--dim .mcard__face{opacity:.4}.mcard__tex{position:absolute;inset:0}.mcard[data-finish=brushed] .mcard__tex{background:repeating-linear-gradient(0deg,rgb(255 255 255/.06) 0 1px,rgb(0 0 0/.05) 1px 2px,transparent 2px 3px)}.mcard[data-finish=grain] .mcard__tex{opacity:.22;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mcard__sheen{position:absolute;inset:-20% auto -20% -10%;width:55%;background:linear-gradient(100deg,transparent,rgb(255 255 255/.12),transparent)}.mcard__esik{position:absolute;left:7%;top:14%;bottom:14%;width:max(2px,.9cqw);border-radius:2px;background:var(--mc-ink);opacity:.55}.mcard__brand,.mcard__material,.mcard__status{position:absolute;top:9%;font-size:max(7px,3.4cqw);font-weight:600;letter-spacing:.14em}.mcard__brand{right:7%}.mcard__material{right:5%;font-weight:500}.mcard__material,.mcard__status{padding:.6cqw 2.2cqw;border-radius:999px;background:rgb(0 0 0/.35);color:#f2f4f7;letter-spacing:.02em}.mcard__status{left:5%;display:inline-flex;align-items:center;gap:1.4cqw}.mcard__status:before{content:"";width:1.8cqw;height:1.8cqw;border-radius:50%;background:#5cc189}.mcard__status--bad:before{background:#e8837a}.mcard__status--warn:before{background:#d9a441}.mcard__who{position:absolute;left:12%;bottom:13%;right:8%;display:flex;flex-direction:column;gap:1.2cqw}.mcard__name{font-family:var(--font-display,"Newsreader",Georgia,serif);font-weight:500;font-size:max(9px,6.6cqw);line-height:1.1;overflow-wrap:anywhere}.mcard__line{font-size:max(6px,2.8cqw);letter-spacing:.16em;text-transform:uppercase;opacity:.85}