:root{
            --primary:#006f78;
            --primary-dark:#00545b;
            --secondary:#ef7d00;
            --dark:#202020;
            --text:#444;
            --light:#f5f5f3;
            --white:#ffffff;
            --border:#e5e5e5;
        }

        *{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        html{
            scroll-behavior:smooth;
        }

        body{
            font-family:"Montserrat", sans-serif;
            color:var(--text);
            background:#fff;
            line-height:1.6;
        }

        img{
            width:100%;
            display:block;
        }

        a{
            text-decoration:none;
            color:inherit;
        }

        ul{
            list-style:none;
        }

        .container{
            width:min(1180px, 92%);
            margin:auto;
        }


        /* =========================
           TOP BAR
        ========================== */

        .topbar{
            background:#202020;
            color:#fff;
            font-size:13px;
        }

        .topbar-inner{
            min-height:42px;
            display:flex;
            justify-content:flex-end;
            align-items:center;
            gap:25px;
        }

        .topbar a{
            transition:.3s;
        }

        .topbar a:hover{
            color:var(--secondary);
        }


        /* =========================
           HEADER
        ========================== */

        header{
            background:#fff;
            position:relative;
            z-index:1000;
            border-bottom:1px solid #eee;
        }

        .header-inner{
            min-height:94px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:30px;
        }

        .logo{
            display:flex;
            align-items:center;
            gap:14px;
        }

        .logo-icon{
            width:55px;
            height:55px;
            border-radius:50%;
            background:var(--primary);
            display:flex;
            justify-content:center;
            align-items:center;
            color:#fff;
            font-size:24px;
        }

        .logo-text{
            color:#222;
            line-height:1.2;
        }

        .logo-text strong{
            display:block;
            font-family:"Playfair Display", serif;
            font-size:20px;
        }

        .logo-text span{
            font-size:11px;
            text-transform:uppercase;
            letter-spacing:1.2px;
        }


        /* =========================
           NAVIGATION
        ========================== */

        nav > ul{
            display:flex;
            align-items:center;
            gap:27px;
        }

        nav li{
            position:relative;
        }

        nav > ul > li > a{
            display:flex;
            align-items:center;
            gap:6px;
            padding:35px 0;
            font-size:13px;
            font-weight:700;
            text-transform:uppercase;
            color:#333;
        }

        nav > ul > li > a:hover{
            color:var(--primary);
        }

        .dropdown{
            position:absolute;
            top:100%;
            left:0;
            width:250px;
            background:#fff;
            border-top:3px solid var(--primary);
            box-shadow:0 10px 30px rgba(0,0,0,.12);
            opacity:0;
            visibility:hidden;
            transform:translateY(10px);
            transition:.25s;
        }

        nav li:hover .dropdown{
            opacity:1;
            visibility:visible;
            transform:translateY(0);
        }

        .dropdown a{
            display:block;
            padding:13px 18px;
            font-size:13px;
            border-bottom:1px solid #eee;
        }

        .dropdown a:hover{
            background:#f6f6f6;
            color:var(--primary);
        }

        .search-btn,
        .mobile-btn{
            border:0;
            background:none;
            font-size:20px;
            cursor:pointer;
            color:#333;
        }

        .mobile-btn{
            display:none;
        }


        /* =========================
           HERO
        ========================== */

        .hero{
            position:relative;
            min-height:600px;
            background:
                linear-gradient(
                    90deg,
                    rgba(0,0,0,.72),
                    rgba(0,0,0,.25)
                ),
                url("img/banner1.jpg")
                center/cover no-repeat;

            display:flex;
            align-items:center;
            color:#fff;
        }

        .hero-content{
            max-width:760px;
            padding:80px 0;
        }

        .hero-tag{
            display:inline-block;
            color:#fff;
            background:var(--secondary);
            padding:7px 14px;
            font-size:12px;
            text-transform:uppercase;
            font-weight:800;
            letter-spacing:1px;
            margin-bottom:20px;
        }

        .hero h1{
            font-family:"Playfair Display", serif;
            font-size:58px;
            line-height:1.08;
            margin-bottom:22px;
        }

        .hero p{
            font-size:17px;
            max-width:650px;
            margin-bottom:28px;
            color:#f1f1f1;
        }

        .btn{
            display:inline-flex;
            align-items:center;
            gap:10px;
            background:var(--primary);
            color:#fff;
            padding:14px 24px;
            text-transform:uppercase;
            font-size:12px;
            letter-spacing:.7px;
            font-weight:800;
            transition:.25s;
        }

        .btn:hover{
            background:var(--primary-dark);
        }


        /* =========================
           SECTIONS
        ========================== */

        section{
            padding:85px 0;
        }

        .section-heading{
            text-align:center;
            margin-bottom:48px;
        }

        .section-heading small{
            display:block;
            color:var(--secondary);
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:2px;
            margin-bottom:8px;
        }

        .section-heading h2{
            font-family:"Playfair Display", serif;
            font-size:42px;
            color:#222;
        }

        .section-heading p{
            max-width:650px;
            margin:12px auto 0;
            color:#777;
        }


        /* =========================
           NEWS
        ========================== */

        .news-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:30px;
        }

        .news-card{
            background:#fff;
            border:1px solid var(--border);
            transition:.3s;
        }

        .news-card:hover{
            transform:translateY(-6px);
            box-shadow:0 15px 35px rgba(0,0,0,.08);
        }

        .news-image{
            height:230px;
            overflow:hidden;
        }

        .news-image img{
            height:100%;
            object-fit:cover;
            transition:.5s;
        }

        .news-card:hover .news-image img{
            transform:scale(1.05);
        }

        .news-content{
            padding:25px;
        }

        .date{
            display:block;
            font-size:12px;
            font-weight:700;
            color:var(--secondary);
            margin-bottom:12px;
        }

        .news-content h3{
            color:#222;
            font-family:"Playfair Display", serif;
            font-size:22px;
            line-height:1.35;
            margin-bottom:15px;
        }

        .read-more{
            color:var(--primary);
            font-size:12px;
            font-weight:800;
            text-transform:uppercase;
        }


        /* =========================
           RESOURCES
        ========================== */

        .resources{
            background:var(--light);
        }

        .resource-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:1px;
            background:#ddd;
        }

        .resource-card{
            background:#fff;
            padding:35px;
            min-height:230px;
            transition:.3s;
        }

        .resource-card:hover{
            background:var(--primary);
            color:#fff;
        }

        .resource-icon{
            font-size:34px;
            color:var(--secondary);
            margin-bottom:20px;
        }

        .resource-card h3{
            color:#222;
            margin-bottom:10px;
        }

        .resource-card:hover h3{
            color:#fff;
        }

        .resource-card p{
            font-size:14px;
            color:#777;
        }

        .resource-card:hover p{
            color:#e6f5f6;
        }


        /* =========================
           ADVENTISTES DIA
        ========================== */

        .social-section{
            background:var(--primary);
            color:#fff;
        }

        .social-section .section-heading h2,
        .social-section .section-heading p{
            color:#fff;
        }

        .social-grid{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:12px;
        }

        .social-item{
            height:260px;
            overflow:hidden;
            position:relative;
        }

        .social-item img{
            height:100%;
            object-fit:cover;
            transition:.5s;
        }

        .social-item::after{
            content:"";
            position:absolute;
            inset:0;
            background:rgba(0,0,0,.15);
        }

        .social-item:hover img{
            transform:scale(1.08);
        }


        /* =========================
           LIVE
        ========================== */

        .live{
            min-height:430px;
            background:
                linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
                url("https://images.unsplash.com/photo-1438232992991-995b7058bbb3?auto=format&fit=crop&w=1800&q=85")
                center/cover no-repeat;
            color:#fff;
            display:flex;
            align-items:center;
            text-align:center;
        }

        .live-content{
            width:100%;
        }

        .play{
            width:80px;
            height:80px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            background:var(--secondary);
            margin:0 auto 20px;
            font-size:28px;
        }

        .live h2{
            font-family:"Playfair Display", serif;
            font-size:45px;
            margin-bottom:10px;
        }

        .live p{
            margin-bottom:25px;
        }


        /* =========================
           EVENTS / STORIES
        ========================== */

        .features-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:30px;
        }

        .feature{
            position:relative;
            min-height:400px;
            overflow:hidden;
        }

        .feature img{
            position:absolute;
            inset:0;
            height:100%;
            object-fit:cover;
        }

        .feature-overlay{
            position:absolute;
            inset:0;
            background:linear-gradient(
                transparent,
                rgba(0,0,0,.85)
            );
        }

        .feature-content{
            position:absolute;
            bottom:0;
            padding:35px;
            color:#fff;
            z-index:2;
        }

        .feature-content small{
            color:#f7a442;
            text-transform:uppercase;
            font-weight:800;
        }

        .feature-content h3{
            font-size:30px;
            font-family:"Playfair Display", serif;
            margin-top:7px;
        }


        /* =========================
           CTA
        ========================== */

        .cta{
            padding:60px 0;
            background:#ef7d00;
            color:#fff;
        }

        .cta-inner{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:30px;
        }

        .cta h2{
            font-family:"Playfair Display", serif;
            font-size:36px;
        }

        .cta .btn{
            background:#fff;
            color:#222;
        }


        /* =========================
           FOOTER
        ========================== */

        footer{
            background:#202020;
            color:#bbb;
            padding-top:70px;
        }

        .footer-grid{
            display:grid;
            grid-template-columns:2fr 1fr 1fr 1.4fr;
            gap:45px;
            padding-bottom:55px;
        }

        footer h4{
            color:#fff;
            margin-bottom:20px;
            font-size:15px;
            text-transform:uppercase;
        }

        footer p{
            font-size:14px;
        }

        footer li{
            margin-bottom:9px;
        }

        footer a{
            font-size:13px;
        }

        footer a:hover{
            color:#fff;
        }

        .social-icons{
            display:flex;
            gap:10px;
            margin-top:20px;
        }

        .social-icons a{
            width:38px;
            height:38px;
            background:#333;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            transition:.3s;
        }

        .social-icons a:hover{
            background:var(--primary);
        }

        .footer-bottom{
            border-top:1px solid #333;
            min-height:70px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            font-size:12px;
        }


        /* =========================
           RESPONSIVE
        ========================== */

        @media(max-width:1000px){

            nav{
                display:none;
            }

            .mobile-btn{
                display:block;
            }

            .hero h1{
                font-size:46px;
            }

            .news-grid{
                grid-template-columns:repeat(2,1fr);
            }

            .resource-grid{
                grid-template-columns:repeat(2,1fr);
            }

            .social-grid{
                grid-template-columns:repeat(2,1fr);
            }

            .footer-grid{
                grid-template-columns:repeat(2,1fr);
            }
        }

        @media(max-width:700px){

            .topbar{
                display:none;
            }

            .header-inner{
                min-height:75px;
            }

            .logo-text strong{
                font-size:16px;
            }

            .hero{
                min-height:520px;
            }

            .hero h1{
                font-size:37px;
            }

            .hero p{
                font-size:15px;
            }

            section{
                padding:60px 0;
            }

            .section-heading h2{
                font-size:34px;
            }

            .news-grid,
            .resource-grid,
            .features-grid{
                grid-template-columns:1fr;
            }

            .social-grid{
                grid-template-columns:1fr 1fr;
            }

            .cta-inner{
                flex-direction:column;
                text-align:center;
            }

            .footer-grid{
                grid-template-columns:1fr;
            }

            .footer-bottom{
                flex-direction:column;
                justify-content:center;
                gap:10px;
                text-align:center;
                padding:20px 0;
            }
        }

