/* CDECH homepage motion — inspired by modern institutional NGO sites, using CDECH's own media. */
.hero-carousel{position:relative;min-height:620px;overflow:hidden;background:#032f50}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;background-size:cover;background-position:center;opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 6.5s ease;pointer-events:none}.hero-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto;z-index:2}.hero-slide .hero-inner{position:relative;z-index:3}.hero-slide .hero-copy{max-width:690px;padding:42px 0;color:#fff}.hero-slide .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#8df39a;background:rgba(3,47,80,.55);backdrop-filter:blur(6px);padding:8px 12px;border-radius:999px}.hero-slide h1{font-size:clamp(44px,5.5vw,72px);max-width:760px;text-wrap:balance}.hero-slide p{font-size:clamp(17px,1.55vw,21px);max-width:650px}.hero-arrow{position:absolute;top:50%;z-index:8;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.92);color:#07558d;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .2s ease,background .2s ease}.hero-arrow:hover,.hero-arrow:focus{transform:scale(1.06);background:#fff}.hero-prev{left:24px}.hero-next{right:24px}.hero-dots{position:absolute;z-index:8;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:9px;padding:8px 10px;border-radius:999px;background:rgba(3,47,80,.34);backdrop-filter:blur(6px)}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s ease,background .2s ease}.hero-dots button.is-active{width:28px;border-radius:999px;background:#72e982}.section-head-row{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.action-intro{max-width:690px;margin:0;color:#607582;line-height:1.7}.action-controls{display:flex;gap:10px;flex:0 0 auto}.action-controls button{width:46px;height:46px;border:1px solid #cfe1e9;border-radius:50%;background:#fff;color:#07558d;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(7,85,141,.08);transition:.2s ease}.action-controls button:hover,.action-controls button:focus{background:#07558d;color:#fff;transform:translateY(-2px)}.action-showcase{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%)}.action-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(360px,32%);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 22px;scrollbar-width:none}.action-rail::-webkit-scrollbar{display:none}.action-card{scroll-snap-align:start;background:#fff;border:1px solid #dfe9ee;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(7,85,141,.08);transition:transform .25s ease,box-shadow .25s ease}.action-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(7,85,141,.14)}.action-photo{position:relative;height:330px;overflow:hidden;background:#eaf3f6}.action-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.action-card:hover .action-photo img{transform:scale(1.055)}.action-tag{position:absolute;left:18px;bottom:18px;background:rgba(5,82,66,.92);color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(4px)}.action-body{padding:22px 22px 24px}.action-body h3{font-family:"DM Serif Display",serif;color:#07558d;font-size:26px;line-height:1.14;margin:0 0 10px}.action-body p{font-size:14px;line-height:1.6;color:#607582;margin:0 0 16px}.action-body a{font-size:14px;font-weight:900;color:#20863a}.legacy-projects{display:none!important}
@media(max-width:980px){.hero-carousel{min-height:560px}.hero-slide{background-position:center}.hero-arrow{width:46px;height:46px}.hero-prev{left:14px}.hero-next{right:14px}.action-rail{grid-auto-columns:minmax(320px,48%)}.action-photo{height:300px}}
@media(max-width:620px){.hero-carousel{min-height:620px}.hero-slide{background-position:62% center}.hero-slide .hero-copy{padding:54px 0 76px;max-width:88%}.hero-slide h1{font-size:clamp(36px,11vw,48px)}.hero-slide p{font-size:16px}.hero-arrow{top:auto;bottom:22px;width:42px;height:42px}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{bottom:27px}.section-head-row{align-items:flex-start}.action-controls{display:none}.action-rail{grid-auto-columns:86%;gap:16px;margin-right:-14px}.action-photo{height:285px}.action-body h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.action-card,.action-photo img,.hero-arrow{transition:none!important}.action-rail{scroll-behavior:auto}}