:root {
    --desk-bg: #F5EFE6; 
    --grid-line: rgba(140, 115, 95, 0.08); 
    --blueprint-line: rgba(160, 135, 115, 0.35);
    --blueprint-text: rgba(160, 135, 115, 0.6);
    --text-main: #2A2421; 
    --text-gray: #80756A; 
    --accent-orange: #E85D04;
    --shadow-warm: rgba(80, 60, 40, 0.15);
    --gallery-bg: #110E0D;
    --gallery-text: #F5EFE6;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    width: 100%; overflow-x: hidden; font-family: 'Inter', sans-serif;
    background-color: var(--desk-bg); 
}

.pinned-container {
    width: 100vw; height: 100vh; position: relative; overflow: hidden;
}

.scroll-indicator {
    position: absolute; bottom: 4vh; left: 50%; transform: translateX(-50%);
    font-family: 'Space Mono', monospace; font-size: 11px; color: var(--text-gray); letter-spacing: 2px;
    display: flex; flex-direction: column; align-items: center; gap: 8px; z-index: 50; pointer-events: none; opacity: 0.7; animation: bounce 2s infinite ease-in-out;
}
.scroll-indicator::after { content: ''; width: 1px; height: 30px; background: linear-gradient(to bottom, var(--text-gray), transparent); }
@keyframes bounce { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 5px); } }

/* Blueprint Smooth Animations */
@keyframes bp-dash-flow { to { stroke-dashoffset: -20; } }
@keyframes bp-pulse-node { 0%, 100% { r: 3; opacity: 0.5; stroke-width: 1; } 50% { r: 5; opacity: 1; stroke-width: 2; } }
@keyframes bp-spin-slow { 100% { transform: rotate(360deg); } }
@keyframes bp-spin-slow-reverse { 100% { transform: rotate(-360deg); } }
@keyframes bp-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

.anim-dash { animation: bp-dash-flow 1.5s linear infinite; }
.anim-dash-slow { animation: bp-dash-flow 3s linear infinite; }
.anim-pulse { animation: bp-pulse-node 3s ease-in-out infinite; transform-origin: center; }
.anim-spin { animation: bp-spin-slow 40s linear infinite; transform-origin: center; }
.anim-spin-rev { animation: bp-spin-slow-reverse 60s linear infinite; transform-origin: center; }
.anim-float { animation: bp-float 6s ease-in-out infinite; }
.anim-float-alt { animation: bp-float 7s ease-in-out infinite; animation-delay: -3s; }