@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');

/* SCOPED TAILWIND-LIKE UTILITIES FOR HERO SECTION ONLY */
/* This prevents breaking the rest of your site's styles! */

#hero-section-img2 {
    font-family: 'Inter', sans-serif;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

#hero-section-img2 .bg-gradient-custom {
    background: radial-gradient(circle at 10% 20%, rgba(45, 45, 45, 0.4) 0%, rgba(10, 10, 10, 1) 70%);
    background-color: #0a0a0a;
}

#hero-section-img2 .mountain-bg {
    background-image: url('https://images.unsplash.com/photo-1542224566-6e85f2e6772f?auto=format&fit=crop&q=80&w=1000');
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    opacity: 0.2;
    mask-image: linear-gradient(to top left, black, transparent 80%);
    -webkit-mask-image: linear-gradient(to top left, black, transparent 80%);
}

#hero-section-img2 .glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

#hero-section-img2 .text-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

#hero-section-img2 .gold-gradient {
    background: linear-gradient(135deg, #e2d1b9 0%, #c5a880 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#hero-section-img2 .gold-bg {
    background: linear-gradient(135deg, #e2d1b9 0%, #c5a880 100%);
}

#hero-section-img2 .handwriting {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

#hero-section-img2 .nav-item::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #c5a880;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 2px;
    opacity: 0;
    transition: opacity 0.3s;
}
#hero-section-img2 .nav-item.active::after { opacity: 1; }

#hero-section-img2 .min-h-screen { min-height: 100vh; }
#hero-section-img2 .absolute { position: absolute; }
#hero-section-img2 .relative { position: relative; }
#hero-section-img2 .fixed { position: fixed; }
#hero-section-img2 .inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
#hero-section-img2 .-inset-1 { top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem; }
#hero-section-img2 .-top-16 { top: -4rem; }
#hero-section-img2 .-left-16 { left: -4rem; }
#hero-section-img2 .top-1\/2 { top: 50%; }
#hero-section-img2 .right-8 { right: 2rem; }
#hero-section-img2 .z-50 { z-index: 50; }
#hero-section-img2 .z-10 { z-index: 10; }
#hero-section-img2 .-z-10 { z-index: -10; }

#hero-section-img2 .flex { display: flex; }
#hero-section-img2 .hidden { display: none; }
#hero-section-img2 .grid { display: grid; }
#hero-section-img2 .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
#hero-section-img2 .col-span-12 { grid-column: span 12 / span 12; }

#hero-section-img2 .flex-col { flex-direction: column; }
#hero-section-img2 .flex-wrap { flex-wrap: wrap; }
#hero-section-img2 .items-center { align-items: center; }
#hero-section-img2 .justify-between { justify-content: space-between; }
#hero-section-img2 .justify-center { justify-content: center; }
#hero-section-img2 .self-end { align-self: flex-end; }

#hero-section-img2 .gap-2 { gap: 0.5rem; }
#hero-section-img2 .gap-3 { gap: 0.75rem; }
#hero-section-img2 .gap-4 { gap: 1rem; }
#hero-section-img2 .gap-6 { gap: 1.5rem; }
#hero-section-img2 .gap-8 { gap: 2rem; }
#hero-section-img2 .gap-10 { gap: 2.5rem; }
#hero-section-img2 .gap-12 { gap: 3rem; }

#hero-section-img2 .space-x-12 > * + * { margin-left: 3rem; }
#hero-section-img2 .space-y-6 > * + * { margin-top: 1.5rem; }

#hero-section-img2 .max-w-\[1400px\] { max-width: 1400px; }
#hero-section-img2 .max-w-\[450px\] { max-width: 450px; }
#hero-section-img2 .max-w-md { max-width: 28rem; }
#hero-section-img2 .max-w-lg { max-width: 32rem; }
#hero-section-img2 .w-full { width: 100%; }
#hero-section-img2 .w-\[1px\] { width: 1px; }
#hero-section-img2 .w-12 { width: 3rem; }
#hero-section-img2 .w-24 { width: 6rem; }
#hero-section-img2 .w-1 { width: 0.25rem; }
#hero-section-img2 .w-5 { width: 1.25rem; }
#hero-section-img2 .h-\[1px\] { height: 1px; }
#hero-section-img2 .h-6 { height: 1.5rem; }
#hero-section-img2 .h-8 { height: 2rem; }
#hero-section-img2 .h-10 { height: 2.5rem; }
#hero-section-img2 .h-12 { height: 3rem; }
#hero-section-img2 .h-16 { height: 4rem; }
#hero-section-img2 .h-1 { height: 0.25rem; }

