Section \u2014 Banni\u00e8re hero (tout en haut)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<div class=\"photo-slot top-banner-photo\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-48.jpg\" alt=\"Cours collectif Studio Aelia\">\n <div class=\"top-banner-overlay\">\n <span class=\"section-tag\">Le Stud<\/span>\n <h2>Communication digitale pour studios Pilates, yoga, fitness & bien-\u00eatre.<\/h2>\n <\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-89ec688 e-con e-atomic-element e-flexbox-base e-89ec688-3d307fd\" data-id=\"89ec688\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"89ec688\">\n \t\t<div class=\"elementor-element elementor-element-d5467fb elementor-widget elementor-widget-html\" data-id=\"d5467fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Hero (titre + photo)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<div class=\"hero\">\n <div class=\"wrap\">\n <div class=\"hero-eyebrow\"><span class=\"rec\"><\/span> Agence de communication digitale \u2014 studios Pilates, yoga, fitness & bien-\u00eatre<\/div>\n <h1>Votre studio m\u00e9rite une pr\u00e9sence digitale <em>\u00e0 la hauteur de vos cours.<\/em><\/h1>\n <p class=\"hero-sub\">Site web, r\u00e9seaux sociaux, strat\u00e9gie digitale, identit\u00e9 visuelle et contenu : on s'occupe de toute la communication de votre lieu, pour que votre communaut\u00e9 grandisse au m\u00eame rythme que vos cours.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn-primary\">R\u00e9serve ton appel<\/a>\n <a href=\"#services\" class=\"btn-ghost\">Voir nos services<\/a>\n <\/div>\n <\/div>\n \n <div class=\"photo-slot hero-photo-full\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-22.jpg\" alt=\"Cours collectif avec ballons de Pilates\">\n <\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ea4c6dd e-con e-atomic-element e-flexbox-base e-ea4c6dd-e645488\" data-id=\"ea4c6dd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea4c6dd\">\n \t\t<div class=\"elementor-element elementor-element-0a7d2d2 elementor-widget elementor-widget-html\" data-id=\"0a7d2d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Intro<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap intro-block\">\n <span class=\"section-tag\">C'est quoi Le Stud ?<\/span>\n <h2>On fait rayonner votre studio.<\/h2>\n <p>Hello ! On est Le Stud, une agence de communication digitale qui accompagne les studios de Pilates, yoga et bien-\u00eatre dans toute leur pr\u00e9sence en ligne.<\/p>\n <p><strong>Notre objectif ?<\/strong> Vous aider \u00e0 remplir vos cours et \u00e0 augmenter votre notori\u00e9t\u00e9 gr\u00e2ce \u00e0 un site qui convertit, des r\u00e9seaux anim\u00e9s avec r\u00e9gularit\u00e9 et une strat\u00e9gie digitale qui a du sens.<\/p>\n <a href=\"#services\" class=\"btn-primary\">C'est quoi Le Stud ?<\/a>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8a63ef5 e-con e-atomic-element e-flexbox-base e-865d154\" data-id=\"8a63ef5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8a63ef5\">\n \t\t<div class=\"elementor-element elementor-element-93731b7 elementor-widget elementor-widget-html\" data-id=\"93731b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Bandeau services d\u00e9filant<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<div class=\"marquee-wrap\">\n <div class=\"marquee\">\n <span>Site web<\/span><span class=\"dot\">●<\/span>\n <span>R\u00e9seaux sociaux<\/span><span class=\"dot\">●<\/span>\n <span>Strat\u00e9gie digitale<\/span><span class=\"dot\">●<\/span>\n <span>Identit\u00e9 visuelle<\/span><span class=\"dot\">●<\/span>\n <span>Contenu & vid\u00e9o<\/span><span class=\"dot\">●<\/span>\n <span>Site web<\/span><span class=\"dot\">●<\/span>\n <span>R\u00e9seaux sociaux<\/span><span class=\"dot\">●<\/span>\n <span>Strat\u00e9gie digitale<\/span><span class=\"dot\">●<\/span>\n <span>Identit\u00e9 visuelle<\/span><span class=\"dot\">●<\/span>\n <span>Contenu & vid\u00e9o<\/span><span class=\"dot\">●<\/span>\n <\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ef3a631 e-con e-atomic-element e-flexbox-base e-a7f6667\" data-id=\"ef3a631\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ef3a631\">\n \t\t<div class=\"elementor-element elementor-element-abb49ff elementor-widget elementor-widget-html\" data-id=\"abb49ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Grille services<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"services\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Services<\/span>\n <h2>Tout ce qu'on met en place pour vous.<\/h2>\n <\/div>\n <p class=\"section-note\">Chaque prestation est pens\u00e9e pour un lieu qui vit \u2014 pas pour un produit fig\u00e9.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <span class=\"service-num\">01<\/span>\n <h3>Site web<\/h3>\n <p>Cr\u00e9ation ou refonte de votre site vitrine ou de r\u00e9servation, pens\u00e9 pour convertir les visiteurs en \u00e9l\u00e8ves ou en clients.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">02<\/span>\n <h3>R\u00e9seaux sociaux<\/h3>\n <p>Gestion et animation de vos comptes Instagram et TikTok, calendrier \u00e9ditorial et community management au quotidien.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">03<\/span>\n <h3>Strat\u00e9gie digitale<\/h3>\n <p>Positionnement, ligne \u00e9ditoriale, plan d'acquisition : on structure votre pr\u00e9sence en ligne avant de produire quoi que ce soit.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">04<\/span>\n <h3>Identit\u00e9 visuelle<\/h3>\n <p>Palette, typographie, logo, gabarits de publication : un univers graphique coh\u00e9rent sur tous vos supports.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">05<\/span>\n <h3>Contenu & vid\u00e9o<\/h3>\n <p>Photo et vid\u00e9o de vos cours et de vos lieux, formats courts pour les r\u00e9seaux, \u00e0 int\u00e9grer dans votre strat\u00e9gie globale.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">06<\/span>\n <h3>Accompagnement r\u00e9current<\/h3>\n <p>Un rythme mensuel qui couvre site, r\u00e9seaux et contenu ensemble, pour ne jamais laisser votre communication en pause.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-62fda0d e-con e-atomic-element e-flexbox-base e-7a5d9ff\" data-id=\"62fda0d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"62fda0d\">\n \t\t<div class=\"elementor-element elementor-element-94d9f36 elementor-widget elementor-widget-html\" data-id=\"94d9f36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Bandeau pourquoi nous choisir<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"split-banner\">\n <div class=\"split-grid\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-21.jpg\" alt=\"Exercice avec ballon de Pilates\">\n <\/div>\n <div class=\"split-content\">\n <span class=\"section-tag\">Pourquoi nous choisir<\/span>\n <h2>Une agence qui parle vraiment votre langage.<\/h2>\n <div class=\"reason-list\">\n <div class=\"reason-item\"><span>\u00c9coute<\/span><span class=\"arrow\">\u2192<\/span><\/div>\n <div class=\"reason-item\"><span>Expertise<\/span><span class=\"arrow\">\u2192<\/span><\/div>\n <div class=\"reason-item\"><span>R\u00e9sultats<\/span><span class=\"arrow\">\u2192<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4b0df44 e-con e-atomic-element e-flexbox-base e-4d5c64d\" data-id=\"4b0df44\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b0df44\">\n \t\t<div class=\"elementor-element elementor-element-5cf18d9 elementor-widget elementor-widget-html\" data-id=\"5cf18d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Nos partenaires<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Nos partenaires<\/span>\n <h2>On ne fait pas tout seuls.<\/h2>\n <\/div>\n <p class=\"section-note\">Un r\u00e9seau de prestataires de confiance pour couvrir tous les besoins de votre communication.<\/p>\n <\/div>\n \n <div class=\"partners-grid\">\n <div>\n <img decoding=\"async\" class=\"partner-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1633332755192-727a05c4013d?q=80&w=200&auto=format&fit=crop\" alt=\"Partenaire 1\">\n <div class=\"partner-name\">Nom Pr\u00e9nom<\/div>\n <div class=\"partner-role\">Photographe \/ Vid\u00e9aste<\/div>\n <\/div>\n <div>\n <img decoding=\"async\" class=\"partner-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1607990283143-e81e7a2c9349?q=80&w=200&auto=format&fit=crop\" alt=\"Partenaire 2\">\n <div class=\"partner-name\">Nom Pr\u00e9nom<\/div>\n <div class=\"partner-role\">D\u00e9veloppeur web<\/div>\n <\/div>\n <div>\n <img decoding=\"async\" class=\"partner-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?q=80&w=200&auto=format&fit=crop\" alt=\"Partenaire 3\">\n <div class=\"partner-name\">Nom Pr\u00e9nom<\/div>\n <div class=\"partner-role\">R\u00e9dactrice<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d86dfaf e-con e-atomic-element e-flexbox-base e-a76d49f\" data-id=\"d86dfaf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d86dfaf\">\n \t\t<div class=\"elementor-element elementor-element-950aed7 elementor-widget elementor-widget-html\" data-id=\"950aed7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 M\u00e9thode<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section class=\"process\">\n <div class=\"wrap process-grid\">\n <div>\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">M\u00e9thode<\/span>\n <h2>De l'id\u00e9e \u00e0 la mise en ligne.<\/h2>\n <\/div>\n <\/div>\n <div class=\"process-list\">\n <div class=\"process-row\">\n <span class=\"tc-code\">00:01<\/span>\n <h3>Diagnostic<\/h3>\n <p>On regarde ce qui existe d\u00e9j\u00e0 \u2014 site, r\u00e9seaux, image \u2014 et ce qui manque pour attirer et fid\u00e9liser vos \u00e9l\u00e8ves.<\/p>\n <\/div>\n <div class=\"process-row\">\n <span class=\"tc-code\">00:02<\/span>\n <h3>Strat\u00e9gie<\/h3>\n <p>On d\u00e9finit un positionnement clair et un plan d'action prioris\u00e9 : site, r\u00e9seaux, contenu, dans le bon ordre.<\/p>\n <\/div>\n <div class=\"process-row\">\n <span class=\"tc-code\">00:03<\/span>\n <h3>Cr\u00e9ation<\/h3>\n <p>Site, identit\u00e9 visuelle, photo et vid\u00e9o : on produit les supports qui portent votre communication.<\/p>\n <\/div>\n <div class=\"process-row\">\n <span class=\"tc-code\">00:04<\/span>\n <h3>Pilotage<\/h3>\n <p>Publication, animation des r\u00e9seaux et suivi des r\u00e9sultats, mois apr\u00e8s mois, pour ajuster ce qui fonctionne.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"photo-slot process-photo\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-39.jpg\" alt=\"S\u00e9ance de Pilates en studio\">\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-96da0ac e-con e-atomic-element e-flexbox-base e-5d1d090\" data-id=\"96da0ac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96da0ac\">\n \t\t<div class=\"elementor-element elementor-element-f625f07 elementor-widget elementor-widget-html\" data-id=\"f625f07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Nos clients + carrousel logos<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"clients\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Nos clients<\/span>\n <h2>Ils nous font confiance, voici comment.<\/h2>\n <\/div>\n <p class=\"section-note\">Quelques exemples de collaborations, racont\u00e9s comme de vraies \u00e9tudes de cas.<\/p>\n <\/div>\n\n \n <div class=\"case-studies-grid\">\n <div class=\"case-card\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-32.jpg\" alt=\"Studio Aelia\">\n <\/div>\n <div class=\"case-card-body\">\n <span class=\"case-tag\">\u00c9tude de cas<\/span>\n <h3>Studio Aelia \u2014 refonte de site & strat\u00e9gie Instagram<\/h3>\n <p>Un nouveau site de r\u00e9servation et une ligne \u00e9ditoriale pens\u00e9e pour remplir les cours du matin.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'\u00e9tude de cas \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"case-card\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-43.jpg\" alt=\"Le Studio\">\n <\/div>\n <div class=\"case-card-body\">\n <span class=\"case-tag\">\u00c9tude de cas<\/span>\n <h3>Le Studio \u2014 accompagnement r\u00e9seaux sociaux<\/h3>\n <p>Un calendrier \u00e9ditorial mensuel et une communaut\u00e9 qui a doubl\u00e9 en six mois de collaboration.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'\u00e9tude de cas \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"case-card\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-42.jpg\" alt=\"Natif\">\n <\/div>\n <div class=\"case-card-body\">\n <span class=\"case-tag\">\u00c9tude de cas<\/span>\n <h3>Natif \u2014 identit\u00e9 visuelle & contenu de marque<\/h3>\n <p>Une nouvelle direction artistique et des formats vid\u00e9o pens\u00e9s pour les r\u00e9seaux sociaux.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'\u00e9tude de cas \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"logo-carousel-wrap\">\n <div class=\"logo-carousel\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-1.png\" alt=\"Studio Aelia\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-2.png\" alt=\"Le Studio\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-3.png\" alt=\"Natif\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-1.png\" alt=\"Studio Aelia\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-2.png\" alt=\"Le Studio\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-3.png\" alt=\"Natif\">\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-958943e e-con e-atomic-element e-flexbox-base e-b90652d\" data-id=\"958943e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"958943e\">\n \t\t<div class=\"elementor-element elementor-element-9b26b90 elementor-widget elementor-widget-html\" data-id=\"9b26b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 \u00c9quipe<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"equipe\">\n <div class=\"wrap team-teaser\">\n <div class=\"photo-slot team-photo\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-16.jpg\" alt=\"Instructrice en studio\">\n <\/div>\n <div class=\"team-copy\">\n <span class=\"section-tag\">\u00c9quipe<\/span>\n <h2>Une \u00e9quipe qui conna\u00eet vos m\u00e9tiers de l'int\u00e9rieur.<\/h2>\n <p>On ne d\u00e9barque pas de l'ext\u00e9rieur : on comprend le rythme d'un cours, les contraintes d'un planning, ce qui fait revenir un \u00e9l\u00e8ve. \u00c7a change tout, que ce soit pour construire un site, animer des r\u00e9seaux ou tourner une vid\u00e9o.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Rencontrer l'\u00e9quipe<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f1e9726 e-con e-atomic-element e-flexbox-base e-48b5636\" data-id=\"f1e9726\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f1e9726\">\n \t\t<div class=\"elementor-element elementor-element-7239e4c elementor-widget elementor-widget-html\" data-id=\"7239e4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Banni\u00e8re CTA photo<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"cta-photo-banner\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-28.jpg\" alt=\"Cours collectif Pilates\">\n <\/div>\n <div class=\"cta-photo-overlay\">\n <span class=\"section-tag\">Envie d'en savoir plus ?<\/span>\n <h2>Parlons de votre projet.<\/h2>\n <a href=\"#contact\" class=\"btn-primary\">On s'appelle<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-af371e2 e-con e-atomic-element e-flexbox-base e-4b214ff\" data-id=\"af371e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af371e2\">\n \t\t<div class=\"elementor-element elementor-element-0ffdc70 elementor-widget elementor-widget-html\" data-id=\"0ffdc70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Blog<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Actus & conseils<\/span>\n <h2>Tout pour comprendre votre communication.<\/h2>\n <\/div>\n <\/div>\n \n <div class=\"blog-grid\">\n <div class=\"blog-card\">\n <div class=\"photo-slot\">\n <span class=\"slot-badge\">Photo \u2014 ratio 4:3<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?q=80&w=700&auto=format&fit=crop\" alt=\"Article blog 1\">\n <\/div>\n <span class=\"blog-date\">12 juillet 2026<\/span>\n <h3>Pourquoi votre studio a besoin d'un vrai site web<\/h3>\n <p>Les r\u00e9seaux sociaux ne suffisent plus : voici pourquoi un site reste le point d'ancrage de votre communication.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'article \u2192<\/a>\n <\/div>\n <div class=\"blog-card\">\n <div class=\"photo-slot\">\n <span class=\"slot-badge\">Photo \u2014 ratio 4:3<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?q=80&w=700&auto=format&fit=crop\" alt=\"Article blog 2\">\n <\/div>\n <span class=\"blog-date\">1 juillet 2026<\/span>\n <h3>Comment une identit\u00e9 visuelle coh\u00e9rente aide votre studio<\/h3>\n <p>Palette, typographie, photos : ce qui fait qu'on reconna\u00eet votre studio au premier coup d'\u0153il.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'article \u2192<\/a>\n <\/div>\n <div class=\"blog-card\">\n <div class=\"photo-slot\">\n <span class=\"slot-badge\">Photo \u2014 ratio 4:3<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?q=80&w=700&auto=format&fit=crop\" alt=\"Article blog 3\">\n <\/div>\n <span class=\"blog-date\">18 juin 2026<\/span>\n <h3>R\u00e9seaux sociaux : \u00e0 quel rythme publier pour un studio ?<\/h3>\n <p>Le bon rythme de publication pour rester visible sans \u00e9puiser votre \u00e9quipe ni votre communaut\u00e9.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'article \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-01a70fa e-con e-atomic-element e-flexbox-base e-2f44bdb\" data-id=\"01a70fa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01a70fa\">\n \t\t<div class=\"elementor-element elementor-element-617fc9d elementor-widget elementor-widget-html\" data-id=\"617fc9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Tarifs<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"tarifs\">\n <div class=\"wrap\">\n <div class=\"pricing-teaser\">\n <div>\n <span class=\"section-tag\">Tarifs<\/span>\n <h2>Des formules claires, sans surprise \u00e0 la facture.<\/h2>\n <\/div>\n <a href=\"#\" class=\"btn-primary\">Voir les formules<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bb1598b e-con e-atomic-element e-flexbox-base e-eb55d26\" data-id=\"bb1598b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bb1598b\">\n \t\t<div class=\"elementor-element elementor-element-f1cd349 elementor-widget elementor-widget-html\" data-id=\"f1cd349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Contact final<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"contact\" class=\"final-cta\">\n <div class=\"wrap\">\n <span class=\"section-tag\">Contact<\/span>\n <h2>Faites le premier pas vers votre succ\u00e8s aujourd'hui.<\/h2>\n <a href=\"#\" class=\"btn-primary\">R\u00e9serve ton appel<\/a>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Section \u2014 Banni\u00e8re hero (tout en haut) Le Stud Communication digitale pour studios Pilates, yoga, fitness & bien-\u00eatre. Section \u2014 Hero (titre + photo) Agence de communication digitale \u2014 studios Pilates, yoga, fitness & bien-\u00eatre Votre studio m\u00e9rite une pr\u00e9sence digitale \u00e0 la hauteur de vos cours. Site web, r\u00e9seaux sociaux, strat\u00e9gie digitale, identit\u00e9 visuelle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":31,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":428,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages\/209\/revisions\/428"}],"wp:attachment":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\nSection \u2014 Banni\u00e8re hero (tout en haut)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<div class=\"photo-slot top-banner-photo\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-48.jpg\" alt=\"Cours collectif Studio Aelia\">\n <div class=\"top-banner-overlay\">\n <span class=\"section-tag\">Le Stud<\/span>\n <h2>Communication digitale pour studios Pilates, yoga, fitness & bien-\u00eatre.<\/h2>\n <\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-89ec688 e-con e-atomic-element e-flexbox-base e-89ec688-3d307fd\" data-id=\"89ec688\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"89ec688\">\n \t\t<div class=\"elementor-element elementor-element-d5467fb elementor-widget elementor-widget-html\" data-id=\"d5467fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Hero (titre + photo)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<div class=\"hero\">\n <div class=\"wrap\">\n <div class=\"hero-eyebrow\"><span class=\"rec\"><\/span> Agence de communication digitale \u2014 studios Pilates, yoga, fitness & bien-\u00eatre<\/div>\n <h1>Votre studio m\u00e9rite une pr\u00e9sence digitale <em>\u00e0 la hauteur de vos cours.<\/em><\/h1>\n <p class=\"hero-sub\">Site web, r\u00e9seaux sociaux, strat\u00e9gie digitale, identit\u00e9 visuelle et contenu : on s'occupe de toute la communication de votre lieu, pour que votre communaut\u00e9 grandisse au m\u00eame rythme que vos cours.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn-primary\">R\u00e9serve ton appel<\/a>\n <a href=\"#services\" class=\"btn-ghost\">Voir nos services<\/a>\n <\/div>\n <\/div>\n \n <div class=\"photo-slot hero-photo-full\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-22.jpg\" alt=\"Cours collectif avec ballons de Pilates\">\n <\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ea4c6dd e-con e-atomic-element e-flexbox-base e-ea4c6dd-e645488\" data-id=\"ea4c6dd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea4c6dd\">\n \t\t<div class=\"elementor-element elementor-element-0a7d2d2 elementor-widget elementor-widget-html\" data-id=\"0a7d2d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Intro<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap intro-block\">\n <span class=\"section-tag\">C'est quoi Le Stud ?<\/span>\n <h2>On fait rayonner votre studio.<\/h2>\n <p>Hello ! On est Le Stud, une agence de communication digitale qui accompagne les studios de Pilates, yoga et bien-\u00eatre dans toute leur pr\u00e9sence en ligne.<\/p>\n <p><strong>Notre objectif ?<\/strong> Vous aider \u00e0 remplir vos cours et \u00e0 augmenter votre notori\u00e9t\u00e9 gr\u00e2ce \u00e0 un site qui convertit, des r\u00e9seaux anim\u00e9s avec r\u00e9gularit\u00e9 et une strat\u00e9gie digitale qui a du sens.<\/p>\n <a href=\"#services\" class=\"btn-primary\">C'est quoi Le Stud ?<\/a>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8a63ef5 e-con e-atomic-element e-flexbox-base e-865d154\" data-id=\"8a63ef5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8a63ef5\">\n \t\t<div class=\"elementor-element elementor-element-93731b7 elementor-widget elementor-widget-html\" data-id=\"93731b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Bandeau services d\u00e9filant<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<div class=\"marquee-wrap\">\n <div class=\"marquee\">\n <span>Site web<\/span><span class=\"dot\">●<\/span>\n <span>R\u00e9seaux sociaux<\/span><span class=\"dot\">●<\/span>\n <span>Strat\u00e9gie digitale<\/span><span class=\"dot\">●<\/span>\n <span>Identit\u00e9 visuelle<\/span><span class=\"dot\">●<\/span>\n <span>Contenu & vid\u00e9o<\/span><span class=\"dot\">●<\/span>\n <span>Site web<\/span><span class=\"dot\">●<\/span>\n <span>R\u00e9seaux sociaux<\/span><span class=\"dot\">●<\/span>\n <span>Strat\u00e9gie digitale<\/span><span class=\"dot\">●<\/span>\n <span>Identit\u00e9 visuelle<\/span><span class=\"dot\">●<\/span>\n <span>Contenu & vid\u00e9o<\/span><span class=\"dot\">●<\/span>\n <\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ef3a631 e-con e-atomic-element e-flexbox-base e-a7f6667\" data-id=\"ef3a631\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ef3a631\">\n \t\t<div class=\"elementor-element elementor-element-abb49ff elementor-widget elementor-widget-html\" data-id=\"abb49ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Grille services<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"services\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Services<\/span>\n <h2>Tout ce qu'on met en place pour vous.<\/h2>\n <\/div>\n <p class=\"section-note\">Chaque prestation est pens\u00e9e pour un lieu qui vit \u2014 pas pour un produit fig\u00e9.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <span class=\"service-num\">01<\/span>\n <h3>Site web<\/h3>\n <p>Cr\u00e9ation ou refonte de votre site vitrine ou de r\u00e9servation, pens\u00e9 pour convertir les visiteurs en \u00e9l\u00e8ves ou en clients.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">02<\/span>\n <h3>R\u00e9seaux sociaux<\/h3>\n <p>Gestion et animation de vos comptes Instagram et TikTok, calendrier \u00e9ditorial et community management au quotidien.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">03<\/span>\n <h3>Strat\u00e9gie digitale<\/h3>\n <p>Positionnement, ligne \u00e9ditoriale, plan d'acquisition : on structure votre pr\u00e9sence en ligne avant de produire quoi que ce soit.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">04<\/span>\n <h3>Identit\u00e9 visuelle<\/h3>\n <p>Palette, typographie, logo, gabarits de publication : un univers graphique coh\u00e9rent sur tous vos supports.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">05<\/span>\n <h3>Contenu & vid\u00e9o<\/h3>\n <p>Photo et vid\u00e9o de vos cours et de vos lieux, formats courts pour les r\u00e9seaux, \u00e0 int\u00e9grer dans votre strat\u00e9gie globale.<\/p>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">06<\/span>\n <h3>Accompagnement r\u00e9current<\/h3>\n <p>Un rythme mensuel qui couvre site, r\u00e9seaux et contenu ensemble, pour ne jamais laisser votre communication en pause.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-62fda0d e-con e-atomic-element e-flexbox-base e-7a5d9ff\" data-id=\"62fda0d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"62fda0d\">\n \t\t<div class=\"elementor-element elementor-element-94d9f36 elementor-widget elementor-widget-html\" data-id=\"94d9f36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Bandeau pourquoi nous choisir<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"split-banner\">\n <div class=\"split-grid\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-21.jpg\" alt=\"Exercice avec ballon de Pilates\">\n <\/div>\n <div class=\"split-content\">\n <span class=\"section-tag\">Pourquoi nous choisir<\/span>\n <h2>Une agence qui parle vraiment votre langage.<\/h2>\n <div class=\"reason-list\">\n <div class=\"reason-item\"><span>\u00c9coute<\/span><span class=\"arrow\">\u2192<\/span><\/div>\n <div class=\"reason-item\"><span>Expertise<\/span><span class=\"arrow\">\u2192<\/span><\/div>\n <div class=\"reason-item\"><span>R\u00e9sultats<\/span><span class=\"arrow\">\u2192<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4b0df44 e-con e-atomic-element e-flexbox-base e-4d5c64d\" data-id=\"4b0df44\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b0df44\">\n \t\t<div class=\"elementor-element elementor-element-5cf18d9 elementor-widget elementor-widget-html\" data-id=\"5cf18d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Nos partenaires<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Nos partenaires<\/span>\n <h2>On ne fait pas tout seuls.<\/h2>\n <\/div>\n <p class=\"section-note\">Un r\u00e9seau de prestataires de confiance pour couvrir tous les besoins de votre communication.<\/p>\n <\/div>\n \n <div class=\"partners-grid\">\n <div>\n <img decoding=\"async\" class=\"partner-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1633332755192-727a05c4013d?q=80&w=200&auto=format&fit=crop\" alt=\"Partenaire 1\">\n <div class=\"partner-name\">Nom Pr\u00e9nom<\/div>\n <div class=\"partner-role\">Photographe \/ Vid\u00e9aste<\/div>\n <\/div>\n <div>\n <img decoding=\"async\" class=\"partner-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1607990283143-e81e7a2c9349?q=80&w=200&auto=format&fit=crop\" alt=\"Partenaire 2\">\n <div class=\"partner-name\">Nom Pr\u00e9nom<\/div>\n <div class=\"partner-role\">D\u00e9veloppeur web<\/div>\n <\/div>\n <div>\n <img decoding=\"async\" class=\"partner-avatar\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?q=80&w=200&auto=format&fit=crop\" alt=\"Partenaire 3\">\n <div class=\"partner-name\">Nom Pr\u00e9nom<\/div>\n <div class=\"partner-role\">R\u00e9dactrice<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d86dfaf e-con e-atomic-element e-flexbox-base e-a76d49f\" data-id=\"d86dfaf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d86dfaf\">\n \t\t<div class=\"elementor-element elementor-element-950aed7 elementor-widget elementor-widget-html\" data-id=\"950aed7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 M\u00e9thode<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section class=\"process\">\n <div class=\"wrap process-grid\">\n <div>\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">M\u00e9thode<\/span>\n <h2>De l'id\u00e9e \u00e0 la mise en ligne.<\/h2>\n <\/div>\n <\/div>\n <div class=\"process-list\">\n <div class=\"process-row\">\n <span class=\"tc-code\">00:01<\/span>\n <h3>Diagnostic<\/h3>\n <p>On regarde ce qui existe d\u00e9j\u00e0 \u2014 site, r\u00e9seaux, image \u2014 et ce qui manque pour attirer et fid\u00e9liser vos \u00e9l\u00e8ves.<\/p>\n <\/div>\n <div class=\"process-row\">\n <span class=\"tc-code\">00:02<\/span>\n <h3>Strat\u00e9gie<\/h3>\n <p>On d\u00e9finit un positionnement clair et un plan d'action prioris\u00e9 : site, r\u00e9seaux, contenu, dans le bon ordre.<\/p>\n <\/div>\n <div class=\"process-row\">\n <span class=\"tc-code\">00:03<\/span>\n <h3>Cr\u00e9ation<\/h3>\n <p>Site, identit\u00e9 visuelle, photo et vid\u00e9o : on produit les supports qui portent votre communication.<\/p>\n <\/div>\n <div class=\"process-row\">\n <span class=\"tc-code\">00:04<\/span>\n <h3>Pilotage<\/h3>\n <p>Publication, animation des r\u00e9seaux et suivi des r\u00e9sultats, mois apr\u00e8s mois, pour ajuster ce qui fonctionne.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"photo-slot process-photo\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-39.jpg\" alt=\"S\u00e9ance de Pilates en studio\">\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-96da0ac e-con e-atomic-element e-flexbox-base e-5d1d090\" data-id=\"96da0ac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96da0ac\">\n \t\t<div class=\"elementor-element elementor-element-f625f07 elementor-widget elementor-widget-html\" data-id=\"f625f07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Nos clients + carrousel logos<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"clients\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Nos clients<\/span>\n <h2>Ils nous font confiance, voici comment.<\/h2>\n <\/div>\n <p class=\"section-note\">Quelques exemples de collaborations, racont\u00e9s comme de vraies \u00e9tudes de cas.<\/p>\n <\/div>\n\n \n <div class=\"case-studies-grid\">\n <div class=\"case-card\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-32.jpg\" alt=\"Studio Aelia\">\n <\/div>\n <div class=\"case-card-body\">\n <span class=\"case-tag\">\u00c9tude de cas<\/span>\n <h3>Studio Aelia \u2014 refonte de site & strat\u00e9gie Instagram<\/h3>\n <p>Un nouveau site de r\u00e9servation et une ligne \u00e9ditoriale pens\u00e9e pour remplir les cours du matin.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'\u00e9tude de cas \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"case-card\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-43.jpg\" alt=\"Le Studio\">\n <\/div>\n <div class=\"case-card-body\">\n <span class=\"case-tag\">\u00c9tude de cas<\/span>\n <h3>Le Studio \u2014 accompagnement r\u00e9seaux sociaux<\/h3>\n <p>Un calendrier \u00e9ditorial mensuel et une communaut\u00e9 qui a doubl\u00e9 en six mois de collaboration.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'\u00e9tude de cas \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"case-card\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-42.jpg\" alt=\"Natif\">\n <\/div>\n <div class=\"case-card-body\">\n <span class=\"case-tag\">\u00c9tude de cas<\/span>\n <h3>Natif \u2014 identit\u00e9 visuelle & contenu de marque<\/h3>\n <p>Une nouvelle direction artistique et des formats vid\u00e9o pens\u00e9s pour les r\u00e9seaux sociaux.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'\u00e9tude de cas \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"logo-carousel-wrap\">\n <div class=\"logo-carousel\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-1.png\" alt=\"Studio Aelia\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-2.png\" alt=\"Le Studio\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-3.png\" alt=\"Natif\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-1.png\" alt=\"Studio Aelia\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-2.png\" alt=\"Le Studio\">\n <img decoding=\"async\" src=\"REMPLACE-PAR-TON-LOGO-3.png\" alt=\"Natif\">\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-958943e e-con e-atomic-element e-flexbox-base e-b90652d\" data-id=\"958943e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"958943e\">\n \t\t<div class=\"elementor-element elementor-element-9b26b90 elementor-widget elementor-widget-html\" data-id=\"9b26b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 \u00c9quipe<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"equipe\">\n <div class=\"wrap team-teaser\">\n <div class=\"photo-slot team-photo\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-16.jpg\" alt=\"Instructrice en studio\">\n <\/div>\n <div class=\"team-copy\">\n <span class=\"section-tag\">\u00c9quipe<\/span>\n <h2>Une \u00e9quipe qui conna\u00eet vos m\u00e9tiers de l'int\u00e9rieur.<\/h2>\n <p>On ne d\u00e9barque pas de l'ext\u00e9rieur : on comprend le rythme d'un cours, les contraintes d'un planning, ce qui fait revenir un \u00e9l\u00e8ve. \u00c7a change tout, que ce soit pour construire un site, animer des r\u00e9seaux ou tourner une vid\u00e9o.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Rencontrer l'\u00e9quipe<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f1e9726 e-con e-atomic-element e-flexbox-base e-48b5636\" data-id=\"f1e9726\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f1e9726\">\n \t\t<div class=\"elementor-element elementor-element-7239e4c elementor-widget elementor-widget-html\" data-id=\"7239e4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Banni\u00e8re CTA photo<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"cta-photo-banner\">\n <div class=\"photo-slot\">\n <img decoding=\"async\" src=\"https:\/\/lestud.fr\/wp-content\/themes\/le-stud-theme\/assets\/img\/shootaelia-28.jpg\" alt=\"Cours collectif Pilates\">\n <\/div>\n <div class=\"cta-photo-overlay\">\n <span class=\"section-tag\">Envie d'en savoir plus ?<\/span>\n <h2>Parlons de votre projet.<\/h2>\n <a href=\"#contact\" class=\"btn-primary\">On s'appelle<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-af371e2 e-con e-atomic-element e-flexbox-base e-4b214ff\" data-id=\"af371e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af371e2\">\n \t\t<div class=\"elementor-element elementor-element-0ffdc70 elementor-widget elementor-widget-html\" data-id=\"0ffdc70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Blog<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div>\n <span class=\"section-tag\">Actus & conseils<\/span>\n <h2>Tout pour comprendre votre communication.<\/h2>\n <\/div>\n <\/div>\n \n <div class=\"blog-grid\">\n <div class=\"blog-card\">\n <div class=\"photo-slot\">\n <span class=\"slot-badge\">Photo \u2014 ratio 4:3<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?q=80&w=700&auto=format&fit=crop\" alt=\"Article blog 1\">\n <\/div>\n <span class=\"blog-date\">12 juillet 2026<\/span>\n <h3>Pourquoi votre studio a besoin d'un vrai site web<\/h3>\n <p>Les r\u00e9seaux sociaux ne suffisent plus : voici pourquoi un site reste le point d'ancrage de votre communication.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'article \u2192<\/a>\n <\/div>\n <div class=\"blog-card\">\n <div class=\"photo-slot\">\n <span class=\"slot-badge\">Photo \u2014 ratio 4:3<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?q=80&w=700&auto=format&fit=crop\" alt=\"Article blog 2\">\n <\/div>\n <span class=\"blog-date\">1 juillet 2026<\/span>\n <h3>Comment une identit\u00e9 visuelle coh\u00e9rente aide votre studio<\/h3>\n <p>Palette, typographie, photos : ce qui fait qu'on reconna\u00eet votre studio au premier coup d'\u0153il.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'article \u2192<\/a>\n <\/div>\n <div class=\"blog-card\">\n <div class=\"photo-slot\">\n <span class=\"slot-badge\">Photo \u2014 ratio 4:3<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?q=80&w=700&auto=format&fit=crop\" alt=\"Article blog 3\">\n <\/div>\n <span class=\"blog-date\">18 juin 2026<\/span>\n <h3>R\u00e9seaux sociaux : \u00e0 quel rythme publier pour un studio ?<\/h3>\n <p>Le bon rythme de publication pour rester visible sans \u00e9puiser votre \u00e9quipe ni votre communaut\u00e9.<\/p>\n <a href=\"#\" class=\"btn-ghost\">Lire l'article \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-01a70fa e-con e-atomic-element e-flexbox-base e-2f44bdb\" data-id=\"01a70fa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01a70fa\">\n \t\t<div class=\"elementor-element elementor-element-617fc9d elementor-widget elementor-widget-html\" data-id=\"617fc9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Tarifs<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"tarifs\">\n <div class=\"wrap\">\n <div class=\"pricing-teaser\">\n <div>\n <span class=\"section-tag\">Tarifs<\/span>\n <h2>Des formules claires, sans surprise \u00e0 la facture.<\/h2>\n <\/div>\n <a href=\"#\" class=\"btn-primary\">Voir les formules<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bb1598b e-con e-atomic-element e-flexbox-base e-eb55d26\" data-id=\"bb1598b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bb1598b\">\n \t\t<div class=\"elementor-element elementor-element-f1cd349 elementor-widget elementor-widget-html\" data-id=\"f1cd349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Section \u2014 Contact final<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n :root{\n --ink:#20241d;\n --canvas:#e9e4d8;\n --canvas-2:#ddd6c4;\n --brick:#8c4a34;\n --moss:#4d5c40;\n --sand:#c9b896;\n --paper:#f5f2ea;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n body{background:var(--canvas); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased;}\n a{color:inherit; text-decoration:none;}\n .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}\n section{padding:96px 0;}\n .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:56px; flex-wrap:wrap;}\n .section-tag{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--moss); margin-bottom:14px; display:block;}\n h2{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-0.01em; max-width:560px;}\n .section-note{max-width:340px; font-size:15px; line-height:1.6; color:rgba(32,36,29,0.65);}\n .btn-primary{background:var(--brick); color:var(--paper); padding:15px 28px; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; transition:transform .2s ease, background .2s ease;}\n .btn-primary:hover{background:#733a28; transform:translateY(-1px);}\n .btn-ghost{font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding-bottom:2px;}\n @media (max-width:600px){ section{padding:64px 0;} }\n .photo-slot{position:relative; overflow:hidden; border-radius:2px; background:var(--sand);}\n .photo-slot img{width:100%; height:100%; object-fit:cover; display:block;}\n .slot-badge{position:absolute; top:10px; left:10px; z-index:2; background:var(--ink); color:var(--paper); font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.03em; padding:5px 9px; border-radius:2px;}\n\n .top-banner-photo{width:100%; aspect-ratio:21\/7; border-radius:0;}\n .top-banner-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:48px; background:linear-gradient(to top, rgba(32,36,29,0.7), rgba(32,36,29,0) 65%);}\n .top-banner-overlay .section-tag{color:var(--paper); opacity:0.9; margin-bottom:10px;}\n .top-banner-overlay h2{color:var(--paper); font-size:clamp(24px, 3.6vw, 40px); max-width:640px;}\n @media (max-width:860px){ .top-banner-photo{aspect-ratio:4\/3;} .top-banner-overlay{padding:32px;} }\n @media (max-width:600px){ .top-banner-photo{aspect-ratio:1\/1;} .top-banner-overlay{padding:24px;} }\n\n .hero{padding:64px 0 0; position:relative;}\n .hero-eyebrow{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brick); margin-bottom:22px; display:flex; align-items:center; gap:10px;}\n .hero-eyebrow .rec{width:7px; height:7px; border-radius:50%; background:var(--brick); animation:pulse 1.8s infinite;}\n @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n h1{font-family:'Fraunces', serif; font-weight:500; font-size:clamp(34px, 4.6vw, 64px); line-height:1.05; letter-spacing:-0.02em; max-width:820px;}\n h1 em{font-style:italic; color:var(--brick); font-weight:400;}\n .hero-sub{margin-top:26px; font-size:18px; line-height:1.6; max-width:520px; color:rgba(32,36,29,0.75);}\n .hero-actions{display:flex; gap:16px; margin-top:38px; align-items:center; flex-wrap:wrap;}\n .hero-photo-full{width:100%; aspect-ratio:21\/9; margin-top:64px;}\n @media (max-width:860px){\n .hero-photo-full{aspect-ratio:4\/3; margin-top:48px;}\n }\n @media (max-width:600px){\n .hero{padding:56px 0 0;}\n .hero-sub{font-size:16px;}\n .hero-photo-full{aspect-ratio:1\/1; margin-top:36px;}\n }\n\n\n .marquee-wrap{background:var(--ink); color:var(--paper); padding:32px 0; overflow:hidden; white-space:nowrap;}\n .marquee{display:inline-flex; gap:48px; animation:scroll 24s linear infinite; font-family:'Fraunces', serif; font-size:clamp(20px, 2.6vw, 30px); font-style:italic;}\n .marquee span{opacity:0.85;}\n .marquee span.dot{color:var(--brick); opacity:1; font-style:normal;}\n @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n\n .services-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:rgba(32,36,29,0.15); border:1px solid rgba(32,36,29,0.15);}\n .service-card{background:var(--paper); padding:36px 30px; transition:background .25s ease;}\n .service-card:hover{background:var(--sand);}\n .service-num{font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--brick); margin-bottom:22px; display:block;}\n .service-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:21px; margin-bottom:12px; letter-spacing:-0.01em;}\n .service-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7);}\n @media (max-width:860px){ .services-grid{grid-template-columns:1fr;} }\n\n\n\n\n\n .process{background:var(--canvas-2);}\n .process-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:56px; align-items:stretch;}\n .process-list{display:flex; flex-direction:column;}\n .process-row{display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:baseline; padding:24px 0; border-top:1px solid rgba(32,36,29,0.15);}\n .process-row:last-child{border-bottom:1px solid rgba(32,36,29,0.15);}\n .tc-code{font-family:'JetBrains Mono', monospace; font-size:15px; color:var(--brick);}\n .process-row h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:4px;}\n .process-row p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.65); grid-column:1 \/ -1;}\n .process-photo{aspect-ratio:3\/4;}\n @media (max-width:860px){\n .process-grid{grid-template-columns:1fr;}\n .process-photo{aspect-ratio:16\/9; order:-1;}\n }\n\n\n .case-studies-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .case-card{background:var(--paper); border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}\n .case-card .photo-slot{aspect-ratio:4\/3;}\n .case-card-body{padding:26px 24px;}\n .case-tag{font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--brick); margin-bottom:10px; display:block;}\n .case-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:20px; margin-bottom:10px; letter-spacing:-0.01em;}\n .case-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:16px;}\n @media (max-width:860px){ .case-studies-grid{grid-template-columns:1fr;} }\n\n .logo-carousel-wrap{overflow:hidden; white-space:nowrap; padding:32px 0; margin-top:56px; border-top:1px solid rgba(32,36,29,0.15); border-bottom:1px solid rgba(32,36,29,0.15);}\n .logo-carousel{display:inline-flex; align-items:center; gap:72px; animation:scroll 18s linear infinite;}\n .logo-carousel img{height:34px; width:auto; object-fit:contain; filter:grayscale(1) opacity(0.55); transition:filter .25s ease;}\n .logo-carousel img:hover{filter:grayscale(0) opacity(1);}\n @media (max-width:600px){ .logo-carousel{gap:48px;} .logo-carousel img{height:26px;} }\n\n\n .team-teaser{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}\n .team-photo{aspect-ratio:4\/5;}\n .team-copy .section-tag{margin-bottom:14px;}\n .team-copy p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin:18px 0 28px;}\n @media (max-width:860px){ .team-teaser{grid-template-columns:1fr;} }\n\n\n .pricing-teaser{background:var(--ink); color:var(--paper); border-radius:2px; padding:64px 56px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}\n .pricing-teaser h2{color:var(--paper); max-width:480px;}\n .pricing-teaser .section-tag{color:#e6c9b5;}\n @media (max-width:860px){ .pricing-teaser{flex-direction:column; align-items:flex-start;} }\n @media (max-width:600px){ .pricing-teaser{padding:40px 28px;} }\n\n\n .final-cta{text-align:center; padding:120px 0;}\n .final-cta h2{font-size:clamp(32px, 5vw, 58px); max-width:760px; margin:0 auto 32px;}\n @media (max-width:600px){ .final-cta{padding:72px 0;} }\n\n \/* ---------- intro ---------- *\/\n .intro-block{text-align:center; max-width:640px; margin:0 auto;}\n .intro-block .section-tag{text-align:center;}\n .intro-block h2{margin:0 auto 24px; max-width:100%;}\n .intro-block p{font-size:16px; line-height:1.7; color:rgba(32,36,29,0.7); margin-bottom:14px;}\n .intro-block .btn-primary{margin-top:20px;}\n\n \/* ---------- split reasons banner ---------- *\/\n .split-banner{background:var(--ink); color:var(--paper); border-radius:2px; overflow:hidden;}\n .split-banner .split-grid{display:grid; grid-template-columns:1fr 1fr;}\n .split-banner .photo-slot{border-radius:0;}\n .split-content{padding:56px;}\n .split-content .section-tag{color:#e6c9b5;}\n .split-content h2{color:var(--paper);}\n .reason-list{margin-top:28px; display:flex; flex-direction:column; gap:12px;}\n .reason-item{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border:1px solid rgba(245,242,234,0.25); border-radius:2px; font-family:'Fraunces', serif; font-size:18px;}\n .reason-item .arrow{font-family:'JetBrains Mono', monospace; color:var(--sand); font-size:14px;}\n @media (max-width:860px){ .split-banner .split-grid{grid-template-columns:1fr;} .split-banner .photo-slot{aspect-ratio:16\/9;} .split-content{padding:40px 28px;} }\n\n \/* ---------- partners ---------- *\/\n .partners-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; text-align:center;}\n .partner-avatar{width:96px; height:96px; border-radius:50%; margin:0 auto 18px;}\n .partner-name{font-family:'Fraunces', serif; font-size:18px; font-weight:500;}\n .partner-role{font-size:13px; color:rgba(32,36,29,0.6); margin-top:4px;}\n @media (max-width:600px){ .partners-grid{grid-template-columns:1fr; gap:32px;} }\n\n \/* ---------- instagram grid ---------- *\/\n .insta-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}\n .insta-grid .photo-slot{aspect-ratio:1\/1;}\n @media (max-width:860px){ .insta-grid{grid-template-columns:repeat(3, 1fr);} }\n @media (max-width:600px){ .insta-grid{grid-template-columns:repeat(2, 1fr);} }\n\n \/* ---------- cta photo banner ---------- *\/\n .cta-photo-banner{position:relative; border-radius:2px; overflow:hidden;}\n .cta-photo-banner .photo-slot{aspect-ratio:21\/9; border-radius:0;}\n .cta-photo-overlay{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(32,36,29,0.55); padding:40px;}\n .cta-photo-overlay .section-tag{color:var(--paper);}\n .cta-photo-overlay h2{color:var(--paper); margin-bottom:24px;}\n @media (max-width:860px){ .cta-photo-banner .photo-slot{aspect-ratio:4\/3;} }\n @media (max-width:600px){ .cta-photo-banner .photo-slot{aspect-ratio:1\/1;} }\n\n \/* ---------- blog ---------- *\/\n .blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}\n .blog-card{display:flex; flex-direction:column;}\n .blog-card .photo-slot{aspect-ratio:4\/3;}\n .blog-date{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--moss); margin:18px 0 8px; display:block;}\n .blog-card h3{font-family:'Fraunces', serif; font-weight:500; font-size:19px; margin-bottom:10px;}\n .blog-card p{font-size:14.5px; line-height:1.6; color:rgba(32,36,29,0.7); margin-bottom:12px;}\n @media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }\n\n @media (max-width:420px){\n .wrap{padding:0 20px;}\n .hero-actions{flex-direction:column; align-items:stretch;}\n .hero-actions .btn-primary, .hero-actions .btn-ghost{text-align:center;}\n .logo-carousel{gap:40px;}\n .marquee{font-size:16px; gap:28px;}\n }\n\n\n<\/style><\/head>\n<body>\n\n<section id=\"contact\" class=\"final-cta\">\n <div class=\"wrap\">\n <span class=\"section-tag\">Contact<\/span>\n <h2>Faites le premier pas vers votre succ\u00e8s aujourd'hui.<\/h2>\n <a href=\"#\" class=\"btn-primary\">R\u00e9serve ton appel<\/a>\n <\/div>\n<\/section>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Section \u2014 Banni\u00e8re hero (tout en haut) Le Stud Communication digitale pour studios Pilates, yoga, fitness & bien-\u00eatre. Section \u2014 Hero (titre + photo) Agence de communication digitale \u2014 studios Pilates, yoga, fitness & bien-\u00eatre Votre studio m\u00e9rite une pr\u00e9sence digitale \u00e0 la hauteur de vos cours. Site web, r\u00e9seaux sociaux, strat\u00e9gie digitale, identit\u00e9 visuelle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":31,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":428,"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/pages\/209\/revisions\/428"}],"wp:attachment":[{"href":"https:\/\/lestud.fr\/en\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}