.brand-hero{position:relative;padding:60px 0;background:var(--brand-white)}.brand-hero__viewport{display:flex;gap:var(--hero-gap, 40px);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:max(40px,calc((100% - var(--hero-card-w, 800px)) / 2));scrollbar-width:none}.brand-hero__viewport::-webkit-scrollbar{display:none}.brand-hero__card{position:relative;flex:0 0 min(var(--hero-card-w, 800px),82%);height:var(--hero-height, 500px);border-radius:8px;overflow:hidden;scroll-snap-align:center;display:block;text-decoration:none;background:var(--brand-cream-2)}.brand-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.brand-hero__img{width:100%;height:100%;object-fit:cover;display:block}.brand-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#462e2500 55%,#462e2559)}.brand-hero__mark{position:absolute;top:20px;left:20px;width:100px;height:auto;filter:brightness(0) invert(1);opacity:.95}.brand-hero__pill{position:absolute;right:40px;bottom:40px;display:inline-flex;align-items:center;gap:18px;padding:14px 24px 16px 28px;background:var(--brand-white);border:1px solid #bbb;border-radius:25px;font-family:var(--brand-font-jp);font-size:18px;font-weight:500;color:var(--brand-brown);line-height:1}.brand-hero__nav{position:absolute;top:calc(60px + var(--hero-height, 500px) / 2);transform:translateY(-50%);width:50px;height:50px;border:none;border-radius:50%;background:var(--brand-brown);color:var(--brand-white);cursor:pointer;display:grid;place-items:center;z-index:2}.brand-hero__nav--prev{left:var(--hero-nav-x, 40px)}.brand-hero__nav--next{right:var(--hero-nav-x, 40px)}.brand-hero__nav:hover{opacity:.88}.brand-hero__dots{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px}.brand-hero__dot{width:64px;height:5px;padding:0;border:none;border-radius:1px;background:#ddd;cursor:pointer;transition:background .2s ease}.brand-hero__dot.is-active{background:var(--brand-green)}@media screen and (max-width:749px){.brand-hero{padding:32px 0}.brand-hero__viewport{gap:16px;padding-inline:20px}.brand-hero__card{flex-basis:88%;height:auto;aspect-ratio:var(--hero-ratio, 8 / 5)}.brand-hero__pill{right:12px;bottom:12px;padding:7px 12px 8px 14px;font-size:12px;gap:8px;border-radius:18px}.brand-hero__pill img{width:11px;height:auto}.brand-hero__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-brand-hero.css.map */