/* ==============================================
DIGITAL SNOWFLAKE HALFTONE OVERLAY
============================================== */
.section-background::after {
content: '' !important;
position: absolute !important;
top: 0; left: 0; right: 0; bottom: 0;
pointer-events: none !important;
z-index: 99 !important; /* Forces it above the video, but Squarespace keeps it under your text/content */
/* 🎛️ DIAL IN YOUR SETTINGS HERE */
--snow-size: 10px; /* Lower this (e.g., 6px) for an even finer halftone effect */
--snow-opacity: 0.35; /* 0.0 is invisible, 1.0 is solid white */
/*
LAYER BLEND MODES:
normal = Standard flat white overlay
overlay = High contrast, punches up the brights behind it
soft-light = Very subtle, smooth blending
screen = Lightens the video, good for dark backgrounds
*/
--snow-blend: overlay;
/* The SVG Digital Snowflake Pattern */
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 3v14M3 10h14M5 5l10 10M5 15l10-10' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") !important;
background-size: var(--snow-size) var(--snow-size) !important;
background-repeat: repeat !important;
opacity: var(--snow-opacity) !important;
mix-blend-mode: var(--snow-blend) !important;
}
