.bs-collection-visual-hero{position:relative;min-height:calc(76svh * 2 / 3);margin-top:calc(var(--bs-collection-header-offset, var(--header-height, 0px)) * -1);overflow:hidden;isolation:isolate;background:#161312;color:#fff;font-family:var(--bs-display-font, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif)}.bs-collection-visual-hero--medium{min-height:calc(64svh * 2 / 3)}.bs-collection-visual-hero--full{min-height:calc(100svh * 2 / 3)}.bs-collection-visual-hero__photo,.bs-collection-visual-hero__photo picture,.bs-collection-visual-hero__photo img,.bs-collection-visual-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bs-collection-visual-hero__photo img{display:block;object-fit:cover;object-position:center}.bs-collection-visual-hero__scrim{background:linear-gradient(90deg,rgba(0,0,0,var(--bs-collection-hero-scrim, .3)),transparent 88%),linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.4) 32%,transparent 74%)}.bs-collection-visual-hero__content{position:relative;z-index:1;min-height:inherit;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-top:calc(var(--bs-collection-header-offset, var(--header-height, 0px)) + 3.2rem);max-width:none;padding-inline:clamp(3.2rem,5vh,6rem);padding-bottom:calc(clamp(3.2rem,5vh,6rem) - .16rem)}.bs-collection-visual-hero__tag{display:inline-flex;align-items:center;max-width:100%;padding:.8rem 1.5rem;border-radius:10rem;background:#fff;color:#161312;font-size:1.15rem;font-weight:700;letter-spacing:.1em}.bs-collection-visual-hero__tag:before{content:"";width:.8rem;height:.8rem;margin-right:.8rem;border-radius:50%;background:#fc0}.bs-collection-visual-hero__heading{max-width:1000px;margin:1.035rem 0 0;color:inherit;font-family:var(--bs-display-font, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif);font-size:calc(clamp(2.1rem,3.75vw,4.8rem) - 1pt);font-weight:var(--bs-display-weight, 900);line-height:1.12;letter-spacing:0;text-wrap:wrap;text-shadow:0 .2rem .8rem rgba(0,0,0,.55);overflow-wrap:anywhere}.bs-collection-visual-hero__text{max-width:66rem;margin:1.035rem 0 0;font-size:calc(1.5rem - 1pt);line-height:1.44;letter-spacing:0;text-shadow:0 .1rem .5rem rgba(0,0,0,.65)}.bs-collection-visual-hero__text p{margin:0}.bs-collection-visual-hero__button{display:inline-flex;align-items:center;gap:1rem;margin-top:3.2rem;padding:1.6rem 2.8rem;border:.2rem solid #fff;border-radius:10rem;background:#fff;box-shadow:0 1.2rem 3rem #0000003d;color:#161312;font-size:1.25rem;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.bs-collection-visual-hero__button:hover,.bs-collection-visual-hero__button:focus-visible{border-color:#fc0;background:#fc0;color:#161312}.bs-collection-visual-hero__button:focus-visible{outline:.2rem solid #161312;outline-offset:.3rem}.collection-hero--below-visual .collection-hero__title{margin-top:2rem}body:has(.bs-collection-visual-hero) .bs-nav{transition:background .3s ease,border-color .3s ease}body:has(.bs-collection-visual-hero) .bs-nav.is-transparent{background:linear-gradient(180deg,rgba(0,0,0,.31),transparent);border-bottom-color:transparent!important}body:has(.bs-collection-visual-hero):has(.bs-nav.is-transparent) .bs-announcement-bar{background:linear-gradient(180deg,#00000073,#0000004f);border-color:transparent}body:has(.bs-collection-visual-hero) .bs-nav.is-transparent .bs-nav__bar{background:transparent}body:has(.bs-collection-visual-hero) .bs-nav:not(.is-transparent){background:#fffffb}body:has(.bs-collection-visual-hero):has(.bs-nav:not(.is-transparent)) .bs-announcement-bar{background:var(--bs-deep-brown)}body:has(.bs-collection-visual-hero) .bs-nav:not(.is-transparent) .bs-nav__bar{background:#fffffb}body:has(.bs-collection-visual-hero) .bs-nav.is-transparent .bs-nav__logo,body:has(.bs-collection-visual-hero) .bs-nav.is-transparent .bs-nav__desktop-link,body:has(.bs-collection-visual-hero) .bs-nav.is-transparent .bs-nav__action,body:has(.bs-collection-visual-hero) .bs-nav.is-transparent .bs-nav__icon-button{color:#fff;transition:color .3s ease}body:has(.bs-collection-visual-hero) .bs-nav.is-transparent .bs-nav__desktop-link:after{background:#fff}@media screen and (max-width:749px){.bs-collection-visual-hero,.bs-collection-visual-hero--medium,.bs-collection-visual-hero--full{min-height:0;aspect-ratio:1}.bs-collection-visual-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;padding:calc(var(--bs-collection-header-offset, var(--header-height, 0px)) + 1.6rem) 2.4rem 2.4rem}.bs-collection-visual-hero__tag{padding:.6rem 1.2rem;font-size:1.05rem}.bs-collection-visual-hero__heading{width:100%;max-width:none;margin-top:1.008rem;font-size:calc(clamp(2.24rem,6.4vw,3.2rem) - 1pt);line-height:1.096}.bs-collection-visual-hero__text{margin-top:.54rem;font-size:calc(1.4rem - 2pt);line-height:calc(1.932rem - 2pt)}.bs-collection-visual-hero__button{margin-top:1.6rem;min-height:4.4rem;padding:1rem 2rem}}.bs-collection-visual-hero .bs-collection-visual-hero__scrim{display:block;pointer-events:none}@media screen and (max-width:749px){.collection-hero--below-visual .collection-hero__title{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bs-collection-hero.css.map */