/* Twenty genuinely different profile compositions, shared by CMS preview and public profile. */
.design{position:relative;isolation:isolate}.design .pcover,.design .pavatar,.design .previewnav,.design .plinks a,.design .previewitems article,.design .previewservices article{transition:.22s ease}

/* 01 — Signature: centered, elevated cards */
.t1 .pcover{height:160px;border-radius:0 0 36px 36px}.t1 .pavatar{width:94px;height:94px;margin-top:-48px;box-shadow:0 12px 28px #0002}.t1 .plinks a{border-left:4px solid var(--a)}

/* 02 — Executive: left-aligned, restrained and linear */
.t2{text-align:left!important}.t2 .pcover{height:115px;border-radius:0}.t2 .pavatar{margin:-42px 0 12px 24px;border-radius:10px}.t2>h2,.t2>h2+ b,.t2>h2+ b+p,.t2>h2+ b+p+small{margin-left:24px;margin-right:24px}.t2 .socialicons{justify-content:flex-start;margin-left:24px}.t2 .previewnav{border-block:1px solid #0002;border-radius:0}.t2 .plinks a{border-radius:4px;box-shadow:none}

/* 03 — Creator: oversized cover and floating pills */
.t3 .pcover{height:205px;clip-path:ellipse(82% 68% at 50% 28%)}.t3 .pavatar{width:108px;height:108px;margin-top:-70px;border-width:6px}.t3 .previewnav{justify-content:center}.t3 .previewnav button{box-shadow:0 5px 16px #f05b2a22}.t3 .plinks a{border:0;box-shadow:0 10px 25px #f05b2a18}

/* 04 — Brutalist: hard geometry and offset shadows */
.t4{border:3px solid #080808!important}.t4 .pcover{height:126px;border-bottom:3px solid #080808}.t4 .pavatar{margin-top:-39px;border:3px solid #080808;box-shadow:7px 7px 0 #080808}.t4 .previewnav{gap:0;padding-inline:14px}.t4 .previewnav button{border:2px solid #080808;border-radius:0}.t4 .previewitems article,.t4 .previewservices article{border:2px solid #080808!important}

/* 05 — Coastal glass: translucent floating surfaces */
.t5{background:linear-gradient(155deg,#dff8fb,#fafdff)!important}.t5 .pcover{height:175px;border-radius:0 0 48% 48%}.t5 .pavatar{margin-top:-54px;box-shadow:0 0 0 8px #ffffff80}.t5 .plinks a,.t5 .previewitems article,.t5 .previewservices article{background:#ffffffa8;backdrop-filter:blur(12px);border-color:#fff!important;box-shadow:0 14px 35px #087f8c18}

/* 06 — Neon night: glowing rails and square avatar */
.t6 .pcover{height:145px;background:linear-gradient(120deg,#071b2b,#0d5577)}.t6 .pavatar{border-radius:12px;box-shadow:0 0 28px #38bdf8aa}.t6 .previewnav{background:#0b2034;margin:15px;border:1px solid #38bdf844;border-radius:14px}.t6 .plinks a{border-color:#38bdf855;box-shadow:inset 3px 0 #38bdf8}

/* 07 — Bubble social: circular language and roomy cards */
.t7 .pcover{height:150px;border-radius:0 0 50% 50%}.t7 .pavatar{width:100px;height:100px;border-radius:50%;margin-top:-52px}.t7 .socialicons a{width:44px;height:44px}.t7 .previewnav{justify-content:center}.t7 .plinks a{border-radius:28px;padding-block:16px}.t7 .previewitems article{border-radius:28px}

/* 08 — Playful cards: staggered links and chunky tabs */
.t8 .pcover{height:135px;clip-path:polygon(0 0,100% 0,100% 78%,70% 100%,0 82%)}.t8 .pavatar{margin-left:26px;margin-right:auto;transform:rotate(-4deg)}.t8>h2,.t8>h2+ b,.t8>h2+ b+p,.t8>h2+ b+p+small{text-align:left;margin-left:24px;margin-right:24px}.t8 .plinks a:nth-child(even){transform:translateX(7px)}.t8 .previewnav button{border:2px solid currentColor}

/* 09 — Mono studio: editorial grid and uppercase navigation */
.t9{text-align:left!important}.t9 .pcover{height:86px;background:#d6ff00}.t9 .pavatar{margin:-34px 20px 10px auto;border:3px solid #d6ff00}.t9>h2,.t9>h2+ b,.t9>h2+ b+p,.t9>h2+ b+p+small{margin-left:20px;margin-right:20px}.t9 .previewnav{border-block:1px solid #d6ff0066}.t9 .previewnav button{text-transform:uppercase;letter-spacing:.08em}.t9 .plinks a{border-radius:0;border-left:6px solid #d6ff00}

/* 10 — Gradient portal: arched cover and inset navigation */
.t10 .pcover{height:190px;border-radius:0 0 120px 120px;background:linear-gradient(145deg,#4f46e5,#a855f7)}.t10 .pavatar{width:104px;height:104px;margin-top:-66px;border-radius:36px;transform:rotate(3deg)}.t10 .previewnav{margin:15px 20px 0;background:#fff8;border-radius:22px;justify-content:center}.t10 .plinks a{box-shadow:0 9px 22px #6758dc20}

/* 11 — Local pro: practical left profile with callout cards */
.t11{text-align:left!important}.t11 .pcover{height:130px;border-radius:0 0 28px 28px}.t11 .pavatar{margin:-42px 0 8px 22px;border-radius:18px}.t11>h2,.t11>h2+ b,.t11>h2+ b+p,.t11>h2+ b+p+small{margin-left:22px;margin-right:22px}.t11 .socialicons{justify-content:flex-start}.t11 .previewnav{padding-left:22px}.t11 .plinks a{box-shadow:none;border-left:4px solid #21a179}

/* 12 — Cosmic: luminous centered deck */
.t12 .pcover{height:185px;background:radial-gradient(circle at 50% 20%,#d8a1ff,#5b168d 42%,#16091f 78%)}.t12 .pavatar{width:105px;height:105px;margin-top:-62px;box-shadow:0 0 0 6px #b66cff33,0 0 35px #b66cff88}.t12 .previewnav{justify-content:center}.t12 .plinks a{border:1px solid #b66cff55;box-shadow:0 12px 30px #0005}

/* 13 — Terracotta: magazine portrait, warm blocks */
.t13{text-align:left!important}.t13 .pcover{height:172px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}.t13 .pavatar{margin:-50px 24px 8px auto;border-radius:50% 50% 12px 50%}.t13>h2,.t13>h2+ b,.t13>h2+ b+p,.t13>h2+ b+p+small{margin-left:22px;margin-right:22px}.t13 .previewnav{border-bottom:2px solid #d84b20}.t13 .plinks a{box-shadow:none;background:#fffaf6}

/* 14 — Bento: modular dashboard tiles */
.t14 .pcover{height:118px;margin:14px;border-radius:24px}.t14 .pavatar{margin-top:-58px;border-radius:22px}.t14 .previewnav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.t14 .previewnav button{padding-inline:3px;font-size:11px}.t14 .plinks{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:17px}.t14 .plinks a{margin:0!important;grid-template-columns:30px 1fr!important;min-height:74px}.t14 .plinks a>span{display:none}

/* 15 — Botanical: calm asymmetric arch */
.t15 .pcover{height:176px;border-radius:0 0 70% 20%}.t15 .pavatar{margin:-55px auto 8px 24px;border-radius:50% 50% 50% 12px}.t15>h2,.t15>h2+ b,.t15>h2+ b+p,.t15>h2+ b+p+small{text-align:left;margin-left:24px;margin-right:24px}.t15 .socialicons{justify-content:flex-start;margin-left:24px}.t15 .plinks a{border:0;border-bottom:2px solid #43853d33;box-shadow:none}

/* 16 — Tech console: compact, high-information panels */
.t16{text-align:left!important}.t16 .pcover{height:95px;background:repeating-linear-gradient(90deg,#071b2b 0 16px,#092437 16px 17px)}.t16 .pavatar{margin:-35px 18px 8px auto;border-radius:8px;box-shadow:0 0 0 2px #00d4ff}.t16>h2,.t16>h2+ b,.t16>h2+ b+p,.t16>h2+ b+p+small{margin-left:18px;margin-right:18px}.t16 .previewnav{margin:10px 16px;border:1px solid #00d4ff55;border-radius:8px}.t16 .plinks a{border-radius:8px;box-shadow:none;border-color:#00d4ff44}

/* 17 — Luxury editorial: serif, framed portrait */
.t17 .pcover{height:210px;margin:12px;border:1px solid #c99a55;border-radius:0}.t17 .pavatar{width:92px;height:112px;margin-top:-76px;border:2px solid #c99a55;border-radius:0}.t17>h2{font-size:27px;letter-spacing:.02em}.t17 .previewnav{justify-content:center;border-block:1px solid #c99a5555}.t17 .plinks a{border-radius:0;box-shadow:none;border-color:#c99a5577}

/* 18 — Trust blue: corporate card with tab rail */
.t18{text-align:left!important}.t18 .pcover{height:142px;border-radius:0 0 18px 18px}.t18 .pavatar{margin:-45px 0 8px 20px;border-radius:14px}.t18>h2,.t18>h2+ b,.t18>h2+ b+p,.t18>h2+ b+p+small{margin-left:20px;margin-right:20px}.t18 .previewnav{background:#dce8ff;margin:14px 16px 0;border-radius:12px}.t18 .plinks a{border-left:4px solid #2563eb;box-shadow:0 4px 12px #2563eb12}

/* 19 — Bold flame: dramatic diagonal composition */
.t19 .pcover{height:195px;clip-path:polygon(0 0,100% 0,100% 68%,0 100%);background:linear-gradient(135deg,#ff4933,#7c1010)}.t19 .pavatar{width:105px;height:105px;margin:-74px 24px 8px auto;border-radius:28px;transform:rotate(4deg);box-shadow:0 14px 35px #0007}.t19>h2,.t19>h2+ b,.t19>h2+ b+p,.t19>h2+ b+p+small{text-align:left;margin-left:22px;margin-right:22px}.t19 .previewnav button.on{box-shadow:0 0 20px #ff493399}.t19 .plinks a{border-color:#ff493344}

/* 20 — Quiet minimal: whitespace, hairlines, no decoration */
.t20{text-align:left!important}.t20 .pcover{height:72px;background:#76764a}.t20 .pavatar{width:78px;height:78px;margin:-28px 0 14px 24px;border-radius:50%;border-width:3px}.t20>h2,.t20>h2+ b,.t20>h2+ b+p,.t20>h2+ b+p+small{margin-left:24px;margin-right:24px}.t20 .socialicons{justify-content:flex-start;margin-left:24px}.t20 .previewnav{border-bottom:1px solid #2222}.t20 .previewnav button{padding-inline:7px}.t20 .plinks a,.t20 .previewitems article,.t20 .previewservices article{border:0;border-bottom:1px solid #2222;border-radius:0;box-shadow:none;background:transparent}

@media(max-width:390px){.t14 .plinks{grid-template-columns:1fr}.t14 .previewnav{grid-template-columns:repeat(3,1fr)}.t2>h2,.t11>h2,.t13>h2,.t15>h2,.t16>h2,.t18>h2,.t19>h2,.t20>h2{font-size:22px}}