.blog-hero{padding:calc(var(--sp-6) + 8px) 0 var(--sp-5);text-align:center;position:relative}.blog-hero__inner{max-width:720px;margin:0 auto}.blog-hero h1{font-size:clamp(2.4rem,7vw,3.8rem);margin:14px 0 16px}.blog-hero h1 em{font-style:italic;color:var(--or-fonce)}.blog-hero__sub{color:var(--gris);font-size:1.05rem;max-width:56ch;margin:0 auto;line-height:1.7}.blog-grid{display:grid;grid-template-columns:1fr;gap:22px}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:26px}}.blog-card{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh-s);transition:transform var(--t),box-shadow var(--t)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--sh-l)}.blog-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--creme-fonce)}.blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.blog-card:hover .blog-card__media img{transform:scale(1.05)}.blog-card__tag{position:absolute;top:12px;left:12px;z-index:2;background:#f5f1eaeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;border-radius:100px;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or-fonce)}.blog-card__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-card__title{font-family:var(--serif);font-size:1.42rem;font-weight:600;line-height:1.18;color:var(--noir)}.blog-card:hover .blog-card__title{color:var(--or-fonce)}.blog-card__excerpt{font-size:.9rem;color:var(--gris);line-height:1.65}.blog-card__meta{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--or-fonce);font-weight:600;letter-spacing:.03em}.blog-card__meta svg{width:14px;height:14px;stroke:var(--or-fonce);stroke-width:1.6;fill:none}.blog-card__more{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--noir)}.blog-card__more svg{stroke:var(--noir);transition:transform var(--t-fast)}.blog-card:hover .blog-card__more svg{transform:translate(4px)}.blog-ph{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,var(--creme) 0%,var(--creme-fonce) 100%);color:var(--gris)}.blog-ph:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid var(--or);opacity:.32;border-radius:10px}.blog-ph__mono{font-family:var(--serif);font-size:clamp(2.6rem,9vw,3.6rem);font-weight:600;line-height:1;letter-spacing:-.02em}.blog-ph__mono b:first-child{color:var(--or)}.blog-ph__mono b:last-child{color:var(--noir)}.blog-ph__txt{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--or-fonce);margin-top:8px}.article-head{padding:8px 0 var(--sp-4)}.article-head__inner{max-width:760px;margin:0 auto;text-align:center}.article-head h1{font-size:clamp(2.1rem,6.5vw,3.5rem);margin:16px 0 18px;letter-spacing:-.015em}.article-head h1 em{font-style:italic;color:var(--or-fonce)}.article-chapo{font-size:1.15rem;line-height:1.7;color:var(--noir-doux);max-width:60ch;margin:0 auto}.article-meta{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-size:.78rem;color:var(--gris)}.article-meta__item{display:inline-flex;align-items:center;gap:7px}.article-meta__item svg{width:15px;height:15px;stroke:var(--or-fonce);stroke-width:1.6;fill:none}.article-meta__dot{color:var(--gris-clair)}.article-cover{max-width:1000px;margin:0 auto var(--sp-5);border-radius:var(--r-l);overflow:hidden;aspect-ratio:16/9;background:var(--creme-fonce);position:relative;box-shadow:var(--sh-m)}.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover .blog-ph:before{top:18px;right:18px;bottom:18px;left:18px}.article-cover .blog-ph__mono{font-size:clamp(3.4rem,10vw,5.5rem)}.article-body{max-width:680px;margin:0 auto;padding:0 20px}.prose{font-size:1.08rem;line-height:1.78;color:var(--noir-doux)}.prose>p{margin:0 0 1.25em;max-width:68ch}.prose h2{font-size:clamp(1.6rem,4.5vw,2.1rem);line-height:1.15;margin:1.9em 0 .6em;color:var(--noir);scroll-margin-top:calc(var(--header-h) + var(--announce-h) + 16px)}.prose h2:before{content:"";display:block;width:38px;height:2px;background:linear-gradient(90deg,var(--or),var(--or-clair));margin-bottom:16px;border-radius:2px}.prose h3{font-size:clamp(1.25rem,3.5vw,1.5rem);margin:1.6em 0 .5em;color:var(--noir)}.prose strong{font-weight:700;color:var(--noir)}.prose em{font-style:italic}.prose a{color:var(--or-fonce);text-decoration:underline;text-decoration-color:#c6a15b73;text-underline-offset:3px;transition:text-decoration-color var(--t-fast),color var(--t-fast)}.prose a:hover{color:var(--noir);text-decoration-color:var(--or)}.prose ul,.prose ol{margin:0 0 1.35em;padding-left:2px;max-width:68ch;display:flex;flex-direction:column;gap:.55em}.prose ul li{position:relative;padding-left:26px}.prose ul li:before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;background:var(--or);border-radius:50%;box-shadow:0 0 0 3px #c6a15b24}.prose ol{counter-reset:pr}.prose ol li{position:relative;padding-left:36px;counter-increment:pr}.prose ol li:before{content:counter(pr);position:absolute;left:0;top:.05em;width:24px;height:24px;background:var(--noir);color:var(--or-clair);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:.9rem;font-weight:600}.prose blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:3px solid var(--or);font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.4;color:var(--noir)}.prose blockquote cite{display:block;margin-top:10px;font-family:var(--sans);font-style:normal;font-size:.8rem;letter-spacing:.04em;color:var(--gris)}.prose hr{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--or) 50%,transparent);opacity:.6;margin:2.4em 0}.toc{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-m);padding:20px 22px;margin:0 0 var(--sp-4)}.toc__title{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--or-fonce);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.toc__title svg{width:16px;height:16px;stroke:var(--or-fonce);stroke-width:1.6;fill:none}.toc ol{counter-reset:toc;display:flex;flex-direction:column;gap:9px}.toc li{counter-increment:toc}.toc a{display:flex;gap:12px;font-size:.92rem;color:var(--noir-doux);align-items:baseline;transition:color var(--t-fast)}.toc a:before{content:counter(toc,decimal-leading-zero);font-family:var(--serif);font-size:.85rem;color:var(--or);font-weight:600;flex:0 0 auto}.toc a:hover{color:var(--or-fonce)}.keybox{position:relative;background:linear-gradient(135deg,var(--noir),var(--noir-doux));color:var(--creme);border-radius:var(--r-l);padding:26px 26px 28px;margin:2em 0;overflow:hidden;box-shadow:var(--sh-m)}.keybox:before{content:"";position:absolute;top:-40%;right:-12%;width:55%;height:130%;background:radial-gradient(circle,rgba(198,161,91,.2),transparent 70%);pointer-events:none}.keybox__label{position:relative;z-index:2;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--or-clair);font-weight:700;display:inline-flex;align-items:center;gap:9px;margin-bottom:14px}.keybox__label svg{width:17px;height:17px;stroke:var(--or-clair);stroke-width:1.7;fill:none}.keybox ul{position:relative;z-index:2;display:flex;flex-direction:column;gap:11px;margin:0;padding:0}.keybox li{position:relative;padding-left:26px;font-size:.98rem;line-height:1.55;color:#f5f1eaeb}.keybox li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--or-clair);font-weight:700}.keybox li b{color:var(--creme)}.article-figure{margin:2em 0}.article-figure__frame{border-radius:var(--r-m);overflow:hidden;background:var(--creme-fonce);border:1px solid var(--ligne);aspect-ratio:4/3}.article-figure__frame img{width:100%;height:100%;object-fit:cover}.article-figure__frame .blog-ph{aspect-ratio:4/3}.article-figure figcaption{margin-top:10px;font-size:.78rem;color:var(--gris);text-align:center;font-style:italic}.article-table{margin:1.6em 0}.article-table__scroll{overflow-x:auto;border-radius:var(--r-s)}.article-table .size-table{margin-top:0;min-width:420px}.article-table__cap{margin-top:10px;font-size:.78rem;color:var(--gris);font-style:italic;text-align:center}.article-faq{max-width:760px;margin:var(--sp-5) auto 0;padding:0 20px}.article-faq__head{text-align:center;margin-bottom:var(--sp-3)}.article-faq .acc{border-color:var(--ligne)}.article-faq .acc__panel-inner{font-size:.95rem;line-height:1.75}.article-faq .acc__panel-inner a{color:var(--or-fonce);text-decoration:underline;text-underline-offset:2px}.article-cta{max-width:820px;margin:var(--sp-6) auto 0;padding:0 20px}.article-cta__inner{background:var(--blanc);border:1px solid var(--or);border-radius:var(--r-l);padding:var(--sp-5) var(--sp-4);text-align:center;position:relative;overflow:hidden;box-shadow:var(--sh-m)}.article-cta__inner:before{content:"";position:absolute;top:-40%;left:-15%;width:55%;height:130%;background:radial-gradient(circle,rgba(198,161,91,.14),transparent 70%);pointer-events:none}.article-cta__inner>*{position:relative;z-index:2}.article-cta h2{font-size:clamp(1.7rem,4.5vw,2.4rem);margin:10px 0 12px}.article-cta p{color:var(--gris);max-width:48ch;margin:0 auto 22px;font-size:.98rem}.article-cta__btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.article-related{max-width:1000px;margin:var(--sp-6) auto 0;padding:0 20px}.article-related__head{text-align:center;margin-bottom:var(--sp-3)}.article-related__grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.article-related__grid{grid-template-columns:repeat(3,1fr)}}.rel-link{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-m);transition:border-color var(--t-fast),transform var(--t-fast)}.rel-link:hover{border-color:var(--or);transform:translateY(-3px)}.rel-link span{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--or-fonce);font-weight:700}.rel-link b{font-family:var(--serif);font-size:1.15rem;font-weight:600;line-height:1.2;color:var(--noir)}@media(min-width:768px){.article-body{padding:0}.prose{font-size:1.12rem}.keybox{padding:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog.css.map */