/* ============================================
   Nored Farms - Trippy Background Patterns
   Decorative SVG backgrounds using inline data URIs
   Black stroke-only patterns, extremely subtle (0.04-0.07 opacity)
   ============================================ */

/* ============================================
   CATEGORY 1: Chemical Molecules
   DMT, LSD, Psilocybin, Mescaline, THC, Ibogaine, LSA, Ketamine
   ============================================ */

.trippy-bg-molecules {
    position: relative;
}

.trippy-bg-molecules::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.05;
    background-repeat: repeat;
    background-size: 900px 900px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- DMT: indole ring + dimethylamine chain --%3E%3Cg transform='translate(80,80) rotate(-12)'%3E%3C!-- pyrrole ring (5-membered) --%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3C!-- benzene ring fused --%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3C!-- double bonds inside benzene --%3E%3Cpath d='M35,-14 L49,-18' opacity='0.6'/%3E%3Cpath d='M58,-3 L58,10' opacity='0.6'/%3E%3Cpath d='M49,18 L35,5' opacity='0.6'/%3E%3C!-- ethylamine chain from pyrrole --%3E%3Cpath d='M0,0 L-14,-14 L-28,-8'/%3E%3C!-- N(CH3)2 --%3E%3Cpath d='M-28,-8 L-38,-20'/%3E%3Cpath d='M-28,-8 L-42,0'/%3E%3Ctext x='-30' y='-22' font-size='7' fill='%23000' stroke='none' font-family='sans-serif'%3EN%3C/text%3E%3C/g%3E%3C!-- LSD: ergoline tetracyclic ring system --%3E%3Cg transform='translate(250,120) rotate(8) scale(0.9)'%3E%3C!-- Ring A (benzene) --%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M5,2 L16,-6' opacity='0.6'/%3E%3Cpath d='M31,2 L31,16' opacity='0.6'/%3E%3Cpath d='M16,26 L5,18' opacity='0.6'/%3E%3C!-- Ring B (pyrrole fused) --%3E%3Cpath d='M36,0 L54,-6 L62,10 L54,24 L36,20'/%3E%3C!-- Ring C (cyclohexene) --%3E%3Cpath d='M54,-6 L74,-6 L84,8 L78,24 L54,24'/%3E%3Cpath d='M58,-4 L70,-4' opacity='0.6'/%3E%3C!-- Ring D (piperidine) --%3E%3Cpath d='M78,24 L96,24 L104,40 L96,54 L78,54 L70,40 Z'/%3E%3C!-- amide chain --%3E%3Cpath d='M18,-10 L18,-28 L6,-38'/%3E%3Cpath d='M18,-28 L30,-38'/%3E%3Ctext x='14' y='-40' font-size='7' fill='%23000' stroke='none' font-family='sans-serif'%3ECON%3C/text%3E%3C/g%3E%3C!-- Psilocybin: 4-phosphoryloxy-DMT --%3E%3Cg transform='translate(520,60) rotate(-5)'%3E%3C!-- indole (pyrrole+benzene) --%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3Cpath d='M35,-14 L49,-18' opacity='0.6'/%3E%3Cpath d='M58,-3 L58,10' opacity='0.6'/%3E%3C!-- ethylamine --%3E%3Cpath d='M0,0 L-14,-14 L-28,-8'/%3E%3Cpath d='M-28,-8 L-38,-20'/%3E%3Cpath d='M-28,-8 L-42,0'/%3E%3C!-- phosphoryloxy at 4 position --%3E%3Cpath d='M64,-6 L82,-10'/%3E%3Ccircle cx='86' cy='-10' r='8' stroke-dasharray='2,2'/%3E%3Ctext x='80' y='-8' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3EOP%3C/text%3E%3C/g%3E%3C!-- Mescaline: trimethoxyphenethylamine --%3E%3Cg transform='translate(720,160) rotate(15) scale(0.85)'%3E%3C!-- benzene ring --%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M5,2 L16,-6' opacity='0.6'/%3E%3Cpath d='M31,2 L31,16' opacity='0.6'/%3E%3Cpath d='M16,26 L5,18' opacity='0.6'/%3E%3C!-- 3 methoxy groups --%3E%3Cpath d='M0,0 L-16,-6'/%3E%3Cpath d='M0,20 L-16,26'/%3E%3Cpath d='M18,30 L18,46'/%3E%3Ctext x='-24' y='-4' font-size='5' fill='%23000' stroke='none' font-family='sans-serif'%3EOMe%3C/text%3E%3Ctext x='-24' y='30' font-size='5' fill='%23000' stroke='none' font-family='sans-serif'%3EOMe%3C/text%3E%3Ctext x='12' y='54' font-size='5' fill='%23000' stroke='none' font-family='sans-serif'%3EOMe%3C/text%3E%3C!-- ethylamine chain --%3E%3Cpath d='M36,0 L52,-6 L66,0'/%3E%3Ctext x='68' y='4' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3ENH2%3C/text%3E%3C/g%3E%3C!-- THC: dibenzopyran --%3E%3Cg transform='translate(100,320) rotate(6) scale(0.95)'%3E%3C!-- cyclohexene ring A --%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M5,2 L16,-6' opacity='0.6'/%3E%3C!-- pyran ring B (with O) --%3E%3Cpath d='M36,0 L54,-6 L66,6 L66,22 L54,30 L36,20'/%3E%3Ctext x='58' y='14' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3EO%3C/text%3E%3C!-- phenol ring C --%3E%3Cpath d='M66,6 L84,0 L100,10 L100,28 L84,36 L66,22'/%3E%3Cpath d='M70,8 L82,3' opacity='0.6'/%3E%3Cpath d='M95,12 L95,24' opacity='0.6'/%3E%3C!-- pentyl chain --%3E%3Cpath d='M100,10 L118,4 L134,10 L150,4 L166,10'/%3E%3C!-- OH --%3E%3Cpath d='M84,36 L84,50'/%3E%3Ctext x='80' y='58' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3EOH%3C/text%3E%3C/g%3E%3C!-- Ibogaine: complex iboga alkaloid --%3E%3Cg transform='translate(400,300) rotate(-10) scale(0.85)'%3E%3C!-- indole system --%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3Cpath d='M35,-14 L49,-18' opacity='0.6'/%3E%3C!-- isoquinuclidine cage --%3E%3Cpath d='M64,14 L80,20 L90,40 L80,56 L60,56 L50,40'/%3E%3Cpath d='M80,20 L96,14 L106,30 L96,46 L80,56'/%3E%3C!-- methoxy --%3E%3Cpath d='M50,-19 L50,-36'/%3E%3Ctext x='44' y='-38' font-size='5' fill='%23000' stroke='none' font-family='sans-serif'%3EOMe%3C/text%3E%3C!-- ethyl --%3E%3Cpath d='M90,40 L108,44 L122,38'/%3E%3C/g%3E%3C!-- LSA: lysergic acid amide (simpler than LSD) --%3E%3Cg transform='translate(650,380) rotate(20) scale(0.8)'%3E%3C!-- Ring A benzene --%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M5,2 L16,-6' opacity='0.6'/%3E%3Cpath d='M31,2 L31,16' opacity='0.6'/%3E%3C!-- Ring B --%3E%3Cpath d='M36,0 L54,-6 L62,10 L54,24 L36,20'/%3E%3C!-- Ring C --%3E%3Cpath d='M54,-6 L74,-6 L84,8 L78,24 L54,24'/%3E%3C!-- Ring D --%3E%3Cpath d='M78,24 L96,24 L104,40 L96,54 L78,54 L70,40 Z'/%3E%3C!-- simple amide (NH2 instead of diethyl) --%3E%3Cpath d='M18,-10 L18,-28'/%3E%3Ctext x='10' y='-30' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3ECONH2%3C/text%3E%3C/g%3E%3C!-- Ketamine: cyclohexanone with chlorophenyl --%3E%3Cg transform='translate(160,560) rotate(-8)'%3E%3C!-- cyclohexanone ring --%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3C!-- ketone =O --%3E%3Cpath d='M36,0 L50,-6'/%3E%3Cpath d='M38,2 L48,-2' opacity='0.5'/%3E%3Ctext x='52' y='-4' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3EO%3C/text%3E%3C!-- chlorophenyl ring --%3E%3Cpath d='M0,0 L-8,-18 L-26,-24 L-40,-14 L-40,6 L-26,16 L-8,10 Z' transform='translate(0,0)'/%3E%3Cpath d='M-11,-16 L-24,-20' opacity='0.6'/%3E%3Cpath d='M-36,-10 L-36,2' opacity='0.6'/%3E%3Cpath d='M-24,14 L-11,8' opacity='0.6'/%3E%3C!-- Cl --%3E%3Cpath d='M-26,-24 L-26,-40'/%3E%3Ctext x='-32' y='-42' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3ECl%3C/text%3E%3C!-- methylamino --%3E%3Cpath d='M18,-10 L18,-28'/%3E%3Ctext x='12' y='-30' font-size='6' fill='%23000' stroke='none' font-family='sans-serif'%3ENH%3C/text%3E%3C/g%3E%3C!-- Scattered small molecule fragments for fill --%3E%3C!-- Small hexagon rings --%3E%3Cg transform='translate(450,500) rotate(45) scale(0.6)' opacity='0.5'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M5,2 L16,-6' opacity='0.6'/%3E%3Cpath d='M31,2 L31,16' opacity='0.6'/%3E%3C/g%3E%3Cg transform='translate(780,500) rotate(-30) scale(0.5)' opacity='0.4'%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3C/g%3E%3Cg transform='translate(300,700) rotate(25) scale(0.7)' opacity='0.5'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M36,0 L54,-6 L66,6 L66,22 L54,30 L36,20'/%3E%3C/g%3E%3Cg transform='translate(600,650) rotate(-15) scale(0.65)' opacity='0.4'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M0,0 L-14,-14 L-28,-8 L-38,-20'/%3E%3C/g%3E%3Cg transform='translate(100,750) rotate(35) scale(0.55)' opacity='0.45'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M36,0 L54,-6 L66,6 L66,22 L54,30 L36,20'/%3E%3Cpath d='M66,6 L84,0 L100,10 L100,28 L84,36 L66,22'/%3E%3C/g%3E%3Cg transform='translate(800,770) rotate(-22) scale(0.6)' opacity='0.4'%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3C/g%3E%3C/svg%3E");
}


