.c-blog-coordinate{--container-gutter: 20px;width:100%;padding-block:13px 30px;padding-inline:var(--container-gutter)}@media screen and (min-width:741px){.c-blog-coordinate{--container-gutter: 40px;padding-top:20px}}@media screen and (min-width:1000px){.c-blog-coordinate{--container-gutter: 80px;padding-bottom:50px}}.c-blog-coordinate .c-breadcrumb{margin-inline:calc(-1 * var(--container-gutter))}.c-blog-coordinate__inner{width:100%;max-width:1440px;margin-inline:auto;padding-top:90px}@media screen and (min-width:741px){.c-blog-coordinate__inner{padding-top:clamp(50px,calc(50px + 80 * ((100vw - 740px) / 460)),130px)}}.c-blog-coordinate__title{margin:0;font-family:var(--en-font-family);font-size:20px;font-weight:400;line-height:1;font-feature-settings:"palt"}@media screen and (min-width:1000px){.c-blog-coordinate__title{font-size:30px}}.c-blog-coordinate__grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;row-gap:40px;margin:70px 0 0;padding:0;list-style:none}@media screen and (min-width:741px){.c-blog-coordinate__grid{grid-template-columns:repeat(4,1fr);column-gap:29px;row-gap:68px;margin-top:clamp(60px,calc(60px + 56 * ((100vw - 740px) / 860)),116px)}}.c-blog-coordinate__card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}@media screen and (min-width:741px){.c-blog-coordinate__card{gap:16px}}.c-blog-coordinate__image{overflow:hidden;border-radius:2px;aspect-ratio:338 / 406;background-color:var(--color-sub-bg)}.c-blog-coordinate__image img,.c-blog-coordinate__image svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.c-blog-coordinate__card:hover .c-blog-coordinate__image img{transform:scale(1.04)}.c-blog-coordinate__card-title{margin:0;font-family:var(--base-font-family);font-size:14px;font-weight:300;line-height:1.4;letter-spacing:.02em;font-feature-settings:"palt"}@media screen and (min-width:741px){.c-blog-coordinate__card-title{font-size:16px}}.c-blog-coordinate__empty{margin:40px 0 0;font-size:14px;font-weight:300}.c-blog-coordinate__pagination{margin-top:40px}@media screen and (min-width:1000px){.c-blog-coordinate__pagination{margin-top:60px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c-blog-coordinate.css.map */