.delavie-arhive-json{box-sizing:border-box;width:100%;padding:178px 0 140px;background:#fff;color:#362b25}
.delavie-arhive-json,.delavie-arhive-json *{box-sizing:border-box}
.delavie-arhive-json__inner{width:min(calc(100% - (2 * var(--gutter-page,40px))),var(--content-width,1440px));margin-inline:auto}
.delavie-arhive-json__filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 48px}
.delavie-arhive-json__filter{appearance:none;height:35px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:8px 16px;border:1px solid #f0e7d6;border-radius:0;background:transparent;color:#70543c;font-family:"Satoshi Variable","Satoshi",sans-serif;font-size:11px;font-weight:700;line-height:1.15;letter-spacing:.22px;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color 320ms cubic-bezier(.22,1,.36,1),background-color 320ms cubic-bezier(.22,1,.36,1),border-color 320ms cubic-bezier(.22,1,.36,1)}
.delavie-arhive-json__filter:hover,.delavie-arhive-json__filter:focus,.delavie-arhive-json__filter:focus-visible,.delavie-arhive-json__filter:active,.delavie-arhive-json__filter.is-active{border-color:#70543c;background:#70543c;color:#f0e7d6}
.delavie-arhive-json__filter:focus-visible{outline:2px solid #dcbb7d;outline-offset:3px}
.delavie-arhive-json__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.delavie-arhive-json__status.is-error{position:static;width:auto;height:auto;margin:0 0 24px;overflow:visible;clip:auto;white-space:normal;color:#70543c}
.delavie-arhive-json__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:48px}
.delavie-arhive-json__card{min-width:0}
.delavie-arhive-json__media{display:block;width:100%;aspect-ratio:1/1;margin:0 0 16px;overflow:hidden;background:#f0e7d6}
.delavie-arhive-json__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 700ms cubic-bezier(.16,1,.3,1)}
.delavie-arhive-json__title{display:block;width:90%;position:relative;margin:0 0 12px;color:#362b25;font-family:"IvyOra Display","IvyOra",serif;font-size:32px;font-style:normal;font-weight:400;line-height:40px;letter-spacing:0;text-decoration:none!important}
.delavie-arhive-json__title:visited{color:#362b25}
.delavie-arhive-json__title-line{display:block;position:relative;width:max-content;max-width:100%}
.delavie-arhive-json__title-line::after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform 760ms cubic-bezier(.16,1,.3,1) var(--delavie-arhive-line-delay,0ms)}
.delavie-arhive-json__meta{display:flex;align-items:center;gap:16px;color:#a38465}
.delavie-arhive-json__category,.delavie-arhive-json__date{margin:0;color:inherit;font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:700;line-height:22px;letter-spacing:2.4px;text-transform:uppercase;white-space:nowrap}
.delavie-arhive-json__separator{width:1px;height:13px;flex:0 0 1px;background:currentColor}
.delavie-arhive-json__card:hover .delavie-arhive-json__image,.delavie-arhive-json__card:focus-within .delavie-arhive-json__image{transform:scale(1.035)}
.delavie-arhive-json__card:hover .delavie-arhive-json__title-line::after,.delavie-arhive-json__card:focus-within .delavie-arhive-json__title-line::after{transform:scaleX(1)}
.delavie-arhive-json__title:focus-visible{outline:2px solid #dcbb7d;outline-offset:4px}
@media(max-width:1024px){.delavie-arhive-json__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:767px){.delavie-arhive-json{padding:48px 0 72px}.delavie-arhive-json__inner{width:calc(100% - (2 * var(--gutter-page-mobile,24px)))}.delavie-arhive-json__filters{width:calc(100% + var(--gutter-page-mobile,24px));flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;margin:0 calc(-1 * var(--gutter-page-mobile,24px)) 24px 0;padding:0 var(--gutter-page-mobile,24px) 2px 0}.delavie-arhive-json__filters::-webkit-scrollbar{display:none}.delavie-arhive-json__grid{grid-template-columns:minmax(0,1fr);row-gap:40px}.delavie-arhive-json__media{margin-bottom:16px}.delavie-arhive-json__title{width:85%;font-size:22px;line-height:26px}.delavie-arhive-json__meta{gap:8px}}
@media(prefers-reduced-motion:reduce){.delavie-arhive-json__filter,.delavie-arhive-json__image,.delavie-arhive-json__title-line::after{transition:none}}
@media(max-width:767px){.delavie-arhive-json__category,.delavie-arhive-json__date{font-size:10px}.delavie-arhive-json__separator{height:10px}}
/* Protect archive card title color from site link states */
html body:not(#delavie-blog-card-color-guard):not(#delavie-blog-card-color-guard-2) .delavie-arhive-json a.delavie-arhive-json__title,html body:not(#delavie-blog-card-color-guard):not(#delavie-blog-card-color-guard-2) .delavie-arhive-json a.delavie-arhive-json__title:link,html body:not(#delavie-blog-card-color-guard):not(#delavie-blog-card-color-guard-2) .delavie-arhive-json a.delavie-arhive-json__title:visited,html body:not(#delavie-blog-card-color-guard):not(#delavie-blog-card-color-guard-2) .delavie-arhive-json a.delavie-arhive-json__title:hover,html body:not(#delavie-blog-card-color-guard):not(#delavie-blog-card-color-guard-2) .delavie-arhive-json a.delavie-arhive-json__title:focus-visible,html body:not(#delavie-blog-card-color-guard):not(#delavie-blog-card-color-guard-2) .delavie-arhive-json a.delavie-arhive-json__title:active{color:#362b25!important}