/* =========================================================
   PROFESSIONAL MOTION SYSTEM
   ========================================================= */
:root{
    --ease-premium:cubic-bezier(.22,1,.36,1);
    --ease-smooth:cubic-bezier(.4,0,.2,1);
    --shadow-soft:0 18px 50px rgba(0,0,0,.08);
    --shadow-hover:0 24px 60px rgba(0,0,0,.15);
}

body{
    overflow-x:hidden;
}

::selection{
    background:var(--primary);
    color:#fff;
}

/* Header sticky + compact */
header{
    position:sticky;
    top:0;
    transition:box-shadow .35s var(--ease-smooth), background .35s ease;
    backdrop-filter:saturate(140%) blur(10px);
}

header.scrolled{
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    background:rgba(255,255,255,.94);
}

.header-inner{
    transition:min-height .35s var(--ease-premium);
}

header.scrolled .header-inner{
    min-height:76px;
}

.logo-icon{
    transition:transform .45s var(--ease-premium), box-shadow .45s ease;
}

.logo:hover .logo-icon{
    transform:rotate(-7deg) scale(1.06);
    box-shadow:0 10px 28px rgba(0,111,120,.22);
}

nav > ul > li > a{
    position:relative;
    transition:color .25s ease, transform .25s ease;
}

nav > ul > li > a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:24px;
    width:100%;
    height:2px;
    background:linear-gradient(90deg,var(--primary),var(--secondary));
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .35s var(--ease-premium);
}

nav > ul > li > a:hover::after{
    transform:scaleX(1);
    transform-origin:left;
}

.dropdown{
    border-radius:0 0 12px 12px;
    overflow:hidden;
    transform:translateY(14px) scale(.98);
    transition:opacity .28s ease, visibility .28s ease, transform .35s var(--ease-premium);
}

nav li:hover .dropdown{
    transform:translateY(0) scale(1);
}

/* Hero cinematic entrance */
.hero{
    isolation:isolate;
    overflow:hidden;
    background-position:center calc(50% + var(--hero-shift, 0px));
    transition:background-position .1s linear;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(circle at 75% 35%, rgba(239,125,0,.18), transparent 35%);
    opacity:.75;
    animation:heroGlow 6s ease-in-out infinite alternate;
}

.hero-content > *{
    opacity:0;
    transform:translateY(34px);
}

.page-loaded .hero-tag{
    animation:heroIn .8s .1s var(--ease-premium) forwards;
}

.page-loaded .hero h1{
    animation:heroIn .95s .24s var(--ease-premium) forwards;
}

.page-loaded .hero p{
    animation:heroIn .95s .38s var(--ease-premium) forwards;
}

.page-loaded .hero .btn{
    animation:heroIn .95s .52s var(--ease-premium) forwards;
}

@keyframes heroIn{
    to{opacity:1;transform:translateY(0)}
}

@keyframes heroGlow{
    from{transform:scale(1) translate3d(0,0,0)}
    to{transform:scale(1.12) translate3d(-2%,1%,0)}
}

.hero-tag{
    border-radius:999px;
    box-shadow:0 10px 28px rgba(239,125,0,.25);
}

.hero h1{
    text-wrap:balance;
    text-shadow:0 6px 25px rgba(0,0,0,.24);
}

/* Boutons */
.btn{
    position:relative;
    overflow:hidden;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0,111,120,.18);
    transition:transform .3s var(--ease-premium), box-shadow .3s ease, background .3s ease;
}

