/* Custom styles that cannot be handled via Tailwind CDN overrides can go here */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

.font-sans-custom {
    font-family: 'Manrope', sans-serif;
}

.font-serif-custom {
    font-family: 'Playfair Display', serif;
}

.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

/* Enforce Exact Logo Size from original site */
header nav a img {
    height: 2.5rem !important; /* reduced to minimal h-10 */
    width: auto !important;
    max-width: 120px !important;
}

@media (min-width: 1024px) {
    header nav a img {
        height: 3.5rem !important; /* down from 6rem */
        max-width: 160px !important; 
    }
}

/* Fix Hero section layout to prevent scrollbars or empty spaces */
.hero-section {
    min-height: 90vh;
    width: 100vw;
    position: relative;
    overflow: hidden;
}

/* Fix spacing in sections */
section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Add arbitrary responsive fixes that might have been lost from the Next build */
@media (max-width: 768px) {
    .hero-text-container h1 {
        font-size: 2.5rem !important;
    }
    .hero-text-container div {
        font-size: 1.25rem !important;
    }
}

/* Override Framer Motion / next-animations classes that cause invisible content */
.opacity-0 {
    opacity: 1 !important;
}

.translate-y-8, .translate-y-10, .translate-y-4, .translate-y-6, .translate-y-2 {
    transform: translateY(0) !important;
}

.scale-95 {
    transform: scale(1) !important;
}