/* Custom image masking for bold reveals */
.image-mask {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-visible="true"] .image-mask {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

[data-animate]:not([data-visible="true"]) .image-mask {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

/* Mobile readability: bump up small text sizes */
@media (max-width: 639px) {
    .text-sm { font-size: 0.9375rem; line-height: 1.625; } /* 15px instead of 14px */
    .text-xs { font-size: 0.8125rem; line-height: 1.5; }   /* 13px instead of 12px */
}

/* Subtle global noise texture for a high-end studio feel */
.bg-noise {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
}