.btn::before{
    content:"";
    position:absolute;
    top:-40%;
    left:-35%;
    width:28%;
    height:180%;
    background:rgba(255,255,255,.28);
    transform:rotate(18deg) translateX(-250%);
    transition:transform .65s var(--ease-premium);
}

.btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(0,111,120,.25);
}

.btn:hover::before{
    transform:rotate(18deg) translateX(520%);
}

.btn i{
    transition:transform .3s var(--ease-premium);
}

.btn:hover i{
    transform:translateX(4px);
}

/* Section separators + heading animation */
section:not(.hero){
    position:relative;
}

section:not(.hero)::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:min(1180px,92%);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(0,111,120,.16),transparent);
}

.section-heading small{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.section-heading small::before,
.section-heading small::after{
    content:"";
    width:24px;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transition:transform .55s .15s var(--ease-premium);
}

.reveal.is-visible .section-heading small::before,
.reveal.is-visible .section-heading small::after{
    transform:scaleX(1);
}

.section-heading h2{
    text-wrap:balance;
}

/* Reveal on scroll */
.reveal{
    opacity:0;
    transform:translateY(44px);
    transition:opacity .85s var(--ease-premium), transform .85s var(--ease-premium);
    transition-delay:var(--delay,0ms);
}

.reveal.is-visible{
    opacity:1;
    transform:translateY(0);
}

/* News cards */
.news-card{
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,.045);
    transition:transform .45s var(--ease-premium), box-shadow .45s ease, border-color .3s ease;
}

.news-card:hover{
    transform:translateY(-10px);
    box-shadow:var(--shadow-hover);
    border-color:rgba(0,111,120,.22);
}

.news-image{
    position:relative;
}

.news-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.14),transparent 55%);
    opacity:0;
    transition:opacity .4s ease;
}

.news-card:hover .news-image::after{
    opacity:1;
}

.news-card:hover .news-image img{
    transform:scale(1.08) rotate(.35deg);
}

.read-more{
    display:inline-flex;
    align-items:center;
    position:relative;
    transition:transform .3s var(--ease-premium);
}

.news-card:hover .read-more{
    transform:translateX(5px);
}

/* Resource cards */
.resource-grid{
    border-radius:16px;
    overflow:hidden;
    box-shadow:var(--shadow-soft);
}

.resource-card{
    position:relative;
    overflow:hidden;
    transition:transform .4s var(--ease-premium), background .4s ease, color .4s ease;
}

.resource-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-80px;
    bottom:-80px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    transform:scale(.4);
    transition:transform .55s var(--ease-premium);
}

.resource-card:hover{
    transform:translateY(-5px);
}

.resource-card:hover::before{
    transform:scale(2.2);
}

.resource-icon{
    transition:transform .5s var(--ease-premium), color .35s ease;
}

.resource-card:hover .resource-icon{
    transform:translateY(-5px) rotate(-5deg) scale(1.08);
}

/* Social gallery */
.social-item{
    border-radius:14px;
    transform:translateZ(0);
    box-shadow:0 10px 26px rgba(0,0,0,.12);
}

.social-item img{
    transition:transform .75s var(--ease-premium), filter .5s ease;
}

.social-item:hover img{
    transform:scale(1.12);
    filter:saturate(1.08) contrast(1.03);
}

.social-item::after{
    transition:background .4s ease;
}

.social-item:hover::after{
    background:rgba(0,0,0,.03);
}

/* Live block */
.live{
    background-attachment:fixed;
    position:relative;
    overflow:hidden;
}

.live::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(0,111,120,.22),transparent 50%,rgba(239,125,0,.16));
    animation:liveWash 8s ease-in-out infinite alternate;
}

@keyframes liveWash{
    from{transform:translateX(-5%)}
    to{transform:translateX(5%)}
}

.live-content{
    position:relative;
    z-index:1;
}

.play{
    position:relative;
    box-shadow:0 0 0 0 rgba(239,125,0,.5);
    animation:pulsePlay 2.2s infinite;
    transition:transform .35s var(--ease-premium), background .3s ease;
}

.play:hover{
    transform:scale(1.08);
}

@keyframes pulsePlay{
    0%{box-shadow:0 0 0 0 rgba(239,125,0,.45)}
    70%{box-shadow:0 0 0 22px rgba(239,125,0,0)}
    100%{box-shadow:0 0 0 0 rgba(239,125,0,0)}
}

/* Feature / story cards */
.feature{
    border-radius:16px;
    box-shadow:var(--shadow-soft);
    transition:transform .5s var(--ease-premium), box-shadow .5s ease;
}

.feature img{
    transition:transform .85s var(--ease-premium), filter .55s ease;
}

.feature:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-hover);
}

.feature:hover img{
    transform:scale(1.08);
}

.feature-content{
    transition:transform .5s var(--ease-premium);
}

.feature:hover .feature-content{
    transform:translateY(-8px);
}

/* CTA */
.cta{
    position:relative;
    overflow:hidden;
    background:linear-gradient(110deg,#ef7d00,#f39a35);
}

.cta::before,
.cta::after{
    content:"";
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.09);
}

.cta::before{
    width:240px;height:240px;right:-70px;top:-120px;
}

.cta::after{
    width:160px;height:160px;left:-65px;bottom:-95px;
}

.cta-inner{
    position:relative;
    z-index:1;
}

/* Footer */
footer{
    position:relative;
    overflow:hidden;
}

footer::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));
}

.social-icons a{
    transition:transform .35s var(--ease-premium), background .3s ease;
}

.social-icons a:hover{
    transform:translateY(-4px) rotate(4deg);
}

/* Mobile navigation */
@media(max-width:1000px){
    nav{
        display:block;
        position:absolute;
        top:100%;
        left:4%;
        right:4%;
        background:#fff;
        border-radius:0 0 14px 14px;
        box-shadow:0 18px 45px rgba(0,0,0,.12);
        overflow:hidden;
        max-height:0;
        opacity:0;
        visibility:hidden;
        transition:max-height .5s var(--ease-premium), opacity .3s ease, visibility .3s ease;
    }

    nav.nav-open{
        max-height:600px;
        opacity:1;
        visibility:visible;
    }

    nav > ul{
        display:block;
        padding:15px 22px 22px;
    }

    nav > ul > li > a{
        padding:14px 0;
        border-bottom:1px solid #eee;
    }

    nav > ul > li > a::after{
        bottom:6px;
    }

    .dropdown{
        position:static;
        width:100%;
        opacity:1;
        visibility:visible;
        transform:none;
        box-shadow:none;
        border-top:0;
        display:none;
    }

    nav li:hover .dropdown{
        display:block;
    }

    .mobile-btn i{
        transition:transform .35s var(--ease-premium);
    }

    .mobile-btn.is-open i{
        transform:rotate(90deg);
    }
}

@media(max-width:700px){
    .live{
        background-attachment:scroll;
    }

    .reveal{
        transform:translateY(28px);
    }
}

/* Accessibility: respect reduced-motion preference */
@media (prefers-reduced-motion: reduce){
    *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
    }

    .reveal,
    .hero-content > *{
        opacity:1 !important;
        transform:none !important;
    }
}

/* =========================================================
   PAGE À PROPOS — inspired by the reference layout
   ========================================================= */
