.main-blog{max-width:1300px;margin:0 auto;padding:100px 32px 120px;background:#fafafa}@media screen and (min-width: 750px){.main-blog{padding:120px 50px 140px}}@media screen and (min-width: 990px){.main-blog{padding:140px 80px 160px}}.main-blog .title--primary{font-size:5.6rem;font-weight:600;letter-spacing:-.04em;margin-bottom:80px;text-align:left;color:#1a1a1a;line-height:1.1}@media screen and (max-width: 989px){.main-blog .title--primary{font-size:4.2rem;margin-bottom:60px}}@media screen and (max-width: 749px){.main-blog .title--primary{font-size:3.2rem;margin-bottom:50px}}.blog-articles{display:grid;grid-template-columns:1fr;gap:50px}@media screen and (min-width: 750px){.blog-articles{grid-template-columns:repeat(2,1fr);gap:40px}.blog-articles__article:first-child{grid-column:1 / -1}}@media screen and (min-width: 990px){.blog-articles{gap:50px}}.blog-articles--collage{grid-template-columns:1fr}@media screen and (min-width: 750px){.blog-articles--collage{grid-template-columns:repeat(2,1fr)}.blog-articles--collage>*:first-child{grid-column:1 / -1}}.blog-articles__article{background:#fff;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #0000000a;position:relative}.blog-articles__article:hover{transform:translateY(-12px);box-shadow:0 20px 50px #00000014}@media screen and (min-width: 750px){.blog-articles__article:first-child{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:center;min-height:500px}.blog-articles__article:first-child .article-card__image-wrapper{height:100%;min-height:500px}.blog-articles__article:first-child .article-card__image-wrapper .ratio:before{padding-bottom:0!important;content:none}.blog-articles__article:first-child .article-card__image-wrapper img{height:100%;object-fit:cover}.blog-articles__article:first-child .card__information{padding:60px 70px!important}.blog-articles__article:first-child .article-card__title{font-size:3.8rem!important;line-height:1.15!important}.blog-articles__article:first-child .article-card__excerpt{font-size:1.8rem!important;-webkit-line-clamp:4!important;line-height:1.75!important}.blog-articles__article:first-child .article-card__link{padding:18px 42px!important;font-size:1.5rem!important}}@media screen and (min-width: 990px){.blog-articles__article:first-child,.blog-articles__article:first-child .article-card__image-wrapper{min-height:550px}}.article-card__image-wrapper{position:relative;overflow:hidden;background:#f8f8f8;border-radius:0}.article-card__image-wrapper .ratio:before{padding-bottom:65%!important}.article-card__image-wrapper img{transition:transform .7s cubic-bezier(.25,.46,.45,.94);will-change:transform}.blog-articles__article:hover .article-card__image-wrapper img{transform:scale(1.1)}.article-card .card__information{padding:40px 32px 44px}@media screen and (min-width: 750px){.article-card .card__information{padding:44px 38px 48px}}@media screen and (min-width: 990px){.article-card .card__information{padding:48px 44px 52px}}.article-card__info{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:8px 18px;background:linear-gradient(135deg,#f7f7f7,#efefef);border-radius:50px}.article-card__info .caption{font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#2a2a2a}.article-card__info .circle-divider{width:3px;height:3px;border-radius:50%;background:#aaa}.article-card .card__heading{margin-bottom:18px;line-height:1.2}.article-card__title{font-size:2.6rem;font-weight:600;color:#1a1a1a;line-height:1.25;letter-spacing:-.025em;transition:color .3s ease;display:block}@media screen and (min-width: 750px){.article-card__title{font-size:2.8rem}}@media screen and (min-width: 990px){.article-card__title{font-size:3rem}}.article-card__title:hover{color:#4a4a4a}.article-card__excerpt{font-size:1.6rem;line-height:1.75;color:#666;margin-top:16px;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}@media screen and (max-width: 749px){.article-card__excerpt{font-size:1.5rem;line-height:1.7}}.article-card__link{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:1.4rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1a1a1a,#000);text-decoration:none;margin-top:28px;padding:16px 32px;border-radius:5px;transition:all .35s cubic-bezier(.25,.46,.45,.94);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 15px #00000026;position:relative;overflow:hidden}.article-card__link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff,#f5f5f5);opacity:0;transition:opacity .35s ease;z-index:0}.article-card__link:hover:before{opacity:1}.article-card__link:hover{color:#000;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.article-card__link span,.article-card__link:after{position:relative;z-index:1}.article-card__link:after{font-size:1.8rem;font-weight:400;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.article-card__link:hover:after{transform:translate(6px)}.pagination-wrapper{margin-top:80px;padding-top:50px;border-top:1px solid #E8E8E8}@media screen and (max-width: 749px){.pagination-wrapper{margin-top:60px;padding-top:40px}}@media (prefers-reduced-motion: no-preference){.scroll-trigger.animate--slide-in{animation:slide-in-refined .7s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}@keyframes slide-in-refined{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}}.blog-articles:empty:after{content:"Aucun article pour le moment.";display:block;text-align:center;padding:80px 30px;color:#aaa;font-size:1.8rem;font-weight:400}.article-card__title:focus-visible{outline:3px solid #1A1A1A;outline-offset:6px;border-radius:4px}.article-card__link:focus-visible{outline:3px solid #1A1A1A;outline-offset:4px}@media screen and (max-width: 749px){.blog-articles__article{border-radius:16px}.blog-articles__article:active{transform:scale(.98)}.article-card__link{width:100%;padding:18px 28px;font-size:1.3rem;border-radius:10px}.article-card__title{font-size:2.4rem}.article-card__info{padding:7px 16px;border-radius:50px}}@media (hover: hover) and (pointer: fine){.blog-articles__article,.article-card__link{cursor:pointer}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog-custom.css.map */