Vortex5/G4-Midnight-Macaw-26B-A4B
<section class="card"> <div class="background"></div> <div class="frame"></div> <div class="rope rope-left"></div> <div class="rope rope-right"></div>
<header class="header"> <h1 class="title" data-text="G4-Midnight-Macaw-26B-A4B">G4-Midnight-Macaw-26B-A4B</h1> <div class="rule"><span></span></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"> <div class="image-wrap"> <video autoplay loop muted playsinline> <source src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/aTyN_uTk9ESpWXfXhn5Wf.mp4" type="video/mp4"> </video> </div> </div>
</figure>
<section class="panel panel-main"> <div class="panel-head"> <span>01</span> <h2>Overview</h2> </div>
<p class="copy"> <strong>G4-Midnight-Macaw-26B-A4B</strong> is a roleplay-focused model created by merging <a href="https://huggingface.co/Vortex5/G4-Dark-Soul-26B-A4B">G4-Dark-Soul-26B-A4B</a>, <a href="https://huggingface.co/ReadyArt/Dark-Scarlett-v1.0-26B-A4B">Dark-Scarlett-v1.0-26B-A4B</a>, <a href="https://huggingface.co/ReadyArt/Serenity-26B-A4B">Serenity-26B-A4B</a>, and <a href="https://huggingface.co/electroglyph/gemma4-26b-fiction-bf16">gemma4-26b-fiction-bf16</a> using a custom method. </p>
<details class="details"> <summary> <span>Merge configuration</span> </summary> <pre><code>base_model: Vortex5/G4-Dark-Soul-26B-A4B models:
- model: ReadyArt/Dark-Scarlett-v1.0-26B-A4B
- model: ReadyArt/Serenity-26B-A4B
- model: electroglyph/gemma4-26b-fiction-bf16 mergemethod: hcr chattemplate: auto parameters: strength: 0.88 retention: 0.6 novelty: 0.36 stability: 0.7 dtype: float32 out_dtype: bfloat16 tokenizer: source: union</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>Brainstorming</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+Decorative:wght@700;900&family=Inter:wght@400;500;600&family=Pirata+One&family=Roboto+Mono:wght@400;500;600&display=swap");
.card { --ink: #080305; --black-wine: #120408; --wine: #2b0710; --crimson: #8f1731; --scarlet: #e0445e; --rose: #ff8796; --parchment: #ead8c2; --gold: #b98a4b; --bright-gold: #efd39a; --muted: #b9a4a6; --line-color: rgba(201, 145, 91, 0.31);
position: relative; isolation: isolate; width: 100%; max-width: 1240px; margin: 46px auto; padding: clamp(32px, 5.2vw, 66px); overflow: hidden; color: var(--parchment); font-family: "Inter", "Segoe UI", sans-serif; border: 1px solid rgba(215, 159, 101, 0.42); border-radius: 2px; background: radial-gradient(ellipse at 50% -4%, rgba(166, 24, 55, 0.30), transparent 31%), radial-gradient(circle at 7% 35%, rgba(150, 25, 49, 0.12), transparent 24%), radial-gradient(circle at 93% 71%, rgba(117, 10, 34, 0.13), transparent 27%), repeating-linear-gradient(112deg, rgba(255, 220, 171, 0.017) 0 1px, transparent 1px 11px), linear-gradient(180deg, #23070e 0%, #080305 47%, #140408 100%); box-shadow: inset 0 1px 0 rgba(255, 227, 187, 0.14), inset 0 -1px 0 rgba(100, 10, 29, 0.70), inset 0 0 90px rgba(0, 0, 0, 0.73); }
.card, .card * { box-sizing: border-box; }
.card::before, .card::after { content: ""; position: absolute; z-index: 30; pointer-events: none; }
.card::before { inset: 10px; border: 1px solid rgba(239, 199, 137, 0.10); outline: 1px solid rgba(105, 12, 32, 0.46); outline-offset: -5px; }
.card::after { top: 0; left: 8%; right: 8%; height: 3px; background: linear-gradient(90deg, transparent, #6f1127, #e1b873, #6f1127, transparent); box-shadow: 0 0 13px rgba(203, 42, 76, 0.26); }
.card .background { position: absolute; inset: 0; z-index: -3; pointer-events: none; opacity: 0.65; background: linear-gradient(30deg, transparent 46%, rgba(213, 161, 91, 0.045) 47% 48%, transparent 49%), linear-gradient(-30deg, transparent 46%, rgba(213, 161, 91, 0.035) 47% 48%, transparent 49%); background-size: 46px 80px; }
.card .frame { position: absolute; inset: 18px; z-index: 27; pointer-events: none; border-top: 1px solid rgba(226, 183, 114, 0.11); border-bottom: 1px solid rgba(113, 15, 35, 0.55); }
.card .frame::before, .card .frame::after { content: "◆"; position: absolute; bottom: -9px; color: #a8763f; font-size: 0.72rem; text-shadow: 0 0 8px rgba(195, 34, 69, 0.30); }
.card .frame::before { left: -1px; }
.card .frame::after { right: -1px; }
.card .rope { position: absolute; top: 6%; bottom: 6%; z-index: 28; width: 4px; pointer-events: none; border-left: 1px solid rgba(245, 208, 148, 0.31); border-right: 1px solid rgba(79, 22, 19, 0.85); background: repeating-linear-gradient( to bottom, #3d1b17 0 5px, #b18149 6px 8px, #5c2720 9px 13px ); box-shadow: 0 0 9px rgba(175, 32, 56, 0.16); }
.card .rope-left { left: 14px; }
.card .rope-right { right: 14px; }
.card .header { position: relative; z-index: 3; padding: 0 0 clamp(31px, 4vw, 46px); text-align: center; }
.card .header::before { content: ""; position: absolute; top: -42px; bottom: 4px; left: 9%; right: 9%; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at center, rgba(188, 27, 59, 0.23), transparent 67%); }
.card .title { position: relative; left: auto; display: block; width: 100%; max-width: 100%; margin: 0; padding: 0.05em 0 0.15em; color: #f8e8d1; white-space: nowrap; font-family: "Cinzel Decorative", "Pirata One", Georgia, serif; font-size: clamp(0.60rem, 2.2vw, 2.05rem); font-weight: 900; line-height: 0.98; letter-spacing: -0.018em; text-align: center; transform: none; -webkit-text-fill-color: #f8e8d1; -webkit-text-stroke: 0.75px #a92b42; text-shadow: 0 1px 0 #e7bd79, 0 2px 0 #b9334a, 0 4px 0 #711426, 0 6px 0 #330812, 0 8px 12px rgba(0, 0, 0, 0.90), 0 0 7px rgba(177, 31, 59, 0.30); }
.card .title::before { content: attr(data-text); position: absolute; inset: 0; z-index: -1; color: #25060d; -webkit-text-fill-color: #25060d; -webkit-text-stroke: 2.4px #4f0b1b; white-space: nowrap; font: inherit; letter-spacing: inherit; pointer-events: none; transform: translateY(3px); text-shadow: 0 2px 0 #170308; }
.card .title:hover { color: #fff4e0; -webkit-text-fill-color: #fff4e0; -webkit-text-stroke-color: #d94b5f; text-shadow: 0 1px 0 #f0cb88, 0 2px 0 #d34057, 0 4px 0 #85182b, 0 6px 0 #360812, 0 8px 12px rgba(0, 0, 0, 0.90), 0 0 9px rgba(231, 66, 91, 0.52), 0 0 17px rgba(142, 19, 45, 0.28); }
.card .rule { position: relative; width: min(640px, 72%); height: 9px; margin: 20px auto 0; border-top: 1px solid rgba(230, 190, 125, 0.37); border-bottom: 1px solid rgba(112, 17, 36, 0.65); background: linear-gradient(90deg, transparent, rgba(141, 20, 46, 0.80), rgba(205, 154, 83, 0.76), rgba(141, 20, 46, 0.80), transparent); clip-path: polygon(0 42%, 44% 42%, 46% 0, 50% 36%, 54% 0, 56% 42%, 100% 42%, 100% 58%, 56% 58%, 54% 100%, 50% 64%, 46% 100%, 44% 58%, 0 58%); }
.card .media { position: relative; z-index: 3; width: 100%; margin: 0 auto 34px; padding: clamp(14px, 1.9vw, 21px); overflow: hidden; border: 1px solid rgba(220, 172, 104, 0.42); border-radius: 2px; background: linear-gradient(135deg, rgba(221, 176, 104, 0.13), transparent 25%), linear-gradient(225deg, rgba(144, 23, 49, 0.17), transparent 30%), linear-gradient(180deg, #310c14, #090305); box-shadow: inset 0 1px 0 rgba(255, 231, 189, 0.14), inset 0 -8px 16px rgba(0, 0, 0, 0.68), 0 13px 29px rgba(0, 0, 0, 0.43); }
.card .media::before, .card .media::after { content: ""; position: absolute; z-index: 4; pointer-events: none; }
.card .media::before { inset: 7px; border: 1px solid rgba(222, 174, 106, 0.14); outline: 1px solid rgba(109, 14, 34, 0.65); outline-offset: -4px; }
.card .media::after { top: 0; bottom: 0; left: 7%; right: 7%; border-top: 2px solid rgba(232, 192, 127, 0.32); border-bottom: 2px solid rgba(133, 20, 44, 0.58); }
.card .media-inner { position: relative; width: 100%; overflow: hidden; border: 1px solid rgba(163, 96, 65, 0.57); background: #050203; box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.83); }
.card .media-inner img, .card .media-inner video { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; border: 0; object-fit: contain; object-position: center; }
.card .image-wrap { position: relative; width: 100%; overflow: hidden; background: #050203; }
.card .image-wrap video { background: #050203; }
.card .corner { position: absolute; z-index: 7; width: 45px; height: 45px; pointer-events: none; }
.card .corner::after { content: "◆"; position: absolute; color: #d4a764; font-size: 0.72rem; text-shadow: 0 0 8px rgba(184, 29, 59, 0.46); }
.card .corner-tl { top: 0; left: 0; border-top: 3px solid #d4a764; border-left: 3px solid #d4a764; }
.card .corner-tl::after { top: 5px; left: 6px; }
.card .corner-tr { top: 0; right: 0; border-top: 3px solid #d4a764; border-right: 3px solid #d4a764; }
.card .corner-tr::after { top: 5px; right: 6px; }
.card .corner-bl { bottom: 0; left: 0; border-bottom: 3px solid #8e1c35; border-left: 3px solid #8e1c35; }
.card .corner-bl::after { bottom: 5px; left: 6px; }
.card .corner-br { right: 0; bottom: 0; border-right: 3px solid #8e1c35; border-bottom: 3px solid #8e1c35; }
.card .corner-br::after { right: 6px; bottom: 5px; }
.card .media:hover .corner, .card .media:hover .corner::after { border-color: #f0c981; color: #f0c981; text-shadow: 0 0 8px rgba(255, 119, 141, 0.62), 0 0 16px rgba(170, 24, 54, 0.42); }
.card .panel { position: relative; z-index: 3; margin-bottom: 30px; padding: clamp(27px, 4.2vw, 43px); overflow: hidden; border: 1px solid var(--line-color); border-radius: 2px; background: radial-gradient(ellipse at 4% 0%, rgba(170, 31, 59, 0.14), transparent 34%), linear-gradient(145deg, rgba(219, 170, 100, 0.045), transparent 37%), linear-gradient(180deg, rgba(40, 9, 16, 0.98), rgba(9, 3, 5, 0.99)); box-shadow: inset 0 1px 0 rgba(248, 212, 156, 0.10), inset 0 -1px 0 rgba(118, 15, 36, 0.49), inset 0 -7px 14px rgba(0, 0, 0, 0.62), 0 9px 22px rgba(0, 0, 0, 0.34); }
.card .panel::before, .card .panel::after { content: ""; position: absolute; pointer-events: none; }
.card .panel::before { top: 0; left: 5%; width: 48%; height: 2px; background: linear-gradient(90deg, transparent, rgba(235, 197, 133, 0.78), rgba(164, 26, 56, 0.54), transparent); }
.card .panel::after { top: 15%; bottom: 15%; left: 0; width: 3px; background: linear-gradient(to bottom, transparent, #c69654, #a01c39, transparent); }
.card .panel-main { border-color: rgba(207, 145, 81, 0.39); background: radial-gradient(ellipse at 5% 0%, rgba(190, 35, 68, 0.17), transparent 37%), linear-gradient(145deg, rgba(226, 176, 104, 0.055), transparent 38%), linear-gradient(180deg, rgba(48, 10, 19, 0.99), rgba(10, 3, 6, 0.99)); }
.card .panel-head { display: flex; align-items: center; gap: 15px; margin-bottom: 22px; padding-bottom: 15px; border-bottom: 1px solid rgba(196, 139, 87, 0.20); }
.card .panel-head::after { content: ""; flex: 1; height: 1px; margin-left: 8px; background: linear-gradient(90deg, rgba(188, 36, 66, 0.57), rgba(195, 144, 82, 0.30), transparent); }
.card .panel-head > span { color: #b8874e; font-family: "Roboto Mono", monospace; font-size: 0.65rem; letter-spacing: 0.12em; }
.card .panel h2 { margin: 0; color: #ead9c1; font-family: "Pirata One", Georgia, serif; font-size: clamp(1.55rem, 3vw, 2.15rem); font-weight: 400; line-height: 1; letter-spacing: 0.035em; }
.card .panel:hover .panel-head h2 { color: #fff0d1; text-shadow: 0 0 8px rgba(255, 123, 143, 0.56), 0 0 20px rgba(174, 26, 57, 0.37); }
.card .panel:hover .panel-head > span { color: #f0c47e; text-shadow: 0 0 9px rgba(213, 49, 81, 0.51); }
.card .copy { max-width: 1010px; margin: 0 0 25px; color: #c1afb0; font-size: 1.02rem; line-height: 1.78; }
.card .copy strong { color: #f0dac1; }
.card .panel:hover .copy strong { color: #fff1d8; text-shadow: 0 0 11px rgba(234, 66, 94, 0.46); }
.card .copy a { color: #dc6b7e; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(220, 107, 126, 0.38); }
.card .copy a:hover { color: #ffb4bd; border-bottom-color: rgba(245, 199, 137, 0.76); text-shadow: 0 0 10px rgba(225, 55, 87, 0.50); }
.card .details { position: relative; width: 100%; overflow: hidden; border: 1px solid rgba(191, 127, 69, 0.29); border-radius: 2px; background: linear-gradient(90deg, rgba(144, 20, 45, 0.15), transparent 53%), linear-gradient(180deg, #1b070c, #070204); box-shadow: inset 0 1px 0 rgba(236, 201, 143, 0.07), inset 0 -5px 10px rgba(0, 0, 0, 0.68); }
.card .details::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: linear-gradient(to bottom, transparent, #d0a05c, #a51f3b, transparent); }
.card .details summary { position: relative; display: flex; align-items: center; min-height: 56px; padding: 15px 78px 15px 20px; cursor: pointer; list-style: none; color: #d5c0ad; font-family: "Roboto Mono", monospace; font-size: 0.80rem; font-weight: 500; letter-spacing: 0.055em; background: linear-gradient(90deg, rgba(145, 20, 45, 0.14), transparent 58%); }
.card .details summary::-webkit-details-marker { display: none; }
.card .details summary::after { content: "OPEN"; position: absolute; right: 19px; color: #a97b54; font-size: 0.61rem; letter-spacing: 0.11em; }
.card .details[open] summary::after { content: "CLOSE"; }
.card .details summary:hover { color: #fff0d5; text-shadow: 0 0 8px rgba(255, 119, 139, 0.55), 0 0 17px rgba(179, 25, 57, 0.34); }
.card .details pre { margin: 0; padding: clamp(19px, 3vw, 29px); overflow-x: auto; color: #c7b8ae; font-family: "Roboto Mono", monospace; font-size: clamp(0.77rem, 1.16vw, 0.87rem); line-height: 1.69; white-space: pre; border-top: 1px solid rgba(181, 113, 66, 0.20); background: radial-gradient(ellipse at 5% 0%, rgba(150, 25, 50, 0.11), transparent 35%), linear-gradient(180deg, #0e0306, #050203); }
.card .details code { color: #e19b9f; 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: 58px minmax(0, 1fr); min-height: 164px; overflow: hidden; border: 1px solid rgba(192, 136, 82, 0.22); border-radius: 2px; background: radial-gradient(ellipse at 0% 0%, rgba(178, 31, 60, 0.12), transparent 40%), linear-gradient(145deg, rgba(219, 166, 95, 0.04), transparent 43%), linear-gradient(180deg, #250810, #0a0305); box-shadow: inset 0 1px 0 rgba(238, 204, 151, 0.07), inset 0 -6px 11px rgba(0, 0, 0, 0.57), 0 6px 15px rgba(0, 0, 0, 0.28); }
.card .item::before, .card .item::after { content: ""; position: absolute; pointer-events: none; }
.card .item::before { top: 0; left: 13%; width: 43%; height: 1px; background: linear-gradient(90deg, rgba(231, 192, 129, 0.70), transparent); }
.card .item::after { top: 17%; bottom: 17%; right: 0; width: 2px; background: linear-gradient(to bottom, transparent, #b98b50, #9e1d38, transparent); }
.card .number { position: relative; display: flex; align-items: center; justify-content: center; color: #b7854c; font-family: "Roboto Mono", monospace; font-size: 0.65rem; letter-spacing: 0.10em; border-right: 1px solid rgba(192, 136, 82, 0.19); background: linear-gradient(180deg, rgba(146, 22, 47, 0.16), transparent 50%), rgba(8, 2, 4, 0.52); }
.card .number::after { content: ""; position: absolute; bottom: 20px; width: 5px; height: 5px; background: #8d1832; transform: rotate(45deg); }
.card .item-copy { align-self: center; min-width: 0; padding: 25px 22px; }
.card .item h3 { margin: 0 0 9px; color: #ead7bc; font-family: "Cinzel Decorative", Georgia, serif; font-size: clamp(0.86rem, 1.35vw, 1.03rem); font-weight: 700; line-height: 1.25; letter-spacing: -0.025em; white-space: nowrap; }
.card .item p { margin: 0; color: #af9c9e; font-size: 0.93rem; line-height: 1.63; overflow-wrap: break-word; }
.card .item:hover .number { color: #f0c47b; text-shadow: 0 0 9px rgba(219, 54, 85, 0.58); }
.card .item:hover h3 { color: #fff0d0; text-shadow: 0 0 8px rgba(255, 119, 139, 0.54), 0 0 18px rgba(174, 24, 55, 0.33); }
.card .item:hover::after { box-shadow: 0 0 10px rgba(218, 48, 80, 0.46); }
@media (max-width: 760px) { .card .title { font-size: clamp(0.59rem, 2.15vw, 1.28rem); letter-spacing: -0.022em; }
.card .item h3 { font-size: clamp(0.82rem, 1.85vw, 0.98rem); } }
@media (max-width: 620px) { .card { margin: 18px auto; padding: 23px 13px 27px; }
.card .header { padding-bottom: 29px; }
.card .title { font-size: clamp(0.56rem, 2.1vw, 0.91rem); letter-spacing: -0.026em; }
.card .rule { width: 82%; margin-top: 16px; }
.card .media { padding: 9px; margin-bottom: 21px; }
.card .corner { width: 28px; height: 28px; }
.card .panel { padding: 22px 16px; margin-bottom: 21px; }
.card .panel h2 { font-size: 1.52rem; }
.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 minmax(0, 1fr); min-height: 145px; }
.card .item-copy { padding: 22px 18px; }
.card .item h3 { font-size: 0.95rem; }
.card .item p { font-size: 0.91rem; } } </style>