.about-page{background:#f7f7f5;color:#454545}
.about-page .header-actions{display:flex;gap:20px}
.about-page .active-menu>a{color:var(--primary)}
.about-page .active-menu>a::after{transform:scaleX(1)}

.about-hero{min-height:430px;padding:0;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(8,16,18,.75),rgba(8,16,18,.25)),url('https://images.unsplash.com/photo-1507692049790-de58290a4334?auto=format&fit=crop&w=1900&q=88') center 43%/cover no-repeat}
.about-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(239,125,0,.17),transparent 34%,rgba(0,111,120,.18));mix-blend-mode:screen}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent 60%)}
.about-hero-inner{position:relative;z-index:2;padding:80px 0;max-width:1180px}
.about-kicker{display:inline-block;margin-bottom:18px;font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#f5bd74}
.about-kicker.dark{color:var(--secondary)}
.about-hero h1{font-family:"Playfair Display",serif;font-weight:500;font-size:68px;line-height:.98;letter-spacing:-1.3px;max-width:720px;text-shadow:0 12px 40px rgba(0,0,0,.28)}
.about-hero p{max-width:610px;margin-top:22px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.9)}

.about-numbers{padding:72px 0 105px;background:#f7f7f5}
.about-section-title{text-align:center;margin-bottom:52px}
.about-section-title>span{display:block;width:34px;height:1px;margin:0 auto 18px;background:#5d5d5d}
.about-section-title h2{font-family:"Playfair Display",serif;font-size:38px;font-weight:500;line-height:1.18;color:#444}
.about-section-title p{font-family:"Playfair Display",serif;margin:12px auto 0;max-width:620px;font-size:13px;color:#888}
.number-cards{display:flex;align-items:center;justify-content:center;margin-top:35px}
.number-card{width:210px;min-height:175px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 42px rgba(0,0,0,.055);position:relative;z-index:1;transition:.45s var(--ease-premium)}
.number-card.featured{min-height:205px;z-index:2;margin:0 -10px;box-shadow:0 18px 50px rgba(0,0,0,.1)}
.number-card strong{font-family:"Playfair Display",serif;font-size:55px;font-weight:500;color:#e4a13b;line-height:1}
.number-card span{margin-top:17px;font-size:9px;letter-spacing:1.25px;text-transform:uppercase;color:#7e7e7e;text-align:center;max-width:125px}
.number-card:hover{transform:translateY(-10px);box-shadow:0 24px 60px rgba(0,0,0,.12)}

.leadership-section{padding:68px 0 100px;background:#f7f7f5}
.leadership-wrap{max-width:850px}
.mini-tabs{display:flex;justify-content:center;gap:28px;margin-top:24px}
.mini-tabs button{appearance:none;border:0;background:none;padding:7px 0;font-family:inherit;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#aaa;cursor:pointer;position:relative}
.mini-tabs button.is-active{color:#333}
.mini-tabs button.is-active::after{content:"";position:absolute;left:50%;bottom:0;width:28px;height:2px;background:#e4a13b;transform:translateX(-50%)}
.leadership-intro,.leadership-copy{max-width:620px;margin:0 auto;text-align:center;font-family:"Playfair Display",serif;color:#6b6b6b;font-size:13px;line-height:1.9}
.leadership-intro p+p,.leadership-copy p+p{margin-top:13px}
.leader-president{text-align:center;margin:45px auto 35px}
.leader-photo{width:82px;height:82px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid #fff;box-shadow:0 8px 26px rgba(0,0,0,.13)}
.leader-photo img{height:100%;object-fit:cover}
.leader-president strong,.leader-person strong{display:block;font-size:10px;color:#333}
.leader-president span,.leader-person span{display:block;margin-top:3px;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#b98637}
.leader-team{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:690px;margin:0 auto 55px}
.leader-person{text-align:center}
.leader-person .leader-photo{width:70px;height:70px}

.organization-section{padding:82px 0 95px;background:#fff}
.territory-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:30px 0 38px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;font-size:9px;line-height:2}
.territory-list div{display:grid;grid-template-columns:1fr 1.5fr;column-gap:10px}
.territory-list b{color:#555}.territory-list span{color:#9b9b9b}
.organization-visual{display:grid;grid-template-columns:.9fr 1.5fr;gap:55px;align-items:center;padding:48px 0 58px}
.organization-legend h3{font-family:"Playfair Display",serif;font-size:23px;font-weight:500;color:#444;margin-bottom:22px}
.organization-legend ul{display:grid;gap:11px;font-size:10px;color:#777}
.organization-legend li{display:flex;align-items:center;gap:9px}
.organization-legend i{width:8px;height:8px;border-radius:50%;background:#0b8b8a;box-shadow:14px 0 0 #f0a03d}
.map-card{min-height:330px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d9eef3,#a9d4df);overflow:hidden;box-shadow:0 14px 45px rgba(0,83,94,.13)}
.map-card::before,.map-card::after{content:"";position:absolute;width:110%;height:1px;background:rgba(255,255,255,.45);transform:rotate(-18deg)}
.map-card::after{transform:rotate(26deg)}
.map-island{width:72%;height:120px;position:relative;filter:drop-shadow(0 10px 15px rgba(0,0,0,.12));transform:rotate(-7deg)}
.map-island::before{content:"";position:absolute;inset:24px 4% 25px 2%;background:#d8ba57;clip-path:polygon(0 46%,9% 29%,19% 33%,30% 14%,43% 26%,57% 16%,68% 28%,80% 18%,96% 38%,100% 57%,87% 59%,77% 76%,61% 69%,49% 84%,34% 70%,20% 79%,12% 63%,2% 66%)}
.zone{position:absolute;display:block;opacity:.95;clip-path:polygon(0 20%,100% 0,85% 100%,10% 85%)}
.z1{left:12%;top:31%;width:90px;height:64px;background:#08a4a2}.z2{left:30%;top:19%;width:95px;height:75px;background:#f0bd3d}.z3{left:48%;top:28%;width:90px;height:64px;background:#db7047}.z4{left:63%;top:22%;width:88px;height:70px;background:#638cc3}.z5{left:76%;top:35%;width:75px;height:55px;background:#78a952}
.map-label{position:absolute;right:28px;bottom:22px;font-size:10px;font-weight:800;letter-spacing:3px;color:#fff}
.org-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee;padding-top:30px}
.org-bottom-grid article{padding:10px 35px;border-right:1px solid #eee}.org-bottom-grid article:last-child{border-right:0}
.org-bottom-grid small{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#b68a49}
.org-bottom-grid h3{font-family:"Playfair Display",serif;font-size:21px;font-weight:500;color:#444;margin:4px 0 7px}
.org-bottom-grid p{font-size:10px;color:#888;line-height:1.7}

.departments-section{padding:76px 0 0;background:#f7f7f5}
.departments-section .about-section-title{margin-bottom:38px}
.department-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%}
.department-card{aspect-ratio:1.15/1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-image:linear-gradient(rgba(0,0,0,.54),rgba(0,0,0,.57)),var(--bg);background-size:cover;background-position:center;transition:background-size .75s var(--ease-premium),filter .45s ease}
.department-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,111,120,.25),transparent 50%,rgba(239,125,0,.12));opacity:0;transition:.45s ease}
.department-card span{position:relative;z-index:1;padding:0 20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;text-shadow:0 3px 16px rgba(0,0,0,.65);transition:transform .4s var(--ease-premium)}
.department-card:hover{filter:saturate(1.08) brightness(1.04)}
.department-card:hover::before{opacity:1}
.department-card:hover span{transform:translateY(-5px) scale(1.04)}

.newsletter-section{padding:72px 0;background:#fff}
.newsletter-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:center;max-width:950px}
.newsletter-wrap h2{font-family:"Playfair Display",serif;font-size:38px;font-weight:500;color:#444;margin-bottom:15px}
.newsletter-wrap>div>p{font-size:12px;color:#777;max-width:500px;line-height:1.8}
.newsletter-card{border:1px solid #e5ddd2;padding:28px;background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.06)}
.newsletter-card h3{font-family:"Playfair Display",serif;font-size:25px;font-weight:500;margin-bottom:20px;color:#444}
.newsletter-card label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:7px}
.newsletter-card input{width:100%;height:43px;border:1px solid #ddd;padding:0 12px;font:inherit;font-size:11px;outline:none;transition:.25s}
.newsletter-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,111,120,.08)}
.newsletter-card button{margin-top:12px;border:0;background:#e7a33c;color:#fff;padding:12px 18px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.3s}
.newsletter-card button:hover{transform:translateY(-2px);background:#d99128}

.reveal-about{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease-premium),transform .8s var(--ease-premium);transition-delay:var(--about-delay,0ms)}
.reveal-about.about-visible{opacity:1;transform:none}
.department-card.reveal-about{transform:scale(.94);filter:brightness(.78)}
.department-card.reveal-about.about-visible{transform:scale(1);filter:brightness(1)}

@media(max-width:1000px){
  .about-hero h1{font-size:56px}.organization-visual{grid-template-columns:1fr}.department-grid{grid-template-columns:repeat(3,1fr)}
  .leader-team{grid-template-columns:repeat(2,1fr)}.territory-list{grid-template-columns:repeat(2,1fr)}
  .newsletter-wrap{gap:45px}
}
@media(max-width:700px){
  .about-hero{min-height:390px}.about-hero h1{font-size:43px}.about-hero p{font-size:13px}
  .about-numbers{padding:58px 0 78px}.about-section-title h2{font-size:31px}
  .number-cards{flex-direction:column;gap:12px}.number-card,.number-card.featured{width:min(330px,88%);min-height:150px;margin:0}
  .leader-team{grid-template-columns:repeat(2,1fr);gap:30px 12px}.territory-list{grid-template-columns:1fr}
  .organization-visual{gap:30px}.map-card{min-height:250px}.map-island{width:90%;transform:rotate(-7deg) scale(.78)}
  .org-bottom-grid{grid-template-columns:1fr}.org-bottom-grid article{border-right:0;border-bottom:1px solid #eee;padding:20px 8px}
  .department-grid{grid-template-columns:repeat(2,1fr)}.department-card{aspect-ratio:1/1}
  .newsletter-wrap{grid-template-columns:1fr;gap:35px}.newsletter-wrap h2{font-size:31px}
}
@media (prefers-reduced-motion:reduce){.reveal-about{opacity:1!important;transform:none!important}.department-card.reveal-about{filter:none!important}}

/* =========================================================
   PAGE ACTUALITÉS
   ========================================================= */
.news-page{background:#fff;color:#5d6064}
.news-page .active-menu>a{color:var(--secondary)}
.news-page .header-actions{display:flex;align-items:center;gap:20px}
.news-featured-grid{padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:310px 310px;min-height:620px;background:#f1f0ed}
.news-title-panel{grid-column:1;grid-row:1;padding:72px max(28px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center;background:#f3f2ef}
.news-title-panel .tiny-mark{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#777;margin-bottom:18px}
.news-title-panel .tiny-mark::after{content:"";width:45px;height:1px;background:#8f9295}
.news-title-panel h1{font-family:"Playfair Display",serif;font-weight:500;font-size:48px;line-height:1.08;color:#727579;max-width:620px}
.news-feature{position:relative;overflow:hidden;display:block;min-height:310px}
.news-feature img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .9s var(--ease-premium)}
.news-feature:hover img{transform:scale(1.055)}
.news-feature-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,20,.78),rgba(7,11,20,.08) 60%)}
.news-feature-copy{position:absolute;z-index:2;left:34px;right:34px;bottom:28px;color:#fff}
.news-feature-copy small{font-size:10px;letter-spacing:.7px}
.news-feature-copy h2{font-family:"Playfair Display",serif;font-size:25px;line-height:1.14;margin:8px 0 16px;font-weight:500}
.news-feature-main{grid-column:2;grid-row:1/3}
.news-feature-main .news-feature-copy h2{font-size:34px}
.news-feature-main .news-feature-copy{bottom:34px}
.news-feature-dark{grid-column:1;grid-row:2;width:50%}
.news-feature-light{grid-column:1;grid-row:2;margin-left:50%;background:#dbe1e4;color:#687078}
.news-feature-light .news-feature-copy.static{position:relative;inset:auto;height:100%;padding:48px 32px;color:#70767c;display:flex;flex-direction:column;justify-content:center}
.news-feature-light .news-feature-copy h2{font-size:30px}
.news-feature-copy span{font-size:10px;font-weight:800;letter-spacing:1px}

.news-list-section{padding:46px 0 30px}
.news-filters{border-top:1px solid #dedede;border-bottom:1px solid #dedede;display:grid;grid-template-columns:1fr 1fr;margin-bottom:44px}
.news-filters label{display:grid;grid-template-columns:1fr 1fr;align-items:center;font-size:9px;letter-spacing:.5px;color:#85898d;border-right:1px solid #e2e2e2}
.news-filters label:last-child{border-right:0}
.news-filters select{appearance:auto;border:0;border-left:1px solid #e2e2e2;background:#fff;padding:17px 16px;font:700 9px "Montserrat",sans-serif;color:#6c7176;outline:none}
.news-masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 24px;align-items:start}
.news-tile img{height:170px;object-fit:cover;transition:transform .65s var(--ease-premium),filter .4s ease}
.news-tile{overflow:hidden}
.news-tile:hover img{transform:scale(1.035);filter:contrast(1.04)}
.news-tile .meta{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e2e2e2;padding:11px 0 9px;font-size:8px;text-transform:uppercase;letter-spacing:.6px}
.news-tile .meta span{color:#a1a3a5;white-space:nowrap}
.news-tile .meta b{color:#5f6770;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-tile h3{font-family:"Playfair Display",serif;font-size:18px;line-height:1.35;font-weight:500;color:#7b7f83;margin-top:15px}
.news-tile.news-wide{grid-column:span 2}
.news-tile.news-wide img{height:220px}
.news-tile.news-wide h3{font-size:24px}

.news-story-hero{position:relative;padding:0;min-height:620px;overflow:hidden;margin-top:28px}
.news-story-hero>img{position:absolute;inset:0;height:100%;object-fit:cover}
.news-story-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.03))}
.story-card{position:absolute;z-index:2;left:max(8%,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);width:min(420px,82vw);background:#fff;padding:55px 42px;box-shadow:0 18px 50px rgba(0,0,0,.08)}
.story-line{display:block;width:50px;height:1px;background:#7f8488;margin-bottom:20px}
.story-card small,.story-card b{display:block;font-size:9px;letter-spacing:.7px;margin-bottom:5px}
.story-card b{color:#596b7d}
.story-card h2{font:600 31px/1.15 "Playfair Display",serif;color:#1f2327;margin:16px 0}
.story-card p{font-size:12px;line-height:1.8;color:#96999c;margin-bottom:30px}
.story-card a{font-size:9px;color:#d69a1b;font-weight:800;letter-spacing:.8px}

.news-more-section{padding:48px 0 74px}
.news-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-more-button{text-align:center;margin-top:48px}
.news-more-button a{display:inline-flex;align-items:center;gap:16px;border:1px solid #d6a337;padding:16px 25px;color:#d49a1d;font-size:10px;font-weight:800;letter-spacing:.7px;transition:.3s}
.news-more-button a:hover{background:#d6a337;color:#fff;transform:translateY(-2px)}

.bulletin-card{position:fixed;right:28px;bottom:24px;z-index:1500;width:300px;background:#fff;border:1px solid #e5c35e;box-shadow:0 18px 55px rgba(0,0,0,.15);padding:22px 24px 24px;transition:.4s var(--ease-premium)}
.bulletin-card.is-hidden{opacity:0;visibility:hidden;transform:translateY(25px)}
.bulletin-close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:22px;color:#aaa;cursor:pointer}
.bulletin-card h3{font:600 27px "Playfair Display",serif;color:#315676;margin-bottom:24px}
.bulletin-card h3 i{font-size:18px;margin-right:8px;color:#9da8b2}
.bulletin-card p{font-size:11px;line-height:1.6;color:#666;margin-bottom:18px}
.bulletin-card input{width:100%;height:42px;border:1px solid #d8d8d8;padding:0 12px;margin-bottom:13px;font-size:11px}
.bulletin-submit{border:0;background:#f2a11b;color:#fff;font-size:10px;font-weight:800;padding:12px 17px;cursor:pointer}

.news-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease-premium),transform .8s var(--ease-premium);transition-delay:var(--news-delay,0ms)}
.news-reveal.is-visible{opacity:1;transform:translateY(0)}
.news-feature.news-reveal{transform:scale(.985)}
.news-feature.news-reveal.is-visible{transform:scale(1)}

@media(max-width:1000px){
 .news-featured-grid{grid-template-columns:1fr;grid-template-rows:auto}
 .news-title-panel,.news-feature-main,.news-feature-dark,.news-feature-light{grid-column:auto;grid-row:auto;width:auto;margin:0}
 .news-title-panel{padding:65px 5%;min-height:260px}
 .news-feature-main{min-height:500px}
 .news-feature-dark,.news-feature-light{min-height:330px}
 .news-feature-light .news-feature-copy.static{padding:45px 5%}
 .news-masonry-grid,.news-more-grid{grid-template-columns:repeat(2,1fr)}
 .news-tile.news-wide{grid-column:span 2}
 .bulletin-card{right:15px;bottom:15px}
}
@media(max-width:700px){
 .news-title-panel h1{font-size:37px}
 .news-feature-main{min-height:420px}
 .news-feature-main .news-feature-copy h2,.news-feature-light .news-feature-copy h2{font-size:27px}
 .news-filters{grid-template-columns:1fr}
 .news-filters label{border-right:0;border-bottom:1px solid #e2e2e2}
 .news-masonry-grid,.news-more-grid{grid-template-columns:1fr}
 .news-tile.news-wide{grid-column:auto}
 .news-tile img,.news-tile.news-wide img{height:220px}
 .story-card{left:5%;padding:38px 28px}
 .news-story-hero{min-height:560px}
 .bulletin-card{position:relative;right:auto;bottom:auto;width:min(92%,380px);margin:0 auto 35px}
}
@media(prefers-reduced-motion:reduce){.news-reveal{opacity:1!important;transform:none!important}}

/* =========================================================
   HOME V2 — inspired by the supplied Inter-American layout
   ========================================================= */
.home-v2{--home-gold:#e9aa32;--home-blue:#91a4b3;--home-ink:#34383c;--home-cream:#f4f3f1;background:#fff;color:#4b4f52;font-family:"Montserrat",sans-serif}
.home-v2 .home-header{position:absolute;top:0;left:0;right:0;z-index:50;background:transparent;border:0;color:#fff;transition:.35s ease}
.home-v2 .home-header.scrolled{position:fixed;background:rgba(255,255,255,.96);color:#333;box-shadow:0 8px 25px rgba(0,0,0,.08);backdrop-filter:blur(14px)}
.home-header-inner{width:min(1280px,92%);height:96px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}
.home-brand{display:flex;align-items:center;gap:12px;color:inherit;min-width:230px}.home-brand-mark{font-size:40px}.home-brand-copy{display:flex;flex-direction:column;line-height:1.05}.home-brand-copy strong{font-family:"Playfair Display",serif;font-size:20px;font-weight:500}.home-brand-copy small{font-size:13px}.home-brand-copy em{font-size:7px;letter-spacing:1.5px;font-style:normal;margin-top:5px;opacity:.75}.home-head-right{margin-left:auto}.home-mini-links{display:flex;justify-content:flex-end;gap:22px;font-size:9px;margin:0 3px 10px;text-transform:uppercase;letter-spacing:.4px}.home-nav{display:flex;align-items:center;gap:27px}.home-nav>a{font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;position:relative;padding:6px 0}.home-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--home-gold);transform:scaleX(0);transition:.25s}.home-nav>a:hover::after,.home-nav>a.active::after{transform:scaleX(1)}.home-search,.home-menu{border:0;background:none;color:inherit;cursor:pointer}.home-search{font-size:12px}.home-menu{display:none;font-size:22px}

.home-hero{height:640px;position:relative;overflow:hidden;color:#222;background:#252525}.home-hero-bg{position:absolute;inset:-40px;background:url("https://images.unsplash.com/photo-1593113598332-cd288d649433?auto=format&fit=crop&w=1900&q=85") center calc(50% + var(--heroY,0px))/cover no-repeat;filter:blur(2px);transform:scale(1.05)}.home-hero-dark{position:absolute;inset:0;background:rgba(8,12,14,.62)}.home-hero-frame{position:absolute;left:18%;top:205px;width:330px;height:245px;border:1px solid rgba(233,170,50,.8);z-index:2}.home-hero-photo{position:absolute;z-index:3;top:195px;left:42%;width:42%;max-width:660px;height:330px;box-shadow:0 22px 65px rgba(0,0,0,.28)}.home-hero-photo img{width:100%;height:100%;object-fit:cover}.home-hero-card{position:absolute;z-index:4;left:16%;top:230px;width:360px;background:#fff;padding:42px 38px 36px;box-shadow:0 18px 55px rgba(0,0,0,.14)}.home-hero-card h1{font-family:"Playfair Display",serif;font-size:28px;line-height:1.18;color:#242629;margin-bottom:26px}.home-hero-card a{font-size:9px;font-weight:700;color:var(--home-gold);text-transform:uppercase;letter-spacing:1.1px}.home-hero-dots{position:absolute;z-index:5;left:48%;bottom:42px;display:flex;gap:9px}.home-hero-dots button{width:6px;height:6px;border-radius:50%;border:0;background:#ddd}.home-hero-dots .is-active{background:var(--home-gold)}.home-scroll-down{position:absolute;bottom:10px;left:50%;z-index:5;color:#fff;font-size:13px;opacity:.7;animation:homeBounce 1.8s infinite}@keyframes homeBounce{50%{transform:translateY(5px)}}

.home-latest{background:#fff;padding:0}.home-latest-grid{display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:300px 300px}.home-latest-title{grid-column:1/3;background:#f3f2ef;padding:88px 9% 50px}.home-latest-title h2{font-family:"Playfair Display",serif;font-weight:400;font-size:45px;line-height:1.14;color:#65696d;max-width:620px}.home-kicker{display:block;width:65px;border-top:1px solid #82878a;margin-bottom:28px;padding-top:7px;font-size:10px}.home-news-tile-main{grid-column:3;grid-row:1/3}.home-news-tile{position:relative;overflow:hidden;min-height:280px;color:#fff}.home-news-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.home-news-tile:hover img{transform:scale(1.045)}.home-tile-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.04) 68%)}.home-news-copy{position:absolute;left:26px;right:26px;bottom:28px;z-index:2}.home-news-copy small,.home-news-text small{font-size:8px;letter-spacing:.7px}.home-news-copy h3{font-size:19px;line-height:1.25;margin:8px 0 14px;font-weight:500;max-width:440px}.home-news-copy b,.home-news-text b{font-size:8px;letter-spacing:1.1px}.home-news-text{background:#dfe5e8;padding:64px 35px;color:#62686c}.home-news-text h3{font-family:"Playfair Display",serif;font-size:27px;line-height:1.15;font-weight:400;margin:9px 0 22px}.home-news-text b{color:#333}

.home-resources{padding:85px 0 95px;background:#fff}.home-section-title{text-align:center;margin-bottom:36px}.home-section-title>span{display:block;width:50px;border-top:1px solid #777;margin:0 auto 18px}.home-section-title h2{font-family:"Playfair Display",serif;font-size:41px;font-weight:400;color:#6b6f72}.home-section-title p{font-size:10px;color:#aaa;margin-top:8px}.home-resource-wrap{position:relative;width:min(980px,86%);margin:auto}.home-resource-track{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.home-resource-track::-webkit-scrollbar{display:none}.home-resource-card{min-width:0;scroll-snap-align:start;background:#fff;box-shadow:0 7px 25px rgba(0,0,0,.06);padding-bottom:18px}.home-resource-card img{height:120px;object-fit:cover}.home-resource-card small,.home-resource-card em,.home-resource-card h3{display:block;margin-left:15px;margin-right:15px}.home-resource-card small{font-size:7px;margin-top:10px;color:#aaa}.home-resource-card em{font-size:8px;font-style:normal;margin-top:6px;color:#666}.home-resource-card h3{font-family:"Playfair Display",serif;font-weight:400;font-size:16px;line-height:1.25;color:#596067;margin-top:9px}.home-resource-arrow{position:absolute;top:47%;transform:translateY(-50%);border:0;background:none;color:#bbb;font-size:17px;cursor:pointer;z-index:2}.home-resource-arrow.left{left:-38px}.home-resource-arrow.right{right:-38px}.home-outline-btn{display:block;width:max-content;margin:45px auto 0;border:1px solid var(--home-gold);padding:11px 25px;color:var(--home-gold);font-size:8px;font-weight:700;letter-spacing:.5px;transition:.3s}.home-outline-btn:hover{background:var(--home-gold);color:#fff}

.home-social{padding:0;background:#fff}.home-social>.home-section-title{padding-top:40px;margin-bottom:35px}.home-social-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;background:#8393a1}.home-social-grid>*{min-width:0;position:relative;overflow:hidden}.home-social-img img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.home-social-img:hover img{transform:scale(1.06)}.home-social-img::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.06)}.home-social-img strong{position:absolute;inset:0;z-index:2;display:grid;place-items:center;text-align:center;font-family:"Playfair Display",serif;color:#fff;font-size:50px;font-weight:400;line-height:.8}.home-live-box{grid-row:span 2;background:#e8edf0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.home-live-box small{font-size:9px;letter-spacing:2px}.home-live-box h3{font-weight:400;font-size:20px;line-height:1.35;color:#72787c;max-width:180px;margin:28px 0}.home-live-box a,.home-story-panel a{border:1px solid var(--home-gold);color:var(--home-gold);font-size:8px;font-weight:700;padding:9px 16px}.home-logo-panel{background:#f6a726;color:#c88000;display:grid;place-items:center;font-size:72px}.home-quote-panel{grid-column:2/4;background:#202020;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-quote-panel q{font-family:"Playfair Display",serif;font-size:39px}.home-quote-panel span{font-size:10px;letter-spacing:6px}.home-overlay-verse,.home-overlay-text,.home-sticker{position:absolute;z-index:2;color:#fff}.home-overlay-verse{left:25px;right:25px;bottom:28px;font-family:"Playfair Display",serif;font-size:22px;line-height:1.05}.home-event-panel{background:#438c9d;color:#fff;display:flex;gap:10px;align-items:center;justify-content:center;font-size:9px;letter-spacing:2px}.home-sticker{inset:0;display:grid;place-items:center;text-align:center;font-weight:700;font-size:16px}.home-story-panel{grid-column:1/3;background:linear-gradient(120deg,#e6e5e2,#f7f5f2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.home-story-panel span{font-family:"Playfair Display",serif;font-size:34px;color:#73777b}.home-overlay-text{inset:0;padding:38px 25px;color:#444;font-size:18px;line-height:1.5;background:rgba(255,255,255,.62)}.home-empty-panel{background:#8493a1}.home-social-img.purple::after{background:rgba(88,0,160,.25)}

.home-newsletter{position:fixed;right:28px;bottom:28px;z-index:70;width:300px;background:#fff;border:1px solid #e5bb63;padding:18px 18px 20px;box-shadow:0 15px 55px rgba(0,0,0,.17);transition:.4s cubic-bezier(.2,.8,.2,1)}.home-newsletter.closed{opacity:0;visibility:hidden;transform:translateY(25px)}.newsletter-close{position:absolute;right:8px;top:2px;border:0;background:none;color:#bbb;font-size:24px;cursor:pointer}.home-newsletter h3{font-family:"Playfair Display",serif;color:#3e5d75;font-size:27px;font-weight:500}.newsletter-inner{border:1px solid #ddd;margin-top:18px;padding:22px 16px}.newsletter-inner p{font-size:10px;line-height:1.6;color:#555}.newsletter-inner input{width:100%;height:34px;border:1px solid #ddd;margin:16px 0 10px;padding:0 10px;font-size:9px}.newsletter-success{font-size:9px;color:#555;border:1px solid #eee;padding:8px}.newsletter-success i{color:#20a04a;font-size:17px;vertical-align:middle;margin-right:5px}.newsletter-inner button{margin-top:12px;border:0;background:#f5a623;color:#fff;font-size:9px;font-weight:700;padding:10px 15px;cursor:pointer}

.home-footer{background:#92a3b1;color:#fff;padding:0}.home-footer-top{min-height:130px;display:grid;grid-template-columns:1fr 2fr 2fr;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.2)}.home-footer-top>div{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.2)}.home-footer-logo{font-size:44px;opacity:.35}.home-footer-top small{display:block;text-align:center;font-size:7px;margin-bottom:14px}.home-footer-social{display:flex}.home-footer-social a{width:80px;height:50px;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.2);font-size:12px}.home-footer-tv{font-size:9px;letter-spacing:.4px;gap:8px}.home-footer-bottom{min-height:70px;width:min(1280px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;font-size:8px}

.reveal-home{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)}.reveal-home.from-left{transform:translateX(-45px)}.reveal-home.from-right{transform:translateX(45px)}.reveal-home.from-bottom{transform:translateY(45px)}.reveal-home.zoom{transform:scale(.94)}.reveal-home.visible{opacity:1;transform:none}

@media(max-width:1050px){.home-head-right{display:none}.home-menu{display:block}.home-nav.open{position:absolute;top:82px;left:4%;right:4%;background:#fff;color:#333;display:flex!important;flex-direction:column;align-items:stretch;gap:0;padding:18px 25px;box-shadow:0 15px 45px rgba(0,0,0,.18)}.home-nav.open a{padding:12px 0;border-bottom:1px solid #eee}.home-head-right:has(.home-nav.open){display:block;position:absolute}.home-hero-card{left:8%}.home-hero-frame{left:10%}.home-hero-photo{left:41%;width:52%}.home-latest-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.home-latest-title{grid-column:1/3}.home-news-tile-main{grid-column:2;grid-row:2/4}.home-resource-track{grid-template-columns:repeat(4,260px)}.home-social-grid{grid-template-columns:repeat(3,1fr)}.home-live-box{grid-row:span 1}.home-quote-panel{grid-column:2/4}.home-story-panel{grid-column:1/3}}
@media(max-width:700px){.home-header-inner{height:78px}.home-brand-copy strong{font-size:16px}.home-brand-copy small{font-size:10px}.home-brand-mark{font-size:32px}.home-hero{height:650px}.home-hero-bg{inset:0}.home-hero-photo{top:180px;left:10%;width:80%;height:280px}.home-hero-card{left:7%;right:7%;top:auto;bottom:55px;width:auto;padding:28px}.home-hero-card h1{font-size:24px}.home-hero-frame{display:none}.home-latest-grid{display:block}.home-latest-title{padding:60px 8%}.home-latest-title h2{font-size:35px}.home-news-tile,.home-news-text{display:block;min-height:310px}.home-news-text{min-height:auto}.home-section-title h2{font-size:34px}.home-resource-wrap{width:78%}.home-resource-track{grid-template-columns:repeat(4,245px)}.home-social-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.home-quote-panel{grid-column:1/3}.home-story-panel{grid-column:1/3}.home-newsletter{right:12px;bottom:12px;width:270px}.home-footer-top{grid-template-columns:1fr}.home-footer-top>div{min-height:80px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.home-footer-bottom{padding:18px 0;gap:10px;flex-direction:column;text-align:center}}
@media(max-width:480px){.home-social-grid{grid-template-columns:1fr}.home-quote-panel,.home-story-panel{grid-column:auto}.home-newsletter{display:none}.home-resource-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.reveal-home{opacity:1!important;transform:none!important;transition:none!important}.home-scroll-down{animation:none!important}}

/* =========================================================
   MODERN FULLSCREEN PAGE PRELOADER
   ========================================================= */
body.is-loading{
    overflow:hidden;
}

.page-loader{
    position:fixed;
    inset:0;
    z-index:99999;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 20% 18%, rgba(0,111,120,.16), transparent 34%),
        radial-gradient(circle at 82% 78%, rgba(239,125,0,.12), transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#f7f8f7 55%,#eef5f5 100%);
    opacity:1;
    visibility:visible;
    transform:scale(1);
    transition:opacity .7s cubic-bezier(.22,1,.36,1), visibility .7s, transform .85s cubic-bezier(.22,1,.36,1);
}

.page-loader::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(0,111,120,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,111,120,.035) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 88%);
    animation:loaderGridMove 8s linear infinite;
}

.page-loader--hide{
    opacity:0;
    visibility:hidden;
    transform:scale(1.025);
    pointer-events:none;
}

.page-loader__content{
    position:relative;
    z-index:3;
    width:min(360px,86vw);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.page-loader__mark{
    position:relative;
    width:118px;
    height:118px;
    display:grid;
    place-items:center;
    margin-bottom:24px;
}

.page-loader__ring{
    position:absolute;
    border-radius:50%;
    border-style:solid;
}

.page-loader__ring--outer{
    inset:0;
    border-width:2px;
    border-color:rgba(0,111,120,.14);
    border-top-color:var(--primary,#006f78);
    border-right-color:var(--secondary,#ef7d00);
    animation:loaderSpin 1.65s linear infinite;
}

.page-loader__ring--inner{
    inset:13px;
    border-width:1px;
    border-color:rgba(239,125,0,.15);
    border-bottom-color:var(--secondary,#ef7d00);
    animation:loaderSpinReverse 2.15s linear infinite;
}

.page-loader__icon{
    width:68px;
    height:68px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:28px;
    background:linear-gradient(145deg,var(--primary,#006f78),#00545b);
    box-shadow:0 18px 45px rgba(0,111,120,.25),0 0 0 8px rgba(255,255,255,.9);
    animation:loaderPulse 1.9s ease-in-out infinite;
}

.page-loader__brand strong{
    display:block;
    font-family:"Playfair Display",serif;
    font-size:25px;
    font-weight:600;
    color:#222;
    letter-spacing:-.2px;
}

.page-loader__brand span{
    display:block;
    margin-top:3px;
    font-size:10px;
    font-weight:700;
    letter-spacing:2.4px;
    text-transform:uppercase;
    color:#7c8585;
}

.page-loader__bar{
    width:210px;
    height:3px;
    overflow:hidden;
    margin:25px 0 12px;
    border-radius:999px;
    background:rgba(0,111,120,.1);
}

.page-loader__bar span{
    display:block;
    width:46%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--primary,#006f78),var(--secondary,#ef7d00));
    transform:translateX(-110%);
    animation:loaderBar 1.35s cubic-bezier(.65,0,.35,1) infinite;
}

.page-loader__content p{
    margin:0;
    font-size:11px;
    font-weight:600;
    letter-spacing:.9px;
    color:#8b9292;
}

.page-loader__glow{
    position:absolute;
    border-radius:50%;
    filter:blur(6px);
    opacity:.4;
}

.page-loader__glow--one{
    width:340px;
    height:340px;
    left:-130px;
    top:-130px;
    background:rgba(0,111,120,.13);
    animation:loaderFloat 5s ease-in-out infinite alternate;
}

.page-loader__glow--two{
    width:300px;
    height:300px;
    right:-110px;
    bottom:-120px;
    background:rgba(239,125,0,.12);
    animation:loaderFloat 6s 1s ease-in-out infinite alternate-reverse;
}

.page-ready > header,
.page-ready > main,
.page-ready > footer,
.page-ready > .topbar{
    animation:pageReveal .9s cubic-bezier(.22,1,.36,1) both;
}

@keyframes loaderSpin{to{transform:rotate(360deg)}}
@keyframes loaderSpinReverse{to{transform:rotate(-360deg)}}
@keyframes loaderPulse{50%{transform:scale(1.06);box-shadow:0 22px 52px rgba(0,111,120,.3),0 0 0 11px rgba(255,255,255,.7)}}
@keyframes loaderBar{0%{transform:translateX(-120%)}55%{transform:translateX(100%)}100%{transform:translateX(240%)}}
@keyframes loaderFloat{to{transform:translate3d(28px,22px,0) scale(1.08)}}
@keyframes loaderGridMove{to{background-position:42px 42px,42px 42px}}
@keyframes pageReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:600px){
    .page-loader__mark{width:102px;height:102px}
    .page-loader__icon{width:60px;height:60px;font-size:24px}
    .page-loader__brand strong{font-size:22px}
}

@media(prefers-reduced-motion:reduce){
    .page-loader *,
    .page-loader::before{animation:none!important}
    .page-loader{transition:opacity .2s ease,visibility .2s ease}
}

/* =========================================================
   J.A CONNECT LOGO — OVERRIDE FINAL
   Logo PNG san cercle, pi gwo e pi lizib
   ========================================================= */
/* =========================================
   J.A CONNECT LOGO — GRAND ET LISIBLE
========================================= */

.logo{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-shrink:0;
}

.logo-icon{
    width:160px !important;
    height:90px !important;
    min-width:160px !important;

    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;

    padding:0 !important;
    margin:0 !important;
}

.logo-icon img{
    width:160px !important;
    height:90px !important;
    max-width:none !important;

    object-fit:contain !important;
    object-position:left center;

    display:block !important;
}

/* Pa mete cercle/shadow lè sourit pase sou li */
.logo:hover .logo-icon{
    transform:scale(1.03) !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* Telefòn */
@media(max-width:700px){
    .logo-icon{
        width:125px !important;
        min-width:125px !important;
        height:70px !important;
    }

    .logo-icon img{
        width:125px !important;
        height:70px !important;
    }
}