@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,400..900;1,400..900&display=swap";.naoko-banner-trio{--bt-cols: 3;--bt-gap: 35px;--bt-ratio: 1 / 1;padding-top:var(--bt-pad-top, 70px);padding-bottom:var(--bt-pad-bottom, 70px);padding-inline:var(--bt-pad-inline, 146px)}.naoko-banner-trio__grid{display:grid;grid-template-columns:repeat(var(--bt-cols),minmax(0,1fr));gap:var(--bt-gap)}.naoko-banner-trio__card{position:relative;display:block;aspect-ratio:var(--bt-ratio, 1 / 1);overflow:hidden;text-decoration:none;background:#c8c8c8;isolation:isolate;container-type:inline-size}.naoko-banner-trio__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.naoko-banner-trio__media img,.naoko-banner-trio__media picture{width:100%;height:100%;object-fit:cover;display:block}.naoko-banner-trio__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--card-overlay-opacity, 0);pointer-events:none}.naoko-banner-trio__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;padding-block:2.4rem;padding-inline:var(--bt-inset-x, 2.4rem)}.naoko-banner-trio__inner{width:100%;display:flex;flex-direction:column;align-items:var(--card-x, center);gap:var(--bt-textgap, 2.4rem);text-align:center;color:var(--card-text, #000)}.naoko-banner-trio__texts{display:flex;flex-direction:column;align-items:center;gap:var(--bt-textgap, 2.4rem);width:var(--card-text-max, 70%);max-width:100%}.naoko-banner-trio__overline,.naoko-banner-trio__title{margin:0;font-family:var(--card-title-font, "Noto Serif Display", "Times New Roman", serif);font-weight:var(--card-title-weight, 800);font-style:var(--card-title-style, italic);font-stretch:75%;line-height:1.04;letter-spacing:-.01em}.naoko-banner-trio__overline{font-size:var(--card-overline-size, 3rem)}.naoko-banner-trio__title{font-size:var(--card-title-size, 5rem)}.naoko-banner-trio__title>*{margin:0}.naoko-banner-trio__text{font-family:var(--card-para-font, "Montserrat", sans-serif);font-weight:var(--card-para-weight, 500);font-style:var(--card-para-style, normal);font-size:var(--card-para-size, 1.7rem);line-height:1.3}.naoko-banner-trio__text>*{margin:0}.naoko-banner-trio__button{display:inline-flex;align-items:center;justify-content:center;width:min(clamp(calc(var(--bt-btn-w-n, 204) * .06rem),calc(var(--bt-btn-w-n, 204) * .19231cqw),calc(var(--bt-btn-w-n, 204) * .1rem)),100%);min-height:clamp(calc(var(--bt-btn-h-n, 50) * .06rem),calc(var(--bt-btn-h-n, 50) * .19231cqw),calc(var(--bt-btn-h-n, 50) * .1rem));padding:0 clamp(1.2rem,3.846cqw,2rem);background:var(--card-btn-bg, #000);color:var(--card-btn-text, #fff);font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(1.1rem,3.0769cqw,1.6rem);line-height:1.2;text-align:center;white-space:nowrap;pointer-events:none}.naoko-banner-trio__card--btn-abs .naoko-banner-trio__button{position:absolute;bottom:var(--card-btn-bottom, 8%);left:50%;transform:translate(-50%)}.naoko-banner-trio__card--btn-left .naoko-banner-trio__button{left:calc(var(--bt-inset-x, 2.4rem) + (100% - 2 * var(--bt-inset-x, 2.4rem)) * var(--card-text-frac, .7) / 2)}.naoko-banner-trio__card--btn-right .naoko-banner-trio__button{left:calc(100% - var(--bt-inset-x, 2.4rem) - (100% - 2 * var(--bt-inset-x, 2.4rem)) * var(--card-text-frac, .7) / 2)}@media screen and (max-width:749px){.naoko-banner-trio{padding-inline:var(--bt-pad-inline-mobile, 16px)}.naoko-banner-trio__grid{grid-template-columns:1fr;gap:var(--bt-gap-mobile, var(--bt-gap))}.naoko-banner-trio__button{width:min(var(--bt-btn-w, 20.4rem),100%);min-height:var(--bt-btn-h, 5rem);padding:0 2rem;font-size:1.6rem}.naoko-banner-trio__overline{font-size:var(--card-overline-size-mobile, var(--card-overline-size, 3rem))}.naoko-banner-trio__title{font-size:var(--card-title-size-mobile, var(--card-title-size, 5rem))}.naoko-banner-trio__text{font-size:var(--card-para-size-mobile, var(--card-para-size, 1.7rem))}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/naoko-banner-trio.css.map */