/* ============================================
   CATEGORY 2: Norse Runes (Elder Futhark)
   Ansuz, Algiz, Sowilo, Raidho, Kenaz, Thurisaz, Wunjo, Dagaz
   ============================================ */

.trippy-bg-runes {
    position: relative;
}

.trippy-bg-runes::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.05;
    background-repeat: repeat;
    background-size: 800px 800px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Ansuz (F-like: guidance/wisdom) --%3E%3Cg transform='translate(80,100) rotate(-8)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,10 L16,20'/%3E%3Cpath d='M0,22 L16,32'/%3E%3C/g%3E%3C!-- Algiz (elk-sedge: protection) - large --%3E%3Cg transform='translate(220,80) rotate(5) scale(1.2)'%3E%3Cpath d='M0,50 L0,0'/%3E%3Cpath d='M0,0 L-16,-20'/%3E%3Cpath d='M0,0 L16,-20'/%3E%3Cpath d='M0,14 L-12,0'/%3E%3Cpath d='M0,14 L12,0'/%3E%3C/g%3E%3C!-- Sowilo (lightning S: sun/inspiration) --%3E%3Cg transform='translate(400,60) rotate(-3)'%3E%3Cpath d='M0,0 L14,8 L0,24 L14,32 L0,48'/%3E%3C/g%3E%3C!-- Raidho (R-like: journey) --%3E%3Cg transform='translate(540,120) rotate(10)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,0 L16,18 L0,22'/%3E%3Cpath d='M0,22 L18,50'/%3E%3C/g%3E%3C!-- Kenaz (torch / angled: knowledge) --%3E%3Cg transform='translate(680,70) rotate(-6) scale(1.1)'%3E%3Cpath d='M0,0 L14,24 L0,48'/%3E%3C/g%3E%3C!-- Thurisaz (thorn: defense) - large --%3E%3Cg transform='translate(120,300) rotate(12) scale(1.3)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,12 L18,22 L0,32'/%3E%3C/g%3E%3C!-- Wunjo (P-like flag: joy) --%3E%3Cg transform='translate(320,280) rotate(-4)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,6 L16,20 L0,24'/%3E%3C/g%3E%3C!-- Dagaz (hourglass/bowtie: breakthrough) --%3E%3Cg transform='translate(500,260) rotate(7) scale(1.15)'%3E%3Cpath d='M0,0 L20,0 L0,28 L20,28 Z'/%3E%3C/g%3E%3C!-- Second scattered set at different sizes/rotations --%3E%3C!-- Algiz small --%3E%3Cg transform='translate(700,300) rotate(-15) scale(0.7)'%3E%3Cpath d='M0,50 L0,0'/%3E%3Cpath d='M0,0 L-16,-20'/%3E%3Cpath d='M0,0 L16,-20'/%3E%3Cpath d='M0,14 L-12,0'/%3E%3Cpath d='M0,14 L12,0'/%3E%3C/g%3E%3C!-- Sowilo large --%3E%3Cg transform='translate(60,500) rotate(18) scale(1.4)'%3E%3Cpath d='M0,0 L14,8 L0,24 L14,32 L0,48'/%3E%3C/g%3E%3C!-- Ansuz rotated --%3E%3Cg transform='translate(250,520) rotate(-20) scale(0.9)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,10 L16,20'/%3E%3Cpath d='M0,22 L16,32'/%3E%3C/g%3E%3C!-- Dagaz small --%3E%3Cg transform='translate(440,480) rotate(30) scale(0.8)'%3E%3Cpath d='M0,0 L20,0 L0,28 L20,28 Z'/%3E%3C/g%3E%3C!-- Raidho tilted --%3E%3Cg transform='translate(620,500) rotate(-12) scale(1.1)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,0 L16,18 L0,22'/%3E%3Cpath d='M0,22 L18,50'/%3E%3C/g%3E%3C!-- Kenaz large --%3E%3Cg transform='translate(150,700) rotate(8) scale(1.3)'%3E%3Cpath d='M0,0 L14,24 L0,48'/%3E%3C/g%3E%3C!-- Thurisaz small --%3E%3Cg transform='translate(350,680) rotate(-25) scale(0.75)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,12 L18,22 L0,32'/%3E%3C/g%3E%3C!-- Wunjo rotated --%3E%3Cg transform='translate(550,720) rotate(22) scale(0.85)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,6 L16,20 L0,24'/%3E%3C/g%3E%3C!-- Extra scattered runes for density --%3E%3Cg transform='translate(760,680) rotate(-35) scale(0.6)'%3E%3Cpath d='M0,50 L0,0 L-16,-20'/%3E%3Cpath d='M0,0 L16,-20'/%3E%3C/g%3E%3Cg transform='translate(780,100) rotate(25) scale(0.65)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,12 L18,22 L0,32'/%3E%3C/g%3E%3Cg transform='translate(450,150) rotate(-18) scale(0.55)'%3E%3Cpath d='M0,0 L20,0 L0,28 L20,28 Z'/%3E%3C/g%3E%3C/svg%3E");
}


/* ============================================
   CATEGORY 3: Sacred Geometry
   Flower of Life, Metatron's Cube, Sri Yantra,
   Golden Spiral, Vesica Piscis, Seed of Life, Platonic solids
   ============================================ */

.trippy-bg-geometry {
    position: relative;
}

