/* Armaf Club de Nuit Sillage — atelier dark luxury */

body {
    font-family: 'Open Sans', 'Roboto', ui-sans-serif, system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', 'Open Sans', ui-sans-serif, system-ui, sans-serif;
}

h1.font-display { font-weight: 900; }
h2, h3, h4, h5, h6 { font-weight: 800; }

.font-display {
    font-family: 'Roboto', 'Open Sans', ui-sans-serif, system-ui, sans-serif;
    font-weight: 800;
}

html { scroll-behavior: smooth; }

#header.scrolled {
    background-color: rgba(11, 15, 20, 0.94);
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 0 rgba(142, 180, 212, 0.18);
}

body.inner-page #header {
    background-color: rgba(11, 15, 20, 0.94);
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 0 rgba(142, 180, 212, 0.18);
}

#mobile-menu {
    transition: opacity 0.25s ease-out, max-height 0.3s ease-out;
}

.img-zoom img {
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.32, 1);
}

.img-zoom:hover img { transform: scale(1.04); }

.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 44px -22px rgba(142, 180, 212, 0.28);
}

.inner-hero-full { min-height: min(52vh, 520px); }

.gold-text {
    background: linear-gradient(135deg, #f1d99a 0%, #d4af6b 50%, #a8884a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.divider-gold {
    background: linear-gradient(90deg, transparent 0%, #8eb4d4 50%, transparent 100%);
    height: 1px;
    width: 100%;
}

a:focus-visible, button:focus-visible, summary:focus-visible {
    outline: 2px solid #8eb4d4;
    outline-offset: 2px;
}

details summary { list-style: none; }
details summary::-webkit-details-marker { display: none; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .img-zoom img, .hover-lift { transition: none; }
    .img-zoom:hover img { transform: none; }
}