@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,400..900;1,400..900&display=swap";.naoko-home-hero{--hhero-pad-inline: clamp(2.4rem, 5vw, 10.4rem);--hhero-pad-block: clamp(3.2rem, 6vh, 8rem);--hhero-content-max: 58rem;position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;isolation:isolate}.naoko-home-hero--image:before{content:"";grid-area:1 / 1;width:100%;aspect-ratio:var(--hhero-ratio, 1.7778);max-height:var(--hhero-max-height, none)}.naoko-home-hero--cover{min-height:min(var(--hhero-height, 75svh),var(--hhero-max-height, 99999px))}.naoko-home-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.naoko-home-hero__media img,.naoko-home-hero__media picture,.naoko-home-hero__video{width:100%;height:100%;object-fit:cover;display:block}.naoko-home-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(77deg,#0009,#66666640 60%,#6666661a);opacity:var(--hhero-overlay-opacity, .6);pointer-events:none}.naoko-home-hero__inner{grid-area:1 / 1;z-index:1;display:flex;padding:var(--hhero-pad-block) var(--hhero-pad-inline);justify-content:var(--hhero-justify, flex-start);align-items:var(--hhero-align, flex-end)}.naoko-home-hero__content{display:flex;flex-direction:column;gap:2.2rem;width:100%;min-width:0;max-width:var(--hhero-content-max);align-items:var(--hhero-cross, flex-start);text-align:var(--hhero-text-align, left);color:var(--hhero-text, #fff)}.naoko-home-hero__content>*{max-width:100%}.naoko-home-hero__title{margin:0;color:var(--hhero-title-color, inherit);font-family:var(--hhero-title-font, "Noto Serif Display", "Times New Roman", serif);font-weight:var(--hhero-title-weight, 600);font-style:var(--hhero-title-style, italic);font-stretch:75%;font-size:min(var(--hhero-title-size, 5rem),11vw);line-height:1.04;letter-spacing:-.01em;overflow-wrap:break-word}.naoko-home-hero__text{font-family:var(--hhero-text-font, "Montserrat", sans-serif);font-weight:var(--hhero-text-weight, 500);font-style:var(--hhero-text-style, normal);font-size:min(var(--hhero-text-size, 1.8rem),6vw);line-height:1.5;overflow-wrap:break-word}.naoko-home-hero__text>*{margin:0}.naoko-home-hero__text>*+*{margin-top:.8rem}.naoko-home-hero__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:min(var(--hhero-btn-max-w, 31.4rem),100%);min-height:var(--hhero-btn-h, 5.4rem);padding:0 2.4rem;background:var(--hhero-btn-bg, #ff7900);color:var(--hhero-btn-text, #000);font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;line-height:1.2;text-align:center;text-decoration:none;border:0;cursor:pointer;transition:background-color .2s ease,color .2s ease}.naoko-home-hero__button:hover,.naoko-home-hero__button:focus{background:var(--hhero-btn-bg-hover, var(--hhero-btn-bg, #ff7900))!important;color:var(--hhero-btn-text-hover, var(--hhero-btn-text, #000))!important}.naoko-home-hero__button:focus-visible{outline:2px solid var(--hhero-btn-bg, #ff7900);outline-offset:3px}@media screen and (max-width:749px){.naoko-home-hero{--hhero-pad-block-m: 4rem;--hhero-pad-inline-m: 2.4rem}.naoko-home-hero--image:before{aspect-ratio:var(--hhero-ratio-mobile, var(--hhero-ratio, .8))}.naoko-home-hero--cover{min-height:min(var(--hhero-height-mobile, var(--hhero-height, 60svh)),var(--hhero-max-height, 99999px))}.naoko-home-hero__inner{justify-content:center;align-items:center;padding:var(--hhero-pad-block-m) var(--hhero-pad-inline-m)}.naoko-home-hero__content{align-items:center;text-align:center;max-width:100%}.naoko-home-hero__button{width:100%}.naoko-home-hero[data-btn-mobile=top] .naoko-home-hero__button,.naoko-home-hero[data-btn-mobile=bottom] .naoko-home-hero__button{position:absolute;left:var(--hhero-pad-inline-m);right:var(--hhero-pad-inline-m);width:auto;margin-inline:auto;z-index:2}.naoko-home-hero[data-btn-mobile=top] .naoko-home-hero__button{top:var(--hhero-pad-block-m)}.naoko-home-hero[data-btn-mobile=bottom] .naoko-home-hero__button{bottom:var(--hhero-pad-block-m)}.naoko-home-hero[data-btn-mobile=top] .naoko-home-hero__inner{padding-top:calc(var(--hhero-pad-block-m) + var(--hhero-btn-h, 5.4rem) + 2rem)}.naoko-home-hero[data-btn-mobile=bottom] .naoko-home-hero__inner{padding-bottom:calc(var(--hhero-pad-block-m) + var(--hhero-btn-h, 5.4rem) + 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/naoko-home-hero.css.map */