.trippy-bg-geometry::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.045;
    background-repeat: repeat;
    background-size: 1000px 1000px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Flower of Life (7-circle pattern) --%3E%3Cg transform='translate(150,150)'%3E%3Ccircle cx='0' cy='0' r='40'/%3E%3Ccircle cx='40' cy='0' r='40'/%3E%3Ccircle cx='-40' cy='0' r='40'/%3E%3Ccircle cx='20' cy='34.64' r='40'/%3E%3Ccircle cx='-20' cy='34.64' r='40'/%3E%3Ccircle cx='20' cy='-34.64' r='40'/%3E%3Ccircle cx='-20' cy='-34.64' r='40'/%3E%3C!-- outer boundary circle --%3E%3Ccircle cx='0' cy='0' r='80' stroke-dasharray='4,4' opacity='0.4'/%3E%3C/g%3E%3C!-- Metatron's Cube --%3E%3Cg transform='translate(500,140) scale(0.9)'%3E%3C!-- 13 circles of Fruit of Life --%3E%3Ccircle cx='0' cy='0' r='8'/%3E%3Ccircle cx='40' cy='0' r='8'/%3E%3Ccircle cx='-40' cy='0' r='8'/%3E%3Ccircle cx='20' cy='34.64' r='8'/%3E%3Ccircle cx='-20' cy='34.64' r='8'/%3E%3Ccircle cx='20' cy='-34.64' r='8'/%3E%3Ccircle cx='-20' cy='-34.64' r='8'/%3E%3Ccircle cx='80' cy='0' r='8'/%3E%3Ccircle cx='-80' cy='0' r='8'/%3E%3Ccircle cx='40' cy='69.28' r='8'/%3E%3Ccircle cx='-40' cy='69.28' r='8'/%3E%3Ccircle cx='40' cy='-69.28' r='8'/%3E%3Ccircle cx='-40' cy='-69.28' r='8'/%3E%3C!-- connecting lines (all nodes to all nodes - key lines) --%3E%3Cpath d='M0,0 L40,0 M0,0 L-40,0 M0,0 L20,34.64 M0,0 L-20,34.64 M0,0 L20,-34.64 M0,0 L-20,-34.64' opacity='0.5'/%3E%3Cpath d='M40,0 L20,34.64 L-20,34.64 L-40,0 L-20,-34.64 L20,-34.64 Z' opacity='0.5'/%3E%3Cpath d='M80,0 L40,69.28 L-40,69.28 L-80,0 L-40,-69.28 L40,-69.28 Z' opacity='0.4'/%3E%3Cpath d='M40,0 L40,69.28 M40,0 L40,-69.28 M-40,0 L-40,69.28 M-40,0 L-40,-69.28' opacity='0.35'/%3E%3Cpath d='M80,0 L-80,0 M40,69.28 L40,-69.28 M-40,69.28 L-40,-69.28 M40,69.28 L-40,-69.28 M-40,69.28 L40,-69.28' opacity='0.3'/%3E%3C/g%3E%3C!-- Sri Yantra (9 interlocking triangles) --%3E%3Cg transform='translate(830,160) scale(0.8)'%3E%3C!-- outer square gate --%3E%3Crect x='-85' y='-85' width='170' height='170' rx='2' opacity='0.3'/%3E%3C!-- upward triangles --%3E%3Cpath d='M0,-75 L65,55 L-65,55 Z' opacity='0.6'/%3E%3Cpath d='M0,-55 L50,40 L-50,40 Z' opacity='0.5'/%3E%3Cpath d='M0,-38 L38,28 L-38,28 Z' opacity='0.5'/%3E%3Cpath d='M0,-22 L26,16 L-26,16 Z' opacity='0.5'/%3E%3C!-- downward triangles --%3E%3Cpath d='M0,75 L65,-55 L-65,-55 Z' opacity='0.6'/%3E%3Cpath d='M0,58 L52,-42 L-52,-42 Z' opacity='0.5'/%3E%3Cpath d='M0,42 L40,-30 L-40,-30 Z' opacity='0.5'/%3E%3Cpath d='M0,28 L28,-18 L-28,-18 Z' opacity='0.5'/%3E%3Cpath d='M0,14 L18,-8 L-18,-8 Z' opacity='0.5'/%3E%3C!-- bindu (center dot) --%3E%3Ccircle cx='0' cy='0' r='2' fill='%23000' stroke='none' opacity='0.6'/%3E%3C/g%3E%3C!-- Golden Spiral / Fibonacci --%3E%3Cg transform='translate(140,500) rotate(-10) scale(0.9)'%3E%3C!-- quarter-circle arcs forming the spiral --%3E%3Cpath d='M0,0 A 2,2 0 0 1 2,2' opacity='0.6'/%3E%3Cpath d='M2,2 A 2,2 0 0 1 0,4' opacity='0.6'/%3E%3Cpath d='M0,4 A 4,4 0 0 1 -4,0' opacity='0.6'/%3E%3Cpath d='M-4,0 A 6,6 0 0 1 2,-6' opacity='0.6'/%3E%3Cpath d='M2,-6 A 10,10 0 0 1 12,4' opacity='0.6'/%3E%3Cpath d='M12,4 A 16,16 0 0 1 -4,20' opacity='0.6'/%3E%3Cpath d='M-4,20 A 26,26 0 0 1 -30,-6' opacity='0.6'/%3E%3Cpath d='M-30,-6 A 42,42 0 0 1 12,-48' opacity='0.6'/%3E%3Cpath d='M12,-48 A 68,68 0 0 1 80,20' opacity='0.5'/%3E%3C!-- golden rectangle guides --%3E%3Crect x='-30' y='-48' width='110' height='68' rx='1' opacity='0.2' stroke-dasharray='3,3'/%3E%3C/g%3E%3C!-- Vesica Piscis --%3E%3Cg transform='translate(450,480) scale(1.1)'%3E%3Ccircle cx='-25' cy='0' r='50'/%3E%3Ccircle cx='25' cy='0' r='50'/%3E%3C!-- vertical axis through intersection --%3E%3Cpath d='M0,-43.3 L0,43.3' stroke-dasharray='3,3' opacity='0.4'/%3E%3C/g%3E%3C!-- Seed of Life (6+1 circles) --%3E%3Cg transform='translate(750,500) scale(0.8)'%3E%3Ccircle cx='0' cy='0' r='30'/%3E%3Ccircle cx='30' cy='0' r='30'/%3E%3Ccircle cx='-30' cy='0' r='30'/%3E%3Ccircle cx='15' cy='25.98' r='30'/%3E%3Ccircle cx='-15' cy='25.98' r='30'/%3E%3Ccircle cx='15' cy='-25.98' r='30'/%3E%3Ccircle cx='-15' cy='-25.98' r='30'/%3E%3C/g%3E%3C!-- Platonic Solids: Icosahedron wireframe --%3E%3Cg transform='translate(200,780) rotate(15) scale(0.7)'%3E%3C!-- top pentagon --%3E%3Cpath d='M0,-60 L57,-18.5 L35.3,48.5 L-35.3,48.5 L-57,-18.5 Z'/%3E%3C!-- bottom pentagon (inverted, rotated) --%3E%3Cpath d='M0,60 L-57,18.5 L-35.3,-48.5 L35.3,-48.5 L57,18.5 Z' opacity='0.6'/%3E%3C!-- connecting edges --%3E%3Cpath d='M0,-60 L-35.3,-48.5 M0,-60 L35.3,-48.5' opacity='0.4'/%3E%3Cpath d='M57,-18.5 L57,18.5 M-57,-18.5 L-57,18.5' opacity='0.4'/%3E%3Cpath d='M35.3,48.5 L0,60 M-35.3,48.5 L0,60' opacity='0.4'/%3E%3C/g%3E%3C!-- Platonic Solids: Tetrahedron wireframe --%3E%3Cg transform='translate(550,750) scale(0.8)'%3E%3Cpath d='M0,-50 L43.3,25 L-43.3,25 Z'/%3E%3Cpath d='M0,-50 L0,10' opacity='0.4'/%3E%3Cpath d='M43.3,25 L-10,-10' opacity='0.35'/%3E%3Cpath d='M-43.3,25 L10,-10' opacity='0.35'/%3E%3Ccircle cx='0' cy='-2' r='3' opacity='0.3'/%3E%3C/g%3E%3C!-- Extra small Flower of Life --%3E%3Cg transform='translate(850,750) scale(0.5)'%3E%3Ccircle cx='0' cy='0' r='40'/%3E%3Ccircle cx='40' cy='0' r='40'/%3E%3Ccircle cx='-40' cy='0' r='40'/%3E%3Ccircle cx='20' cy='34.64' r='40'/%3E%3Ccircle cx='-20' cy='34.64' r='40'/%3E%3Ccircle cx='20' cy='-34.64' r='40'/%3E%3Ccircle cx='-20' cy='-34.64' r='40'/%3E%3C/g%3E%3C!-- Scattered small geometry --%3E%3Cg transform='translate(380,350) scale(0.4) rotate(30)'%3E%3Ccircle cx='-25' cy='0' r='30'/%3E%3Ccircle cx='25' cy='0' r='30'/%3E%3C/g%3E%3Cg transform='translate(700,350) scale(0.35) rotate(-20)'%3E%3Cpath d='M0,-50 L43.3,25 L-43.3,25 Z'/%3E%3Cpath d='M0,50 L-43.3,-25 L43.3,-25 Z'/%3E%3C/g%3E%3C/svg%3E");
}


/* ============================================
   CATEGORY 4: Ancient Scripts
   Sanskrit Om, Vedic plant hymns, Pali suttas
   ============================================ */

.trippy-bg-scripts {
    position: relative;
}

