/* CR YALITIM CUSTOM STYLES */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700;900&display=swap');

:root {
    --primary: #ea580c;
    --dark: #1a1a1a;
    --light: #f8f8f8;
}

body { 
    font-family: 'Outfit', sans-serif; 
    background-color: var(--light); 
    color: var(--dark);
    overflow-x: hidden;
}

.glass-nav { 
    backdrop-filter: blur(15px); 
    background: rgba(255, 255, 255, 0.85); 
    transition: all 0.3s ease;
}

/* Projelerdeki Yazıların Görünürlüğü */
.project-card-overlay { 
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 60%, transparent 100%); 
}

/* Responsive Başlıklar */
.section-title { 
    font-size: clamp(2.5rem, 8vw, 5rem); 
    line-height: 0.9; 
    letter-spacing: -2px;
}

/* Mobil Menü - Kayma yapmayan stabil yapı */
#mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: var(--dark);
    z-index: 150;
    transition: right 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
}

#mobile-menu.active {
    right: 0;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: var(--primary); }

@media (max-width: 768px) {
    .section-title { font-size: 3rem !important; }
}