.brand-showcase{--bs-ink: 14, 18, 20;--bs-accent: 5, 150, 141;--bs-accent-text: 44, 201, 189;--bs-radius: 16px;--bs-ease-out: cubic-bezier(.23, 1, .32, 1);--bs-ease-in-out: cubic-bezier(.77, 0, .175, 1);--bs-ease-glide: cubic-bezier(.32, .72, 0, 1);--bs-glide: .7s;display:block;padding-block:clamp(5.6rem,6vw,8.8rem);background:#f7f6f3;color:rgb(var(--bs-ink))}.brand-showcase__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;margin-bottom:clamp(2.8rem,3vw,4rem)}.brand-showcase__title{margin:0;color:rgb(var(--bs-ink))}.brand-showcase__text{margin:0;max-width:48ch;color:rgba(var(--bs-ink),.7)}.brand-showcase__panels{container-type:inline-size;--bs-open-w: calc((100cqi - 2.4rem) * 3.4 / 5.4);display:flex;gap:1.2rem;height:clamp(50rem,38vw,62rem)}.brand-panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:var(--bs-radius);background:rgb(var(--bs-ink));color:#fff;isolation:isolate;transition:flex-grow var(--bs-glide) var(--bs-ease-glide)}.brand-panel.is-active{flex-grow:3.4}.brand-panel__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.brand-panel__image{position:absolute;top:0;left:50%;width:var(--bs-open-w);max-width:none;height:100%;object-fit:cover;transform:translate(-50%) scale(1.04);transition:transform 1.1s var(--bs-ease-out);will-change:transform}.brand-panel.is-active .brand-panel__image{transform:translate(-50%) scale(1)}.brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--bs-ink),.05) 30%,rgba(var(--bs-ink),.55),rgba(var(--bs-ink),.92));transition:opacity .4s ease}.brand-panel:not(.is-active):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(var(--bs-ink),.35);pointer-events:none}.brand-panel__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.brand-panel.is-active .brand-panel__cover{z-index:-1}.brand-panel__closed{position:absolute;left:2.4rem;right:2.4rem;bottom:2.4rem;z-index:1;pointer-events:none;opacity:1;transition:opacity .32s ease .26s}.brand-panel.is-active .brand-panel__closed{opacity:0;transition:opacity .16s ease}.brand-panel__closed-name{display:block;font-family:var(--font-heading-family);font-size:clamp(2.4rem,2vw,3.2rem);font-weight:700;line-height:1;text-transform:uppercase;color:#fff}.brand-panel__content{position:absolute;left:0;bottom:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:auto auto;align-items:end;gap:2.4rem 3.2rem;right:auto;width:var(--bs-open-w);padding:3.2rem;visibility:hidden}.brand-panel.is-active .brand-panel__content{visibility:visible}.brand-panel__content>*{opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.brand-panel.is-active .brand-panel__content>*{opacity:1;transform:none;transition:opacity .42s var(--bs-ease-out),transform .56s var(--bs-ease-out)}.brand-panel.is-active .brand-panel__content>:nth-child(1){transition-delay:.18s}.brand-panel.is-active .brand-panel__content>:nth-child(2){transition-delay:.23s}.brand-panel.is-active .brand-panel__content>:nth-child(3){transition-delay:.28s}.brand-panel__intro{grid-column:1;grid-row:1}.brand-panel__name{margin:0 0 .8rem;font-family:var(--font-heading-family);font-size:clamp(4.4rem,4.4vw,7.2rem);font-weight:700;line-height:.9;text-transform:uppercase}.brand-panel__name a{color:#fff;text-decoration:none}.brand-panel__desc{margin:0;max-width:34ch;font-size:1.6rem;line-height:1.4;color:#ffffffd1}.brand-panel__shop{grid-column:1;grid-row:2;justify-self:start;display:inline-flex;align-items:center;gap:1rem;min-height:5.2rem;padding:0 2.4rem;border-radius:8px;background:rgb(var(--bs-accent));color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background-color .18s ease,transform .16s var(--bs-ease-out)}.brand-panel__shop .icon{width:1.6rem;height:1.6rem;transition:transform .2s var(--bs-ease-out)}.brand-panel__shop:active{transform:scale(.97)}.brand-panel__products{grid-column:2;grid-row:1 / span 2;list-style:none;margin:0;padding:.8rem;display:grid;gap:.4rem;border-radius:12px;background:rgba(var(--bs-ink),.74);box-shadow:inset 0 0 0 1px #ffffff1f}@media(prefers-reduced-transparency:reduce){.brand-panel__products{background:rgb(var(--bs-ink));-webkit-backdrop-filter:none;backdrop-filter:none}}.brand-pick{display:grid;grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:1.4rem;padding:.8rem;border-radius:8px;color:#fff;text-decoration:none;transition:background-color .18s ease,transform .16s var(--bs-ease-out)}.brand-pick:active{transform:scale(.98)}.brand-pick__img{width:5.6rem;height:5.6rem;overflow:hidden;border-radius:6px;background:#fff}.brand-pick__img img{width:100%;height:100%;object-fit:cover}.brand-pick__info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.brand-pick__title{overflow:hidden;font-size:1.45rem;font-weight:600;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.brand-pick__price{font-size:1.5rem;font-weight:700;color:rgb(var(--bs-accent-text))}.brand-panel a:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover)and (pointer:fine){.brand-pick:hover{background:#ffffff1a}.brand-panel__shop:hover{background:#07aca2}.brand-panel__shop:hover .icon{transform:translate(4px)}}@media screen and (max-width:989.98px){.brand-showcase__panels{flex-direction:column;height:auto;gap:1.6rem}.brand-panel,.brand-panel.is-active{flex:none;min-height:58rem;transition:none}.brand-panel:not(.is-active):after,.brand-panel__closed,.brand-panel__cover{display:none}.brand-panel__image,.brand-panel.is-active .brand-panel__image{left:0;width:100%;transform:none}.brand-panel__content,.brand-panel.is-active .brand-panel__content{visibility:visible;width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:1.6rem;padding:2rem}.brand-panel__content>*,.brand-panel.is-active .brand-panel__content>*{opacity:1;transform:none;transition:none}.brand-panel__intro,.brand-panel__products,.brand-panel__shop{grid-column:1;grid-row:auto}.brand-panel__name{font-size:4.4rem}.brand-panel__shop{justify-self:stretch;justify-content:center}}@media(prefers-reduced-motion:reduce){.brand-panel,.brand-panel__image,.brand-panel__content>*,.brand-panel__closed{transition:none!important}.brand-panel__image,.brand-panel.is-active .brand-panel__image{transform:translate(-50%)!important}}@media screen and (max-width:989.98px)and (prefers-reduced-motion:reduce){.brand-panel__image,.brand-panel.is-active .brand-panel__image{transform:none!important}}@media screen and (max-width:749.98px){.brand-showcase .page-width{padding-inline:0}.brand-showcase__head{padding-inline:1.6rem}.brand-showcase__panels{flex-direction:row;gap:1rem;overflow-x:auto;padding:0 8vw;scroll-snap-type:x mandatory;scroll-padding-inline:8vw;overscroll-behavior-x:contain;scrollbar-width:none}.brand-showcase__panels::-webkit-scrollbar{display:none}.brand-showcase__panels:after{content:"";flex:0 0 calc(8vw - 1rem)}.brand-panel,.brand-panel.is-active{flex:0 0 84vw;width:84vw;min-height:54rem;scroll-snap-align:center;scroll-snap-stop:always}.brand-panel__name{font-size:3.8rem}}@media screen and (max-width:749.98px){.brand-panel:before{background:linear-gradient(180deg,rgba(var(--bs-ink),0) 12%,rgba(var(--bs-ink),.72) 42%,rgba(var(--bs-ink),.94) 70%,rgba(var(--bs-ink),.97))}}.brand-showcase{padding-top:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-brand-index.css.map */