.trippy-bg-scripts::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.055;
    background-repeat: repeat;
    background-size: 850px 850px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='850' height='850' fill='%23000' stroke='none'%3E%3Cstyle%3Etext %7B font-family: serif; %7D%3C/style%3E%3C!-- Large Om symbol --%3E%3Ctext x='80' y='120' font-size='72' opacity='0.7' transform='rotate(-8,80,120)'%3E%E0%A5%90%3C/text%3E%3C!-- Sanskrit: plants communicate --%3E%3Ctext x='250' y='80' font-size='22' opacity='0.55' transform='rotate(5,250,80)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83 %E0%A4%B8%E0%A4%82%E0%A4%B5%E0%A4%BE%E0%A4%A6%E0%A4%A8%E0%A5%8D%E0%A4%A4%E0%A5%81%3C/text%3E%3C!-- Sanskrit: may plants be auspicious --%3E%3Ctext x='520' y='140' font-size='18' opacity='0.5' transform='rotate(-3,520,140)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83 %E0%A4%B6%E0%A4%82 %E0%A4%A8%E0%A5%8B %E0%A4%AD%E0%A4%B5%E0%A4%A8%E0%A5%8D%E0%A4%A4%E0%A5%81%3C/text%3E%3C!-- Pali text 1 --%3E%3Ctext x='60' y='280' font-size='20' opacity='0.45' transform='rotate(7,60,280)'%3E%E0%B6%B6%E0%B6%AD%E0%B7%94%E0%B6%B4%E0%B7%8A%E0%B6%B4%E0%B6%AF%E0%B6%82 %E0%B6%AD%E0%B7%92%E0%B6%BD%E0%B7%9C%E0%B6%9A%E0%B7%83%E0%B7%8A%E0%B7%83%3C/text%3E%3C!-- Pali text 2 --%3E%3Ctext x='430' y='320' font-size='17' opacity='0.45' transform='rotate(-6,430,320)'%3E%E0%B6%BA%E0%B6%82%E0%B6%9A%E0%B7%92%E0%B6%A0%E0%B7%92 %E0%B6%9B%E0%B6%B1%E0%B7%8A%E0%B6%B0%E0%B7%8F%E0%B6%B1%E0%B6%82 %E0%B6%B7%E0%B6%BA%E0%B6%82%3C/text%3E%3C!-- Scattered Om symbols at various sizes --%3E%3Ctext x='700' y='90' font-size='36' opacity='0.4' transform='rotate(15,700,90)'%3E%E0%A5%90%3C/text%3E%3Ctext x='350' y='480' font-size='55' opacity='0.5' transform='rotate(-12,350,480)'%3E%E0%A5%90%3C/text%3E%3Ctext x='650' y='550' font-size='28' opacity='0.35' transform='rotate(20,650,550)'%3E%E0%A5%90%3C/text%3E%3Ctext x='120' y='600' font-size='42' opacity='0.45' transform='rotate(-18,120,600)'%3E%E0%A5%90%3C/text%3E%3C!-- More Sanskrit scattered --%3E%3Ctext x='500' y='500' font-size='16' opacity='0.4' transform='rotate(10,500,500)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83%3C/text%3E%3Ctext x='180' y='420' font-size='14' opacity='0.35' transform='rotate(-8,180,420)'%3E%E0%A4%B6%E0%A4%82 %E0%A4%A8%E0%A5%8B %E0%A4%AD%E0%A4%B5%E0%A4%A8%E0%A5%8D%E0%A4%A4%E0%A5%81%3C/text%3E%3C!-- Devanagari seed syllables --%3E%3Ctext x='760' y='400' font-size='30' opacity='0.4' transform='rotate(12,760,400)'%3E%E0%A4%B9%E0%A5%8D%E0%A4%B0%E0%A5%80%E0%A4%82%3C/text%3E%3Ctext x='50' y='780' font-size='26' opacity='0.4' transform='rotate(-5,50,780)'%3E%E0%A4%B6%E0%A5%8D%E0%A4%B0%E0%A5%80%E0%A4%82%3C/text%3E%3Ctext x='300' y='700' font-size='24' opacity='0.35' transform='rotate(8,300,700)'%3E%E0%A4%85%E0%A4%B9%E0%A4%82%3C/text%3E%3Ctext x='580' y='720' font-size='20' opacity='0.35' transform='rotate(-14,580,720)'%3E%E0%A4%B8%E0%A4%A4%E0%A5%8D%E0%A4%AF%E0%A4%82%3C/text%3E%3Ctext x='750' y='760' font-size='48' opacity='0.5' transform='rotate(6,750,760)'%3E%E0%A5%90%3C/text%3E%3C!-- Repeated phrase fragments for texture --%3E%3Ctext x='450' y='650' font-size='13' opacity='0.3' transform='rotate(3,450,650)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83 %E0%A4%B6%E0%A4%82 %E0%A4%A8%E0%A5%8B%3C/text%3E%3Ctext x='200' y='180' font-size='15' opacity='0.35' transform='rotate(-10,200,180)'%3E%E0%A4%AD%E0%A4%B5%E0%A4%A8%E0%A5%8D%E0%A4%A4%E0%A5%81%3C/text%3E%3C/svg%3E");
}


/* ============================================
   CATEGORY 5: Egyptian Hieroglyphs
   Eye of Horus, Ankh, Djed, Scarab, Lotus,
   Was scepter, Winged Sun, Ka
   ============================================ */

.trippy-bg-egyptian {
    position: relative;
}

.trippy-bg-egyptian::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.05;
    background-repeat: repeat;
    background-size: 900px 900px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Eye of Horus (Wadjet) --%3E%3Cg transform='translate(100,100) scale(1.1)'%3E%3C!-- eye outline --%3E%3Cpath d='M-40,0 C-20,-18 20,-18 40,0 C20,14 -20,14 -40,0 Z'/%3E%3C!-- iris --%3E%3Ccircle cx='0' cy='-1' r='10'/%3E%3Ccircle cx='0' cy='-1' r='4' fill='%23000' stroke='none' opacity='0.5'/%3E%3C!-- cosmetic line extending right --%3E%3Cpath d='M40,0 L60,-4'/%3E%3C!-- teardrop/falcon marking --%3E%3Cpath d='M8,14 C8,20 4,34 0,42 C-2,34 -4,28 2,14'/%3E%3C!-- spiral at bottom of teardrop --%3E%3Cpath d='M0,42 C6,42 8,38 6,34 C4,32 2,34 2,36'/%3E%3C!-- eyebrow line --%3E%3Cpath d='M-44,-6 C-20,-24 20,-24 48,-6' opacity='0.5'/%3E%3C/g%3E%3C!-- Ankh (key of life) --%3E%3Cg transform='translate(320,80) rotate(5) scale(1.0)'%3E%3C!-- loop (oval at top) --%3E%3Cellipse cx='0' cy='-20' rx='14' ry='18'/%3E%3C!-- vertical shaft --%3E%3Cpath d='M0,-2 L0,50'/%3E%3C!-- horizontal crossbar --%3E%3Cpath d='M-18,12 L18,12'/%3E%3C/g%3E%3C!-- Djed Pillar (stability) --%3E%3Cg transform='translate(530,100) rotate(-6) scale(0.95)'%3E%3C!-- base --%3E%3Cpath d='M-16,60 L16,60'/%3E%3Cpath d='M-12,60 L-12,50 L12,50 L12,60'/%3E%3C!-- shaft --%3E%3Cpath d='M-8,50 L-8,0 L8,0 L8,50'/%3E%3C!-- horizontal bands --%3E%3Cpath d='M-18,10 L18,10'/%3E%3Cpath d='M-18,20 L18,20'/%3E%3Cpath d='M-18,30 L18,30'/%3E%3Cpath d='M-18,40 L18,40'/%3E%3C!-- top cap --%3E%3Cpath d='M-14,0 L-14,-6 L14,-6 L14,0'/%3E%3C/g%3E%3C!-- Scarab Beetle --%3E%3Cg transform='translate(730,90) rotate(8) scale(0.9)'%3E%3C!-- body oval --%3E%3Cellipse cx='0' cy='10' rx='18' ry='24'/%3E%3C!-- head --%3E%3Cellipse cx='0' cy='-18' rx='10' ry='8'/%3E%3C!-- wing division line --%3E%3Cpath d='M0,-14 L0,34'/%3E%3C!-- left wing --%3E%3Cpath d='M-18,0 C-40,-8 -50,4 -44,20 C-38,32 -22,30 -18,24' opacity='0.6'/%3E%3C!-- right wing --%3E%3Cpath d='M18,0 C40,-8 50,4 44,20 C38,32 22,30 18,24' opacity='0.6'/%3E%3C!-- front legs --%3E%3Cpath d='M-10,-14 L-24,-22 L-20,-10' opacity='0.5'/%3E%3Cpath d='M10,-14 L24,-22 L20,-10' opacity='0.5'/%3E%3C!-- antennae --%3E%3Cpath d='M-6,-24 L-10,-34' opacity='0.5'/%3E%3Cpath d='M6,-24 L10,-34' opacity='0.5'/%3E%3C/g%3E%3C!-- Lotus Flower (Seshen) --%3E%3Cg transform='translate(140,350) rotate(-4) scale(1.05)'%3E%3C!-- central petal --%3E%3Cpath d='M0,0 C-6,-30 -4,-50 0,-60 C4,-50 6,-30 0,0'/%3E%3C!-- left petals --%3E%3Cpath d='M0,0 C-14,-24 -20,-44 -14,-56 C-8,-46 -4,-28 0,0' opacity='0.7'/%3E%3Cpath d='M0,0 C-22,-16 -32,-32 -28,-44 C-20,-36 -10,-22 0,0' opacity='0.5'/%3E%3C!-- right petals --%3E%3Cpath d='M0,0 C14,-24 20,-44 14,-56 C8,-46 4,-28 0,0' opacity='0.7'/%3E%3Cpath d='M0,0 C22,-16 32,-32 28,-44 C20,-36 10,-22 0,0' opacity='0.5'/%3E%3C!-- stem --%3E%3Cpath d='M0,0 L0,40'/%3E%3C!-- stem curves --%3E%3Cpath d='M0,20 C-8,16 -12,20 -8,26' opacity='0.4'/%3E%3Cpath d='M0,28 C8,24 12,28 8,34' opacity='0.4'/%3E%3C/g%3E%3C!-- Was Scepter (power) --%3E%3Cg transform='translate(380,320) rotate(6) scale(0.95)'%3E%3C!-- long staff --%3E%3Cpath d='M0,-30 L0,55'/%3E%3C!-- animal head at top (Set animal / stylized) --%3E%3Cpath d='M0,-30 C-6,-30 -10,-36 -8,-44 C-6,-50 -2,-52 2,-48 C6,-44 8,-38 4,-30'/%3E%3C!-- ears --%3E%3Cpath d='M-6,-44 L-12,-56' opacity='0.6'/%3E%3Cpath d='M2,-48 L6,-58' opacity='0.6'/%3E%3C!-- forked base --%3E%3Cpath d='M0,55 L-10,65'/%3E%3Cpath d='M0,55 L10,65'/%3E%3C/g%3E%3C!-- Winged Sun Disk --%3E%3Cg transform='translate(620,340) scale(0.85)'%3E%3C!-- central sun disk --%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='0' cy='0' r='10' opacity='0.5'/%3E%3C!-- left wing feathers --%3E%3Cpath d='M-14,0 C-30,-4 -50,-8 -70,-4 C-85,0 -95,4 -100,2' opacity='0.6'/%3E%3Cpath d='M-14,-2 C-30,-10 -50,-16 -70,-14 C-85,-10 -95,-6 -100,-8' opacity='0.5'/%3E%3Cpath d='M-14,2 C-30,2 -50,4 -70,6 C-85,10 -95,12 -100,10' opacity='0.4'/%3E%3C!-- right wing feathers --%3E%3Cpath d='M14,0 C30,-4 50,-8 70,-4 C85,0 95,4 100,2' opacity='0.6'/%3E%3Cpath d='M14,-2 C30,-10 50,-16 70,-14 C85,-10 95,-6 100,-8' opacity='0.5'/%3E%3Cpath d='M14,2 C30,2 50,4 70,6 C85,10 95,12 100,10' opacity='0.4'/%3E%3C!-- uraei (cobras) --%3E%3Cpath d='M-10,14 C-10,22 -6,28 0,24 C6,28 10,22 10,14' opacity='0.5'/%3E%3C/g%3E%3C!-- Ka Symbol (spirit/life force) - raised arms --%3E%3Cg transform='translate(830,350) rotate(-5) scale(1.0)'%3E%3C!-- left arm --%3E%3Cpath d='M-8,30 L-8,0 C-8,-10 -14,-18 -14,-28'/%3E%3Cpath d='M-4,30 L-4,0 C-4,-10 -10,-18 -10,-28'/%3E%3C!-- right arm --%3E%3Cpath d='M8,30 L8,0 C8,-10 14,-18 14,-28'/%3E%3Cpath d='M4,30 L4,0 C4,-10 10,-18 10,-28'/%3E%3C!-- fingers/hands at top --%3E%3Cpath d='M-14,-28 C-16,-32 -12,-34 -10,-30' opacity='0.6'/%3E%3Cpath d='M14,-28 C16,-32 12,-34 10,-30' opacity='0.6'/%3E%3C!-- base --%3E%3Cpath d='M-12,30 L12,30'/%3E%3C/g%3E%3C!-- Second scattered set --%3E%3C!-- Small Ankh --%3E%3Cg transform='translate(700,560) rotate(18) scale(0.7)'%3E%3Cellipse cx='0' cy='-20' rx='14' ry='18'/%3E%3Cpath d='M0,-2 L0,50'/%3E%3Cpath d='M-18,12 L18,12'/%3E%3C/g%3E%3C!-- Eye of Horus small --%3E%3Cg transform='translate(200,580) rotate(-14) scale(0.65)'%3E%3Cpath d='M-40,0 C-20,-18 20,-18 40,0 C20,14 -20,14 -40,0 Z'/%3E%3Ccircle cx='0' cy='-1' r='10'/%3E%3Ccircle cx='0' cy='-1' r='4' fill='%23000' stroke='none' opacity='0.5'/%3E%3Cpath d='M40,0 L60,-4'/%3E%3Cpath d='M8,14 C8,20 4,34 0,42'/%3E%3C/g%3E%3C!-- Scarab small --%3E%3Cg transform='translate(460,600) rotate(12) scale(0.55)'%3E%3Cellipse cx='0' cy='10' rx='18' ry='24'/%3E%3Cellipse cx='0' cy='-18' rx='10' ry='8'/%3E%3Cpath d='M0,-14 L0,34'/%3E%3Cpath d='M-18,0 C-40,-8 -50,4 -44,20 C-38,32 -22,30 -18,24' opacity='0.6'/%3E%3Cpath d='M18,0 C40,-8 50,4 44,20 C38,32 22,30 18,24' opacity='0.6'/%3E%3C/g%3E%3C!-- Djed small --%3E%3Cg transform='translate(100,750) rotate(10) scale(0.6)'%3E%3Cpath d='M-16,60 L16,60'/%3E%3Cpath d='M-8,50 L-8,0 L8,0 L8,50'/%3E%3Cpath d='M-18,10 L18,10'/%3E%3Cpath d='M-18,20 L18,20'/%3E%3Cpath d='M-18,30 L18,30'/%3E%3Cpath d='M-18,40 L18,40'/%3E%3C/g%3E%3C!-- Lotus small --%3E%3Cg transform='translate(350,770) rotate(-20) scale(0.6)'%3E%3Cpath d='M0,0 C-6,-30 -4,-50 0,-60 C4,-50 6,-30 0,0'/%3E%3Cpath d='M0,0 C-14,-24 -20,-44 -14,-56 C-8,-46 -4,-28 0,0' opacity='0.7'/%3E%3Cpath d='M0,0 C14,-24 20,-44 14,-56 C8,-46 4,-28 0,0' opacity='0.7'/%3E%3Cpath d='M0,0 L0,30'/%3E%3C/g%3E%3C!-- Was scepter small --%3E%3Cg transform='translate(580,780) rotate(15) scale(0.55)'%3E%3Cpath d='M0,-30 L0,55'/%3E%3Cpath d='M0,-30 C-6,-30 -10,-36 -8,-44 C-6,-50 -2,-52 2,-48 C6,-44 8,-38 4,-30'/%3E%3Cpath d='M0,55 L-10,65'/%3E%3Cpath d='M0,55 L10,65'/%3E%3C/g%3E%3C!-- Ankh tiny --%3E%3Cg transform='translate(780,750) rotate(-8) scale(0.5)'%3E%3Cellipse cx='0' cy='-20' rx='14' ry='18'/%3E%3Cpath d='M0,-2 L0,50'/%3E%3Cpath d='M-18,12 L18,12'/%3E%3C/g%3E%3C!-- Ka small --%3E%3Cg transform='translate(450,160) rotate(-12) scale(0.6)'%3E%3Cpath d='M-8,30 L-8,0 C-8,-10 -14,-18 -14,-28'/%3E%3Cpath d='M8,30 L8,0 C8,-10 14,-18 14,-28'/%3E%3Cpath d='M-12,30 L12,30'/%3E%3C/g%3E%3C/svg%3E");
}


