:root{color-scheme:light;--card-ink:#252525}*{box-sizing:border-box}
body.public-card-classic{min-height:100dvh;margin:0;background:#252525;color:var(--card-ink);font-family:Inter,Arial,sans-serif}
.classic-vcard{width:min(100%,420px);margin:auto;background:#f5f5f5;overflow:hidden}.classic-vcard-canvas{width:100%;aspect-ratio:192/336}.classic-vcard-canvas svg{display:block;width:100%;height:100%;overflow:hidden}
.classic-vcard-details{display:grid;gap:16px;padding:22px 24px 26px;background:var(--qardora-surface,#fff);color:var(--qardora-ink,#1d2623);font-size:.9rem;line-height:1.55}.classic-contact-list{display:grid;gap:2px}.classic-contact-link{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:center;min-height:46px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--qardora-border,#d9e1dc) 80%,transparent);color:inherit;font-weight:700;text-decoration:none;overflow-wrap:anywhere;transition:color .16s ease,padding-left .16s ease}.classic-contact-link:hover{padding-left:4px;color:var(--qardora-brand,#004c43)}.classic-contact-link svg{width:18px;height:18px;fill:var(--qardora-icon,var(--qardora-brand,#004c43))}.classic-social-rail{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding-top:2px}.classic-social-rail a{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--qardora-icon,#004c43) 28%,transparent);border-radius:50%;color:var(--qardora-icon,var(--qardora-brand,#004c43));transition:background .16s ease,color .16s ease,transform .16s ease}.classic-social-rail a:hover{background:var(--qardora-brand,#004c43);color:#fff;transform:translateY(-2px)}.classic-social-rail svg{width:18px;height:18px;fill:currentColor}
.public-card-language{position:fixed!important;z-index:20;top:14px;right:max(14px,calc(50% - 196px));left:auto!important;filter:drop-shadow(0 4px 10px rgba(18,35,30,.16))}.public-card-language select{width:38px;height:38px;opacity:0;cursor:pointer}.public-card-language span{position:absolute;display:grid;place-items:center;inset:0;border:1px solid #dfe2de;border-radius:10px;background:#fffffff2;color:#202522;pointer-events:none}
.card-preview-toolbar{position:fixed;z-index:30;top:16px;left:50%;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #dfe2de;border-radius:12px;background:#fffffff2;box-shadow:0 8px 24px #10231b18;transform:translateX(-50%)}.card-preview-toolbar strong{padding:0 8px;font-size:.78rem}.card-preview-toolbar a{padding:8px 10px;border-radius:8px;color:#202522;font-size:.78rem;font-weight:750;text-decoration:none}.card-preview-toolbar a.active{color:#fff;background:#202522}
body[data-preview-device]{display:grid;place-items:center;padding:72px 24px 24px!important;background:#f2f0ea}body[data-preview-device] .classic-vcard{width:min(100%,420px);border:10px solid #252525;border-radius:30px;box-shadow:0 20px 54px #171d1930}body[data-preview-device] .public-card-language{top:86px;right:max(38px,calc(50% - 196px))}
@media(min-width:760px){body.public-card-classic:not([data-preview-device]){display:grid;place-items:center;padding:44px;background:radial-gradient(circle at 50% 18%,#155f57 0,#252525 44%)}.classic-vcard{width:min(100%,560px);box-shadow:0 28px 80px #000a}.classic-vcard-canvas{filter:drop-shadow(0 16px 22px #0003)}body.public-card-classic:not([data-preview-device]) .public-card-language{top:60px;right:max(18px,calc(50% - 266px))}body[data-preview-device="desktop"] .classic-vcard{width:min(100%,560px)}}
@media(max-width:460px){body[data-preview-device]{padding:66px 12px 12px!important}body[data-preview-device] .classic-vcard{width:min(100%,390px);border-width:8px;border-radius:26px}}

/* The locale picker belongs to the Classic card—not the browser viewport.
   Keep it at the card's upper-right edge for the three rendered widths. */
@media(min-width:760px){body.public-card-classic:not([data-preview-device]) .public-card-language{top:60px!important;right:auto!important;left:calc(50% + 224px)!important}}

/* Contact Profile — a QR-free, contact-first vCard layout.  The three
   colour variables originate in the Qardora card builder, not this template. */
.karawani-vcard{width:min(100%,480px);min-height:100dvh;margin:auto;overflow:hidden;background:var(--profile-surface,#f8f7f2);color:#1d2623;font-family:Inter,Arial,sans-serif;box-shadow:0 24px 72px #0006}.karawani-identity{position:relative;isolation:isolate;min-height:330px;padding:34px 30px 50px;background:var(--profile-brand,#380349);color:#fff;text-align:center;overflow:hidden}.karawani-identity:after{position:absolute;z-index:-1;right:-12%;bottom:-96px;left:-12%;height:180px;border-radius:50% 50% 0 0/100% 100% 0 0;background:var(--profile-surface,#f8f7f2);content:""}.karawani-logo{display:block;width:auto;max-width:132px;max-height:42px;margin:0 auto 30px;object-fit:contain;filter:brightness(0) invert(1)}.karawani-wordmark{display:block;margin:2px 0 38px;font-size:.82rem;letter-spacing:.17em;text-transform:uppercase}.karawani-portrait{display:block;width:104px;height:104px;margin:0 auto 18px;border:7px solid #ffffff;border-radius:50%;object-fit:cover;background:#e9eeea;box-shadow:0 8px 22px #16001f35}.karawani-identity h1{max-width:360px;margin:0 auto 9px;font-size:clamp(2rem,9vw,3.55rem);line-height:.96;letter-spacing:-.065em}.karawani-identity p{margin:0;font-size:1rem;font-weight:750}.karawani-identity small{display:block;margin-top:6px;opacity:.8;font-size:.75rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.karawani-details{display:grid;gap:0;padding:30px 30px 10px;background:var(--profile-surface,#f8f7f2)}.karawani-details a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:center;min-height:58px;border-bottom:1px solid color-mix(in srgb,var(--profile-brand,#380349) 17%,transparent);color:#1d2623;font-size:.98rem;font-weight:720;text-decoration:none;overflow-wrap:anywhere;transition:transform .18s ease,color .18s ease}.karawani-details a:hover{color:var(--profile-brand,#380349);transform:translateX(3px)}.karawani-details svg{width:19px;height:19px;fill:none;stroke:var(--profile-icon,var(--profile-brand,#380349));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.karawani-social{display:flex;min-height:78px;gap:12px;align-items:center;padding:18px 30px 24px;background:var(--profile-surface,#f8f7f2)}.karawani-social:empty{display:none}.karawani-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--profile-brand,#380349) 25%,transparent);border-radius:50%;color:var(--profile-icon,var(--profile-brand,#380349));transition:background .18s ease,color .18s ease,transform .18s ease}.karawani-social a:hover{background:var(--profile-brand,#380349);color:#fff;transform:translateY(-3px)}.karawani-social svg{width:19px;height:19px;fill:currentColor}.karawani-actions{display:grid;grid-template-columns:1fr 1fr;min-height:76px;background:var(--profile-brand,#380349)}.karawani-actions>a,.karawani-actions>button{display:grid;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer;transition:background .18s ease}.karawani-actions>a+a,.karawani-actions>button{border-left:1px solid #ffffff38}.karawani-actions>a:hover,.karawani-actions>button:hover{background:#0000001f}.karawani-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-preview-device] .karawani-vcard{width:min(100%,430px);border:10px solid #252525;border-radius:30px;min-height:0;box-shadow:0 20px 54px #171d1930}body[data-preview-device] .karawani-identity{min-height:288px;padding-top:28px}body[data-preview-device] .karawani-identity h1{font-size:2.35rem}@media(min-width:760px){body.public-card-classic:not([data-preview-device]) .karawani-vcard{width:min(100%,620px);min-height:760px;border-radius:0}.karawani-identity{min-height:380px;padding-top:45px}.karawani-details{padding-right:52px;padding-left:52px}.karawani-social{padding-right:52px;padding-left:52px}}
body[data-preview-device="mobile"] .executive-vcard,body[data-preview-device="mobile"] .hub-vcard,body[data-preview-device="mobile"] .minimal-vcard{width:min(calc(100vw - 24px),500px)!important;min-width:0!important;margin:0!important}

/* Shared palette and reusable custom-field treatment.  Each property is fed
   directly by the card builder, so public cards and both preview modes use
   exactly the same values. */
body.public-card-classic{background:var(--qardora-page,#252525)}
.public-card-classic .public-footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:18px;min-height:52px;width:100%;margin:0;padding:0 22px;border-top:1px solid color-mix(in srgb,var(--qardora-border,#d9e1dc) 65%,transparent);background:var(--qardora-surface,#f8f7f2);color:var(--qardora-muted,#65716d);font:700 .68rem/1 Inter,Arial,sans-serif;letter-spacing:.04em}.public-card-classic .public-footer nav{display:flex;align-items:center;gap:14px}.public-card-classic .public-footer a{color:inherit;text-decoration:none}.public-card-classic .public-footer a:hover{color:var(--qardora-brand,#004c43)}
.karawani-vcard,.executive-vcard,.hub-vcard,.minimal-vcard{background:var(--qardora-surface,var(--card-surface,#fff));color:var(--qardora-ink,#182421)}
.karawani-vcard{--profile-brand:var(--qardora-brand,#380349);--profile-surface:var(--qardora-surface,#f8f7f2);--profile-icon:var(--qardora-icon,#380349)}
.executive-vcard,.hub-vcard,.minimal-vcard{--card-brand:var(--qardora-brand,#173b35);--card-surface:var(--qardora-surface,#fff);--card-accent:var(--qardora-icon,#173b35)}
.karawani-details a{color:var(--qardora-ink,#1d2623);border-color:var(--qardora-border,#d9d2db)}
.hub-vcard header p,.minimal-vcard header small{color:var(--qardora-muted,#65716d)}
.hub-links a{background:var(--qardora-surface,#fff);border-color:var(--qardora-border,#ded4e4)}
.executive-contacts a,.minimal-vcard section a{border-color:var(--qardora-border,#d9e1dc)}
.vcard-custom-zone{display:grid;gap:10px;padding:20px 28px;background:var(--qardora-surface,#fff);color:var(--qardora-ink,#182421)}
.vcard-custom-zone-header{position:relative;z-index:3;padding-bottom:0}.vcard-custom-zone-footer{padding-top:0}
.vcard-custom-field{display:grid;gap:4px;padding:13px 15px;border:1px solid var(--qardora-border,#d9e1dc);border-radius:12px;background:color-mix(in srgb,var(--qardora-surface,#fff) 92%,var(--qardora-brand,#173b35));overflow-wrap:anywhere}
.vcard-custom-field small{color:var(--qardora-muted,#65716d);font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.vcard-custom-field span{font-size:.95rem;font-weight:650}
.classic-vcard .vcard-custom-zone{width:min(100%,560px);margin:auto}.classic-vcard .vcard-custom-zone-header{display:none}
.karawani-actions,.executive-footer,.hub-vcard footer,.minimal-vcard footer{background:var(--qardora-action,var(--card-brand,#173b35))}
.karawani-actions>a,.karawani-actions>button,.executive-footer>*,.hub-vcard footer>*,.minimal-vcard footer>*{min-width:0;overflow-wrap:anywhere;line-height:1.2}
.executive-social,.minimal-social{display:flex;min-height:76px;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:var(--card-surface,#fff)}.executive-social a,.minimal-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--card-accent,#173b35) 28%,transparent);border-radius:50%;color:var(--card-accent,#173b35);transition:transform .18s ease,background .18s ease}.executive-social a:hover,.minimal-social a:hover{background:var(--card-brand,#173b35);color:#fff;transform:translateY(-2px)}.executive-social svg,.minimal-social svg{width:19px;height:19px;fill:currentColor}.executive-social:empty,.minimal-social:empty{display:none}
.minimal-vcard footer{width:calc(100% + 56px);margin-right:-28px;margin-left:-28px}.hub-vcard footer{width:calc(100% + 48px);margin-right:-24px;margin-left:-24px}

/* Three purpose-built public layouts: leadership, link sharing, and minimal contact. */
.executive-vcard,.hub-vcard,.minimal-vcard{width:min(100%,500px);min-height:100dvh;margin:auto;overflow:hidden;background:var(--card-surface,#fff);color:var(--qardora-ink,#182421);font-family:Inter,Arial,sans-serif;box-shadow:0 24px 72px #0007}.executive-hero{min-height:420px;padding:26px 28px 42px;background:var(--card-brand);color:#fff}.executive-identity{display:flex;flex:1;min-height:352px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px}.executive-identity-image{display:grid;place-items:center;width:172px;height:108px;margin:0;padding:12px;overflow:hidden;border:1px solid #ffffff5c;border-radius:4px;background:#fff;box-shadow:0 12px 32px #00000026}.executive-identity-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.executive-wordmark{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.executive-copy{margin-top:auto}.executive-hero p,.executive-hero h1,.executive-hero small{margin:0}.executive-hero p{opacity:.75;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.executive-hero h1{max-width:400px;margin-top:8px;font-size:clamp(2.6rem,13vw,4.6rem);line-height:.88;letter-spacing:-.08em}.executive-hero small{display:block;margin-top:16px;font-size:1rem}.executive-contacts{padding:20px 28px 30px;background:var(--card-surface)}.executive-contacts a{position:relative;display:grid;gap:4px;padding:18px 32px 18px 0;border-bottom:1px solid var(--qardora-border,#1c35221c);color:inherit;text-decoration:none;transition:padding .18s ease}.executive-contacts a:hover{padding-left:6px;color:var(--card-accent)}.executive-contacts small{font-size:.62rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.executive-contacts strong{font-size:1rem;overflow-wrap:anywhere}.executive-contacts span{position:absolute;right:0;top:50%;font-size:1.2rem;transform:translateY(-50%)}.executive-footer,.hub-vcard footer,.minimal-vcard footer{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;background:var(--card-brand)}.executive-footer>*,.hub-vcard footer>*,.minimal-vcard footer>*{display:grid;min-height:72px;place-items:center;border:0;border-left:1px solid #ffffff3d;background:transparent;color:#fff;font:750 .78rem/1 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}.executive-footer>*:first-child,.hub-vcard footer>*:first-child,.minimal-vcard footer>*:first-child{border-left:0}.hub-vcard{display:flex;flex-direction:column;padding:44px 24px 0;background:var(--card-surface)}.hub-vcard header{text-align:center}.hub-vcard header img{width:102px;height:102px;object-fit:cover;border:4px solid var(--card-brand);border-radius:50%;margin-bottom:17px}.hub-vcard header h1{margin:0;font-size:2.25rem;letter-spacing:-.07em}.hub-vcard header p{margin:8px 0 34px;color:var(--qardora-muted,#65726d);font-size:.87rem}.hub-links{display:grid;gap:11px}.hub-links a{display:grid;grid-template-columns:1fr auto;gap:3px;padding:16px 18px;border:1px solid var(--qardora-border,#ded4e4);border-radius:12px;color:inherit;background:var(--qardora-surface,#fff);text-decoration:none;transition:transform .18s ease,background .18s ease}.hub-links a:hover{background:var(--card-brand);color:#fff;transform:translateY(-2px)}.hub-links span{font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hub-links b{font-size:.94rem;overflow-wrap:anywhere}.hub-links i{grid-row:1/3;grid-column:2;align-self:center;font-size:1.25rem;font-style:normal}.hub-social{display:flex;justify-content:center;gap:10px;padding:28px 0}.hub-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--card-brand) 28%,transparent);border-radius:50%;color:var(--card-accent);transition:transform .18s ease,background .18s ease}.hub-social a:hover{background:var(--card-brand);color:#fff;transform:translateY(-2px)}.hub-social svg{width:19px;height:19px;fill:currentColor}.hub-social:empty{display:none}.minimal-vcard{display:flex;flex-direction:column;padding:38px 28px 0;background:var(--card-surface)}.minimal-vcard header{padding:0 0 30px;border-bottom:3px solid var(--card-brand)}.minimal-vcard header p,.minimal-vcard header h1,.minimal-vcard header small{margin:0}.minimal-vcard header p{color:var(--card-accent);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.minimal-vcard header h1{margin-top:10px;font-size:clamp(2.4rem,12vw,4.2rem);line-height:.88;letter-spacing:-.08em}.minimal-vcard header small{display:block;margin-top:14px;color:var(--qardora-muted,#63716c);font-size:.96rem}.minimal-vcard section{display:grid;align-content:start;flex:1}.minimal-vcard section a{display:grid;gap:6px;padding:22px 0;border-bottom:1px solid var(--qardora-border,#1c35221c);color:inherit;text-decoration:none}.minimal-vcard section a:hover strong{color:var(--card-accent)}.minimal-vcard section span{font-size:.64rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.minimal-vcard section strong{font-size:1.05rem;overflow-wrap:anywhere;transition:color .18s ease}@media(min-width:760px){body.public-card-classic:not([data-preview-device]) .executive-vcard,body.public-card-classic:not([data-preview-device]) .hub-vcard,body.public-card-classic:not([data-preview-device]) .minimal-vcard{width:min(100%,620px);min-height:780px}.executive-hero{min-height:450px;padding:38px 44px 52px}.executive-identity{min-height:360px}.executive-identity-image{width:202px;height:126px;padding:14px}.executive-contacts{padding:24px 44px 34px}.hub-vcard{padding-right:44px;padding-left:44px}.minimal-vcard{padding-right:44px;padding-left:44px}}@media(max-width:560px){.public-card-classic .public-footer{align-items:flex-start;flex-direction:column;gap:10px;padding:16px 20px}.public-card-classic .public-footer nav{gap:12px;flex-wrap:wrap}}