:root{--porto-blue:#02A0D6;--porto-blue-dk:#017faa;--porto-navy:#091e47;--porto-white:#ffffff;--porto-grey:#f4f6f9;--porto-grey-2:#e8edf4;--porto-text:#7A7A7A;--porto-muted:#718096;--porto-radius:14px;--porto-shadow:0 4px 24px rgba(9, 30, 71, 0.10);--porto-shadow-h:0 12px 40px rgba(2, 160, 214, 0.18);--porto-trans:0.32s cubic-bezier(.4, 0, .2, 1)}.porto-hero{background:linear-gradient(135deg,var(--porto-navy) 0%,#0a3068 60%,#0d4a8a 100%);padding:90px 20px 70px;text-align:center;color:var(--porto-white);position:relative;overflow:hidden}.porto-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 0%,rgb(2 160 214 / .22) 0%,transparent 70%)}.porto-hero__inner{position:relative;z-index:1;max-width:760px;margin:0 auto}.porto-hero__kicker{font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--porto-blue);margin-bottom:14px;opacity:.9}.porto-hero__title{font-family:'Nunito',sans-serif;font-size:clamp(38px, 6vw, 64px);font-weight:900;line-height:1.1;margin:0 0 18px;color:var(--porto-white)}.porto-hero__title span{color:var(--porto-blue)}.porto-hero__subtitle{font-family:'Rubik',sans-serif;font-size:17px;color:rgb(255 255 255 / .72);max-width:580px;margin:0 auto;line-height:1.6}.porto-section{padding:60px 20px 100px;background:var(--porto-grey)}.porto-container{max-width:1200px;margin:0 auto}.porto-filters-wrapper{position:relative;max-width:100%;margin-bottom:48px;display:flex;align-items:center}.porto-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.porto-filters-prev,.porto-filters-next{display:none}@media (max-width:768px){.porto-filters-wrapper{margin-bottom:40px}.porto-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.porto-filters::before,.porto-filters::after{content:'';flex:0 0 25px;pointer-events:none;scroll-snap-align:none}.porto-filters::-webkit-scrollbar{display:none}.porto-filter{scroll-snap-align:start}.porto-filters-prev,.porto-filters-next{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;background:var(--porto-blue);color:var(--porto-white);border:none;border-radius:50%;box-shadow:0 4px 12px rgb(2 160 214 / .4);cursor:pointer;z-index:3;transition:opacity 0.3s,transform 0.2s}.porto-filters-prev:active,.porto-filters-next:active{transform:scale(.9)}.porto-filters-prev.is-hidden,.porto-filters-next.is-hidden{opacity:0;pointer-events:none;width:0;margin:0;overflow:hidden;flex:0 0 0%}.porto-filters-wrapper.is-scrolled-end::after{opacity:0}}.porto-filter{font-family:'Rubik',sans-serif;font-size:14px;font-weight:500;background:var(--porto-white);color:var(--porto-text);border:2px solid var(--porto-grey-2);border-radius:50px;padding:8px 20px;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all var(--porto-trans);white-space:nowrap}.porto-filter:hover{border-color:var(--porto-blue);color:var(--porto-blue)}.porto-filter.active{background:var(--porto-blue);border-color:var(--porto-blue);color:var(--porto-white);box-shadow:0 4px 16px rgb(2 160 214 / .30)}.porto-filter__count{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;background:rgb(0 0 0 / .08)}.porto-filter.active .porto-filter__count{background:rgb(255 255 255 / .25)}.porto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:1024px){.porto-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.porto-grid{grid-template-columns:1fr}}.porto-card{background:var(--porto-white);border-radius:var(--porto-radius);overflow:hidden;box-shadow:var(--porto-shadow);cursor:pointer;transition:transform var(--porto-trans),box-shadow var(--porto-trans),opacity .35s ease;animation:cardFadeUp .55s ease both;display:flex;flex-direction:column;outline:none}.porto-card:focus-visible{box-shadow:0 0 0 3px var(--porto-blue)}.porto-card:hover{transform:translateY(-6px);box-shadow:var(--porto-shadow-h)}.porto-card.is-hidden{opacity:0;pointer-events:none;transform:scale(.96);display:none}@keyframes cardFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.porto-card__img-wrap{position:relative;height:200px;overflow:hidden;background:var(--porto-grey);flex-shrink:0}.porto-card__img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .55s cubic-bezier(.4,0,.2,1)}.porto-card:hover .porto-card__img-wrap img{transform:scale(1.05)}.porto-card__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--porto-navy) 0%,var(--porto-blue-dk) 100%)}.porto-card__stat{display:none;position:absolute;display:none;bottom:12px;left:12px;background:var(--porto-blue);color:#fff;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;padding:5px 12px;border-radius:50px;box-shadow:0 2px 12px rgb(2 160 214 / .4);letter-spacing:.3px}.porto-card__body{padding:22px 22px 26px;flex:1;display:flex;flex-direction:column;gap:8px}.porto-card__badges{display:flex;flex-wrap:wrap;gap:6px}.porto-badge{font-family:'Rubik',sans-serif;font-size:11px;font-weight:600;background:var(--porto-blue);color:#fff;border-radius:50px;padding:3px 10px;letter-spacing:.4px;text-transform:uppercase}.porto-card__title{font-family:'Nunito',sans-serif;font-size:18px;font-weight:800;color:var(--porto-navy);margin:4px 0 0;line-height:1.3}.porto-card__excerpt{font-family:'Rubik',sans-serif;font-size:16px;color:var(--porto-muted);line-height:1.55;margin:0;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.porto-card__cta{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-family:'Rubik',sans-serif;font-size:16px;font-weight:600;color:var(--porto-blue);padding-top:10px;border-top:1px solid var(--porto-grey-2);transition:gap var(--porto-trans)}.porto-card:hover .porto-card__cta{gap:11px}.porto-empty{text-align:center;padding:60px;color:var(--porto-muted)}.porto-empty a{color:var(--porto-blue);font-weight:600}.porto-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}.porto-page-btn{font-family:'Rubik',sans-serif;font-size:14px;font-weight:600;min-width:42px;height:42px;padding:0 14px;border-radius:50px;border:2px solid var(--porto-grey-2);background:var(--porto-white);color:var(--porto-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--porto-trans)}.porto-page-btn:hover:not(:disabled){border-color:var(--porto-blue);color:var(--porto-blue)}.porto-page-btn.is-active{background:var(--porto-blue);border-color:var(--porto-blue);color:var(--porto-white);box-shadow:0 4px 16px rgb(2 160 214 / .30)}.porto-page-btn:disabled{opacity:.35;cursor:default}.porto-main-view{display:block}.porto-main-view.is-hidden{display:none}.porto-article-view{display:none;margin-top:40px}.porto-article-view.is-active{display:block}.porto-article-back{display:inline-flex;align-items:center;gap:8px;background:#fff0;border:none;color:var(--porto-muted);font-family:'Rubik',sans-serif;font-size:16px;font-weight:600;cursor:pointer;padding:0 0 24px;transition:color var(--porto-trans),transform var(--porto-trans)}.porto-article-back:hover{color:var(--porto-blue);transform:translateX(-4px)}.article-hero{position:relative;border-radius:20px;overflow:hidden;margin-bottom:40px;background:var(--porto-navy)}.article-hero img{width:100%;height:100%;max-height:500px;object-fit:cover;display:block;opacity:.85}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(9 30 71 / .9),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff}.article-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.article-hero-badge{background:var(--porto-blue);color:#fff;font-family:'Rubik',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;padding:6px 14px;border-radius:50px;letter-spacing:.5px;white-space:nowrap}.article-title{font-family:'Nunito',sans-serif;font-size:clamp(32px, 5vw, 48px);font-weight:900;margin:0 0 12px;line-height:1.1;color:var(--porto-blue);text-shadow:0 2px 16px rgb(0 0 0 / .5)}.article-stat{display:inline-flex;align-items:center;gap:8px;font-family:'Nunito',sans-serif;font-size:18px;font-weight:700;color:#fff}.article-body{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start}@media (max-width:900px){.article-body{grid-template-columns:1fr;gap:32px}}.article-content{background:#fff;padding:40px;border-radius:20px;box-shadow:var(--porto-shadow)}.article-excerpt{font-family:'Rubik',sans-serif;font-size:18px;color:var(--porto-navy);font-weight:600;line-height:1.6;margin:0 0 32px;padding-bottom:24px;border-bottom:2px solid var(--porto-grey-2)}.article-section{margin-bottom:32px}.article-section h3{font-family:'Nunito',sans-serif;font-size:20px;color:var(--porto-blue);margin:0 0 16px;display:flex;align-items:center;gap:10px}.article-section h3::after{content:'';flex:1;height:1px;background:var(--porto-grey-2)}.article-section p{font-family:'Rubik',sans-serif;font-size:16px;color:var(--porto-text);line-height:1.8;white-space:pre-line;margin:0}.article-sidebar{background:#fff;padding:32px;border-radius:20px;box-shadow:var(--porto-shadow);position:sticky;top:40px}.article-sidebar h4{font-family:'Nunito',sans-serif;font-size:18px;color:var(--porto-navy);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--porto-grey-2)}.article-techno-tags{display:flex;flex-wrap:wrap;gap:8px}.article-techno-tag{font-family:'Rubik',sans-serif;font-size:14px;font-weight:600;background:var(--porto-grey-2);color:var(--porto-navy);padding:6px 14px;border-radius:50px}.article-link{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;padding:16px;background:var(--porto-blue);color:#fff;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;border-radius:12px;text-decoration:none;transition:all var(--porto-trans);box-shadow:0 4px 16px rgb(2 160 214 / .3)}.article-link:hover{background:var(--porto-blue-dk);transform:translateY(-2px);box-shadow:0 8px 24px rgb(2 160 214 / .4);color:#fff}.porto-article__bottom{padding-top:60px;border-top:2px dashed var(--porto-grey-2)}.porto-article__bottom-title{font-family:'Nunito',sans-serif;font-size:32px;font-weight:800;color:var(--porto-navy);margin:0 0 40px;text-align:center}@media (max-width:768px){.article-hero{min-height:380px}.article-hero img{min-height:380px}.article-hero-overlay{padding:24px}.article-title{font-size:clamp(24px, 8vw, 36px);word-wrap:break-word;hyphens:auto}.article-content{padding:24px}.article-sidebar{padding:24px}.porto-article__bottom{padding-top:40px}.porto-article__bottom-title{font-size:24px;margin-bottom:24px}.article-hero-badge{font-size:10px;padding:4px 10px}}.projet-detail-hero{position:relative;min-height:480px;display:flex;align-items:flex-end;background-image:var(--hero-bg);background-size:cover;background-position:center top;background-color:var(--porto-navy);overflow:hidden}.projet-detail-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(9 30 71 / .92) 0%,rgb(9 30 71 / .4) 55%,rgb(9 30 71 / .15) 100%)}.projet-detail-hero__inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:40px 40px 56px;color:#fff}.projet-detail-back{display:inline-flex;align-items:center;gap:8px;color:rgb(255 255 255 / .7);font-family:'Rubik',sans-serif;font-size:14px;font-weight:500;text-decoration:none;margin-bottom:28px;transition:color 0.2s}.projet-detail-back:hover{color:#fff}.projet-detail-hero__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.projet-detail-badge{background:var(--porto-blue);color:#fff;font-family:'Rubik',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;padding:5px 14px;border-radius:50px;letter-spacing:.6px}.projet-detail-hero__title{font-family:'Nunito',sans-serif;font-size:clamp(32px, 5vw, 58px);font-weight:900;line-height:1.1;margin:0 0 14px;color:#fff;text-shadow:0 2px 20px rgb(0 0 0 / .5)}.projet-detail-hero__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:'Rubik',sans-serif;font-size:18px;font-weight:600;color:rgb(255 255 255 / .65);margin-top:10px}.projet-detail-hero__breadcrumb a{color:#02a0d6;text-decoration:none;margin:0 2px;font-size:18px;font-weight:600;font-family:'Rubik';transition:color 0.2s}.projet-detail-hero__breadcrumb span[aria-hidden]{color:var(--porto-blue);font-size:16px}.projet-detail-hero__breadcrumb>span:last-child{color:#02a0d6}.projet-detail-section{padding:64px 10px 30px}.projet-detail-container{max-width:1200px;margin:0 auto}.projet-detail-body{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start}.projet-detail-content{background:#fff0;padding:40px}.projet-detail-excerpt{font-family:'Rubik',sans-serif;font-size:18px;color:var(--porto-navy);font-weight:600;line-height:1.65;margin:0 0 32px;padding-bottom:24px;border-bottom:2px solid var(--porto-grey-2)}.projet-detail-block{margin-bottom:32px}.projet-detail-block h3{font-family:'Nunito',sans-serif;font-size:20px;color:var(--porto-blue);margin:0 0 14px;display:flex;align-items:center;gap:10px}.projet-detail-block h3::after{content:'';flex:1;height:1px;background:var(--porto-grey-2)}.projet-detail-block p{font-family:'Rubik',sans-serif;font-size:16px;color:var(--porto-text);line-height:1.8;margin:0}.projet-detail-sidebar{background:#eff2f6;padding:32px;position:sticky;top:100px;margin-bottom:40px;padding:40px 30px}.projet-detail-sidebar h4{font-family:'Nunito',sans-serif;font-size:18px;color:var(--porto-navy);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--porto-grey-2)}.projet-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.projet-detail-tag{font-family:'Rubik',sans-serif;font-size:13px;font-weight:600;background:#02a0d6;color:#fff;padding:6px 14px;border-radius:50px}.projet-detail-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--porto-blue);color:#fff!important;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;border-radius:12px;text-decoration:none;transition:all 0.3s;box-shadow:0 4px 16px rgb(2 160 214 / .3);margin-bottom:16px}.projet-detail-link:hover{background:var(--porto-blue-dk);transform:translateY(-2px);box-shadow:0 8px 24px rgb(2 160 214 / .4)}.projet-detail-back-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#02a0d6;color:#fff;font-family:'Rubik',sans-serif;font-size:15px;font-weight:600;border:2px solid var(--porto-grey-2);border-radius:12px;text-decoration:none;transition:all 0.3s;width:100%;text-align:center;margin-top:4px}.projet-detail-back-btn:hover{color:#fff;background:var(--porto-blue-dk);transform:translateY(-2px);box-shadow:0 8px 24px rgb(2 160 214 / .4)}@media (max-width:900px){.projet-detail-hero{min-height:360px}.projet-detail-hero__inner{padding:24px 20px 40px}.projet-detail-hero__title{font-size:clamp(26px, 7vw, 40px)}.projet-detail-body{grid-template-columns:1fr;gap:28px}.projet-detail-content{padding:24px}.projet-detail-sidebar{position:static;padding:24px}.projet-detail-section{padding:40px 16px 60px}}.detail-autres-section{background:var(--porto-grey);padding:60px 20px 100px}.detail-autres-container{max-width:1200px;margin:0 auto}.detail-autres-title{font-family:'Nunito',sans-serif;font-size:clamp(24px, 3vw, 34px);font-weight:800;color:var(--porto-navy,#091e47);margin:0 0 40px;text-align:center}.detail-autres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.detail-autres-card{text-decoration:none}@media (max-width:900px){.detail-autres-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:600px){.detail-autres-grid{grid-template-columns:1fr;gap:20px}.detail-autres-section{padding:48px 16px 60px}}