/* ============================================
   COMBINATION CLASSES
   ============================================ */

/* All patterns layered together */
.trippy-bg-all {
    position: relative;
}

.trippy-bg-all::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.04;
    background-repeat: repeat;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(80,80) rotate(-12)'%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3Cpath d='M0,0 L-14,-14 L-28,-8'/%3E%3Cpath d='M-28,-8 L-38,-20'/%3E%3Cpath d='M-28,-8 L-42,0'/%3E%3C/g%3E%3Cg transform='translate(500,400) rotate(15) scale(0.8)'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M36,0 L54,-6 L66,6 L66,22 L54,30 L36,20'/%3E%3Cpath d='M66,6 L84,0 L100,10 L100,28 L84,36 L66,22'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(400,400) rotate(10) scale(1.2)'%3E%3Cpath d='M0,50 L0,0'/%3E%3Cpath d='M0,0 L-16,-20'/%3E%3Cpath d='M0,0 L16,-20'/%3E%3Cpath d='M0,14 L-12,0'/%3E%3Cpath d='M0,14 L12,0'/%3E%3C/g%3E%3Cg transform='translate(200,200) rotate(-15)'%3E%3Cpath d='M0,0 L20,0 L0,28 L20,28 Z'/%3E%3C/g%3E%3Cg transform='translate(600,600) rotate(25) scale(0.9)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,10 L16,20'/%3E%3Cpath d='M0,22 L16,32'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' fill='none' stroke='%23000' stroke-width='1'%3E%3Cg transform='translate(500,500)'%3E%3Ccircle cx='0' cy='0' r='40'/%3E%3Ccircle cx='40' cy='0' r='40'/%3E%3Ccircle cx='-40' cy='0' r='40'/%3E%3Ccircle cx='20' cy='34.64' r='40'/%3E%3Ccircle cx='-20' cy='34.64' r='40'/%3E%3Ccircle cx='20' cy='-34.64' r='40'/%3E%3Ccircle cx='-20' cy='-34.64' r='40'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='850' height='850' fill='%23000' stroke='none'%3E%3Ctext x='425' y='425' font-size='48' font-family='serif' opacity='0.5' text-anchor='middle'%3E%E0%A5%90%3C/text%3E%3Ctext x='200' y='200' font-size='20' font-family='serif' opacity='0.35' transform='rotate(8,200,200)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83%3C/text%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cg transform='translate(450,450) scale(0.8)'%3E%3Cellipse cx='0' cy='-20' rx='14' ry='18'/%3E%3Cpath d='M0,-2 L0,50'/%3E%3Cpath d='M-18,12 L18,12'/%3E%3C/g%3E%3Cg transform='translate(200,700) scale(0.6)'%3E%3Cpath d='M-40,0 C-20,-18 20,-18 40,0 C20,14 -20,14 -40,0 Z'/%3E%3Ccircle cx='0' cy='-1' r='10'/%3E%3Cpath d='M40,0 L60,-4'/%3E%3Cpath d='M8,14 C8,20 4,34 0,42'/%3E%3C/g%3E%3C/svg%3E");
    background-size:
        900px 900px,
        800px 800px,
        1000px 1000px,
        850px 850px,
        900px 900px;
}


/* ============================================
   DARK MODE MODIFIER
   White outlines for dark backgrounds
   ============================================ */

