/* Custom styles for editorial look */
html {
    scroll-behavior: smooth;
}

body {
    /* Prevent layout shift on load */
    visibility: visible;
}

/* Custom selection color */
::selection {
    background-color: #B45309;
    color: white;
}

/* Editorial serif styling */
.font-serif {
    line-height: 1.1;
}

/* Subtle texture for sections */
.bg-sand-100 {
    background-image: radial-gradient(#e3cbb8 1px, transparent 1px);
    background-size: 20px 20px;
    background-color: #f7f3ee;
}

/* Smooth image loading */
img {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

img[data-src] {
    opacity: 0;
}