.naoko-feature-grid{background:var(--fg-bg, transparent);padding-top:var(--fg-pad-top, 20px);padding-bottom:var(--fg-pad-bottom, 0)}.naoko-feature-grid__inner{margin-inline:auto;padding-inline:var(--page-margin, 2rem)}.naoko-feature-grid--container{max-width:117rem}.naoko-feature-grid--wide{max-width:160rem}.naoko-feature-grid--xwide{max-width:177rem;padding-inline:var(--fg-gap, 1.5rem)}.naoko-feature-grid--full{max-width:none;padding-inline:var(--fg-gap, 0)}.naoko-feature-grid__track{display:grid;grid-template-columns:repeat(var(--fg-cols, 4),1fr);gap:var(--fg-gap, 15px)}.naoko-feature-grid__card{position:relative;display:block;overflow:hidden;border-radius:var(--fg-radius, 0);text-decoration:none;color:inherit;isolation:isolate}.naoko-feature-grid__media{position:relative;width:100%}.naoko-feature-grid__media img,.naoko-feature-grid__media picture,.naoko-feature-grid__placeholder{display:block;width:100%;height:100%;object-fit:cover}.naoko-feature-grid__media{aspect-ratio:var(--fg-ratio, auto)}.naoko-feature-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0000008c,#0000 55%);opacity:var(--fg-overlay, .25);pointer-events:none}.naoko-feature-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:var(--fg-pos-y, flex-end);align-items:var(--fg-pos-x, flex-start);text-align:var(--fg-text-align, left);padding:clamp(1.5rem,2.5vw,3rem);gap:.6rem;pointer-events:none}.naoko-feature-grid__subtitle{margin:0;font-family:var(--fg-subtitle-font, inherit);font-weight:var(--fg-subtitle-weight, 400);font-style:var(--fg-subtitle-style, normal);font-size:var(--fg-subtitle-size, 1.4rem);color:var(--fg-subtitle-color, #fff);text-transform:uppercase;letter-spacing:.04em}.naoko-feature-grid__title{margin:0;font-family:var(--fg-title-font, inherit);font-weight:var(--fg-title-weight, 600);font-style:var(--fg-title-style, normal);font-size:var(--fg-title-size, 2.4rem);line-height:1.15;color:var(--fg-title-color, #fff)}.naoko-feature-grid__desc{margin:0;max-width:36rem;font-family:var(--fg-desc-font, inherit);font-weight:var(--fg-desc-weight, 400);font-style:var(--fg-desc-style, normal);font-size:var(--fg-desc-size, 1.6rem);line-height:1.45;color:var(--fg-desc-color, #fff)}.naoko-feature-grid__desc>*{margin:0;color:inherit}.naoko-feature-grid__button{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;min-height:4.6rem;width:100%;max-width:var(--fg-btn-width, 19rem);padding:0 2rem;font-family:var(--fg-btn-font, inherit);font-weight:var(--fg-btn-weight, 500);font-style:var(--fg-btn-style, normal);font-size:var(--fg-btn-size, 1.6rem);text-transform:uppercase;letter-spacing:.02em;color:var(--fg-btn-color, #fff);background:var(--fg-btn-bg, #232323);border:1px solid var(--fg-btn-border, #232323)}.naoko-feature-grid--layout-below .naoko-feature-grid__overlay{display:none}.naoko-feature-grid--layout-below .naoko-feature-grid__content{position:static;inset:auto;justify-content:flex-start;padding:1.2rem 0 0;gap:.4rem;pointer-events:auto}.naoko-feature-grid--layout-below .naoko-feature-grid__desc{max-width:none}@media screen and (max-width:749px){.naoko-feature-grid{padding-top:var(--fg-pad-top-mobile, 10px);padding-bottom:var(--fg-pad-bottom-mobile, 0)}.naoko-feature-grid__subtitle{font-size:var(--fg-subtitle-size, 1.4rem)}.naoko-feature-grid__title{font-size:var(--fg-title-size-mobile, var(--fg-title-size))}.naoko-feature-grid__desc{font-size:var(--fg-desc-size-mobile, var(--fg-desc-size))}.naoko-feature-grid--slider .naoko-feature-grid__track{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.naoko-feature-grid--slider .naoko-feature-grid__track::-webkit-scrollbar{display:none}.naoko-feature-grid--slider .naoko-feature-grid__card{flex:0 0 80%;scroll-snap-align:center}.naoko-feature-grid--stack .naoko-feature-grid__track{grid-template-columns:1fr}.naoko-feature-grid--grid2 .naoko-feature-grid__track{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/naoko-feature-grid.css.map */