/* Molecules dark */
.trippy-bg-dark.trippy-bg-molecules::before,
.trippy-bg-molecules.trippy-bg-dark::before {
    opacity: 0.25;
    background-size: 700px 700px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%2350e8c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(80,80) rotate(-12)'%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3Cpath d='M35,-14 L49,-18' opacity='0.6'/%3E%3Cpath d='M58,-3 L58,10' opacity='0.6'/%3E%3Cpath d='M49,18 L35,5' opacity='0.6'/%3E%3Cpath d='M0,0 L-14,-14 L-28,-8'/%3E%3Cpath d='M-28,-8 L-38,-20'/%3E%3Cpath d='M-28,-8 L-42,0'/%3E%3Ctext x='-30' y='-22' font-size='7' fill='%2350e8c0' stroke='none' font-family='sans-serif'%3EN%3C/text%3E%3C/g%3E%3Cg transform='translate(250,120) rotate(8) scale(0.9)'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M5,2 L16,-6' opacity='0.6'/%3E%3Cpath d='M31,2 L31,16' opacity='0.6'/%3E%3Cpath d='M16,26 L5,18' opacity='0.6'/%3E%3Cpath d='M36,0 L54,-6 L62,10 L54,24 L36,20'/%3E%3Cpath d='M54,-6 L74,-6 L84,8 L78,24 L54,24'/%3E%3Cpath d='M58,-4 L70,-4' opacity='0.6'/%3E%3Cpath d='M78,24 L96,24 L104,40 L96,54 L78,54 L70,40 Z'/%3E%3Cpath d='M18,-10 L18,-28 L6,-38'/%3E%3Cpath d='M18,-28 L30,-38'/%3E%3Ctext x='14' y='-40' font-size='7' fill='%2350e8c0' stroke='none' font-family='sans-serif'%3ECON%3C/text%3E%3C/g%3E%3Cg transform='translate(520,60) rotate(-5)'%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3Cpath d='M0,0 L-14,-14 L-28,-8'/%3E%3Cpath d='M-28,-8 L-38,-20'/%3E%3Cpath d='M-28,-8 L-42,0'/%3E%3Cpath d='M64,-6 L82,-10'/%3E%3Ccircle cx='86' cy='-10' r='8' stroke-dasharray='2,2'/%3E%3C/g%3E%3Cg transform='translate(720,160) rotate(15) scale(0.85)'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M0,0 L-16,-6'/%3E%3Cpath d='M0,20 L-16,26'/%3E%3Cpath d='M18,30 L18,46'/%3E%3Cpath d='M36,0 L52,-6 L66,0'/%3E%3C/g%3E%3Cg transform='translate(100,320) rotate(6) scale(0.95)'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M36,0 L54,-6 L66,6 L66,22 L54,30 L36,20'/%3E%3Cpath d='M66,6 L84,0 L100,10 L100,28 L84,36 L66,22'/%3E%3Cpath d='M100,10 L118,4 L134,10 L150,4 L166,10'/%3E%3C/g%3E%3Cg transform='translate(400,300) rotate(-10) scale(0.85)'%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3Cpath d='M64,14 L80,20 L90,40 L80,56 L60,56 L50,40'/%3E%3Cpath d='M80,20 L96,14 L106,30 L96,46 L80,56'/%3E%3C/g%3E%3Cg transform='translate(650,380) rotate(20) scale(0.8)'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M36,0 L54,-6 L62,10 L54,24 L36,20'/%3E%3Cpath d='M54,-6 L74,-6 L84,8 L78,24 L54,24'/%3E%3Cpath d='M78,24 L96,24 L104,40 L96,54 L78,54 L70,40 Z'/%3E%3C/g%3E%3Cg transform='translate(160,560) rotate(-8)'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M36,0 L50,-6'/%3E%3Cpath d='M0,0 L-8,-18 L-26,-24 L-40,-14 L-40,6 L-26,16 L-8,10 Z' transform='translate(0,0)'/%3E%3Cpath d='M-26,-24 L-26,-40'/%3E%3C/g%3E%3C/svg%3E");
}

/* Runes dark */
.trippy-bg-dark.trippy-bg-runes::before,
.trippy-bg-runes.trippy-bg-dark::before {
    opacity: 0.25;
    background-size: 600px 600px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' stroke='%2350e8c0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(80,100) rotate(-8)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,10 L16,20'/%3E%3Cpath d='M0,22 L16,32'/%3E%3C/g%3E%3Cg transform='translate(220,80) rotate(5) scale(1.2)'%3E%3Cpath d='M0,50 L0,0'/%3E%3Cpath d='M0,0 L-16,-20'/%3E%3Cpath d='M0,0 L16,-20'/%3E%3Cpath d='M0,14 L-12,0'/%3E%3Cpath d='M0,14 L12,0'/%3E%3C/g%3E%3Cg transform='translate(400,60) rotate(-3)'%3E%3Cpath d='M0,0 L14,8 L0,24 L14,32 L0,48'/%3E%3C/g%3E%3Cg transform='translate(540,120) rotate(10)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,0 L16,18 L0,22'/%3E%3Cpath d='M0,22 L18,50'/%3E%3C/g%3E%3Cg transform='translate(680,70) rotate(-6) scale(1.1)'%3E%3Cpath d='M0,0 L14,24 L0,48'/%3E%3C/g%3E%3Cg transform='translate(120,300) rotate(12) scale(1.3)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,12 L18,22 L0,32'/%3E%3C/g%3E%3Cg transform='translate(320,280) rotate(-4)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,6 L16,20 L0,24'/%3E%3C/g%3E%3Cg transform='translate(500,260) rotate(7) scale(1.15)'%3E%3Cpath d='M0,0 L20,0 L0,28 L20,28 Z'/%3E%3C/g%3E%3Cg transform='translate(700,300) rotate(-15) scale(0.7)'%3E%3Cpath d='M0,50 L0,0'/%3E%3Cpath d='M0,0 L-16,-20'/%3E%3Cpath d='M0,0 L16,-20'/%3E%3C/g%3E%3Cg transform='translate(60,500) rotate(18) scale(1.4)'%3E%3Cpath d='M0,0 L14,8 L0,24 L14,32 L0,48'/%3E%3C/g%3E%3Cg transform='translate(250,520) rotate(-20) scale(0.9)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,10 L16,20'/%3E%3Cpath d='M0,22 L16,32'/%3E%3C/g%3E%3Cg transform='translate(440,480) rotate(30) scale(0.8)'%3E%3Cpath d='M0,0 L20,0 L0,28 L20,28 Z'/%3E%3C/g%3E%3Cg transform='translate(620,500) rotate(-12) scale(1.1)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,0 L16,18 L0,22'/%3E%3Cpath d='M0,22 L18,50'/%3E%3C/g%3E%3Cg transform='translate(150,700) rotate(8) scale(1.3)'%3E%3Cpath d='M0,0 L14,24 L0,48'/%3E%3C/g%3E%3Cg transform='translate(350,680) rotate(-25) scale(0.75)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,12 L18,22 L0,32'/%3E%3C/g%3E%3Cg transform='translate(550,720) rotate(22) scale(0.85)'%3E%3Cpath d='M0,0 L0,50'/%3E%3Cpath d='M0,0 L16,6 L16,20 L0,24'/%3E%3C/g%3E%3C/svg%3E");
}

/* Geometry dark */
.trippy-bg-dark.trippy-bg-geometry::before,
.trippy-bg-geometry.trippy-bg-dark::before {
    opacity: 0.20;
    background-size: 750px 750px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' fill='none' stroke='%2350e8c0' stroke-width='1.8'%3E%3Cg transform='translate(150,150)'%3E%3Ccircle cx='0' cy='0' r='40'/%3E%3Ccircle cx='40' cy='0' r='40'/%3E%3Ccircle cx='-40' cy='0' r='40'/%3E%3Ccircle cx='20' cy='34.64' r='40'/%3E%3Ccircle cx='-20' cy='34.64' r='40'/%3E%3Ccircle cx='20' cy='-34.64' r='40'/%3E%3Ccircle cx='-20' cy='-34.64' r='40'/%3E%3Ccircle cx='0' cy='0' r='80' stroke-dasharray='4,4' opacity='0.4'/%3E%3C/g%3E%3Cg transform='translate(500,140) scale(0.9)'%3E%3Ccircle cx='0' cy='0' r='8'/%3E%3Ccircle cx='40' cy='0' r='8'/%3E%3Ccircle cx='-40' cy='0' r='8'/%3E%3Ccircle cx='20' cy='34.64' r='8'/%3E%3Ccircle cx='-20' cy='34.64' r='8'/%3E%3Ccircle cx='20' cy='-34.64' r='8'/%3E%3Ccircle cx='-20' cy='-34.64' r='8'/%3E%3Ccircle cx='80' cy='0' r='8'/%3E%3Ccircle cx='-80' cy='0' r='8'/%3E%3Ccircle cx='40' cy='69.28' r='8'/%3E%3Ccircle cx='-40' cy='69.28' r='8'/%3E%3Ccircle cx='40' cy='-69.28' r='8'/%3E%3Ccircle cx='-40' cy='-69.28' r='8'/%3E%3Cpath d='M40,0 L20,34.64 L-20,34.64 L-40,0 L-20,-34.64 L20,-34.64 Z' opacity='0.5'/%3E%3Cpath d='M80,0 L40,69.28 L-40,69.28 L-80,0 L-40,-69.28 L40,-69.28 Z' opacity='0.4'/%3E%3C/g%3E%3Cg transform='translate(830,160) scale(0.8)'%3E%3Cpath d='M0,-75 L65,55 L-65,55 Z' opacity='0.6'/%3E%3Cpath d='M0,-55 L50,40 L-50,40 Z' opacity='0.5'/%3E%3Cpath d='M0,75 L65,-55 L-65,-55 Z' opacity='0.6'/%3E%3Cpath d='M0,58 L52,-42 L-52,-42 Z' opacity='0.5'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%2350e8c0' stroke='none' opacity='0.6'/%3E%3C/g%3E%3Cg transform='translate(450,480) scale(1.1)'%3E%3Ccircle cx='-25' cy='0' r='50'/%3E%3Ccircle cx='25' cy='0' r='50'/%3E%3C/g%3E%3Cg transform='translate(750,500) scale(0.8)'%3E%3Ccircle cx='0' cy='0' r='30'/%3E%3Ccircle cx='30' cy='0' r='30'/%3E%3Ccircle cx='-30' cy='0' r='30'/%3E%3Ccircle cx='15' cy='25.98' r='30'/%3E%3Ccircle cx='-15' cy='25.98' r='30'/%3E%3Ccircle cx='15' cy='-25.98' r='30'/%3E%3Ccircle cx='-15' cy='-25.98' r='30'/%3E%3C/g%3E%3Cg transform='translate(200,780) rotate(15) scale(0.7)'%3E%3Cpath d='M0,-60 L57,-18.5 L35.3,48.5 L-35.3,48.5 L-57,-18.5 Z'/%3E%3Cpath d='M0,60 L-57,18.5 L-35.3,-48.5 L35.3,-48.5 L57,18.5 Z' opacity='0.6'/%3E%3C/g%3E%3Cg transform='translate(550,750) scale(0.8)'%3E%3Cpath d='M0,-50 L43.3,25 L-43.3,25 Z'/%3E%3Cpath d='M0,-50 L0,10' opacity='0.4'/%3E%3Cpath d='M43.3,25 L-10,-10' opacity='0.35'/%3E%3Cpath d='M-43.3,25 L10,-10' opacity='0.35'/%3E%3C/g%3E%3C/svg%3E");
}

