.naoko-blog-posts{background:var(--nbp-bg, #fff);color:var(--nbp-text, #000);padding-block:var(--nbp-pad-top, 60px) var(--nbp-pad-bottom, 60px);--nbp-per: var(--nbp-per-mobile, 1);--nbp-gap-cur: var(--nbp-gap-mobile, 16px);--nbp-pad-inline-cur: 32px}@media(min-width:750px){.naoko-blog-posts{--nbp-per: var(--nbp-per-tablet, 2);--nbp-gap-cur: var(--nbp-gap, 40px);--nbp-pad-inline-cur: clamp(40px, 6vw, 72px)}}@media(min-width:1025px){.naoko-blog-posts{--nbp-per: var(--nbp-per-desktop, 3);--nbp-pad-inline-cur: var(--nbp-pad-inline, 146px)}}.naoko-blog-posts__bound{position:relative;padding-inline:var(--nbp-pad-inline-cur)}.naoko-blog-posts__viewport{display:flex;gap:var(--nbp-gap-cur);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.naoko-blog-posts__viewport::-webkit-scrollbar{display:none}.naoko-blog-posts__card{flex:0 0 calc((100% - (var(--nbp-per) - 1) * var(--nbp-gap-cur)) / var(--nbp-per));scroll-snap-align:start;text-decoration:none;color:inherit;display:block}.naoko-blog-posts__media{aspect-ratio:var(--nbp-ratio, 1 / 1);background:#e2e1df;overflow:hidden}.naoko-blog-posts__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}@media(hover:hover){.naoko-blog-posts__card:hover .naoko-blog-posts__media img{transform:scale(1.03)}}.naoko-blog-posts__text{padding-inline-end:12%}.naoko-blog-posts__date{display:block;margin-top:1.9rem;font-family:var(--nbp-date-font, var(--font-body--family));font-size:var(--nbp-date-size, 1.6rem);font-weight:var(--nbp-date-weight, 300);font-style:var(--nbp-date-style, normal);line-height:1.4}.naoko-blog-posts__title{margin:1.9rem 0 0;font-family:var(--nbp-title-font, var(--font-body--family));font-size:var(--nbp-title-size, 1.8rem);font-weight:var(--nbp-title-weight, 600);font-style:var(--nbp-title-style, normal);line-height:1.3}.naoko-blog-posts--caps .naoko-blog-posts__title{text-transform:uppercase}@media(max-width:749px){.naoko-blog-posts__text{padding-inline-end:0}.naoko-blog-posts__date{font-size:var(--nbp-date-size-mobile, 1.3rem)}.naoko-blog-posts__title{font-size:var(--nbp-title-size-mobile, 1.6rem)}}.naoko-blog-posts__arrow{position:absolute;top:var(--nbp-arrow-top, 30%);transform:translateY(-50%);width:var(--nbp-arrow-size, 56px);height:var(--nbp-arrow-size, 56px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--nbp-arrow-bg, #fff);color:var(--nbp-arrow-color, #000);border:1px solid var(--nbp-arrow-border, #e2e1df);cursor:pointer;z-index:2;padding:0;transition:opacity .2s ease,background .2s ease}.naoko-blog-posts__arrow:hover{background:var(--nbp-arrow-border, #e2e1df)}.naoko-blog-posts__arrow:focus-visible{outline:2px solid var(--nbp-arrow-color, #000);outline-offset:2px}.naoko-blog-posts__arrow svg{width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:2}.naoko-blog-posts__arrow--prev{left:max(8px,calc((var(--nbp-pad-inline-cur) - var(--nbp-arrow-size, 56px)) / 2))}.naoko-blog-posts__arrow--prev svg{transform:rotate(180deg)}.naoko-blog-posts__arrow--next{right:max(8px,calc((var(--nbp-pad-inline-cur) - var(--nbp-arrow-size, 56px)) / 2))}.naoko-blog-posts__arrow.is-hidden{opacity:0;pointer-events:none}@media(max-width:749px){.naoko-blog-posts__arrow{width:40px;height:40px}.naoko-blog-posts__arrow--prev{left:0}.naoko-blog-posts__arrow--next{right:0}}.naoko-blog-posts__cta{display:flex;justify-content:center;margin-top:6.5rem}.naoko-blog-posts__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--nbp-btn-w, 260px);height:var(--nbp-btn-h, 53px);background:var(--nbp-btn-bg, #000);color:var(--nbp-btn-color, #fff);font-family:var(--nbp-btn-font, var(--font-body--family));font-size:var(--nbp-btn-size, 1.6rem);font-weight:var(--nbp-btn-weight, 700);font-style:var(--nbp-btn-style, normal);text-decoration:none;border:0;cursor:pointer;transition:opacity .2s ease}.naoko-blog-posts__btn:hover{opacity:.85}@media(max-width:749px){.naoko-blog-posts__cta{margin-top:4rem}.naoko-blog-posts__btn{width:min(100%,var(--nbp-btn-w, 260px))}}@media(prefers-reduced-motion:reduce){.naoko-blog-posts__viewport{scroll-behavior:auto}.naoko-blog-posts__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/naoko-blog-posts.css.map */