.portfolio-page.svelte-1k5j3j2{padding:2rem;max-width:1200px;margin:0 auto}h1.svelte-1k5j3j2{text-align:center;margin-bottom:1rem;font-size:2.5rem;background:linear-gradient(45deg,var(--color-text),var(--color-accent-1));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-intro.svelte-1k5j3j2{text-align:center;margin-bottom:4rem;font-size:1.1rem;color:#fffc;max-width:600px;margin-left:auto;margin-right:auto}.timeline.svelte-1k5j3j2{position:relative;padding:2rem 0}.timeline.svelte-1k5j3j2:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-text),var(--color-accent-1));transform:translate(-50%)}.timeline-item.svelte-1k5j3j2{position:relative;margin-bottom:4rem;opacity:.5;transition:opacity .3s ease}.timeline-item.active.svelte-1k5j3j2{opacity:1}.timeline-content.svelte-1k5j3j2{position:relative;width:45%;padding:1.5rem;background:#000000b3;border-radius:8px}.timeline-item.svelte-1k5j3j2:nth-child(odd) .timeline-content:where(.svelte-1k5j3j2){margin-left:auto}.timeline-date.svelte-1k5j3j2{position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);background:var(--color-bg);padding:.5rem 1rem;border-radius:20px;color:var(--color-accent-2);font-weight:700}.projects-branch.svelte-1k5j3j2{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.project-card.svelte-1k5j3j2{background:#87ceeb1a;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem}.project-image.svelte-1k5j3j2{width:100%;height:200px;overflow:hidden;border-radius:4px;position:relative}.image-link.svelte-1k5j3j2{display:block;width:100%;height:100%;position:relative}.project-image.svelte-1k5j3j2 img:where(.svelte-1k5j3j2){width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.hover-message.svelte-1k5j3j2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;padding:.5rem 1rem;border-radius:4px;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-link.svelte-1k5j3j2:hover img:where(.svelte-1k5j3j2){transform:scale(1.05);filter:brightness(.7)}.image-link.svelte-1k5j3j2:hover .hover-message:where(.svelte-1k5j3j2){opacity:1}.project-content.svelte-1k5j3j2{display:flex;flex-direction:column;gap:.5rem}.technologies.svelte-1k5j3j2{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tech-tag.svelte-1k5j3j2{background:#ffd70033;color:var(--color-accent-2);padding:.25rem .75rem;border-radius:15px;font-size:.8rem}.project-header.svelte-1k5j3j2{display:flex;justify-content:space-between;align-items:center;gap:1rem}.status-badge.svelte-1k5j3j2{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-inachevé.svelte-1k5j3j2{background:#f003;color:#f44}.status-en-cours.svelte-1k5j3j2{background:#007bff33;color:#007bff}.status-achevé.svelte-1k5j3j2{background:#ffd70033;color:gold}.status-livré.svelte-1k5j3j2{background:#0f03;color:#0f0}@media (max-width: 768px){.portfolio-page.svelte-1k5j3j2{padding:1.5rem}.timeline.svelte-1k5j3j2:before{left:1rem}.timeline-content.svelte-1k5j3j2{width:85%;margin-left:2rem!important;padding:1.5rem}.timeline-date.svelte-1k5j3j2{left:1rem;transform:none;font-size:.9rem}.timeline-content.svelte-1k5j3j2 h3:where(.svelte-1k5j3j2){font-size:1.3rem;margin-bottom:.8rem}.timeline-content.svelte-1k5j3j2 p:where(.svelte-1k5j3j2){font-size:.95rem;line-height:1.5}.project-card.svelte-1k5j3j2{padding:1.2rem;gap:1rem}.project-image.svelte-1k5j3j2{height:180px}.project-header.svelte-1k5j3j2{flex-direction:column;align-items:flex-start;gap:.8rem}.technologies.svelte-1k5j3j2{gap:.4rem}.tech-tag.svelte-1k5j3j2,.status-badge.svelte-1k5j3j2{font-size:.75rem;padding:.2rem .6rem}}@media (max-width: 600px){.portfolio-page.svelte-1k5j3j2{padding:1rem}.timeline-content.svelte-1k5j3j2{width:90%;margin-left:1.5rem!important;padding:1.2rem}.timeline-date.svelte-1k5j3j2{left:.8rem;font-size:.85rem}.timeline-content.svelte-1k5j3j2 h3:where(.svelte-1k5j3j2){font-size:1.2rem}.timeline-content.svelte-1k5j3j2 p:where(.svelte-1k5j3j2){font-size:.9rem}.project-card.svelte-1k5j3j2{padding:1rem;margin:0 .5rem}.project-image.svelte-1k5j3j2{height:160px}.tech-tag.svelte-1k5j3j2,.status-badge.svelte-1k5j3j2{font-size:.7rem;padding:.15rem .5rem}}@media (max-width: 480px){.portfolio-page.svelte-1k5j3j2{padding:.8rem}.timeline.svelte-1k5j3j2:before{left:.8rem}.timeline-content.svelte-1k5j3j2{width:92%;margin-left:1.2rem!important;padding:1rem}.timeline-date.svelte-1k5j3j2{left:.6rem;font-size:.8rem}.timeline-content.svelte-1k5j3j2 h3:where(.svelte-1k5j3j2){font-size:1.1rem}.timeline-content.svelte-1k5j3j2 p:where(.svelte-1k5j3j2){font-size:.85rem}.project-card.svelte-1k5j3j2{padding:.8rem;margin:0 .3rem}.project-image.svelte-1k5j3j2{height:140px}.tech-tag.svelte-1k5j3j2,.status-badge.svelte-1k5j3j2{font-size:.65rem;padding:.1rem .4rem}}