/* Scripts dark */
.trippy-bg-dark.trippy-bg-scripts::before,
.trippy-bg-scripts.trippy-bg-dark::before {
    opacity: 0.25;
    background-size: 650px 650px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='850' height='850' fill='%2350e8c0' stroke='none'%3E%3Cstyle%3Etext %7B font-family: serif; %7D%3C/style%3E%3Ctext x='80' y='120' font-size='72' opacity='0.7' transform='rotate(-8,80,120)'%3E%E0%A5%90%3C/text%3E%3Ctext x='250' y='80' font-size='22' opacity='0.55' transform='rotate(5,250,80)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83 %E0%A4%B8%E0%A4%82%E0%A4%B5%E0%A4%BE%E0%A4%A6%E0%A4%A8%E0%A5%8D%E0%A4%A4%E0%A5%81%3C/text%3E%3Ctext x='520' y='140' font-size='18' opacity='0.5' transform='rotate(-3,520,140)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83 %E0%A4%B6%E0%A4%82 %E0%A4%A8%E0%A5%8B %E0%A4%AD%E0%A4%B5%E0%A4%A8%E0%A5%8D%E0%A4%A4%E0%A5%81%3C/text%3E%3Ctext x='60' y='280' font-size='20' opacity='0.45' transform='rotate(7,60,280)'%3E%E0%B6%B6%E0%B6%AD%E0%B7%94%E0%B6%B4%E0%B7%8A%E0%B6%B4%E0%B6%AF%E0%B6%82 %E0%B6%AD%E0%B7%92%E0%B6%BD%E0%B7%9C%E0%B6%9A%E0%B7%83%E0%B7%8A%E0%B7%83%3C/text%3E%3Ctext x='430' y='320' font-size='17' opacity='0.45' transform='rotate(-6,430,320)'%3E%E0%B6%BA%E0%B6%82%E0%B6%9A%E0%B7%92%E0%B6%A0%E0%B7%92 %E0%B6%9B%E0%B6%B1%E0%B7%8A%E0%B6%B0%E0%B7%8F%E0%B6%B1%E0%B6%82 %E0%B6%B7%E0%B6%BA%E0%B6%82%3C/text%3E%3Ctext x='700' y='90' font-size='36' opacity='0.4' transform='rotate(15,700,90)'%3E%E0%A5%90%3C/text%3E%3Ctext x='350' y='480' font-size='55' opacity='0.5' transform='rotate(-12,350,480)'%3E%E0%A5%90%3C/text%3E%3Ctext x='650' y='550' font-size='28' opacity='0.35' transform='rotate(20,650,550)'%3E%E0%A5%90%3C/text%3E%3Ctext x='120' y='600' font-size='42' opacity='0.45' transform='rotate(-18,120,600)'%3E%E0%A5%90%3C/text%3E%3Ctext x='500' y='500' font-size='16' opacity='0.4' transform='rotate(10,500,500)'%3E%E0%A4%93%E0%A4%B7%E0%A4%A7%E0%A4%AF%E0%A4%83%3C/text%3E%3Ctext x='760' y='400' font-size='30' opacity='0.4' transform='rotate(12,760,400)'%3E%E0%A4%B9%E0%A5%8D%E0%A4%B0%E0%A5%80%E0%A4%82%3C/text%3E%3Ctext x='50' y='780' font-size='26' opacity='0.4' transform='rotate(-5,50,780)'%3E%E0%A4%B6%E0%A5%8D%E0%A4%B0%E0%A5%80%E0%A4%82%3C/text%3E%3Ctext x='300' y='700' font-size='24' opacity='0.35' transform='rotate(8,300,700)'%3E%E0%A4%85%E0%A4%B9%E0%A4%82%3C/text%3E%3Ctext x='580' y='720' font-size='20' opacity='0.35' transform='rotate(-14,580,720)'%3E%E0%A4%B8%E0%A4%A4%E0%A5%8D%E0%A4%AF%E0%A4%82%3C/text%3E%3Ctext x='750' y='760' font-size='48' opacity='0.5' transform='rotate(6,750,760)'%3E%E0%A5%90%3C/text%3E%3C/svg%3E");
}