#hero-section-img2 .mx-auto { margin-left: auto; margin-right: auto; }
#hero-section-img2 .mb-2 { margin-bottom: 0.5rem; }
#hero-section-img2 .mb-4 { margin-bottom: 1rem; }
#hero-section-img2 .mb-8 { margin-bottom: 2rem; }
#hero-section-img2 .mb-10 { margin-bottom: 2.5rem; }
#hero-section-img2 .mb-12 { margin-bottom: 3rem; }
#hero-section-img2 .mb-16 { margin-bottom: 4rem; }
#hero-section-img2 .mt-4 { margin-top: 1rem; }
#hero-section-img2 .mt-8 { margin-top: 2rem; }
#hero-section-img2 .ml-8 { margin-left: 2rem; }

#hero-section-img2 .px-4 { padding-left: 1rem; padding-right: 1rem; }
#hero-section-img2 .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
#hero-section-img2 .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
#hero-section-img2 .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
#hero-section-img2 .px-8 { padding-left: 2rem; padding-right: 2rem; }
#hero-section-img2 .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
#hero-section-img2 .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
#hero-section-img2 .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
#hero-section-img2 .pt-12 { padding-top: 3rem; }
#hero-section-img2 .pb-24 { padding-bottom: 6rem; }
#hero-section-img2 .pb-12 { padding-bottom: 3rem; }
#hero-section-img2 .p-6 { padding: 1.5rem; }
#hero-section-img2 .p-8 { padding: 2rem; }
#hero-section-img2 .pt-1 { padding-top: 0.25rem; }

#hero-section-img2 .border { border-width: 1px; border-style: solid; }
#hero-section-img2 .border-white\/10 { border-color: rgba(255,255,255,0.1); }
#hero-section-img2 .border-white\/20 { border-color: rgba(255,255,255,0.2); }
#hero-section-img2 .border-white\/30 { border-color: rgba(255,255,255,0.3); }
#hero-section-img2 .border-\[\#c5a880\]\/30 { border-color: rgba(197, 168, 128, 0.3); }

#hero-section-img2 .rounded-lg { border-radius: 0.5rem; }
#hero-section-img2 .rounded-xl { border-radius: 0.75rem; }
#hero-section-img2 .rounded-2xl { border-radius: 1rem; }
#hero-section-img2 .rounded-3xl { border-radius: 1.5rem; }
#hero-section-img2 .rounded-full { border-radius: 9999px; }
#hero-section-img2 .rounded-\[2rem\] { border-radius: 2rem; }
#hero-section-img2 .rounded-\[2\.5rem\] { border-radius: 2.5rem; }

#hero-section-img2 .bg-white\/5 { background-color: rgba(255,255,255,0.05); }
#hero-section-img2 .bg-white\/10 { background-color: rgba(255,255,255,0.1); }
#hero-section-img2 .bg-white\/20 { background-color: rgba(255,255,255,0.2); }
#hero-section-img2 .bg-white\/30 { background-color: rgba(255,255,255,0.3); }
#hero-section-img2 .bg-white\/60 { background-color: rgba(255,255,255,0.6); }

#hero-section-img2 .text-\[10px\] { font-size: 10px; }
#hero-section-img2 .text-xs { font-size: 0.75rem; line-height: 1rem; }
#hero-section-img2 .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
#hero-section-img2 .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
#hero-section-img2 .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
#hero-section-img2 .text-2xl { font-size: 1.5rem; line-height: 2rem; }
#hero-section-img2 .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
#hero-section-img2 .text-7xl { font-size: 4.5rem; line-height: 1; }
#hero-section-img2 .text-8xl { font-size: 6rem; line-height: 1; }
#hero-section-img2 .text-\[120px\] { font-size: 120px; }

