/* ============================================================
   CREATIVE & DESIGN templates (5)
   Graphic layouts — flagged in the UI as "may parse poorly".
   ============================================================ */
/* 1 — Bold Colour Band */
.tpl-crea-bold .cvh--banner{padding:34px 30px;background:linear-gradient(120deg,var(--accent),#111827)}
.tpl-crea-bold .cvh-name{font-size:2.5em;letter-spacing:-.5px}
.tpl-crea-bold .cvh-role{font-size:1.1em;letter-spacing:2px;text-transform:uppercase;opacity:.95}
.tpl-crea-bold .cvp{border:4px solid rgba(255,255,255,.9);border-radius:50%}
.tpl-crea-bold .cvsh{background:var(--accent);color:#fff;border-radius:20px;display:inline-block;
  padding:2px 15px;font-size:.8em;letter-spacing:1.8px}
.tpl-crea-bold .cve--box{background:#f8fafc;border:1px solid var(--line);border-left:4px solid var(--accent);
  border-radius:8px;padding:8px 12px}
.tpl-crea-bold .sk--bars{display:grid;grid-template-columns:1fr 1fr;gap:.3em 1.3em}

/* 2 — Elegant Ornament */
.tpl-crea-ornament{border-top:8px solid var(--accent);border-bottom:8px solid var(--accent)}
.tpl-crea-ornament .cvh{text-align:center;padding-bottom:6px}
.tpl-crea-ornament .cvp{width:108px;height:108px;border:3px solid var(--accent);padding:3px;background:#fff}
.tpl-crea-ornament .cvh-name{font-size:2.05em;letter-spacing:.6px}
.tpl-crea-ornament .cvh-role{color:var(--accent);font-variant:small-caps;letter-spacing:1.4px}
.tpl-crea-ornament .cvsh{text-transform:none;letter-spacing:.8px;color:var(--accent);font-size:1.05em}
.tpl-crea-ornament .cvsh-orn{opacity:.9}
.tpl-crea-ornament .cve{border-bottom:1px dotted var(--line-strong);padding-bottom:.42em}
.tpl-crea-ornament .sk-tag{border-color:var(--accent);background:#fff}

/* 3 — Dark Creative Panel */
.tpl-crea-darkside{--pad-y:0}
.tpl-crea-darkside .cvcols{gap:0;min-height:1123px}
.tpl-crea-darkside .cvaside{background:#0f172a;color:#e2e8f0;padding:0 0 22px;font-size:.9em}
.tpl-crea-darkside .cvaside-photo{width:100%;height:auto;aspect-ratio:1/1;border-radius:0;border:0;
  border-bottom:4px solid var(--accent);margin:0 0 16px}
.tpl-crea-darkside .cvaside .ctc,.tpl-crea-darkside .cvaside .cvs{padding:0 16px}
.tpl-crea-darkside .cvmain{padding:26px 26px}
.tpl-crea-darkside .cvh-name{font-size:1.95em}
.tpl-crea-darkside .cvh-role{color:var(--accent);letter-spacing:1px}
.tpl-crea-darkside .cvsh{background:var(--accent);color:#fff;display:inline-block;padding:2px 13px;
  font-size:.84em;letter-spacing:1.6px;border-radius:0 12px 12px 0;margin-left:-26px;padding-left:26px}
.tpl-crea-darkside .cvaside .cvsh{background:none;border-left:3px solid var(--accent);border-radius:0;
  margin-left:0;padding:0 0 3px 9px;color:#fff;font-size:.8em;letter-spacing:2px}
.tpl-crea-darkside .cve--tl{border-left-color:var(--accent-soft)}
.tpl-crea-darkside .sk-dots i{background:#334155}

/* 4 — Magazine */
.tpl-crea-magazine .cvh{border-bottom:5px solid var(--ink);padding-bottom:12px;align-items:flex-start}
.tpl-crea-magazine .cvh-name{font-size:2.85em;letter-spacing:-1.4px;line-height:1}
.tpl-crea-magazine .cvh-role{text-transform:uppercase;letter-spacing:3px;font-size:.82em;color:var(--accent)}
.tpl-crea-magazine .cvh-r{max-width:44%}
.tpl-crea-magazine .cvp{width:104px;height:104px;border-radius:2px}
.tpl-crea-magazine .cvsh{border-bottom:4px solid var(--accent);padding-bottom:2px;color:var(--ink);
  letter-spacing:2.2px;font-size:.86em}
.tpl-crea-magazine .cve-line{border-bottom:1px solid var(--line);padding-bottom:.3em}
.tpl-crea-magazine .cve-t{text-transform:uppercase;letter-spacing:.6px;font-size:.98em}
.tpl-crea-magazine .sk-tag{border-radius:0;border-width:1.5px;text-transform:uppercase;font-size:.76em;letter-spacing:.8px}

/* 5 — Portfolio Frame */
.tpl-crea-portfolio{border:3px solid var(--accent);padding:16px 18px;position:relative}
.tpl-crea-portfolio .cvh{border-bottom:2px dashed var(--accent);padding-bottom:11px}
.tpl-crea-portfolio .cvh-name{font-size:2em;letter-spacing:-.4px}
.tpl-crea-portfolio .cvh-role{color:var(--accent);font-weight:700}
.tpl-crea-portfolio .cvp{border-radius:12px;border:3px solid var(--accent)}
.tpl-crea-portfolio .cvsh{display:flex;color:var(--accent);letter-spacing:1.6px;font-size:.9em;
  border-bottom:1px solid var(--line);padding-bottom:4px}
.tpl-crea-portfolio .cvsh .ic{width:1.15em;height:1.15em}
.tpl-crea-portfolio .cve--box{border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fdfdff}
.tpl-crea-portfolio .cve-tech{background:var(--accent-soft);color:var(--ink);border-radius:12px}
.tpl-crea-portfolio .sk-tag{background:var(--accent);color:#fff;border-color:var(--accent);border-radius:6px}