/* ByShare v22 — artwork-only web parity with the unmodified SwiftUI
   AuraPortraitArtboard (CardPreview / CardRenderer, 360 x 640 points).
   The existing website layout and account/card data model are unchanged. */
.card-art.aura-match {
  --aura-ink: #1b1846;
  --aura-muted: rgba(27,24,70,.74);
  --aura-icon: #4d26e0;
  --aura-wave: rgba(239,97,209,.15);
  --aura-1: #e3c9ff; --aura-2: #fff2fa; --aura-3: #f5d1ff;
  box-sizing: border-box;
  position: relative; isolation: isolate; overflow: hidden;
  display: block; padding: 0; margin-left: auto; margin-right: auto;
  width: 360px; height: 640px; max-width: 100%;
  flex: 0 0 auto; border: none; border-radius: 28px;
  aspect-ratio: 9 / 16; background: var(--aura-2); color: var(--aura-ink);
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  text-align: center; line-height: 1.23; letter-spacing: normal;
  box-shadow: 0 14px 34px rgba(42,26,96,.16);
  container-type: inline-size;
}
.card-art.aura-match::before { display: none !important; }
.card-art.aura-match * { box-sizing: border-box; }
.card-art.aura-match.art-small {width:180px;height:320px;padding:0;border-radius:14px;}
.card-art.aura-match.art-midnight {
  --aura-1:#4f29b3;--aura-2:#1a1459;--aura-3:#0f0d33;
  --aura-ink:#fff;--aura-muted:rgba(255,255,255,.82);--aura-icon:rgba(255,255,255,.84);
  --aura-wave:rgba(255,255,255,.07);
}
.card-art.aura-match.art-ripple {
  --aura-1:#d4e0ff;--aura-2:#fffcf7;--aura-3:#f5c4ff;
  --aura-wave:rgba(122,71,245,.18);
}
.card-art.aura-match.art-alpine {
  --aura-1:#7097c2;--aura-2:#295280;--aura-3:#0d214f;
  --aura-ink:#fff;--aura-muted:rgba(255,255,255,.82);--aura-icon:rgba(255,255,255,.84);
  --aura-wave:transparent;
}
.card-art.aura-match.art-sunset {
  --aura-1:#ffb8bf;--aura-2:#ffede0;--aura-3:#ebbaff;
  --aura-wave:rgba(255,255,255,.22);
}
.card-art.aura-match.art-lavender {
  --aura-1:#e0baff;--aura-2:#fcedff;--aura-3:#c9b0ff;
  --aura-wave:rgba(122,71,245,.14);
}
.card-art.aura-match .aura-surface {
  display:block; position:absolute; inset:0; pointer-events:none; z-index:-1;
  background:linear-gradient(135deg,var(--aura-1) 0%,var(--aura-2) 51%,var(--aura-3) 100%);
}
.card-art.aura-match.art-glow .aura-surface::after,
.card-art.aura-match.art-sunset .aura-surface::after {
  content:'';position:absolute;z-index:0;inset:auto -26% 9% -26%; height:36%;
  border-radius:50%;background:rgba(255,255,255,.50);filter:blur(28px);
}
.card-art.aura-match .aura-waves {position:absolute;inset:0;width:100%;height:100%;color:var(--aura-wave);pointer-events:none;}
.card-art.aura-match .aura-mountains {display:none;position:absolute;inset:0;width:100%;height:100%;}
.card-art.aura-match.art-alpine .aura-mountains {display:block;}
.card-art.aura-match.art-midnight .aura-surface::after {
  content:'B';position:absolute;right:-12%;top:-9%;font-size:55cqw;font-weight:850;
  color:rgba(255,255,255,.18);transform:rotate(-28deg);font-family:system-ui,sans-serif;
}
.card-art.aura-match .aura-content {
  position:absolute; inset:0; z-index:1; display:flex; flex-direction:column;
  align-items:center; gap:3.5cqw;
  padding:8.333cqw 7.778cqw 8.889cqw;
  min-width:0; color:var(--aura-ink);
}
.card-art.aura-match .card-art-top.aura-header {
  width:100%;flex:0 0 10.556cqw;display:flex;align-items:center;justify-content:flex-start;
  min-height:0;gap:2.7cqw; font-size:5.56cqw;
  color:var(--aura-ink); margin:0 0 11.667cqw;
}
.card-art.aura-match .aura-logo {display:block;width:10.556cqw;height:10.556cqw;flex:0 0 10.556cqw;}
.card-art.aura-match .aura-logo svg {display:block;width:100%;height:100%}
.card-art.aura-match .art-brand {font-size:5.56cqw;line-height:1.15;font-weight:750;letter-spacing:-.12cqw;}
.card-art.aura-match .aura-spark {margin-left:auto;font-size:5.2cqw;line-height:1;color:var(--aura-icon)}
.card-art.aura-match .art-avatar.aura-avatar {
  width:35.56cqw; height:35.56cqw;flex:0 0 35.56cqw;display:grid;place-items:center;
  border:4px solid #fff;border-radius:50%;overflow:hidden;
  background:linear-gradient(180deg,#f0e8ff,#e3e3ff);
  color:#7a47f5;box-shadow:0 3px 7px rgba(0,0,0,.06);margin:0;
  font-size:8.889cqw;font-weight:700;letter-spacing:0;
}
.card-art.aura-match .art-avatar img {height:100%;width:100%;object-fit:cover;border-radius:50%;}
.card-art.aura-match .art-avatar span {font-size:8.889cqw;font-weight:700;line-height:1.08;}
.card-art.aura-match .art-name {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  font-size:8.889cqw;line-height:1.13;letter-spacing:-.1cqw;
  margin:0; max-height:19.5cqw;min-height:0;width:100%;
  font-weight:750;overflow:hidden;overflow-wrap:anywhere;
  color:var(--aura-ink);text-align:center;
}
.card-art.aura-match .art-role {
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  font-size:4.72cqw;line-height:1.22;font-weight:500;
  color:var(--aura-muted);letter-spacing:0;
  min-height:0;max-height:12cqw;max-width:100%;overflow:hidden;
}
.card-art.aura-match .art-roleline {
  display:block;font-size:4.167cqw;line-height:1.20;font-weight:650;
  letter-spacing:normal;text-transform:none;margin:0;
  color:var(--aura-ink);max-width:100%;max-height:9cqw;overflow:hidden;
}
.card-art.aura-match .art-roleline[hidden],.card-art.aura-match .art-tagline[hidden] {display:none;}
.card-art.aura-match .art-tagline {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  font-size:3.61cqw;line-height:1.28;font-weight:400;font-style:normal;
  color:var(--aura-muted);width:100%;margin:0;padding:0 3.889cqw;
  max-height:14.5cqw;min-height:0;overflow:hidden;
}
.card-art.aura-match .aura-spacer {flex:1 1 auto;min-height:1cqw;}
.card-art.aura-match .art-qr.aura-qr {
  display:grid;place-items:center;position:relative;
  flex:0 0 38.333cqw;width:38.333cqw;height:38.333cqw;
  padding:3.611cqw;border-radius:4.722cqw;
  background:#fff;overflow:hidden;
  box-shadow:none;filter:none;color:#10101a;
}
.card-art.aura-match .art-qr canvas {
  display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;
}
.card-art.aura-match .art-qr:empty::before {content:'▦';font-size:18cqw;line-height:1;color:#bbb}
.card-art.aura-match .aura-scan {
  font-size:2.5cqw;line-height:1.18;font-weight:750;
  letter-spacing:.556cqw;color:var(--aura-muted);white-space:nowrap;
  margin-top:0;
}
/* Allow scaled cards in directories, landing, dashboards and editor while
   preserving the identical 9:16 artboard and accessible contact QR data. */
.card-art.aura-match.art-small .aura-content {padding-top:8.333cqw;padding-bottom:8.889cqw;}
.card-art.aura-match.art-small .art-qr {min-width:0;min-height:0}
.hero-cards .card-art.aura-match {height:auto;aspect-ratio:9/16;max-width:100%;padding:0;}
.public-art-wrap .card-art.aura-match {height:auto;aspect-ratio:9/16;max-width:360px;}
.detail-card-column .card-art.aura-match {height:auto;aspect-ratio:9/16;padding:0;}
@media(max-width:460px) {
  .hero-cards .card-art.aura-match {height:auto;padding:0;aspect-ratio:9/16;}
  .public-art-wrap .card-art.aura-match {height:auto;padding:0;aspect-ratio:9/16;}
}