/* Egyptian dark */
.trippy-bg-dark.trippy-bg-egyptian::before,
.trippy-bg-egyptian.trippy-bg-dark::before {
    opacity: 0.25;
    background-size: 700px 700px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%2350e8c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(100,100) scale(1.1)'%3E%3Cpath d='M-40,0 C-20,-18 20,-18 40,0 C20,14 -20,14 -40,0 Z'/%3E%3Ccircle cx='0' cy='-1' r='10'/%3E%3Ccircle cx='0' cy='-1' r='4' fill='%2350e8c0' stroke='none' opacity='0.5'/%3E%3Cpath d='M40,0 L60,-4'/%3E%3Cpath d='M8,14 C8,20 4,34 0,42 C-2,34 -4,28 2,14'/%3E%3Cpath d='M0,42 C6,42 8,38 6,34 C4,32 2,34 2,36'/%3E%3Cpath d='M-44,-6 C-20,-24 20,-24 48,-6' opacity='0.5'/%3E%3C/g%3E%3Cg transform='translate(320,80) rotate(5) scale(1.0)'%3E%3Cellipse cx='0' cy='-20' rx='14' ry='18'/%3E%3Cpath d='M0,-2 L0,50'/%3E%3Cpath d='M-18,12 L18,12'/%3E%3C/g%3E%3Cg transform='translate(530,100) rotate(-6) scale(0.95)'%3E%3Cpath d='M-16,60 L16,60'/%3E%3Cpath d='M-12,60 L-12,50 L12,50 L12,60'/%3E%3Cpath d='M-8,50 L-8,0 L8,0 L8,50'/%3E%3Cpath d='M-18,10 L18,10'/%3E%3Cpath d='M-18,20 L18,20'/%3E%3Cpath d='M-18,30 L18,30'/%3E%3Cpath d='M-18,40 L18,40'/%3E%3Cpath d='M-14,0 L-14,-6 L14,-6 L14,0'/%3E%3C/g%3E%3Cg transform='translate(730,90) rotate(8) scale(0.9)'%3E%3Cellipse cx='0' cy='10' rx='18' ry='24'/%3E%3Cellipse cx='0' cy='-18' rx='10' ry='8'/%3E%3Cpath d='M0,-14 L0,34'/%3E%3Cpath d='M-18,0 C-40,-8 -50,4 -44,20 C-38,32 -22,30 -18,24' opacity='0.6'/%3E%3Cpath d='M18,0 C40,-8 50,4 44,20 C38,32 22,30 18,24' opacity='0.6'/%3E%3C/g%3E%3Cg transform='translate(140,350) rotate(-4) scale(1.05)'%3E%3Cpath d='M0,0 C-6,-30 -4,-50 0,-60 C4,-50 6,-30 0,0'/%3E%3Cpath d='M0,0 C-14,-24 -20,-44 -14,-56 C-8,-46 -4,-28 0,0' opacity='0.7'/%3E%3Cpath d='M0,0 C-22,-16 -32,-32 -28,-44 C-20,-36 -10,-22 0,0' opacity='0.5'/%3E%3Cpath d='M0,0 C14,-24 20,-44 14,-56 C8,-46 4,-28 0,0' opacity='0.7'/%3E%3Cpath d='M0,0 C22,-16 32,-32 28,-44 C20,-36 10,-22 0,0' opacity='0.5'/%3E%3Cpath d='M0,0 L0,40'/%3E%3C/g%3E%3Cg transform='translate(380,320) rotate(6) scale(0.95)'%3E%3Cpath d='M0,-30 L0,55'/%3E%3Cpath d='M0,-30 C-6,-30 -10,-36 -8,-44 C-6,-50 -2,-52 2,-48 C6,-44 8,-38 4,-30'/%3E%3Cpath d='M-6,-44 L-12,-56' opacity='0.6'/%3E%3Cpath d='M2,-48 L6,-58' opacity='0.6'/%3E%3Cpath d='M0,55 L-10,65'/%3E%3Cpath d='M0,55 L10,65'/%3E%3C/g%3E%3Cg transform='translate(620,340) scale(0.85)'%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='0' cy='0' r='10' opacity='0.5'/%3E%3Cpath d='M-14,0 C-30,-4 -50,-8 -70,-4 C-85,0 -95,4 -100,2' opacity='0.6'/%3E%3Cpath d='M-14,-2 C-30,-10 -50,-16 -70,-14 C-85,-10 -95,-6 -100,-8' opacity='0.5'/%3E%3Cpath d='M14,0 C30,-4 50,-8 70,-4 C85,0 95,4 100,2' opacity='0.6'/%3E%3Cpath d='M14,-2 C30,-10 50,-16 70,-14 C85,-10 95,-6 100,-8' opacity='0.5'/%3E%3C/g%3E%3Cg transform='translate(830,350) rotate(-5) scale(1.0)'%3E%3Cpath d='M-8,30 L-8,0 C-8,-10 -14,-18 -14,-28'/%3E%3Cpath d='M-4,30 L-4,0 C-4,-10 -10,-18 -10,-28'/%3E%3Cpath d='M8,30 L8,0 C8,-10 14,-18 14,-28'/%3E%3Cpath d='M4,30 L4,0 C4,-10 10,-18 10,-28'/%3E%3Cpath d='M-12,30 L12,30'/%3E%3C/g%3E%3Cg transform='translate(700,560) rotate(18) scale(0.7)'%3E%3Cellipse cx='0' cy='-20' rx='14' ry='18'/%3E%3Cpath d='M0,-2 L0,50'/%3E%3Cpath d='M-18,12 L18,12'/%3E%3C/g%3E%3Cg transform='translate(200,580) rotate(-14) scale(0.65)'%3E%3Cpath d='M-40,0 C-20,-18 20,-18 40,0 C20,14 -20,14 -40,0 Z'/%3E%3Ccircle cx='0' cy='-1' r='10'/%3E%3Ccircle cx='0' cy='-1' r='4' fill='%2350e8c0' stroke='none' opacity='0.5'/%3E%3Cpath d='M40,0 L60,-4'/%3E%3Cpath d='M8,14 C8,20 4,34 0,42'/%3E%3C/g%3E%3Cg transform='translate(460,600) rotate(12) scale(0.55)'%3E%3Cellipse cx='0' cy='10' rx='18' ry='24'/%3E%3Cellipse cx='0' cy='-18' rx='10' ry='8'/%3E%3Cpath d='M0,-14 L0,34'/%3E%3C/g%3E%3C/svg%3E");
}

/* All-combined dark */
.trippy-bg-dark.trippy-bg-all::before,
.trippy-bg-all.trippy-bg-dark::before {
    opacity: 0.18;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%2350e8c0' stroke-width='2'%3E%3Cg transform='translate(80,80) rotate(-12)'%3E%3Cpath d='M0,0 L14,-19 L30,-12 L30,8 L14,15 Z'/%3E%3Cpath d='M30,-12 L50,-19 L64,-6 L64,14 L50,21 L30,8'/%3E%3Cpath d='M0,0 L-14,-14 L-28,-8 L-38,-20'/%3E%3C/g%3E%3Cg transform='translate(500,400) rotate(15) scale(0.8)'%3E%3Cpath d='M0,0 L18,-10 L36,0 L36,20 L18,30 L0,20 Z'/%3E%3Cpath d='M36,0 L54,-6 L66,6 L66,22 L54,30 L36,20'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' stroke='%2350e8c0' stroke-width='2.5'%3E%3Cg transform='translate(400,400) rotate(10) scale(1.2)'%3E%3Cpath d='M0,50 L0,0 L-16,-20'/%3E%3Cpath d='M0,0 L16,-20'/%3E%3Cpath d='M0,14 L-12,0'/%3E%3Cpath d='M0,14 L12,0'/%3E%3C/g%3E%3Cg transform='translate(200,200) rotate(-15)'%3E%3Cpath d='M0,0 L20,0 L0,28 L20,28 Z'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' fill='none' stroke='%2350e8c0' stroke-width='1.8'%3E%3Cg transform='translate(500,500)'%3E%3Ccircle cx='0' cy='0' r='40'/%3E%3Ccircle cx='40' cy='0' r='40'/%3E%3Ccircle cx='-40' cy='0' r='40'/%3E%3Ccircle cx='20' cy='34.64' r='40'/%3E%3Ccircle cx='-20' cy='34.64' r='40'/%3E%3Ccircle cx='20' cy='-34.64' r='40'/%3E%3Ccircle cx='-20' cy='-34.64' r='40'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='850' height='850' fill='%2350e8c0' stroke='none'%3E%3Ctext x='425' y='425' font-size='48' font-family='serif' opacity='0.5' text-anchor='middle'%3E%E0%A5%90%3C/text%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' fill='none' stroke='%2350e8c0' stroke-width='2'%3E%3Cg transform='translate(450,450) scale(0.8)'%3E%3Cellipse cx='0' cy='-20' rx='14' ry='18'/%3E%3Cpath d='M0,-2 L0,50'/%3E%3Cpath d='M-18,12 L18,12'/%3E%3C/g%3E%3C/svg%3E");
    background-size:
        900px 900px,
        800px 800px,
        1000px 1000px,
        850px 850px,
        900px 900px;
}


/* ============================================
   UTILITY: Content z-index helper
   Apply to direct children that need to sit
   above the background pattern
   ============================================ */

.trippy-bg-molecules > *,
.trippy-bg-runes > *,
.trippy-bg-geometry > *,
.trippy-bg-scripts > *,
.trippy-bg-egyptian > *,
.trippy-bg-all > * {
    position: relative;
    z-index: 1;
}


/* ============================================
   ANIMATION: Optional slow drift effect
   Add .trippy-bg-animate to enable
   ============================================ */

@keyframes trippy-drift {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 900px 900px;
    }
}

.trippy-bg-animate.trippy-bg-molecules::before,
.trippy-bg-animate.trippy-bg-runes::before,
.trippy-bg-animate.trippy-bg-geometry::before,
.trippy-bg-animate.trippy-bg-scripts::before,
.trippy-bg-animate.trippy-bg-egyptian::before,
.trippy-bg-animate.trippy-bg-all::before {
    animation: trippy-drift 120s linear infinite;
}

/* Reduced motion: disable animation for accessibility */
@media (prefers-reduced-motion: reduce) {
    .trippy-bg-animate.trippy-bg-molecules::before,
    .trippy-bg-animate.trippy-bg-runes::before,
    .trippy-bg-animate.trippy-bg-geometry::before,
    .trippy-bg-animate.trippy-bg-scripts::before,
    .trippy-bg-animate.trippy-bg-egyptian::before,
    .trippy-bg-animate.trippy-bg-all::before {
        animation: none;
    }
}


/* ============================================
   MOBILE: Centered, focused background patterns
   Smaller tile sizes so patterns are visible
   within narrow viewports instead of cropped
   ============================================ */

@media (max-width: 768px) {
    .trippy-bg-molecules::before {
        background-size: 420px 420px;
        background-position: center top;
        opacity: 0.06;
    }

    .trippy-bg-runes::before {
        background-size: 380px 380px;
        background-position: center top;
        opacity: 0.06;
    }

    .trippy-bg-geometry::before {
        background-size: 460px 460px;
        background-position: center top;
        opacity: 0.055;
    }

    .trippy-bg-scripts::before {
        background-size: 400px 400px;
        background-position: center top;
        opacity: 0.065;
    }

    .trippy-bg-egyptian::before {
        background-size: 420px 420px;
        background-position: center top;
        opacity: 0.06;
    }

    .trippy-bg-all::before {
        background-size: 400px 400px;
        background-position: center top;
        opacity: 0.055;
    }
}

@media (max-width: 480px) {
    .trippy-bg-molecules::before {
        background-size: 340px 340px;
        opacity: 0.07;
    }

    .trippy-bg-runes::before {
        background-size: 320px 320px;
        opacity: 0.07;
    }

    .trippy-bg-geometry::before {
        background-size: 380px 380px;
        opacity: 0.06;
    }

    .trippy-bg-scripts::before {
        background-size: 340px 340px;
        opacity: 0.07;
    }

    .trippy-bg-egyptian::before {
        background-size: 340px 340px;
        opacity: 0.07;
    }

    .trippy-bg-all::before {
        background-size: 340px 340px;
        opacity: 0.06;
    }
}