#hero-section-img2 .font-light { font-weight: 300; }
#hero-section-img2 .font-medium { font-weight: 500; }
#hero-section-img2 .font-semibold { font-weight: 600; }
#hero-section-img2 .font-bold { font-weight: 700; }
#hero-section-img2 .font-extrabold { font-weight: 800; }
#hero-section-img2 .font-black { font-weight: 900; }

#hero-section-img2 .text-white\/5 { color: rgba(255,255,255,0.05); }
#hero-section-img2 .text-white\/20 { color: rgba(255,255,255,0.2); }
#hero-section-img2 .text-white\/30 { color: rgba(255,255,255,0.3); }
#hero-section-img2 .text-white\/40 { color: rgba(255,255,255,0.4); }
#hero-section-img2 .text-white\/60 { color: rgba(255,255,255,0.6); }
#hero-section-img2 .text-white\/90 { color: rgba(255,255,255,0.9); }
#hero-section-img2 .text-black { color: #000; }
#hero-section-img2 .text-\[\#c5a880\] { color: #c5a880; }

#hero-section-img2 .uppercase { text-transform: uppercase; }
#hero-section-img2 .tracking-widest { letter-spacing: 0.1em; }
#hero-section-img2 .tracking-\[0\.1em\] { letter-spacing: 0.1em; }
#hero-section-img2 .tracking-\[0\.2em\] { letter-spacing: 0.2em; }
#hero-section-img2 .tracking-\[0\.3em\] { letter-spacing: 0.3em; }
#hero-section-img2 .tracking-\[0\.4em\] { letter-spacing: 0.4em; }

#hero-section-img2 .leading-tight { line-height: 1.25; }
#hero-section-img2 .leading-relaxed { line-height: 1.625; }
#hero-section-img2 .leading-loose { line-height: 2; }
#hero-section-img2 .whitespace-nowrap { white-space: nowrap; }

#hero-section-img2 .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
#hero-section-img2 .overflow-hidden { overflow: hidden; }
#hero-section-img2 .pointer-events-none { pointer-events: none; }
#hero-section-img2 .select-none { user-select: none; }

#hero-section-img2 .transform { transform: var(--tw-transform); }
#hero-section-img2 .-translate-y-1\/2 { --tw-transform: translateY(-50%); }
#hero-section-img2 .rotate-1 { --tw-transform: rotate(1deg); }
#hero-section-img2 .rotate-\[150deg\] { --tw-transform: rotate(150deg); }

#hero-section-img2 .transition-all { transition-property: all; transition-duration: 300ms; }
#hero-section-img2 .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 300ms; }
#hero-section-img2 .transition-opacity { transition-property: opacity; transition-duration: 300ms; }
#hero-section-img2 .transition-transform { transition-property: transform; transition-duration: 300ms; }

#hero-section-img2 .hover\:text-white:hover { color: #ffffff; }
#hero-section-img2 .hover\:bg-white\/5:hover { background-color: rgba(255,255,255,0.05); }
#hero-section-img2 .hover\:border-white\/20:hover { border-color: rgba(255,255,255,0.2); }
#hero-section-img2 .hover\:opacity-90:hover { opacity: 0.9; }

#hero-section-img2 .group:hover .group-hover\:translate-x-1 { transform: translateX(0.25rem); }

#hero-section-img2 .animate-bounce { animation: bounce 1s infinite; }
@keyframes bounce {
    0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); }
    50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); }
}

@media (min-width: 768px) {
    #hero-section-img2 .md\:flex { display: flex; }
}
@media (min-width: 1024px) {
    #hero-section-img2 .lg\:col-span-5 { grid-column: span 5 / span 5; }
    #hero-section-img2 .lg\:col-span-4 { grid-column: span 4 / span 4; }
    #hero-section-img2 .lg\:col-span-3 { grid-column: span 3 / span 3; }
    #hero-section-img2 .lg\:pl-12 { padding-left: 3rem; }
    #hero-section-img2 .lg\:flex-row { flex-direction: row; }
    #hero-section-img2 .lg\:block { display: block; }
    #hero-section-img2 .lg\:mr-\[-100px\] { margin-right: -100px; }
}

/* Reset basic link styles inside hero */
#hero-section-img2 a { text-decoration: none; }