:root{--font-sans: "Mona Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: "matrix-ii-ext-semi-narrow", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--color-black: #000000;--color-white: #FFFFFF;--color-primary: #613D20;--color-secondary: #94ADE7;--color-tertiary: #FFFFF5;--color-gray-dark: #3E3E3E;--breakpoint-xs: 500px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px;--breakpoint-3xl: 1728px;--breakpoint-4xl: 1920px;--breakpoint-5xl: 2220px;--breakpoint-6xl: 2560px}.block-listing-post{padding-top:200px;padding-bottom:100px}@media (min-width: 1440px){.block-listing-post{padding-top:200px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post{padding-top:calc(10.6666666667vw - 4.8px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post{padding-top:calc(10.2941176471vw + 3.4705882353px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post{padding-top:267px}}@media (min-width: 1440px){.block-listing-post{padding-bottom:100px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post{padding-bottom:calc(5.3333333333vw - 2.4px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post{padding-bottom:calc(5.2941176471vw - 1.5294117647px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post{padding-bottom:134px}}.block-listing-post .first-post{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;margin-bottom:40px}@media (min-width: 1024px){.block-listing-post .first-post{margin-bottom:105px;flex-direction:row}}@media (min-width: 1440px){.block-listing-post .first-post{gap:20px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post .first-post{gap:calc(1.3333333333vw - 5.6px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post .first-post{gap:calc(.8823529412vw + 4.4117647059px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post .first-post{gap:27px}}@media (min-width: 1440px){.block-listing-post .first-post{margin-bottom:105px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post .first-post{margin-bottom:calc(5.6666666667vw - 3.8px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post .first-post{margin-bottom:calc(5.2941176471vw + 4.4705882353px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post .first-post{margin-bottom:140px}}.block-listing-post .first-post__image-wrapper{width:100%;height:auto;aspect-ratio:67/40;border-radius:10px;overflow:hidden}.block-listing-post .first-post__image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block-listing-post .first-post__content{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;padding:10%;text-align:center}.block-listing-post .first-post__content .first-post__text{color:var(--color-primary);font-size:36px;line-height:1}@media (min-width: 1024px){.block-listing-post .first-post__content .first-post__text{font-size:50px}}@media (min-width: 1440px){.block-listing-post .first-post__content .first-post__text{font-size:50px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post .first-post__content .first-post__text{font-size:calc(2.6666666667vw - 1.2px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post .first-post__content .first-post__text{font-size:calc(2.6470588235vw - .7647058824px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post .first-post__content .first-post__text{font-size:67px}}.block-listing-post .first-post .date{font-family:var(--font-sans);color:var(--color-secondary);font-size:16px;font-weight:400;line-height:1}.block-listing-post .grid{row-gap:40px;-moz-column-gap:22px;column-gap:22px}@media (min-width: 1024px){.block-listing-post .grid{row-gap:105px}}@media (min-width: 1440px){.block-listing-post .grid{row-gap:105px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post .grid{row-gap:calc(5.6666666667vw - 3.8px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post .grid{row-gap:calc(5.2941176471vw + 4.4705882353px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post .grid{row-gap:140px}}@media (min-width: 1440px){.block-listing-post .grid{-moz-column-gap:22px;column-gap:22px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post .grid{-moz-column-gap:calc(1.3333333333vw - 3.6px);column-gap:calc(1.3333333333vw - 3.6px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post .grid{-moz-column-gap:calc(1.1764705882vw - .1176470588px);column-gap:calc(1.1764705882vw - .1176470588px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post .grid{-moz-column-gap:30px;column-gap:30px}}.block-listing-post .pagination{font-family:var(--font-sans);margin-top:120px;display:flex;justify-content:center}@media (min-width: 1440px){.block-listing-post .pagination{margin-top:120px}}@media (min-width: 1440px) and (min-width: 1920px){.block-listing-post .pagination{margin-top:calc(6.3333333333vw - 1.6px)}}@media (min-width: 1440px) and (min-width: 2220px){.block-listing-post .pagination{margin-top:calc(6.1764705882vw + 1.8823529412px)}}@media (min-width: 1440px) and (min-width: 2560px){.block-listing-post .pagination{margin-top:160px}}.block-listing-post .pagination__list{display:flex;align-items:center;gap:11px}.block-listing-post .pagination__item{list-style:none}.block-listing-post .pagination__link{display:inline-flex;align-items:center;justify-content:center;width:47px;aspect-ratio:1/1;border-radius:100%;border:1px solid var(--color-primary);color:var(--color-primary);font-weight:500;transition:background .2s ease,color .2s ease;opacity:.5;text-decoration:none}.block-listing-post .pagination__link:hover{background:var(--color-primary);color:var(--color-tertiary)}.block-listing-post .pagination__link.is-current{border-color:var(--color-primary);opacity:1}.block-listing-post .pagination__next-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:9999px;border:1px solid var(--color-primary);color:var(--color-primary);font-weight:600;transition:background .2s ease,color .2s ease;text-decoration:none}.block-listing-post .pagination__next-btn .icon{font-size:18px}.block-listing-post .pagination__next-btn:hover{background:var(--color-primary);color:#fff}
