/* Cinematic Viewport Canvas Sheet Components Parameters Map Layout Mapping */

.hero-viewport-wrapper {
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
}

.fixed-canvas-height {
    height: 100vh;
}

.letter-spacing-custom {
    letter-spacing: 0.3em;
}

/* Scroll Indicators Geometry Loop Animations Structural Framework Parameters CSS Rule Map */
.scroll-mouse-track {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

@keyframes scrollBounceKeyframeAction {
    0%, 100% { transform: translateY(0); opacity: 0.3; }
    50% { transform: translateY(6px); opacity: 1; }
}

.animate-bounce {
    animation: scrollBounceKeyframeAction 2s infinite ease-in-out;
}

/* Complex Layer Shadows Transitions Modifiers Blocks Configurations mapping */
.background-gradient-dark-bottom {
    background: linear-gradient(to top, rgba(11, 11, 11, 0.95) 0%, rgba(11, 11, 11, 0.4) 50%, rgba(11, 11, 11, 0) 100%);
}

.box-shadow-luxury {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
}

.border-ivory-heavy {
    border: 12px solid var(--warm-ivory);
}

/* Position Shift Structural Mechanics Modifiers */
.transform-translate-x-neg-10 { transform: translateX(-5%); }
.transform-translate-y-10 { transform: translateY(12%); }
.min-height-500-px { min-height: 580px; }