<br />
<!-- Logo mark (integrated into header) --><br />
<svg class="header-logo-icon" width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f0c860"/><br />
<stop offset="50%" stop-color="#e8b48a"/><br />
<stop offset="100%" stop-color="#c9956a"/>
</linearGradient>
<linearGradient id="crystalLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#7ecfef"/><br />
<stop offset="100%" stop-color="#3a9fd1"/>
</linearGradient>
</defs><br />
<!-- Outer ring --><br />
<circle cx="36" cy="36" r="34" fill="none" stroke="url(#logoGrad)" stroke-width="1.2" opacity="0.6"/><br />
<!-- Inner hexagon -->
<polygon points="36,8 58,22 58,50 36,64 14,50 14,22" fill="none" stroke="url(#logoGrad)" stroke-width="1.2" opacity="0.4"/>
<!-- Crystal gem shape -->
<polygon points="36,14 50,28 44,52 28,52 22,28" fill="none" stroke="url(#crystalLogoGrad)" stroke-width="1.5"/>
<!-- Center facet -->
<polygon points="36,14 50,28 36,34 22,28" fill="url(#crystalLogoGrad)" opacity="0.25"/>
<polygon points="36,34 50,28 44,52 28,52 22,28" fill="url(#crystalLogoGrad)" opacity="0.12"/>
<!-- Top sparkle -->
<line x1="36" y1="4" x2="36" y2="10" stroke="#f0c860" stroke-width="1.5" stroke-linecap="round"/>
<line x1="33" y1="5.2" x2="39" y2="8.8" stroke="#f0c860" stroke-width="0.8" opacity="0.6"/>
<line x1="39" y1="5.2" x2="33" y2="8.8" stroke="#f0c860" stroke-width="0.8" opacity="0.6"/>
</svg>
<div class="header-ornament">
<div class="ornament-line"></div>
<div class="ornament-diamond"></div>
<div class="ornament-line right"></div>
</div>
<div class="brand-eyebrow">Est. MMXXIV · Rare Earth Collection</div>
<div class="brand-name">Crystal Vein</div>
<div class="brand-script">Luxury Mining & Gemstone Co.</div>
<div class="header-ornament" style="margin-top:20px;margin-bottom:0;">
<div class="ornament-line"></div>
<div class="ornament-diamond"></div>
<svg width="24" height="14" viewBox="0 0 24 14"><polygon points="12,1 23,13 1,13" fill="none" stroke="#c9956a" stroke-width="1.2"/></svg>
<div class="ornament-diamond"></div>
<div class="ornament-line right"></div>
</div>
<div class="brand-tagline" style="margin-top:18px;">Unearthed · Refined · Treasured</div>
<!– 1. Faceted Diamond Crystal –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="gem1a" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#7ecfef"/><stop offset="100%" stop-color="#3a9fd1"/></linearGradient>
<linearGradient id="gem1b" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#c8e8f8"/><stop offset="100%" stop-color="#7ecfef"/></linearGradient>
</defs>
<polygon points="32,4 52,20 44,58 20,58 12,20" fill="none" stroke="url(#gem1a)" stroke-width="1.5"/>
<polygon points="32,4 52,20 32,28 12,20" fill="url(#gem1b)" opacity="0.3"/>
<polygon points="32,28 52,20 44,58" fill="url(#gem1a)" opacity="0.18"/>
<polygon points="32,28 20,58 12,20" fill="url(#gem1a)" opacity="0.12"/>
<polygon points="32,28 44,58 20,58" fill="url(#gem1b)" opacity="0.22"/>
<line x1="32" y1="4" x2="32" y2="28" stroke="#7ecfef" stroke-width="1" opacity="0.5"/>
<line x1="12" y1="20" x2="52" y2="20" stroke="#7ecfef" stroke-width="0.8" opacity="0.35"/>
<circle cx="32" cy="4" r="2" fill="#c8e8f8" opacity="0.8"/><br />
</svg></p>
<div class="icon-label">Gem Cut</div>
<div class="icon-sublabel">Crystal · SVG</div>
</div>
<!– 2. Pickaxe –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="pick1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f0c860"/><stop offset="100%" stop-color="#c9956a"/></linearGradient>
</defs><br />
<!– Handle –>
<line x1="20" y1="44" x2="52" y2="52" stroke="#8B6340" stroke-width="4" stroke-linecap="round"/>
<!– Pickaxe head –>
<path d="M12,28 C8,16 18,8 28,12 L34,18 L22,30 Z" fill="url(#pick1)" stroke="url(#pick1)" stroke-width="0.5"/>
<path d="M34,18 L42,10 C50,4 58,10 52,20 L38,26 Z" fill="url(#pick1)" stroke="url(#pick1)" stroke-width="0.5" opacity="0.7"/>
<!– Connection to handle –>
<path d="M22,30 L20,44" stroke="url(#pick1)" stroke-width="3.5" stroke-linecap="round"/>
<!– Shine –>
<line x1="14" y1="24" x2="20" y2="18" stroke="#f8e090" stroke-width="1.2" stroke-linecap="round" opacity="0.6"/>
</svg></p>
<div class="icon-label">Pickaxe</div>
<div class="icon-sublabel">Mining · SVG</div>
</div>
<!– 3. Amethyst Cluster –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="amth1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#c8aef0"/><stop offset="100%" stop-color="#7050b0"/></linearGradient>
<linearGradient id="amth2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#e0d0ff"/><stop offset="100%" stop-color="#9b7fc7"/></linearGradient>
</defs><br />
<!– Base rock –>
<path d="M8,52 Q12,56 32,58 Q52,56 56,52 L52,48 Q32,54 12,48 Z" fill="#2a2035" stroke="#4a3060" stroke-width="0.8"/>
<!– Crystal spires –>
<polygon points="24,18 30,50 18,50" fill="url(#amth1)" stroke="#c8aef0" stroke-width="0.8" opacity="0.9"/>
<polygon points="32,10 38,46 26,46" fill="url(#amth2)" stroke="#e0d0ff" stroke-width="0.8"/>
<polygon points="40,16 46,48 34,48" fill="url(#amth1)" stroke="#c8aef0" stroke-width="0.8" opacity="0.85"/>
<polygon points="16,24 20,50 12,50" fill="url(#amth1)" stroke="#9b7fc7" stroke-width="0.8" opacity="0.6"/>
<polygon points="46,20 50,50 42,50" fill="url(#amth1)" stroke="#9b7fc7" stroke-width="0.8" opacity="0.6"/>
<!– Sparkles –><br />
<circle cx="32" cy="10" r="1.5" fill="#e0d0ff" opacity="0.9"/>
<line x1="32" y1="6" x2="32" y2="8" stroke="#e0d0ff" stroke-width="0.8"/>
<line x1="29" y1="7.4" x2="30.4" y2="9" stroke="#e0d0ff" stroke-width="0.8" opacity="0.7"/>
<line x1="35" y1="7.4" x2="33.6" y2="9" stroke="#e0d0ff" stroke-width="0.8" opacity="0.7"/>
</svg></p>
<div class="icon-label">Amethyst</div>
<div class="icon-sublabel">Cluster · SVG</div>
</div>
<!– 4. Mining Helmet –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="helm1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f0c860"/><stop offset="100%" stop-color="#c9956a"/></linearGradient>
</defs><br />
<!– Helmet dome –>
<path d="M10,38 C10,22 22,12 32,12 C42,12 54,22 54,38 Z" fill="url(#helm1)" stroke="#f0c860" stroke-width="1.2"/>
<!– Brim –><br />
<rect x="6" y="36" width="52" height="7" rx="3" fill="#c9956a" stroke="#f0c860" stroke-width="1"/><br />
<!– Stripe –>
<path d="M32,12 C32,12 32,24 32,36" stroke="#ffffff" stroke-width="1.5" stroke-dasharray="3,3" opacity="0.4"/>
<!– Lamp –><br />
<rect x="26" y="9" width="12" height="8" rx="2" fill="#1a1828" stroke="#f0c860" stroke-width="1"/><br />
<ellipse cx="32" cy="9" rx="5" ry="3" fill="#f8e090" opacity="0.7"/><br />
<!– Light beam –>
<path d="M28,9 L18,2 M32,8 L32,1 M36,9 L46,2" stroke="#f8e090" stroke-width="1" stroke-linecap="round" opacity="0.5"/>
</svg></p>
<div class="icon-label">Helmet</div>
<div class="icon-sublabel">Mining · SVG</div>
</div>
<!– 5. Hexagonal Geode –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="geo1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#7ecfef"/><stop offset="100%" stop-color="#9b7fc7"/></linearGradient>
<radialGradient id="geoCtr" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#f0e8ff"/><stop offset="40%" stop-color="#9b7fc7"/><stop offset="100%" stop-color="#3a1060"/></radialGradient><br />
</defs><br />
<!– Outer ring cracked rock texture –><br />
<circle cx="32" cy="32" r="28" fill="#1a1828" stroke="#4a3060" stroke-width="1.5"/><br />
<circle cx="32" cy="32" r="22" fill="none" stroke="#6040a0" stroke-width="1" opacity="0.6"/><br />
<!– Inner geode crystal circle –><br />
<circle cx="32" cy="32" r="18" fill="url(#geoCtr)"/><br />
<!– Crystal facets –>
<polygon points="32,16 40,24 38,36 26,36 24,24" fill="none" stroke="url(#geo1)" stroke-width="1" opacity="0.7"/>
<line x1="32" y1="16" x2="32" y2="36" stroke="#c8d8f8" stroke-width="0.8" opacity="0.4"/>
<line x1="24" y1="24" x2="40" y2="24" stroke="#c8d8f8" stroke-width="0.8" opacity="0.4"/>
<!– Center sparkle –><br />
<circle cx="32" cy="30" r="2.5" fill="#ffffff" opacity="0.7"/><br />
<circle cx="32" cy="30" r="1" fill="#ffffff"/><br />
</svg></p>
<div class="icon-label">Geode</div>
<div class="icon-sublabel">Halved · SVG</div>
</div>
<!– 6. Crossed Pickaxes (Emblem) –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="xpick" x1="0%" y1="100%" x2="100%" y2="0%"><stop offset="0%" stop-color="#c9956a"/><stop offset="100%" stop-color="#f0c860"/></linearGradient>
</defs><br />
<!– Left pickaxe (leaning right) –><br />
<g transform="rotate(-30,32,32)">
<line x1="22" y1="18" x2="42" y2="46" stroke="#6B4820" stroke-width="3.5" stroke-linecap="round"/>
<path d="M16,14 C12,6 20,2 26,8 L30,16 L22,20 Z" fill="url(#xpick)"/>
<path d="M30,16 L36,8 C42,2 48,8 44,16 L34,22 Z" fill="url(#xpick)" opacity="0.7"/>
</g><br />
<!– Right pickaxe (leaning left) –><br />
<g transform="rotate(30,32,32)">
<line x1="22" y1="18" x2="42" y2="46" stroke="#6B4820" stroke-width="3.5" stroke-linecap="round"/>
<path d="M16,14 C12,6 20,2 26,8 L30,16 L22,20 Z" fill="url(#xpick)"/>
<path d="M30,16 L36,8 C42,2 48,8 44,16 L34,22 Z" fill="url(#xpick)" opacity="0.7"/>
</g><br />
<!– Center diamond –>
<polygon points="32,26 38,32 32,38 26,32" fill="url(#xpick)" stroke="#f0c860" stroke-width="1"/>
</svg></p>
<div class="icon-label">Emblem</div>
<div class="icon-sublabel">Crossed · SVG</div>
</div>
<!– 7. Rose Quartz –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="rq1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f8d0d8"/><stop offset="100%" stop-color="#e08090"/></linearGradient>
<linearGradient id="rq2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#fce0e8"/><stop offset="100%" stop-color="#d06070"/></linearGradient>
</defs><br />
<!– Irregular crystal form –>
<polygon points="32,6 50,16 54,34 46,54 18,54 10,34 14,16" fill="url(#rq1)" stroke="#e08090" stroke-width="1.2"/>
<!– Facet lines –>
<polygon points="32,6 50,16 32,24 14,16" fill="url(#rq2)" opacity="0.35"/>
<line x1="32" y1="6" x2="32" y2="24" stroke="#fce0e8" stroke-width="1" opacity="0.5"/>
<line x1="14" y1="16" x2="50" y2="16" stroke="#fce0e8" stroke-width="0.8" opacity="0.3"/>
<!– Lower facets –>
<line x1="32" y1="24" x2="10" y2="34" stroke="#fce0e8" stroke-width="0.8" opacity="0.25"/>
<line x1="32" y1="24" x2="54" y2="34" stroke="#fce0e8" stroke-width="0.8" opacity="0.25"/>
<!– Highlight –><br />
<ellipse cx="26" cy="20" rx="4" ry="6" fill="#ffffff" opacity="0.2" transform="rotate(-20,26,20)"/><br />
</svg></p>
<div class="icon-label">Rose Quartz</div>
<div class="icon-sublabel">Crystal · SVG</div>
</div>
<!– 8. Dynamite/Ore Chest (Mining supply) –>
<div class="icon-card">
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="chest1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#8B6340"/><stop offset="100%" stop-color="#5a3a20"/></linearGradient>
<linearGradient id="chest2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f0c860"/><stop offset="100%" stop-color="#c9956a"/></linearGradient>
</defs><br />
<!– Chest body –><br />
<rect x="10" y="30" width="44" height="26" rx="3" fill="url(#chest1)" stroke="#c9956a" stroke-width="1.2"/><br />
<!– Chest lid –>
<path d="M10,30 C10,20 20,14 32,14 C44,14 54,20 54,30 Z" fill="url(#chest1)" stroke="#c9956a" stroke-width="1.2"/>
<!– Lid arc lighter tone –>
<path d="M14,30 C14,22 22,17 32,17 C42,17 50,22 50,30 Z" fill="#8B6340" opacity="0.4"/>
<!– Metal straps horizontal –><br />
<rect x="10" y="35" width="44" height="4" rx="1" fill="url(#chest2)" opacity="0.6"/><br />
<rect x="10" y="47" width="44" height="4" rx="1" fill="url(#chest2)" opacity="0.6"/><br />
<!– Lock –><br />
<rect x="27" y="32" width="10" height="8" rx="2" fill="url(#chest2)"/>
<path d="M29,32 C29,28 35,28 35,32" fill="none" stroke="url(#chest2)" stroke-width="2"/>
<!– Gems peeking –>
<polygon points="22,20 26,14 30,20" fill="#7ecfef" opacity="0.7" stroke="#7ecfef" stroke-width="0.5"/>
<polygon points="36,18 40,12 44,18" fill="#e08090" opacity="0.7" stroke="#e08090" stroke-width="0.5"/>
</svg></p>
<div class="icon-label">Treasure</div>
<div class="icon-sublabel">Ore Chest · SVG</div>
</div>
“`
“`
<div class="sticker-grid">
<!– Sticker 1: Brand Badge Round –>
<div class="sticker" style="width:130px;height:130px;">
<div class="sticker-cutline" style="border-radius:50%;"></div>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"><br />
<defs><br />
<radialGradient id="badgeBg" cx="50%" cy="40%" r="60%"><stop offset="0%" stop-color="#1a1828"/><stop offset="100%" stop-color="#0a0a0f"/></radialGradient>
<linearGradient id="badgeGold" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f0c860"/><stop offset="100%" stop-color="#c9956a"/></linearGradient>
</defs><br />
<circle cx="60" cy="60" r="58" fill="url(#badgeBg)"/><br />
<circle cx="60" cy="60" r="54" fill="none" stroke="url(#badgeGold)" stroke-width="1.2"/><br />
<circle cx="60" cy="60" r="48" fill="none" stroke="url(#badgeGold)" stroke-width="0.6" opacity="0.4"/><br />
<!– Crystal icon center –>
<polygon points="60,20 78,36 72,68 48,68 42,36" fill="none" stroke="#7ecfef" stroke-width="1.5"/>
<polygon points="60,20 78,36 60,44 42,36" fill="#7ecfef" opacity="0.2"/>
<polygon points="60,44 78,36 72,68 48,68 42,36" fill="#3a9fd1" opacity="0.12"/>
<line x1="60" y1="20" x2="60" y2="44" stroke="#c8e8f8" stroke-width="0.8" opacity="0.5"/>
<!– Brand text arc –>
<path id="arcTop" d="M 20,60 A 40,40 0 0,1 100,60" fill="none"/>
<path id="arcBot" d="M 22,68 A 38,38 0 0,0 98,68" fill="none"/>
<text font-family="'Cinzel Decorative',serif" font-size="7.5" fill="#d4a843" letter-spacing="3"><br />
<textPath href="#arcTop" startOffset="8%">CRYSTAL VEIN CO.</textPath><br />
</text><br />
<text font-family="'Cormorant Garamond',serif" font-style="italic" font-size="6" fill="#c9956a" letter-spacing="2" opacity="0.8"><br />
<textPath href="#arcBot" startOffset="12%">Est. MMXXIV</textPath><br />
</text><br />
<!– Sparkle dots –><br />
<circle cx="60" cy="13" r="2" fill="#f0c860"/><br />
<circle cx="107" cy="60" r="2" fill="#f0c860"/><br />
<circle cx="13" cy="60" r="2" fill="#f0c860"/><br />
<circle cx="60" cy="107" r="2" fill="#f0c860"/><br />
</svg>
</div>
<!– Sticker 2: Script Label Pill –>
<div class="sticker" style="width:180px;height:80px;">
<div class="sticker-cutline" style="border-radius:40px;"></div>
<svg width="170" height="70" viewBox="0 0 170 70" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="pillBg" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#1a1828"/><stop offset="100%" stop-color="#0f0e1a"/></linearGradient>
<linearGradient id="pillStroke" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f0c860"/><stop offset="100%" stop-color="#c9956a"/></linearGradient>
</defs><br />
<rect x="2" y="2" width="166" height="66" rx="33" fill="url(#pillBg)"/><br />
<rect x="2" y="2" width="166" height="66" rx="33" fill="none" stroke="url(#pillStroke)" stroke-width="1.5"/><br />
<!– Small gems –>
<polygon points="16,35 22,29 28,35 22,41" fill="#7ecfef" opacity="0.8"/>
<polygon points="142,35 148,29 154,35 148,41" fill="#7ecfef" opacity="0.8"/>
<!– Script name –><br />
<text x="85" y="30" font-family="'Playfair Display',serif" font-style="italic" font-size="15" fill="#f0c860" text-anchor="middle" letter-spacing="1">Crystal Vein</text><br />
<!– Divider –>
<line x1="40" y1="38" x2="130" y2="38" stroke="#c9956a" stroke-width="0.6" opacity="0.5"/>
<!– Subtitle –><br />
<text x="85" y="52" font-family="'Cormorant Garamond',serif" font-size="7.5" fill="#c9956a" text-anchor="middle" letter-spacing="3.5">LUXURY MINING CO.</text><br />
</svg>
</div>
<p> <!– Sticker 3: Lone Crystal (tall) –>
<div class="sticker" style="width:80px;height:120px;">
<div class="sticker-cutline" style="border-radius:8px;"></div>
<svg width="70" height="110" viewBox="0 0 70 110" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="sc1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#c8e8f8"/><stop offset="100%" stop-color="#3a9fd1"/></linearGradient>
</defs><br />
<!– Rock base –><br />
<ellipse cx="35" cy="98" rx="24" ry="8" fill="#2a2035" stroke="#4a3060" stroke-width="1"/><br />
<!– Main crystal –>
<polygon points="35,6 50,35 44,90 26,90 20,35" fill="url(#sc1)" stroke="#c8e8f8" stroke-width="1.2"/>
<!– Facets –>
<polygon points="35,6 50,35 35,42 20,35" fill="#c8e8f8" opacity="0.3"/>
<line x1="35" y1="6" x2="35" y2="42" stroke="#ffffff" stroke-width="0.8" opacity="0.4"/>
<line x1="20" y1="35" x2="50" y2="35" stroke="#ffffff" stroke-width="0.6" opacity="0.3"/>
<!– Small side crystal –>
<polygon points="52,26 60,42 56,80 50,80 46,42" fill="#7ecfef" opacity="0.7" stroke="#c8e8f8" stroke-width="0.8"/>
<!– Tip sparkle –><br />
<circle cx="35" cy="6" r="2" fill="#ffffff"/>
<line x1="35" y1="1" x2="35" y2="4" stroke="#ffffff" stroke-width="1.2"/>
<line x1="31" y1="2.5" x2="33" y2="4.5" stroke="#ffffff" stroke-width="0.8" opacity="0.7"/>
<line x1="39" y1="2.5" x2="37" y2="4.5" stroke="#ffffff" stroke-width="0.8" opacity="0.7"/>
</svg>
</div>
<p> <!– Sticker 4: Pickaxe Solo –>
<div class="sticker" style="width:110px;height:110px;">
<div class="sticker-cutline" style="border-radius:6px;"></div>
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="spick" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f8e090"/><stop offset="100%" stop-color="#c9956a"/></linearGradient>
</defs><br />
<!– Handle –>
<line x1="30" y1="70" x2="82" y2="84" stroke="#6B4820" stroke-width="6" stroke-linecap="round"/>
<!– Head –>
<path d="M18,42 C12,24 28,12 42,18 L52,28 L36,44 Z" fill="url(#spick)" stroke="url(#spick)" stroke-width="0.5"/>
<path d="M52,28 L66,14 C78,4 90,16 80,30 L60,38 Z" fill="url(#spick)" stroke="url(#spick)" stroke-width="0.5" opacity="0.75"/>
<!– Connection –>
<path d="M36,44 L30,70" stroke="url(#spick)" stroke-width="5.5" stroke-linecap="round"/>
<!– Shine lines –>
<line x1="20" y1="36" x2="30" y2="26" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" opacity="0.5"/>
<line x1="24" y1="40" x2="32" y2="32" stroke="#ffffff" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
</svg>
</div>
<p> <!– Sticker 5: Diamond shape brand text –>
<div class="sticker" style="width:130px;height:130px;">
<div class="sticker-cutline" style="transform:rotate(45deg);border-radius:8px;"></div>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="diamBg" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#1a1828"/><stop offset="100%" stop-color="#0f0e1a"/></linearGradient>
<linearGradient id="diamGold" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f0c860"/><stop offset="100%" stop-color="#c9956a"/></linearGradient>
</defs><br />
<!– Diamond background –>
<polygon points="60,6 114,60 60,114 6,60" fill="url(#diamBg)"/>
<polygon points="60,6 114,60 60,114 6,60" fill="none" stroke="url(#diamGold)" stroke-width="1.5"/>
<polygon points="60,16 104,60 60,104 16,60" fill="none" stroke="url(#diamGold)" stroke-width="0.6" opacity="0.35"/>
<!– Inner crystal icon –>
<polygon points="60,34 72,46 68,70 52,70 48,46" fill="none" stroke="#7ecfef" stroke-width="1.2"/>
<polygon points="60,34 72,46 60,52 48,46" fill="#7ecfef" opacity="0.25"/>
<!– Text –><br />
<text x="60" y="82" font-family="'Cinzel Decorative',serif" font-size="6.5" fill="#d4a843" text-anchor="middle" letter-spacing="1.5">CV · CO.</text><br />
<!– Corner diamonds –>
<polygon points="60,2 63,6 60,10 57,6" fill="url(#diamGold)"/>
<polygon points="60,110 63,114 60,118 57,114" fill="url(#diamGold)"/>
<polygon points="2,60 6,57 10,60 6,63" fill="url(#diamGold)"/>
<polygon points="110,60 114,57 118,60 114,63" fill="url(#diamGold)"/>
</svg>
</div>
<p> <!– Sticker 6: Washi-style banner –>
<div class="sticker" style="width:200px;height:65px;">
<div class="sticker-cutline" style="border-radius:4px;"></div>
<svg width="190" height="55" viewBox="0 0 190 55" xmlns="http://www.w3.org/2000/svg"><br />
<defs>
<linearGradient id="washi" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#1a1828"/><stop offset="100%" stop-color="#0a0a0f"/></linearGradient>
</defs><br />
<!– Banner with notched ends –>
<path d="M0,27 L14,4 L176,4 L190,27 L176,51 L14,51 Z" fill="url(#washi)"/>
<path d="M0,27 L14,4 L176,4 L190,27 L176,51 L14,51 Z" fill="none" stroke="#c9956a" stroke-width="1.2"/>
<!– Decorative inner line –>
<path d="M4,27 L16,8 L174,8 L186,27 L174,47 L16,47 Z" fill="none" stroke="#c9956a" stroke-width="0.5" opacity="0.3"/>
<!– Text –><br />
<text x="95" y="22" font-family="'Cinzel Decorative',serif" font-size="9" fill="#d4a843" text-anchor="middle" letter-spacing="2.5">CRYSTAL VEIN</text>
<line x1="25" y1="29" x2="165" y2="29" stroke="#c9956a" stroke-width="0.6" opacity="0.5"/>
<text x="95" y="41" font-family="'Cormorant Garamond',serif" font-style="italic" font-size="7.5" fill="#c9956a" text-anchor="middle" letter-spacing="4">Unearthed · Refined</text><br />
<!– End gem accents –>
<polygon points="10,27 14,23 18,27 14,31" fill="#7ecfef" opacity="0.7"/>
<polygon points="172,27 176,23 180,27 176,31" fill="#7ecfef" opacity="0.7"/>
</svg>
</div>
</div>
<p><!– /sticker-grid –><br />
“`