/*css*/
section,.timeline-card,.cap-card,.why-card,.highlight,.contact-card,.mission-card{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.show{opacity:1;transform:translateY(0)}.nav-scrolled{background:white!important;box-shadow:0 10px 35px rgba(0,0,0,.08);transition:.35s}nav a.active{color:#d97706;font-weight:700}#backTop{position:fixed;bottom:30px;right:30px;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;background:#d97706;color:#fff;font-size:20px;font-weight:700;box-shadow:0 15px 35px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.35s;z-index:9999}#backTop:hover{transform:translateY(-5px);background:#b45309}
/* ==========================================================
EXPERIENCE THE EXECUTION (FINAL POLISH)
========================================================== */

#execution-library{

position:relative;

padding:120px 0;

background:#111;

color:#fff;

overflow:hidden;

}

/* Right fade edge (depth illusion) */
#execution-library::after{

content:"";

position:absolute;

top:0;

right:0;

width:140px;

height:100%;

pointer-events:none;

background:linear-gradient(to right,
rgba(17,17,17,0),
rgba(17,17,17,.96));

}

/* SECTION TITLE */
#execution-library .section-title{

text-align:center;

margin-bottom:55px;

animation:fadeUp .8s ease both;

}

#execution-library .section-title p{

color:#bbb;

font-size:1.1rem;

max-width:700px;

margin:auto;

}

/* WRAPPER */
.execution-carousel-wrapper{

position:relative;

display:flex;

align-items:center;

}

/* TRACK */
.execution-carousel{

display:flex;

gap:26px;

overflow-x:auto;

scroll-behavior:smooth;

scroll-snap-type:x mandatory;

-webkit-overflow-scrolling:touch;

padding:10px 0 25px;

width:100%;

}

/* Hide scrollbar */
.execution-carousel::-webkit-scrollbar{

display:none;

}

.execution-carousel{

scrollbar-width:none;

-ms-overflow-style:none;

}

/* CARD */
.execution-card{

flex:0 0 320px;

background:#1a1a1a;

border-radius:22px;

overflow:hidden;

scroll-snap-align:center;

box-shadow:0 22px 48px rgba(0,0,0,.35);

transition:

transform .4s ease,

box-shadow .4s ease,

filter .4s ease;

opacity:0;

transform:translateY(40px);

animation:cardReveal .8s forwards;

}

/* staggered entrance */
.execution-card:nth-child(1){animation-delay:.12s;}
.execution-card:nth-child(2){animation-delay:.24s;}
.execution-card:nth-child(3){animation-delay:.36s;}
.execution-card:nth-child(4){animation-delay:.48s;}
.execution-card:nth-child(5){animation-delay:.60s;}
.execution-card:nth-child(6){animation-delay:.72s;}

/* hover state */
.execution-card:hover{

transform:translateY(-12px) scale(1.05);

box-shadow:0 38px 80px rgba(0,0,0,.6);

filter:brightness(1.08);

}

/* image zoom feel */
.execution-card img{

width:100%;

height:195px;

object-fit:cover;

transition:transform .5s ease;

}

.execution-card:hover img{

transform:scale(1.08);

}

/* title */
.execution-card h3{

padding:18px 20px 10px;

font-size:1.2rem;

font-weight:800;

line-height:1.3;

}

/* description */
.execution-card p{

padding:0 20px 18px;

color:#cfcfcf;

font-size:.95rem;

line-height:1.6;

min-height:90px;

}

/* button */
.execution-card a{

display:block;

margin:0 20px 22px;

padding:14px;

border-radius:999px;

background:#d97706;

color:#fff;

text-align:center;

font-weight:800;

text-decoration:none;

transition:.3s;

box-shadow:0 10px 28px rgba(217,119,6,.25);

}

.execution-card a:hover{

background:#b45309;

transform:translateY(-2px);

box-shadow:0 16px 36px rgba(217,119,6,.35);

}

/* ARROWS */
.carousel-btn{

position:absolute;

top:50%;

transform:translateY(-50%);

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.15);

color:#fff;

width:48px;

height:48px;

border-radius:50%;

cursor:pointer;

font-size:26px;

display:flex;

align-items:center;

justify-content:center;

z-index:10;

transition:.3s;

}

.carousel-btn:hover{

background:rgba(255,255,255,.18);

}

.carousel-btn.prev{left:-10px;}

.carousel-btn.next{right:-10px;}

/* DISABLE ARROWS VISUALLY AT EDGES (we’ll activate via JS later if you want) */
.carousel-btn.disabled{

opacity:.25;

pointer-events:none;

}

/* ANIMATIONS */
@keyframes fadeUp{

from{opacity:0;transform:translateY(35px);}
to{opacity:1;transform:translateY(0);}

}

@keyframes cardReveal{

from{opacity:0;transform:translateY(45px);}
to{opacity:1;transform:translateY(0);}

}

/* MOBILE */
@media(max-width:768px){

.execution-card{

flex:0 0 85%;

}

.carousel-btn{

display:none;

}

#execution-library{

padding:90px 0;

}

}