*{margin:0;padding:0;box-sizing:border-box}
    :root{
      --brand-deep:#1a237e;
      --brand-grad:linear-gradient(45deg,#ff6b35,#f7931e);
      --text-light:#fff;
    }
    body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}
    .container{max-width:1200px;margin:0 auto;padding:0 20px}

    /* Header */
    header{background:rgba(26,35,126,.1);color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;backdrop-filter:blur(10px);transition:.3s}
    header.scrolled{background:rgba(26,35,126,.95);box-shadow:0 2px 20px rgba(0,0,0,.3)}
    nav{display:flex;justify-content:space-between;align-items:center;gap:16px}

    /* LOGO group */
    .brand{
      display:flex;align-items:center;gap:.75rem;min-width:0;
    }
    .brand img{
      height:70px;   /* Increased from 42px to 70px */
      width:auto;
      display:block;
      filter: drop-shadow(0 10px 20px rgba(0,0,0,.35));
      opacity:.95;
      transition:filter .3s ease, opacity .3s ease, transform .2s ease;
    }

    /* make it pop a touch on hover without being flashy */
    .brand:hover img{transform:scale(1.03)}
    .brand .brand-text{
      display:flex;flex-direction:column;line-height:1.1;
      color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.55);
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .brand .title{font-weight:800;font-size:1.05rem;letter-spacing:.2px}
    .brand .subtitle{font-size:.78rem;opacity:.9}

    /* Desktop nav */
    .nav-links{display:flex;list-style:none;gap:2rem}
    .nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:.3s;padding:.5rem 1rem;border-radius:25px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}
    .nav-links a:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
    .nav-links .dropdown{position:relative}
    .nav-links .dropdown-content{display:none;position:absolute;top:100%;left:0;background:rgba(26,35,126,.98);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.35);border-radius:10px;padding:12px 16px;min-width:300px}
    .nav-links .dropdown:hover .dropdown-content{display:block}
    .nav-links .dropdown-content a{display:block;padding:10px 14px;border-radius:8px;margin:4px 0;cursor:pointer}
    .nav-links .dropdown-content a:hover{background:rgba(255,255,255,.16)}
    .nav-links .dropdown-content .description{display:none;font-size:0.9rem;color:rgba(255,255,255,.9);padding:8px 14px 12px;line-height:1.4;border-top:1px solid rgba(255,255,255,.2);margin-top:8px;background:rgba(0,0,0,.5);border-radius:8px}

    /* Mobile menu button (hamburger) */
    .menu-toggle{display:none;width:38px;height:30px;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
    .menu-toggle span{position:absolute;left:0;right:0;height:3px;background:#fff;border-radius:3px;transition:.25s}
    .menu-toggle span:nth-child(1){top:4px}
    .menu-toggle span:nth-child(2){top:13.5px}
    .menu-toggle span:nth-child(3){top:23px}
    .menu-toggle.active span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}
    .menu-toggle.active span:nth-child(2){opacity:0}
    .menu-toggle.active span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}

    /* Mobile dropdown panel */
    .mobile-panel{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(26,35,126,.98);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.35);padding:12px 16px 16px;border-bottom:1px solid rgba(255,255,255,.15)}
    .mobile-panel.open{display:block}
    .mobile-panel ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
    .mobile-panel a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:10px;display:block;cursor:pointer}
    .mobile-panel a:hover{background:rgba(255,255,255,.16)}
    .mobile-panel .dropdown-content{padding-left:20px}
    .mobile-panel .dropdown-content a{display:block;padding:10px 14px}
    .mobile-panel .dropdown-content .description{display:none;font-size:0.9rem;color:rgba(255,255,255,.9);padding:8px 14px 12px;line-height:1.4;border-top:1px solid rgba(255,255,255,.2);margin-top:8px;background:rgba(0,0,0,.5);border-radius:8px}

    /* Hero */
    .hero{
      background:linear-gradient(rgba(0,0,0,.45), rgba(26,35,126,.65)), url('OCM Aerial View.jpg');
      background-size:cover;background-position:center;background-attachment:fixed;
      height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden
    }
    .hero-content{max-width:800px;animation:fadeInUp 1s ease-out;position:relative;z-index:2}
    .hero h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:3px 3px 6px rgba(0,0,0,.7);animation:slideInDown 1s ease-out}
    .hero p{font-size:1.3rem;margin-bottom:2rem;opacity:.95;text-shadow:2px 2px 4px rgba(0,0,0,.7)}
    .cta-button{display:inline-block;background:var(--brand-grad);color:#fff;padding:15px 30px;text-decoration:none;border-radius:50px;font-weight:bold;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px}
    .cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.4)}

    /* Subtle logo watermark in the hero */
    .hero::after{
      content:"";position:absolute;right:24px;bottom:24px;width:min(22vw,180px);height:min(22vw,180px);
      background:url('LOGO.jpg') center/contain no-repeat;
      opacity:.07;filter:grayscale(100%) contrast(120%) brightness(140%);
      pointer-events:none;z-index:1;
    }

    .section{padding:80px 0;position:relative}
    .section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--brand-deep);position:relative}
    .section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--brand-grad);border-radius:2px}

    /* About */
    .about{background:#f8f9fa}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
    .about-content{font-size:1.1rem;line-height:1.8}
    .about-photo{width:100%;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.18);object-fit:cover;max-height:420px}
    .about-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
    .about-thumb{width:100%;height:110px;object-fit:cover;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.12)}

    /* Leadership */
    .leadership-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
    .leader-photo{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.18);background:#eee}
    .leadership-content{font-size:1.1rem;line-height:1.8}

    /* VMV */
    .vmv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}
    .vmv-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);text-align:center;transition:.3s;border-top:4px solid var(--brand-deep)}
    .vmv-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}
    .vmv-card h3{color:var(--brand-deep);margin-bottom:1rem;font-size:1.5rem}
    .vmv-card ul{list-style:none;text-align:left}
    .vmv-card li{padding:.5rem 0;border-bottom:1px solid #eee}
    .vmv-card li:last-child{border-bottom:none}
    .vmv-card li::before{content:'✓';color:#4caf50;font-weight:bold;margin-right:10px}

    /* Ministries and Programs */
    .ministries, .programs{background:linear-gradient(135deg,#1a237e 0%,#3949ab 100%);color:#fff}
    .ministries .section-title, .programs .section-title{color:#fff}
    .ministries-grid, .programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
    .ministry-card, .program-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:15px;backdrop-filter:blur(10px);overflow:hidden;transition:.3s}
    .ministry-card:hover, .program-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}
    .ministry-photo, .program-photo{width:100%;height:180px;object-fit:cover;display:block;object-position:center}
    .ministry-card.pastoral .ministry-photo, .program-card.pastoral .program-photo{object-position:center top}
    .ministry-card h3, .program-card h3{margin:1rem 1rem .5rem;font-size:1.15rem}
    .ministry-card p{margin:0 1rem 1.25rem}

    /* Contact */
    .contact{background:#f8f9fa}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}
    .contact-info{background:rgba(139,69,19,.6);backdrop-filter:blur(15px);border:1px solid rgba(139,69,19,.3);padding:2rem;border-radius:15px;box-shadow:0 15px 35px rgba(139,69,19,.2);transition:.3s}
    .contact-info:hover{background:rgba(139,69,19,.25);transform:translateY(-5px);box-shadow:0 20px 45px rgba(139,69,19,.3)}
    .contact-item{display:flex;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:10px}
    .contact-icon{font-size:1.5rem;color:var(--brand-deep);margin-right:1rem;width:40px}
    .service-times{margin-top:1rem;background:#f8f9fa;padding:1rem;border-radius:10px}
    .service-times h4{margin-bottom:.5rem;color:var(--brand-deep)}
    .service-times ul{list-style:disc;padding-left:1.25rem}
    .service-times li{margin:.25rem 0}

    /* Partner card styles */
    .partner-card{background:rgba(26,35,126,.08);border:1px solid rgba(26,35,126,.2);padding:2rem;border-radius:15px;box-shadow:0 12px 28px rgba(26,35,126,.15)}
    .partner-card h3{color:var(--brand-deep);margin-bottom:.75rem}
    .quote{font-style:italic;margin:.5rem 0 1rem}
    .bank{background:#fff;border:1px dashed var(--brand-deep);padding:1rem;border-radius:10px;line-height:1.8}

    footer{background:var(--brand-deep);color:#fff;text-align:center;padding:2rem 0;position:relative}
    .footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
    .motto{font-style:italic;font-size:1.1rem;color:#ff6b35}
    /* small footer logo */
    .footer-logo{
      position:absolute;left:24px;top:50%;transform:translateY(-50%);
      height:32px;opacity:.85;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));
    }

    /* Animations */
    @keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
    @keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
    .fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}
    .fade-in.visible{opacity:1;transform:translateY(0)}

    /* Responsive */
    @media (max-width:1100px){
      .contact-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width:992px){
      .leadership-grid{grid-template-columns:1fr;gap:2rem}
    }
    @media (max-width:768px){
      .nav-links{display:none}
      .menu-toggle{display:block}
      .brand .subtitle{display:none}
      .hero h1{font-size:2.5rem}
      .about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}
      .footer-content{flex-direction:column;text-align:center}
      .hero{background-attachment:scroll}
      .about-gallery{grid-template-columns:repeat(3,1fr)}
      .ministry-photo,.program-photo{height:160px}
      .footer-logo{position:static;transform:none;margin-bottom:10px;height:28px}
      .brand img{height:55px;}  /* Slightly smaller on mobile */
    }

    /* Make the logo always readable on solid header */
    header.scrolled .brand img{
      filter:drop-shadow(1 20px 15px rgba(0,0,0,.5)) brightness(1.05) contrast(1.05);
      opacity:1;
    }
/* Multi-page adjustments */
body.inner-page{padding-top:102px;}
body.inner-page header{background:rgba(26,35,126,.95);box-shadow:0 2px 20px rgba(0,0,0,.3)}
.page-hero{background:linear-gradient(135deg,#1a237e 0%,#3949ab 100%);color:#fff;text-align:center;padding:90px 20px 60px}
.page-hero h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 5px rgba(0,0,0,.35)}
.page-hero p{font-size:1.15rem;opacity:.95}
.nav-links a.active,.mobile-panel a.active{background:rgba(255,255,255,.22)}
.ministry-card{padding-bottom:1rem}
.ministry-card .ministry-icon{font-size:3rem;text-align:center;padding:2rem 1rem .5rem}
.ministry-card p{line-height:1.7}
@media(max-width:768px){body.inner-page{padding-top:86px}.page-hero h1{font-size:2.2rem}}


/* Programs dropdown and FLDP page */
.programs-menu{min-width:230px!important}.mobile-submenu{display:block;padding-left:20px}.mobile-submenu a{padding:10px 14px!important;font-size:.95rem}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:.78rem;color:#ff9a4a;margin-bottom:.75rem}.programs-hero{background:linear-gradient(rgba(0,0,0,.42),rgba(26,35,126,.78)),url('../OCM Aerial View.jpg') center/cover no-repeat}.program-switcher{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:1.2rem;max-width:850px;margin:2rem auto 0}.switch-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:1.4rem;text-align:left;color:#fff;text-decoration:none;backdrop-filter:blur(10px);transition:.25s;box-shadow:0 18px 45px rgba(0,0,0,.18)}.switch-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.2)}.switch-card span{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.2);font-weight:800;margin-bottom:.8rem}.switch-card strong{display:block;font-size:1.25rem;margin-bottom:.4rem}.switch-card small{display:block;line-height:1.55;opacity:.94}.switch-card.highlighted{background:linear-gradient(135deg,rgba(255,107,53,.92),rgba(247,147,30,.92));border-color:rgba(255,255,255,.4)}.regular-programs-section{padding-top:70px}.program-dropdown{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:0;box-shadow:0 20px 55px rgba(0,0,0,.18);overflow:hidden}.program-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem;background:rgba(255,255,255,.13);font-weight:800;font-size:1.4rem}.program-dropdown summary::-webkit-details-marker{display:none}.program-dropdown summary::after{content:'⌄';font-size:1.8rem;transition:.2s}.program-dropdown[open] summary::after{transform:rotate(180deg)}.program-dropdown summary small{font-size:.85rem;opacity:.8;font-weight:500}.dropdown-body{padding:1.6rem}.fldp-page{background:#f7f9ff}.fldp-hero{min-height:calc(100vh - 102px);display:flex;align-items:center;background:radial-gradient(circle at 15% 20%,rgba(255,107,53,.25),transparent 32%),linear-gradient(135deg,#09134d 0%,#1a237e 52%,#3949ab 100%);color:#fff;overflow:hidden;position:relative}.fldp-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08)}.fldp-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center;padding:80px 20px}.fldp-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;margin-bottom:1rem;text-shadow:0 10px 30px rgba(0,0,0,.25)}.fldp-hero p{font-size:1.18rem;line-height:1.75;opacity:.95;max-width:670px}.fldp-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.secondary-button{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,.45);padding:14px 26px;border-radius:50px;text-decoration:none;font-weight:800;transition:.25s}.secondary-button:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}.fldp-hero-card{position:relative;z-index:1;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:18px;backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.28)}.fldp-hero-card img{width:100%;max-height:560px;object-fit:contain;border-radius:20px;background:#fff}.fldp-overview{background:#fff}.fldp-intro-card{background:linear-gradient(135deg,#fff,#f3f5ff);border:1px solid #e4e8ff;border-radius:24px;padding:2.2rem;box-shadow:0 18px 45px rgba(26,35,126,.1)}.fldp-intro-card h2{color:var(--brand-deep);font-size:2rem;margin-bottom:1rem}.fldp-intro-card p{font-size:1.08rem;line-height:1.85;margin-bottom:1rem}.fldp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.3rem}.fldp-stats div{background:var(--brand-deep);color:#fff;border-radius:18px;padding:1.3rem;box-shadow:0 14px 32px rgba(26,35,126,.22)}.fldp-stats strong{display:block;font-size:1.4rem;margin-bottom:.35rem}.fldp-stats span{opacity:.9}.fldp-vmv{background:#f7f9ff}.fldp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.fldp-card{background:#fff;border-radius:20px;padding:1.8rem;box-shadow:0 18px 45px rgba(26,35,126,.09);border:1px solid #e9ecff;transition:.25s}.fldp-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(26,35,126,.14)}.fldp-card span{color:#ff6b35;font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.fldp-card h3{color:var(--brand-deep);font-size:1.35rem;margin:.55rem 0}.fldp-card p,.fldp-card li{line-height:1.75}.fldp-card ul{padding-left:1.2rem}.fldp-content{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff}.fldp-content .section-title{color:#fff}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.content-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:1.35rem;backdrop-filter:blur(10px);transition:.25s}.content-pill:hover{transform:translateY(-5px);background:rgba(255,255,255,.18)}.content-pill strong{display:block;font-size:1.12rem;margin-bottom:.3rem}.content-pill span{opacity:.9}.fldp-note{max-width:900px;margin:1.8rem auto 0;text-align:center;font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.92)}.fldp-events{background:#fff}.events-table-wrap{overflow:auto;border-radius:20px;box-shadow:0 18px 45px rgba(26,35,126,.1);border:1px solid #e6eaff}.events-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.events-table th{background:var(--brand-deep);color:#fff;text-align:left;padding:1rem}.events-table td{padding:1rem;border-bottom:1px solid #eef1ff;vertical-align:top;line-height:1.55}.events-table tr:hover td{background:#f7f9ff}.fldp-impact{background:#f7f9ff}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.impact-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(26,35,126,.1);transition:.25s}.impact-card:hover{transform:translateY(-6px)}.impact-card img{width:100%;height:220px;object-fit:cover;display:block}.impact-card h3{padding:1rem 1.1rem;color:var(--brand-deep)}.fldp-sdgs{background:#fff}.sdg-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.sdg-grid h2{font-size:2.2rem;color:var(--brand-deep);line-height:1.2;margin-bottom:1rem}.sdg-grid p{font-size:1.08rem;line-height:1.8}.sdg-grid img{width:100%;border-radius:20px;box-shadow:0 18px 45px rgba(0,0,0,.12)}.fldp-contact{background:linear-gradient(135deg,#09134d,#1a237e);color:#fff}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:2rem;box-shadow:0 25px 60px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.contact-panel h2{font-size:2rem;line-height:1.2;margin-bottom:.75rem}.contact-panel p{line-height:1.75;opacity:.92}.contact-links{display:grid;gap:.75rem}.contact-links a{color:#fff;text-decoration:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.9rem 1.1rem;transition:.2s}.contact-links a:hover{background:rgba(255,255,255,.2);transform:translateX(4px)}
@media(max-width:992px){.fldp-hero-grid,.sdg-grid,.contact-panel{grid-template-columns:1fr}.fldp-cards,.content-grid,.impact-grid{grid-template-columns:repeat(2,1fr)}.fldp-hero{min-height:auto}.fldp-hero-grid{padding:60px 20px}.fldp-stats{grid-template-columns:1fr}}
@media(max-width:768px){.program-switcher,.fldp-cards,.content-grid,.impact-grid{grid-template-columns:1fr}.program-dropdown summary{align-items:flex-start;flex-direction:column}.fldp-hero-card img{max-height:430px}.impact-card img{height:190px}.fldp-actions a{width:100%;text-align:center}.events-table{min-width:680px}}