:root {
    --gold: #c5a059;
    --green: #0e3b2e;
    --dark: #0f0f0f;
    --grey: #f4f4f4;
    --white: #ffffff;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Montserrat', sans-serif; color: #333; line-height: 1.6; background: var(--white); overflow-x: hidden; }
.container { width: 90%; max-width: 1200px; margin: auto; }

/* HERO */
.hero { position: relative; height: 90vh; display: flex; align-items: center; overflow: hidden; background: var(--dark); color: var(--white); }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(14, 59, 46, 0.6), rgba(0,0,0,0.9)); z-index: 1; }
.hero-container { position: relative; z-index: 2; width: 100%; }
.logo-wrapper { margin-bottom: 30px; }
.brand-logo { height: 90px; width: auto; display: block; }
h1 { font-family: 'Playfair Display', serif; font-size: 4rem; line-height: 1.1; margin-bottom: 20px; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.hero-content p { font-size: 1.2rem; font-weight: 300; max-width: 650px; margin-bottom: 40px; border-left: 3px solid var(--gold); padding-left: 20px; }

/* BUTTONS */
.btn { display: inline-block; padding: 16px 35px; text-decoration: none; font-weight: 600; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; }
.btn-primary { background: var(--gold); color: var(--white); margin-right: 15px; }
.btn-primary:hover { background: #b48e47; transform: translateY(-3px); }
.btn-outline { background: transparent; border: 2px solid var(--white); color: var(--white); }
.btn-outline:hover { background: var(--white); color: var(--dark); }
.btn-gold { background: var(--gold); color: var(--white); }
.btn-gold:hover { background: var(--white); color: var(--dark); }

/* SECTIONS */
section { padding: 100px 0; }
.mission-vision { background: var(--grey); }
.mission-header { text-align: center; margin-bottom: 60px; }
.mission-header h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; color: var(--green); margin-bottom: 15px; }
.mission-lead { font-size: 1.3rem; max-width: 800px; margin: auto; font-style: italic; color: #555; }
.mission-grid-main { display: flex; flex-wrap: wrap; gap: 40px; }
.mission-box { flex: 1; min-width: 300px; background: var(--white); padding: 40px; border-top: 5px solid var(--green); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.mission-box h3 { font-family: 'Playfair Display', serif; font-size: 1.8rem; margin-bottom: 15px; color: var(--gold); }

/* --- INDUSTRIAL BACKGROUND VIDEO SECTION (BRIGHTNESS FIXED) --- */
.industrial-section-bg { position: relative; padding: 120px 0; overflow: hidden; color: var(--white); }
.section-bg-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; z-index: 0; }

/* THE FIX: Changed rgba(0,0,0,0.8) to rgba(0,0,0,0.5) so the video is brighter */
.section-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; }

.relative-container { position: relative; z-index: 2; }
.section-title { font-family: 'Playfair Display', serif; font-size: 3rem; text-align: center; color: var(--gold); margin-bottom: 10px; }
.section-subtitle { text-align: center; margin-bottom: 60px; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; }
.specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }

/* ADJUSTED CARD CONTRAST: Made cards slightly darker to ensure text is readable over brighter video */
.spec-card { padding: 40px; border: 1px solid rgba(197, 160, 89, 0.4); background: rgba(0,0,0,0.7); transition: 0.3s; }

.spec-card:hover { border-color: var(--gold); background: rgba(0,0,0,0.9); }
.spec-card h3 { color: var(--gold); margin-bottom: 15px; font-size: 1.5rem; font-family: 'Playfair Display', serif; }

/* ORIGIN GALLERY (SIDE-BY-SIDE FIXED) */
.origin-section { background: var(--white); }
.origin-grid { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 30px; 
    margin-top: 50px; 
}
.origin-item { 
    flex: 1; 
    min-width: 250px; 
    max-width: 300px; 
    text-align: center; 
}
.media-wrapper {
    width: 100%;
    height: 200px;
    background: #000;
    margin-bottom: 15px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.media-wrapper img, .media-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.origin-item h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1rem; color: var(--green); margin-bottom: 5px; text-transform: uppercase; }
.origin-item p { font-size: 0.85rem; color: #666; font-style: italic; }

/* CTA & FOOTER */
.cta-section { background: var(--green); color: var(--white); text-align: center; padding: 80px 0; }
.cta-section h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 20px; color: var(--gold); }
.cta-section p { font-size: 1.2rem; margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; opacity: 0.9; }
.footer { padding: 40px 0; background: #050505; text-align: center; color: #666; font-size: 0.8rem; letter-spacing: 1px; }