/* Премиальный скроллбар */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #F8F9FA; 
}
::-webkit-scrollbar-thumb {
    background: #1A2332; /* Глубокий синий */
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #B89B72; /* Золотой при наведении */
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px; /* Защита от наезжающей шапки */
}

/* Цвет выделения текста (когда клиент выделяет текст мышкой) */
::selection {
    background-color: #B89B72;
    color: #ffffff;
}

/* Плавная тень для навигации при скролле */
.header-scrolled {
    box-shadow: 0 10px 30px -10px rgba(26, 35, 50, 0.1);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Эффект свечения для карточек проектов */
.project-card-glow:hover {
    box-shadow: 0 20px 40px -5px rgba(184, 155, 114, 0.15);
}

/* Плавное подчеркивание ссылок в меню */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #B89B72;
    transition: width 0.3s ease;
}
.nav-link:hover::after {
    width: 100%;
}

/* Эффект матового стекла (Glassmorphism) для карточек */
.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 30px 50px -10px rgba(0, 0, 0, 0.3);
}

/* Дорогая мягкая тень для светлых блоков */
.premium-shadow {
    box-shadow: 0 20px 40px -5px rgba(26, 36, 33, 0.08);
}

/* Микро-анимация карточек при наведении (эффект левитации) */
.hover-float {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.hover-float:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px -12px rgba(163, 139, 102, 0.15); /* Золотое свечение */
}

/* Эффект проявления фото (Черно-белое -> Цветное) */
.photo-reveal img {
    filter: grayscale(100%) contrast(1.1);
    transition: all 0.6s ease;
}
.photo-reveal:hover img {
    filter: grayscale(0%) contrast(1);
    transform: scale(1.05);
}

/* Текстура шума для темных фонов */
.noise-bg {
    position: relative;
}
.noise-bg::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}
/* --- АНИМАЦИИ ДЛЯ ЛОГОТИПОВ --- */
@keyframes float-slow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Рассинхрон, чтобы они "дышали" вразнобой */
.logo-float-1 { animation: float-slow 4s ease-in-out infinite; }
.logo-float-2 { animation: float-slow 5.5s ease-in-out infinite 1s; }
.logo-float-3 { animation: float-slow 4.5s ease-in-out infinite 0.5s; }
.logo-float-4 { animation: float-slow 5s ease-in-out infinite 1.5s; }

/* Золотое свечение на фоне при наведении */
.logo-wrapper {
    position: relative;
    z-index: 10;
}
.logo-wrapper::before {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 140%; height: 140%;
    background: radial-gradient(circle, rgba(138,123,102,0.12) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.6s ease;
    z-index: -1;
    pointer-events: none;
}
.logo-wrapper:hover::before {
    opacity: 1;
}
/* Убираем гигантские цифры с фона в проектах */
.chapter-number { display: none !important; }