/* Conseils & FAQ : continuité du noir, de l’ivoire et de l’orange de l’atelier. */
.journal-home{padding:70px 0 75px}.journal-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:center;margin-bottom:80px}.journal-heading h1{font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-.055em;margin:25px 0}.journal-heading h1 span{color:#b55316}.journal-lead{font-size:17px;line-height:1.85;color:#68665e;max-width:680px}.journal-shop{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#1a1b18}.journal-shop img{width:100%;height:325px;object-fit:cover;display:block}.journal-shop figcaption{padding:18px 22px;color:#f5e4c9;font-size:12px;letter-spacing:.02em}.journal-section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 30px}.journal-section-title h2{font-size:34px}.journal-section-title>span{font-size:12px;color:#726b61}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.journal-card{position:relative;display:flex;flex-direction:column;border:1px solid #e3dbd0;background:#fffdf8;border-radius:15px;padding:32px;transition:border-color .18s,transform .18s}.journal-card:nth-child(2n){background:#eeeee5}.journal-card-top{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#91511f;font-size:11px;letter-spacing:.08em}.journal-card-top>span:last-child{font-size:25px;letter-spacing:0}.journal-card h3{font:500 28px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:30px 0 17px}.journal-card h3 a{color:#1e2421;text-decoration:none}.journal-card h3 a:after{content:'';position:absolute;inset:0;border-radius:15px}.journal-card:focus-within{outline:3px solid #b55c21;outline-offset:4px}.journal-card:hover{border-color:#b88b61;transform:translateY(-3px)}.journal-card>p{font-size:14px;line-height:1.85;color:#66675d;margin:0 0 30px}.journal-card-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #dbd6c9;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#645746}.journal-card-bottom>span{color:#8f481b}.journal-cta{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:36px;margin-top:65px;background:#eae6d9;border-radius:14px}.journal-cta>div{flex:1 1 330px}.journal-cta h2{font-size:28px;margin:12px 0}.journal-cta p:not(.eyebrow){font-size:13px;color:#686357}.journal-teaser{padding-bottom:0}.journal-teaser .section-heading h2{font-size:40px}.journal-teaser .section-heading{align-items:end}.journal-teaser .text-link{white-space:nowrap}.journal-teaser .journal-card h3{font-size:27px}.journal-article{padding-top:38px;padding-bottom:80px}.journal-breadcrumb{display:flex;gap:13px;font-size:12px;color:#716b61;margin-bottom:45px}.journal-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.article-heading{max-width:850px}.article-heading h1{font-size:clamp(36px,4.5vw,61px);line-height:1.12;letter-spacing:-.05em;margin:20px 0 24px}.article-byline{display:flex;align-items:center;gap:15px;margin-top:30px;padding-bottom:33px;border-bottom:1px solid #ddd6c9}.article-byline img{border-radius:10px;object-fit:contain;background:#111}.article-byline>div{display:flex;flex-direction:column;gap:5px}.article-byline strong{font-size:12px}.article-byline span{font-size:11px;color:#776c61}.article-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(220px,1fr);gap:75px;align-items:start;margin-top:30px}.article-body{overflow-wrap:anywhere}.article-body p,.article-body li{font-size:16px;line-height:1.9;color:#464940}.article-body p{margin:0 0 23px}.article-body h2{font:500 30px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:43px 0 21px}.article-body ul{padding-left:22px;margin:20px 0 28px}.article-body li{margin-bottom:10px;padding-left:5px}.article-body a{color:#995017;text-decoration:underline;text-underline-offset:4px}.article-body strong{font-weight:600;color:#293129}.article-aside{position:sticky;top:125px;background:#ecece2;border-radius:14px;padding:28px;margin-top:16px}.article-aside h2{font-size:27px;line-height:1.25;margin:17px 0}.article-aside p:not(.eyebrow){font-size:13px;line-height:1.8;color:#6c6b5d}.article-aside .button{font-size:12px;margin-top:25px;width:100%;padding:15px}.article-aside .text-link{font-size:12px;margin-top:22px}.journal-related{padding-bottom:80px}.journal-related>h2{font-size:36px;margin:12px 0 30px}
#questions-frequentes{scroll-margin-top:115px}.faq-intro{align-self:start;position:sticky;top:125px}.faq-intro .eyebrow{line-height:1.8}.faq-answer{padding:0 0 24px}.faq-answer p,.faq-answer li{font-size:14px;line-height:1.9;color:#68675d}.faq-answer p{margin:0 0 14px}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{padding-left:20px;margin:0 0 16px}.faq-answer li{margin:7px 0}.faq-answer a{color:#995017;text-decoration:underline;text-underline-offset:3px}.faq-list summary{gap:22px;font-size:15px;line-height:1.5;min-height:70px;cursor:pointer}.faq-list summary>span{flex-shrink:0}.faq-list summary:focus-visible{outline:2px solid #aa571e;outline-offset:5px;border-radius:3px}.faq-list details[open]{background:#f3eee3}.faq-list details[open] summary{color:#8c481b}.faq-list details[open] .faq-answer{padding-left:17px;padding-right:17px}.faq-list details[open] summary{padding-left:17px;padding-right:17px}.faq-list details[open] summary>span{transform:rotate(45deg)}
@media(max-width:1400px){.site-header .header-phone{display:none}}
@media(min-width:681px) and (max-width:1120px){.site-header #main-nav{gap:12px}.site-header #main-nav>a{font-size:11px}.site-header .brand{width:140px}.site-header .header-inner{gap:13px}.site-header .header-social .social-link{min-width:36px;min-height:36px}.site-header .header-social{gap:5px}}
@media(max-width:1000px){.site-header .header-phone{display:none}.site-header:has(.secondary-nav) .header-inner{flex-wrap:wrap;padding-block:15px}.site-header .secondary-nav{flex-basis:100%;justify-content:space-between;gap:14px;flex-wrap:wrap}.journal-heading{gap:40px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 245px}.journal-card{padding:26px}}
@media(max-width:760px){.journal-heading{grid-template-columns:1fr;gap:30px;margin-bottom:45px}.journal-home{padding:42px 0}.journal-heading h1{font-size:51px}.journal-shop img{height:260px}.journal-lead{font-size:15px}.article-layout{grid-template-columns:1fr}.article-aside,.faq-intro{position:static}.article-aside{margin-top:0}.journal-article{padding-top:28px;padding-bottom:45px}.journal-grid{grid-template-columns:1fr}.journal-breadcrumb{margin-bottom:32px}.article-heading h1{font-size:38px}.journal-card h3,.journal-teaser .journal-card h3{font-size:26px}.journal-card h3{margin-top:23px}.journal-card>p{font-size:14px}.journal-section-title h2{font-size:28px}.journal-cta{padding:27px;margin-top:38px;gap:20px}.journal-cta h2{font-size:27px}.journal-teaser .section-heading h2{font-size:34px}.journal-teaser .section-heading{align-items:start}.article-body h2{font-size:27px}.article-body p,.article-body li{font-size:15px}.journal-related{padding-bottom:50px}.faq-list summary{font-size:14px}.faq-answer p,.faq-answer li{font-size:13px}.faq-intro .text-link{font-size:12px}.faq-section{gap:30px}.journal-card-bottom{font-size:11px}.site-header .secondary-nav{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.journal-card{transition:none}.journal-card:hover{transform:none}}

.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:27px}.catalog-pagination>span{font-size:12px;color:#706556}.catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-status{scroll-margin-top:115px}.catalog-status:focus{outline:none}@media(max-width:680px){.catalog-pagination{gap:12px;flex-wrap:wrap}.catalog-pagination>span{font-size:11px}.catalog-pagination .subtle-button{font-size:11px;padding:10px}.site-header #main-nav{max-height:80dvh;overflow:auto}}
.article-aside .text-link{display:flex;width:fit-content}
@media(max-width:1000px){.site-header:has(.secondary-nav) .brand{order:0}.site-header:has(.secondary-nav) .header-social{order:0}.site-header .secondary-nav{order:1;width:100%;display:flex}}
.faq-section>div{min-width:0}
@media(max-width:680px){.faq-section h2 br{display:block}.faq-list summary{overflow-wrap:anywhere}}