@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--noir: #0a0a0a;--blanc: #ffffff;--gris-clair: #f5f5f5;--gris-moyen: #888888;--gris-fonce: #333333;--accent: #d946a6;--accent-alt: #06b6d4;--font-titre: "Bodoni Moda", serif;--font-corps: "Inter", sans-serif;--duree: .4s;--easing: cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}body{background:var(--blanc);color:#000;font-family:var(--font-corps);line-height:1.6}p{color:#000}.proj-styliste .skip-link{position:absolute;top:-80px;left:0;z-index:200;overflow:hidden;clip-path:inset(50%);padding:8px 16px;width:auto;height:auto;background:var(--noir);color:var(--blanc);font-size:16px;text-decoration:none}.proj-styliste .skip-link:focus-visible{top:0;overflow:visible;clip-path:none;outline:2px solid var(--accent);outline-offset:2px}.proj-styliste .modal-dialog{position:fixed;border:none;border-radius:0;padding:0;width:90%;max-width:480px;background:transparent;box-shadow:none}.proj-styliste .modal-dialog[open]{display:flex;align-items:center;justify-content:center;inset:0;margin:auto;height:fit-content}.proj-styliste .modal-dialog::backdrop{background:#0a0a0ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.proj-styliste .modal-box{border:1px solid var(--gris-clair);padding:3.5rem 2.5rem;background:var(--blanc);text-align:center;align-items:center}.proj-styliste .modal-box h2{margin-bottom:1.5rem;font-family:var(--font-titre);font-size:2rem;font-weight:600;letter-spacing:-.01em}.proj-styliste .modal-box p{margin-bottom:2rem;color:#000;font-size:16px;line-height:1.8;text-align:center}.proj-styliste .modal-close{border:none;padding:.8rem 2.5rem;background:var(--noir);color:var(--blanc);font-family:var(--font-corps);font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--duree) var(--easing)}.proj-styliste .modal-close:hover{background:var(--accent);color:var(--blanc)}.proj-styliste .modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.proj-styliste .header{display:flex;position:fixed;top:0;right:0;left:0;z-index:100;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gris-clair);padding:1.2rem 5%;width:100%;height:70px;background:var(--blanc)}.proj-styliste .logo-wrap{display:flex;flex-direction:column;gap:4px}.proj-styliste .logo-nom{color:var(--noir);font-family:var(--font-titre);font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.proj-styliste .logo-metier{color:var(--gris-moyen);font-family:var(--font-corps);font-size:16px;letter-spacing:.15em;text-transform:uppercase}.proj-styliste .main-nav{display:flex;gap:3rem}.proj-styliste .nav-link{position:relative;border:none;padding:0;background:none;color:var(--noir);font-family:var(--font-corps);font-size:16px;font-weight:500;letter-spacing:.05em;cursor:pointer;text-decoration:none;transition:color var(--duree)}.proj-styliste .nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--duree) var(--easing)}.proj-styliste .nav-link:hover{color:var(--accent)}.proj-styliste .nav-link:hover:after{width:100%}.proj-styliste .nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.proj-styliste .header-cta{border:none;padding:.65rem 2rem;background:var(--accent);color:var(--blanc);font-family:var(--font-corps);font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all var(--duree) var(--easing)}.proj-styliste .header-cta:hover{background:var(--noir);transform:translateY(-2px)}.proj-styliste .header-cta:focus-visible{outline:2px solid var(--noir);outline-offset:2px}.proj-styliste .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:70px;padding:6rem 5%;min-height:90vh;gap:4rem;background:var(--blanc)}.proj-styliste .hero-text{display:flex;flex-direction:column;gap:2rem}.proj-styliste .hero-titre{color:var(--noir);font-family:var(--font-titre);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em}.proj-styliste .hero-titre-accent{display:block;color:var(--accent);font-style:italic;font-weight:600}.proj-styliste .hero-desc{color:#000;font-size:16px;line-height:1.9;text-align:justify}.proj-styliste .hero-image{position:relative;overflow:hidden;margin:0 auto;max-width:85%;aspect-ratio:1 / 1.2}.proj-styliste .hero-image img{width:100%;height:100%;object-fit:cover;animation:heroScale 1s var(--easing) forwards}@keyframes heroScale{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.proj-styliste .portfolio-section{padding:6rem 5%;background:var(--blanc)}.proj-styliste .portfolio-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:4rem;gap:2rem;flex-wrap:wrap}.proj-styliste .section-titre{color:var(--noir);font-family:var(--font-titre);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.proj-styliste .portfolio-filters{display:flex;gap:1.5rem}.proj-styliste .filter-btn{border:1px solid var(--gris-clair);padding:.7rem 1.6rem;background:transparent;color:var(--gris-moyen);font-family:var(--font-corps);font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--duree) var(--easing)}.proj-styliste .filter-btn:hover{border-color:var(--noir);color:var(--noir)}.proj-styliste .filter-btn.active{border-color:var(--noir);background:var(--noir);color:var(--blanc)}.proj-styliste .filter-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.proj-styliste .portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;list-style:none}.proj-styliste .portfolio-item{opacity:0;transform:translateY(20px);animation:itemReveal .6s var(--easing) var(--item-delay) forwards}@keyframes itemReveal{to{opacity:1;transform:translateY(0)}}.proj-styliste .project-figure{position:relative;overflow:hidden;aspect-ratio:350 / 420;background:var(--gris-clair);cursor:pointer}.proj-styliste .project-figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.95);transition:filter var(--duree),transform var(--duree)}.proj-styliste .project-figure:hover img{filter:saturate(1.15);transform:scale(1.03)}.proj-styliste .project-caption{display:flex;position:absolute;inset:0;flex-direction:column;justify-content:flex-end;padding:2.5rem 1.8rem 2rem;background:linear-gradient(to top,#0a0a0af2,#0a0a0a66);color:var(--blanc);opacity:0;transition:opacity var(--duree) var(--easing)}.proj-styliste .project-figure:hover .project-caption{opacity:1}.proj-styliste .project-titre{margin-bottom:.6rem;font-family:var(--font-titre);font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.proj-styliste .project-desc{margin-bottom:1.2rem;color:var(--blanc);font-size:16px;line-height:1.6;text-align:justify;opacity:.9}.proj-styliste .project-year{color:var(--accent);font-family:var(--font-corps);font-size:16px;letter-spacing:.1em;text-transform:uppercase}.proj-styliste .inspiration-section{padding:5rem 5%;background:var(--gris-clair);text-align:center}.proj-styliste .inspiration-list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2.5rem;gap:1.2rem;list-style:none}.proj-styliste .inspiration-tag{border:1px solid var(--noir);padding:.7rem 1.8rem;background:var(--blanc);color:var(--noir);font-family:var(--font-corps);font-size:16px;font-weight:500;letter-spacing:.05em;cursor:default;transition:all var(--duree) var(--easing)}.proj-styliste .inspiration-tag:hover{border-color:var(--accent);background:var(--accent);color:var(--blanc);transform:translateY(-2px)}.proj-styliste .process-section{padding:6rem 5%;background:var(--blanc)}.proj-styliste .process-timeline{position:relative;margin-top:3rem;list-style:none}.proj-styliste .process-step{display:grid;grid-template-columns:80px 1fr;padding:3rem 0;border-bottom:1px solid var(--gris-clair);opacity:0;transform:translate(-20px);gap:3rem;animation:stepReveal .7s var(--easing) forwards}@keyframes stepReveal{to{opacity:1;transform:translate(0)}}.proj-styliste .process-step:nth-child(1){animation-delay:.1s}.proj-styliste .process-step:nth-child(2){animation-delay:.2s}.proj-styliste .process-step:nth-child(3){animation-delay:.3s}.proj-styliste .process-step:nth-child(4){animation-delay:.4s}.proj-styliste .process-step:nth-child(5){animation-delay:.5s}.proj-styliste .step-num{color:var(--accent);font-family:var(--font-titre);font-size:2.5rem;font-weight:700;line-height:1}.proj-styliste .step-content{display:flex;flex-direction:column;gap:.8rem}.proj-styliste .step-titre{font-family:var(--font-titre);font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.proj-styliste .step-desc{color:#000;font-size:16px;line-height:1.8}.proj-styliste .about-section{padding:6rem 5%;background:var(--gris-clair)}.proj-styliste .about-content{display:flex;flex-direction:column;gap:3rem}.proj-styliste .about-text{display:flex;flex-direction:column;gap:1.8rem}.proj-styliste .about-text p{color:#000;font-size:16px;line-height:2;text-align:justify}.proj-styliste .about-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.proj-styliste .sidebar-block{border:1px solid #e0e0e0;padding:2.5rem;background:var(--blanc)}.proj-styliste .sidebar-titre{margin-bottom:1.5rem;font-family:var(--font-titre);font-size:1.2rem;font-weight:600;letter-spacing:-.01em}.proj-styliste .experience-list{display:flex;flex-direction:column;gap:1.8rem;list-style:none}.proj-styliste .exp-item{display:flex;flex-direction:column;gap:.4rem}.proj-styliste .exp-poste{color:var(--noir);font-family:var(--font-titre);font-size:16px;font-weight:600}.proj-styliste .exp-entreprise{color:var(--accent);font-size:16px}.proj-styliste .exp-periode{font-size:16px;letter-spacing:.05em}.proj-styliste .skills-list{display:flex;flex-direction:column;gap:.8rem;list-style:none}.proj-styliste .skills-list li{position:relative;padding-left:1.2rem;font-size:16px}.proj-styliste .skills-list li:before{content:"";position:absolute;top:50%;left:0;border-radius:50%;width:6px;height:6px;background:var(--accent);transform:translateY(-50%)}.proj-styliste .contact-section{scroll-margin-top:90px;padding:6rem 5%;background:var(--blanc);text-align:center}.proj-styliste .contact-desc{margin:0 auto 3rem;max-width:800px;color:#000;font-size:16px;line-height:1.8}.proj-styliste .contact-info{display:grid;grid-template-columns:repeat(2,1fr);margin-right:auto;margin-bottom:3rem;margin-left:auto;max-width:600px;gap:2rem;font-style:normal}.proj-styliste .contact-item{border-top:1px solid var(--gris-clair);padding-top:1.5rem}.proj-styliste .contact-label{display:block;margin-bottom:.5rem;color:var(--accent);font-family:var(--font-corps);font-size:16px;letter-spacing:.1em;text-transform:uppercase}.proj-styliste .contact-valeur{color:var(--noir);font-size:16px;font-weight:500}.proj-styliste .btn-contact{border:none;padding:1rem 2.8rem;background:var(--accent);color:var(--blanc);font-family:var(--font-corps);font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--duree) var(--easing)}.proj-styliste .btn-contact:hover{background:var(--noir);transform:translateY(-2px)}.proj-styliste .btn-contact:focus-visible{outline:2px solid var(--noir);outline-offset:2px}.proj-styliste .footer{padding:4rem 5% 2rem;background:var(--noir);color:#ffffffd9}.proj-styliste .footer-content{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:3rem;margin-bottom:3rem;gap:3rem}.proj-styliste .footer-col h3{margin-bottom:1.5rem;color:var(--accent);font-family:var(--font-titre);font-size:1.1rem;font-weight:600}.proj-styliste .footer-col p{color:#ffffffb3;font-size:16px;line-height:1.8;text-align:justify}.proj-styliste .footer-col ul{display:flex;flex-direction:column;gap:.8rem;list-style:none}.proj-styliste .footer-col ul li{color:#ffffffb3;font-size:16px}.proj-styliste .footer-link{border:none;padding:0;background:none;color:#ffffffb3;font-size:16px;cursor:pointer;text-align:left;text-decoration:none;transition:color var(--duree)}.proj-styliste .footer-link:hover{color:var(--accent)}.proj-styliste .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffff8c;font-size:16px;text-align:center}.proj-styliste .reveal{opacity:0;transform:translateY(20px);transition:all .8s var(--easing)}.proj-styliste .reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:767px){.proj-styliste .header{padding:1rem 5%;height:auto}.proj-styliste .main-nav{display:none}.proj-styliste .logo-nom{font-size:1.1rem}.proj-styliste .logo-metier{font-size:12px}.proj-styliste .header-cta{padding:.5rem 1.2rem;font-size:13px}.proj-styliste .hero{grid-template-columns:1fr;margin-top:90px;padding:3rem 6%;min-height:auto;gap:2.5rem}.proj-styliste .hero-titre{font-size:clamp(2rem,9vw,2.8rem)}.proj-styliste .hero-image{aspect-ratio:1 / 1}.proj-styliste .portfolio-section{padding:4rem 6%}.proj-styliste .portfolio-header{flex-direction:column;align-items:flex-start;margin-bottom:2.5rem;gap:1.5rem}.proj-styliste .portfolio-filters{flex-wrap:wrap;gap:.8rem}.proj-styliste .filter-btn{padding:.5rem 1.2rem;font-size:13px}.proj-styliste .portfolio-grid{grid-template-columns:1fr;gap:1.2rem}.proj-styliste .inspiration-section{padding:3rem 6%}.proj-styliste .process-section{padding:4rem 6%}.proj-styliste .process-step{grid-template-columns:50px 1fr;padding:2rem 0;gap:1.5rem}.proj-styliste .step-num{font-size:1.8rem}.proj-styliste .step-titre{font-size:1.15rem}.proj-styliste .about-section{padding:4rem 6%}.proj-styliste .about-content{gap:2rem}.proj-styliste .about-text p{text-align:justify}.proj-styliste .about-sidebar{grid-template-columns:1fr;gap:1.5rem}.proj-styliste .sidebar-block{padding:1.8rem}.proj-styliste .contact-section{padding:4rem 6%}.proj-styliste .contact-info{grid-template-columns:1fr;margin-bottom:2.5rem;gap:1.5rem}.proj-styliste .btn-contact{padding:.9rem 2rem;width:100%}.proj-styliste .footer{padding:3rem 6% 1.5rem}.proj-styliste .footer-content{grid-template-columns:1fr;gap:2.2rem}.proj-styliste .footer-col p,.proj-styliste .footer-col ul li{text-align:left}.proj-styliste .modal-box{padding:2.5rem 1.5rem}.proj-styliste .modal-box h2{font-size:1.6rem}}@media screen and (min-width:768px)and (max-width:1023px){.proj-styliste .header{padding:1rem 4%;gap:1rem}.proj-styliste .logo-metier{font-size:11px}.proj-styliste .main-nav{gap:1.2rem}.proj-styliste .nav-link{font-size:14px;white-space:nowrap}.proj-styliste .header-cta{padding:.55rem 1.3rem;font-size:13px;white-space:nowrap}.proj-styliste .hero{grid-template-columns:1fr;padding:4rem 6%;min-height:auto;gap:3rem}.proj-styliste .hero-image{aspect-ratio:16 / 10}.proj-styliste .portfolio-section{padding:5rem 6%}.proj-styliste .portfolio-header{margin-bottom:3rem}.proj-styliste .portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.3rem}.proj-styliste .process-section{padding:5rem 6%}.proj-styliste .process-step{grid-template-columns:65px 1fr;gap:2rem}.proj-styliste .about-section{padding:5rem 6%}.proj-styliste .about-sidebar{grid-template-columns:repeat(2,1fr);gap:1.8rem}.proj-styliste .sidebar-block{padding:2rem}.proj-styliste .contact-section{padding:5rem 6%}.proj-styliste .contact-info{max-width:100%}.proj-styliste .footer-content{grid-template-columns:repeat(2,1fr);gap:2.5rem}}