Model card
From the Hugging Face model README
<section class="card">
<div class="background"></div>
<div class="frame"></div>
<div class="edge edge-left"></div>
<div class="edge edge-right"></div>
<header class="header">
<h1 class="title" data-text="G4-Dark-Soul-26B-A4B">G4-Dark-Soul-26B-A4B</h1>
<div class="line"></div>
</header>
<figure class="media">
<span class="corner corner-tl"></span>
<span class="corner corner-tr"></span>
<span class="corner corner-bl"></span>
<span class="corner corner-br"></span>
<div class="media-inner">
<img
src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/CtRqMMeIga0-vMClXR3Pd.png"
alt="G4-Dark-Soul-26B-A4B artwork"
>
</div>
</figure>
<section class="panel panel-main">
<div class="panel-head">
<span>01</span>
<h2>Overview</h2>
</div>
<p class="copy">
<strong>G4-Dark-Soul-26B-A4B</strong> was created by merging
<a href="https://huggingface.co/Gryphe/Pantheon-Reasoning-26B-A4B-1.1">Pantheon-Reasoning-26B-A4B-1.1</a>,
<a href="https://huggingface.co/zerofata/G4-MeroMero-26B-A4B">G4-MeroMero-26B-A4B</a>,
and
<a href="https://huggingface.co/Darkhn/Gemma-4-26B-A4B-Animus-V14.1-FFT">Gemma-4-26B-A4B-Animus-V14.1-FFT</a> using a custom method.
</p>
<details class="details">
<summary>
<span>Merge configuration</span>
</summary>
<pre><code>base_model: Gryphe/Pantheon-Reasoning-26B-A4B-1.1
models:
- model: zerofata/G4-MeroMero-26B-A4B
- model: Darkhn/Gemma-4-26B-A4B-Animus-V14.1-FFT
merge_method: hcr
chat_template: auto
parameters:
strength: 0.88
retention: 0.6
novelty: 0.36
stability: 0.7
dtype: float32
out_dtype: bfloat16
tokenizer:
source: Gryphe/Pantheon-Reasoning-26B-A4B-1.1</code></pre>
</details>
</section>
<section class="panel">
<div class="panel-head">
<span>02</span>
<h2>Intended Use</h2>
</div>
<div class="grid">
<article class="item">
<span class="number">01</span>
<div class="item-copy">
<h3>Roleplay</h3>
<p>Character interaction, dialogue, personas, and multi-turn scenes.</p>
</div>
</article>
<article class="item">
<span class="number">02</span>
<div class="item-copy">
<h3>Creative Writing</h3>
<p>Drafting fiction, descriptions, dialogue, and scene variations.</p>
</div>
</article>
<article class="item">
<span class="number">03</span>
<div class="item-copy">
<h3>Storytelling</h3>
<p>Short stories, longer narratives, plot development, and worldbuilding.</p>
</div>
</article>
<article class="item">
<span class="number">04</span>
<div class="item-copy">
<h3>Brainstorm</h3>
<p>Generating concepts, outlines, alternatives, and writing ideas.</p>
</div>
</article>
</div>
</section>
</section>
<style>
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap");
.card {
--black: #020304;
--dark: #060a0f;
--mid: #0d151d;
--silver: #c9d2da;
--white: #f0f7fb;
--gray: #929fa9;
--blue: #2789c5;
--bright: #83d7ff;
--edge-color: rgba(151, 198, 224, 0.25);
position: relative;
isolation: isolate;
width: 100%;
max-width: 1240px;
margin: 46px auto;
padding: clamp(32px, 5.2vw, 66px);
overflow: hidden;
color: var(--silver);
font-family: "Inter", "Segoe UI", sans-serif;
border: 1px solid rgba(175, 210, 229, 0.37);
border-radius: 3px;
background:
radial-gradient(ellipse at 50% 0%, rgba(37, 125, 176, 0.18), transparent 31%),
radial-gradient(ellipse at 9% 42%, rgba(34, 104, 146, 0.09), transparent 29%),
radial-gradient(ellipse at 92% 66%, rgba(51, 112, 148, 0.07), transparent 27%),
linear-gradient(125deg, rgba(112, 157, 183, 0.035), transparent 31%),
linear-gradient(235deg, rgba(38, 106, 148, 0.05), transparent 28%),
linear-gradient(180deg, #0a1118 0%, #020304 53%, #080d12 100%);
box-shadow:
inset 0 1px 0 rgba(244, 251, 255, 0.10),
inset 0 -1px 0 rgba(20, 70, 100, 0.34),
inset 0 0 70px rgba(0, 0, 0, 0.62);
}
.card,
.card * {
box-sizing: border-box;
}
.card::before,
.card::after {
content: "";
position: absolute;
z-index: 28;
pointer-events: none;
}
.card::before {
inset: 10px;
border: 1px solid rgba(207, 231, 244, 0.085);
border-radius: 1px;
}
.card::after {
top: 0;
left: 7%;
right: 7%;
height: 2px;
background: linear-gradient(
90deg,
transparent,
rgba(66, 160, 211, 0.25),
rgba(211, 239, 252, 0.78),
rgba(66, 160, 211, 0.25),
transparent
);
}
.card .background {
position: absolute;
inset: 0;
z-index: -3;
pointer-events: none;
background:
radial-gradient(ellipse at 50% 14%, rgba(63, 174, 231, 0.13), transparent 24%),
linear-gradient(90deg, transparent 0%, rgba(94, 165, 202, 0.035) 50%, transparent 100%);
}
.card .frame {
position: absolute;
inset: 18px;
z-index: 26;
pointer-events: none;
border-top: 1px solid rgba(166, 211, 234, 0.055);
border-bottom: 1px solid rgba(40, 107, 146, 0.15);
}
.card .frame::before,
.card .frame::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: linear-gradient(
to bottom,
transparent,
rgba(173, 217, 239, 0.15) 14%,
rgba(43, 137, 187, 0.26) 48%,
rgba(173, 217, 239, 0.10) 84%,
transparent
);
}
.card .frame::before {
left: 0;
}
.card .frame::after {
right: 0;
}
.card .edge {
position: absolute;
top: 8%;
bottom: 8%;
z-index: 27;
width: 3px;
pointer-events: none;
background: linear-gradient(
to bottom,
transparent,
rgba(173, 218, 240, 0.20) 18%,
rgba(38, 139, 194, 0.48) 50%,
rgba(173, 218, 240, 0.18) 82%,
transparent
);
}
.card .edge-left {
left: 14px;
border-left: 1px solid rgba(215, 237, 248, 0.11);
}
.card .edge-right {
right: 14px;
border-right: 1px solid rgba(215, 237, 248, 0.11);
}
.card .header {
position: relative;
z-index: 3;
padding: clamp(5px, 1vw, 10px) 0 clamp(31px, 4vw, 46px);
text-align: center;
}
.card .header::before {
content: "";
position: absolute;
left: 15%;
right: 15%;
top: -30px;
bottom: 12px;
z-index: -1;
pointer-events: none;
background: radial-gradient(
ellipse at center,
rgba(52, 155, 210, 0.15) 0%,
rgba(28, 91, 129, 0.06) 45%,
transparent 73%
);
}
.card .title {
position: relative;
width: 100%;
margin: 0;
padding: 0.07em 0.02em 0.17em;
color: transparent;
white-space: nowrap;
font-family: "Cinzel", Georgia, serif;
font-size: clamp(0.84rem, 3.75vw, 3rem);
font-weight: 600;
line-height: 1;
letter-spacing: -0.025em;
background: linear-gradient(
180deg,
#ffffff 0%,
#c7d2da 24%,
#71808b 47%,
#e4edf2 57%,
#6aaed2 79%,
#24516d 100%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-stroke: 1px rgba(225, 243, 252, 0.09);
text-shadow:
0 2px 0 rgba(50, 69, 82, 0.94),
0 4px 0 rgba(14, 26, 35, 0.98),
0 7px 13px rgba(0, 0, 0, 0.90),
0 0 13px rgba(69, 169, 222, 0.18);
transition: text-shadow 0.22s ease;
}
.card .title::before {
content: attr(data-text);
position: absolute;
inset: 0;
z-index: -1;
color: #17384d;
pointer-events: none;
white-space: nowrap;
font: inherit;
letter-spacing: inherit;
text-shadow:
0 0.10em 0 #07131b,
0 0.20em 0.26em rgba(0, 0, 0, 0.80);
}
.card .title:hover {
text-shadow:
0 2px 0 rgba(63, 84, 98, 0.95),
0 4px 0 rgba(15, 31, 42, 0.98),
0 7px 13px rgba(0, 0, 0, 0.90),
0 0 10px rgba(118, 215, 255, 0.62),
0 0 24px rgba(54, 159, 214, 0.34);
}
.card .line {
position: relative;
width: min(560px, 66%);
height: 3px;
margin: 18px auto 0;
border-top: 1px solid rgba(193, 225, 241, 0.27);
border-bottom: 1px solid rgba(22, 86, 121, 0.46);
background: linear-gradient(
90deg,
transparent,
rgba(67, 160, 211, 0.62),
rgba(195, 229, 246, 0.78),
rgba(67, 160, 211, 0.62),
transparent
);
}
.card .line::after {
content: "";
position: absolute;
left: 22%;
right: 22%;
top: 5px;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(60, 150, 199, 0.32), transparent);
}
.card .media {
position: relative;
z-index: 3;
width: 100%;
margin: 0 auto 34px;
padding: clamp(13px, 1.8vw, 19px);
overflow: hidden;
border: 1px solid rgba(183, 218, 236, 0.31);
border-radius: 3px;
background:
linear-gradient(145deg, rgba(154, 205, 232, 0.08), transparent 30%),
linear-gradient(225deg, rgba(42, 130, 179, 0.08), transparent 27%),
linear-gradient(180deg, #15212b, #05080b);
box-shadow:
inset 0 1px 0 rgba(241, 250, 255, 0.12),
inset 0 -1px 0 rgba(27, 89, 124, 0.34),
inset 0 -7px 14px rgba(0, 0, 0, 0.62),
0 11px 24px rgba(0, 0, 0, 0.38);
}
.card .media::before,
.card .media::after {
content: "";
position: absolute;
z-index: 4;
pointer-events: none;
}
.card .media::before {
inset: 6px;
border-top: 1px solid rgba(231, 245, 252, 0.11);
border-left: 1px solid rgba(231, 245, 252, 0.07);
border-right: 1px solid rgba(29, 92, 127, 0.26);
border-bottom: 1px solid rgba(29, 92, 127, 0.36);
}
.card .media::after {
left: 18%;
right: 18%;
bottom: 6px;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(62, 163, 216, 0.50), transparent);
}
.card .media-inner {
position: relative;
width: 100%;
overflow: hidden;
border: 1px solid rgba(89, 165, 205, 0.23);
background: #020405;
box-shadow:
inset 0 2px 4px rgba(0, 0, 0, 0.88),
inset 0 0 21px rgba(0, 0, 0, 0.58);
}
.card .media-inner img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
border: 0;
object-fit: contain;
object-position: center;
}
.card .corner {
position: absolute;
z-index: 6;
width: 38px;
height: 38px;
pointer-events: none;
}
.card .corner-tl {
top: 0;
left: 0;
border-top: 3px solid rgba(206, 235, 249, 0.72);
border-left: 3px solid rgba(206, 235, 249, 0.72);
}
.card .corner-tr {
top: 0;
right: 0;
border-top: 3px solid rgba(206, 235, 249, 0.72);
border-right: 3px solid rgba(206, 235, 249, 0.72);
}
.card .corner-bl {
bottom: 0;
left: 0;
border-bottom: 3px solid rgba(56, 157, 211, 0.60);
border-left: 3px solid rgba(56, 157, 211, 0.60);
}
.card .corner-br {
right: 0;
bottom: 0;
border-right: 3px solid rgba(56, 157, 211, 0.60);
border-bottom: 3px solid rgba(56, 157, 211, 0.60);
}
.card .panel {
position: relative;
z-index: 3;
margin-bottom: 30px;
padding: clamp(27px, 4.2vw, 43px);
overflow: hidden;
border: 1px solid var(--edge-color);
border-radius: 3px;
background:
radial-gradient(ellipse at 4% 0%, rgba(84, 173, 222, 0.08), transparent 32%),
linear-gradient(145deg, rgba(169, 210, 231, 0.035), transparent 35%),
linear-gradient(180deg, rgba(16, 26, 35, 0.98), rgba(4, 7, 10, 0.99));
box-shadow:
inset 0 1px 0 rgba(238, 249, 255, 0.09),
inset 0 -1px 0 rgba(28, 88, 122, 0.28),
inset 0 -6px 12px rgba(0, 0, 0, 0.55),
0 9px 22px rgba(0, 0, 0, 0.31);
}
.card .panel::before,
.card .panel::after {
content: "";
position: absolute;
pointer-events: none;
}
.card .panel::before {
top: 0;
left: 6%;
width: 42%;
height: 2px;
background: linear-gradient(
90deg,
transparent,
rgba(174, 222, 246, 0.66),
rgba(61, 164, 218, 0.42),
transparent
);
}
.card .panel::after {
top: 18%;
bottom: 18%;
left: 0;
width: 3px;
background: linear-gradient(
to bottom,
transparent,
rgba(136, 213, 251, 0.64),
rgba(45, 143, 197, 0.48),
transparent
);
}
.card .panel-main {
border-color: rgba(103, 184, 226, 0.34);
background:
radial-gradient(ellipse at 5% 0%, rgba(64, 165, 218, 0.11), transparent 35%),
linear-gradient(145deg, rgba(170, 214, 236, 0.042), transparent 36%),
linear-gradient(180deg, rgba(17, 29, 39, 0.99), rgba(4, 8, 11, 0.99));
}
.card .panel-head {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 22px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(147, 194, 219, 0.16);
}
.card .panel-head::after {
content: "";
flex: 1;
height: 1px;
margin-left: 9px;
background: linear-gradient(90deg, rgba(64, 158, 209, 0.32), transparent);
}
.card .panel-head > span {
color: #589fc5;
font-family: "JetBrains Mono", monospace;
font-size: 0.65rem;
letter-spacing: 0.11em;
transition: color 0.22s ease, text-shadow 0.22s ease;
}
.card .panel h2 {
margin: 0;
color: #dce6ec;
font-family: "Cinzel", Georgia, serif;
font-size: clamp(1.25rem, 2.4vw, 1.78rem);
font-weight: 600;
line-height: 1.15;
transition: color 0.22s ease, text-shadow 0.22s ease;
}
.card .panel:hover .panel-head h2 {
color: #f4fbff;
text-shadow:
0 0 8px rgba(116, 211, 255, 0.60),
0 0 19px rgba(52, 157, 213, 0.31);
}
.card .panel:hover .panel-head > span {
color: #99ddff;
text-shadow: 0 0 9px rgba(90, 194, 247, 0.50);
}
.card .copy {
max-width: 990px;
margin: 0 0 25px;
color: #acb9c2;
font-size: 1.02rem;
line-height: 1.78;
}
.card .copy strong {
color: #e7eff4;
transition: color 0.22s ease, text-shadow 0.22s ease;
}
.card .panel:hover .copy strong {
color: #f6fcff;
text-shadow: 0 0 11px rgba(108, 204, 252, 0.44);
}
.card .copy a {
color: #76c9f3;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(118, 201, 243, 0.35);
transition: color 0.22s ease, text-shadow 0.22s ease, border-bottom-color 0.22s ease;
}
.card .copy a:hover {
color: #c8efff;
text-shadow: 0 0 10px rgba(86, 190, 244, 0.44);
border-bottom-color: rgba(185, 233, 255, 0.76);
}
.card .details {
position: relative;
width: 100%;
overflow: hidden;
border: 1px solid rgba(107, 181, 219, 0.23);
border-radius: 2px;
background:
linear-gradient(90deg, rgba(45, 124, 166, 0.10), transparent 50%),
linear-gradient(180deg, #0a1117, #030609);
box-shadow:
inset 0 1px 0 rgba(228, 243, 250, 0.055),
inset 0 -4px 8px rgba(0, 0, 0, 0.60);
}
.card .details::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 2px;
background: linear-gradient(to bottom, transparent, rgba(83, 185, 237, 0.57), transparent);
}
.card .details summary {
position: relative;
display: flex;
align-items: center;
min-height: 56px;
padding: 15px 76px 15px 19px;
cursor: pointer;
list-style: none;
color: #cad7df;
font-family: "JetBrains Mono", monospace;
font-size: 0.80rem;
font-weight: 500;
letter-spacing: 0.055em;
background: linear-gradient(90deg, rgba(49, 133, 177, 0.10), transparent 56%);
transition: color 0.22s ease, text-shadow 0.22s ease;
}
.card .details summary::-webkit-details-marker {
display: none;
}
.card .details summary::after {
content: "OPEN";
position: absolute;
right: 19px;
color: #6194af;
font-size: 0.61rem;
letter-spacing: 0.11em;
}
.card .details[open] summary::after {
content: "CLOSE";
}
.card .details summary:hover {
color: #f2fbff;
text-shadow:
0 0 8px rgba(111, 208, 255, 0.56),
0 0 18px rgba(48, 148, 202, 0.30);
}
.card .details pre {
margin: 0;
padding: clamp(19px, 3vw, 29px);
overflow-x: auto;
color: #bdcad2;
font-family: "JetBrains Mono", monospace;
font-size: clamp(0.77rem, 1.16vw, 0.87rem);
line-height: 1.69;
white-space: pre;
border-top: 1px solid rgba(100, 175, 214, 0.15);
background:
radial-gradient(ellipse at 5% 0%, rgba(47, 139, 188, 0.07), transparent 33%),
linear-gradient(180deg, #04080b, #020405);
}
.card .details code {
color: #97d8f9;
font-family: inherit;
}
.card .grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.card .item {
position: relative;
display: grid;
grid-template-columns: 62px 1fr;
min-height: 166px;
overflow: hidden;
border: 1px solid rgba(145, 192, 217, 0.17);
border-radius: 2px;
background:
radial-gradient(ellipse at 0% 0%, rgba(78, 172, 222, 0.075), transparent 36%),
linear-gradient(145deg, rgba(155, 205, 230, 0.03), transparent 41%),
linear-gradient(180deg, #0d171f, #05090d);
box-shadow:
inset 0 1px 0 rgba(231, 245, 252, 0.06),
inset 0 -5px 9px rgba(0, 0, 0, 0.51),
0 6px 15px rgba(0, 0, 0, 0.26);
}
.card .item::before,
.card .item::after {
content: "";
position: absolute;
pointer-events: none;
}
.card .item::before {
top: 0;
left: 13%;
width: 40%;
height: 1px;
background: linear-gradient(90deg, rgba(176, 222, 244, 0.58), transparent);
}
.card .item::after {
top: 18%;
bottom: 18%;
right: 0;
width: 2px;
background: linear-gradient(to bottom, transparent, rgba(51, 155, 210, 0.45), transparent);
}
.card .number {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #589cc1;
font-family: "JetBrains Mono", monospace;
font-size: 0.65rem;
letter-spacing: 0.10em;
border-right: 1px solid rgba(125, 183, 214, 0.16);
background:
linear-gradient(180deg, rgba(52, 137, 181, 0.11), transparent 48%),
rgba(3, 7, 10, 0.48);
transition: color 0.22s ease, text-shadow 0.22s ease;
}
.card .item-copy {
align-self: center;
min-width: 0;
padding: 25px 23px;
}
.card .item h3 {
margin: 0 0 9px;
color: #dbe5eb;
font-family: "Cinzel", Georgia, serif;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.25;
transition: color 0.22s ease, text-shadow 0.22s ease;
}
.card .item p {
margin: 0;
color: #909da7;
font-size: 0.93rem;
line-height: 1.63;
}
.card .item:hover .number {
color: #9de0ff;
text-shadow: 0 0 9px rgba(93, 197, 249, 0.54);
}
.card .item:hover h3 {
color: #f3fbff;
text-shadow:
0 0 8px rgba(113, 210, 255, 0.56),
0 0 18px rgba(50, 152, 208, 0.29);
}
@media (max-width: 760px) {
.card .title {
font-size: clamp(0.80rem, 3.8vw, 2rem);
letter-spacing: -0.035em;
}
}
@media (max-width: 620px) {
.card {
margin: 18px auto;
padding: 22px 13px 27px;
}
.card .header {
padding: 4px 0 29px;
}
.card .title {
font-size: clamp(0.74rem, 3.9vw, 1.36rem);
}
.card .line {
width: 76%;
margin-top: 15px;
}
.card .media {
padding: 8px;
margin-bottom: 21px;
}
.card .corner {
width: 25px;
height: 25px;
}
.card .panel {
padding: 22px 16px;
margin-bottom: 21px;
}
.card .panel h2 {
font-size: 1.23rem;
}
.card .copy {
font-size: 0.96rem;
}
.card .details summary {
font-size: 0.72rem;
}
.card .details pre {
font-size: 0.77rem;
}
.card .grid {
grid-template-columns: 1fr;
}
.card .item {
grid-template-columns: 54px 1fr;
min-height: 148px;
}
.card .item-copy {
padding: 22px 18px;
}
.card .item h3 {
font-size: 1rem;
}
.card .item p {
font-size: 0.91rem;
}
}
</style>