@layer utilities {
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
            }
            .content-auto {
                content-visibility: auto;
            }
            .section-gap {
                margin-bottom: 3rem;
            }
            .warrior-border {
                border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="75" height="75"><path d="M0,0 L75,0 L75,75 L0,75 Z" fill="none" stroke="%238B4513" stroke-width="5" stroke-dasharray="10,10"/>') 25;
            }
        }