[data-page=blog] *{box-sizing:border-box;margin:0;padding:0}[data-page=blog] html{scroll-behavior:smooth}[data-page=blog] body{font-family:var(--font-body);color:var(--noir);background:var(--bleu-pale);overflow-x:hidden}[data-page=blog] .nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--bleu-intense);background:#fbd8ece6;justify-content:space-between;align-items:center;padding:1.2rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}[data-page=blog] .logo{align-items:center;text-decoration:none;transition:transform .3s;display:flex}[data-page=blog] .logo:hover{transform:scale(1.03)}[data-page=blog] .logo-img{object-fit:contain;border-radius:30%;width:110px;height:110px;margin:-20px 0;display:block;position:relative}[data-page=blog] .nav-links{align-items:center;gap:2.2rem;list-style:none;display:flex}[data-page=blog] .nav-links a{color:var(--bleu-intense);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}[data-page=blog] .nav-links a.active{color:var(--orange-vif);font-weight:600}[data-page=blog] .nav-links a:after{content:"";background:var(--orange-vif);transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}[data-page=blog] .nav-links a:hover:after,[data-page=blog] .nav-links a.active:after{transform:scaleX(1)}[data-page=blog] .nav-cta{background:var(--orange-vif);border-radius:999px;padding:.7rem 1.4rem;font-weight:600;transition:transform .3s,box-shadow .3s;color:var(--blanc)!important}[data-page=blog] .nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff480159}[data-page=blog] .nav-cta:after{display:none}[data-page=blog] .burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}[data-page=blog] .burger span{background:var(--bleu-intense);border-radius:2px;width:26px;height:3px;display:block}[data-page=blog] .blog-header{background:var(--rose-pastel);border-bottom:3px solid var(--noir);padding:9rem 3rem 4rem;position:relative;overflow:hidden}[data-page=blog] .blog-header:before{content:"✦";color:var(--orange-vif);opacity:.4;font-size:4rem;animation:20s linear infinite spin;position:absolute;top:30%;left:10%}[data-page=blog] .blog-header:after{content:"✦";color:var(--bleu-intense);opacity:.4;font-size:6rem;animation:25s linear infinite reverse spin;position:absolute;bottom:20%;right:8%}[data-page=blog] .blog-header-content{text-align:center;z-index:2;max-width:1300px;margin:0 auto;position:relative}[data-page=blog] .blog-eyebrow{font-family:var(--font-script);color:var(--orange-vif);margin-bottom:.5rem;font-size:2rem;display:inline-block;transform:rotate(-3deg)}[data-page=blog] .blog-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--bleu-intense);margin-bottom:1.5rem;font-size:clamp(3rem,7vw,6rem);font-weight:900;line-height:.95}[data-page=blog] .blog-title .accent{color:var(--orange-vif);font-style:italic;font-weight:400}[data-page=blog] .blog-subtitle{max-width:600px;color:var(--noir);opacity:.85;margin:0 auto 2.5rem;font-size:1.2rem}[data-page=blog] .filters{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}[data-page=blog] .filter-btn{background:var(--blanc);color:var(--noir);border:2px solid var(--noir);font-family:var(--font-body);cursor:pointer;border-radius:999px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:500;transition:all .3s}[data-page=blog] .filter-btn:hover{box-shadow:3px 3px 0 var(--bleu-intense);transform:translateY(-2px)}[data-page=blog] .filter-btn.active{background:var(--bleu-intense);color:var(--blanc);border-color:var(--noir);box-shadow:3px 3px 0 var(--orange-vif)}[data-page=blog] .blog-content{max-width:1500px;margin:0 auto;padding:4rem 2rem}[data-page=blog] .masonry{column-count:4;column-gap:1.5rem}@media (max-width:1200px){[data-page=blog] .masonry{column-count:3}}@media (max-width:800px){[data-page=blog] .masonry{column-count:2;column-gap:1rem}}@media (max-width:480px){[data-page=blog] .masonry{column-count:1}}[data-page=blog] .pin{break-inside:avoid;border:3px solid var(--noir);background:var(--blanc);cursor:pointer;color:var(--noir);border-radius:20px;margin-bottom:1.5rem;text-decoration:none;transition:transform .4s,box-shadow .4s;display:block;position:relative;overflow:hidden}[data-page=blog] .pin:hover{box-shadow:8px 8px 0 var(--bleu-intense);transform:translateY(-6px)}[data-page=blog] .pin:nth-child(3n+1):hover{box-shadow:8px 8px 0 var(--orange-vif)}[data-page=blog] .pin:nth-child(3n+2):hover{box-shadow:8px 8px 0 var(--bleu-intense)}[data-page=blog] .pin:nth-child(3n+3):hover{box-shadow:8px 8px 0 var(--bleu-vert-pastel)}[data-page=blog] .pin-image{background:var(--bleu-pale);width:100%;aspect-ratio:var(--ratio,1);object-fit:cover;max-height:200px;display:block;position:relative;overflow:hidden}[data-page=blog] .blog-message{column-span:all;text-align:center;color:var(--noir);opacity:.7;padding:3rem 1rem;font-size:1.1rem}[data-page=blog] .pin-image.ph-1{background:linear-gradient(135deg,#fbd8ec 0%,#ff4801 100%)}[data-page=blog] .pin-image.ph-2{background:linear-gradient(135deg,#98e1e6 0%,#3938fe 100%)}[data-page=blog] .pin-image.ph-3{background:linear-gradient(135deg,#feffa5 0%,#ff4801 100%)}[data-page=blog] .pin-image.ph-4{background:linear-gradient(135deg,#eef5ff 0%,#3938fe 100%)}[data-page=blog] .pin-image.ph-5{background:linear-gradient(135deg,#fbd8ec 0%,#98e1e6 100%)}[data-page=blog] .pin-image.ph-6{background:linear-gradient(135deg,#feffa5 0%,#fbd8ec 100%)}[data-page=blog] .pin-image.ph-7{background:linear-gradient(135deg,#ff4801 0%,#3938fe 100%)}[data-page=blog] .pin-image.ph-8{background:linear-gradient(135deg,#98e1e6 0%,#feffa5 100%)}[data-page=blog] .pin-image:after{content:attr(data-emoji);filter:drop-shadow(0 4px 8px #0003);font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=blog] .pin-overlay{opacity:0;background:linear-gradient(#0000 50%,#0a0a2ed9 100%);align-items:flex-end;padding:1.2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}[data-page=blog] .pin:hover .pin-overlay{opacity:1}[data-page=blog] .pin-tag{background:var(--blanc);color:var(--bleu-intense);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--noir);z-index:2;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}[data-page=blog] .pin-tag.tuto{background:var(--orange-vif);color:var(--blanc)}[data-page=blog] .pin-tag.inspi{background:var(--jaune-pastel)}[data-page=blog] .pin-tag.event{background:var(--bleu-vert-pastel)}[data-page=blog] .pin-info{padding:1.2rem}[data-page=blog] .pin-title{font-family:var(--font-display);color:var(--bleu-intense);margin-bottom:.4rem;font-size:1.1rem;font-weight:700;line-height:1.2}[data-page=blog] .pin-meta{color:var(--noir);opacity:.7;align-items:center;gap:.5rem;font-size:.8rem;display:flex}[data-page=blog] .pin-meta:before{content:"✦";color:var(--orange-vif)}[data-page=blog] .newsletter{background:var(--bleu-intense);color:var(--blanc);border-top:3px solid var(--noir);border-bottom:3px solid var(--noir);text-align:center;margin:4rem 0 0;padding:4rem 3rem}[data-page=blog] .newsletter h2{font-family:var(--font-display);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}[data-page=blog] .newsletter h2 .accent{color:var(--jaune-pastel);font-style:italic;font-weight:400}[data-page=blog] .newsletter p{opacity:.9;max-width:500px;margin:0 auto 2rem}[data-page=blog] .newsletter-form{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:500px;margin:0 auto;display:flex}[data-page=blog] .newsletter-form input{border:3px solid var(--noir);min-width:250px;font-family:var(--font-body);background:var(--blanc);border-radius:999px;flex:1;padding:1rem 1.5rem;font-size:1rem}[data-page=blog] .newsletter-form button{background:var(--orange-vif);color:var(--blanc);border:3px solid var(--noir);font-family:var(--font-body);cursor:pointer;border-radius:999px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:transform .3s}[data-page=blog] .newsletter-form button:hover{transform:translateY(-3px)}[data-page=blog] .footer{background:var(--bleu-intense);color:var(--blanc);padding:4rem 3rem 2rem}[data-page=blog] .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;max-width:1300px;margin:0 auto 3rem;display:grid}[data-page=blog] .footer-brand .footer-submark{filter:brightness(0)invert();opacity:.95;width:130px;height:auto;margin-bottom:1rem}[data-page=blog] .footer-brand p{opacity:.85;max-width:350px}[data-page=blog] .footer h4{font-family:var(--font-display);color:var(--jaune-pastel);margin-bottom:1rem;font-size:1.1rem;font-weight:900}[data-page=blog] .footer ul{list-style:none}[data-page=blog] .footer li{margin-bottom:.5rem}[data-page=blog] .footer a{color:var(--blanc);opacity:.85;font-size:.95rem;text-decoration:none;transition:opacity .3s}[data-page=blog] .footer a:hover{opacity:1;color:var(--jaune-pastel)}[data-page=blog] .footer-bottom{text-align:center;opacity:.7;border-top:1px solid #fff3;max-width:1300px;margin:0 auto;padding-top:2rem;font-size:.85rem}@media (max-width:968px){[data-page=blog] .nav{padding:1rem 1.5rem}[data-page=blog] .logo-img{width:52px;height:52px}[data-page=blog] .nav-links{display:none}[data-page=blog] .burger{display:flex}[data-page=blog] .blog-header{padding:7rem 1.5rem 3rem}[data-page=blog] .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:540px){[data-page=blog] .footer-grid{grid-template-columns:1fr}}