.brand-index{--bi-ink: var(--color-foreground);--bi-rule: rgba(var(--color-foreground), .14);--bi-muted: rgba(var(--color-foreground), .72);--bi-toolbar-h: 7.2rem;--bi-sticky-top: 0px;--bi-ease: cubic-bezier(.16, 1, .3, 1);background-color:rgb(var(--color-background))}.brand-index ::selection{background:rgba(var(--bi-accent),.7);color:rgb(var(--bi-ink))}.brand-index a:focus-visible,.brand-index button:focus-visible,.brand-index input:focus-visible{outline:2px solid rgb(var(--bi-ink));outline-offset:3px;box-shadow:none}.brand-index__intro{display:grid;gap:3.2rem;margin-bottom:4rem}@media screen and (min-width:990px){.brand-index__intro--spotlight{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:4.8rem;align-items:end}}.brand-index__title{margin:0;text-wrap:balance}@media screen and (min-width:990px){.brand-index__title.h1{font-size:5.6rem;line-height:1.1}}.brand-index__total{margin:.8rem 0 0;font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;letter-spacing:.02em;color:var(--bi-muted);font-variant-numeric:tabular-nums}.brand-index__text{margin-top:2rem;max-width:44ch;font-size:1.6rem;line-height:1.6;color:rgb(var(--bi-ink))}.brand-index__text p{margin:0}.brand-index__spotlight{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(22rem,1fr);gap:1.6rem;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}.brand-index__spotlight::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.brand-index__spotlight{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin-inline:0;padding-inline:0;gap:2rem}}.brand-index__feature{scroll-snap-align:start;min-width:0}.brand-index__feature-link{display:flex;flex-direction:column;color:rgb(var(--bi-ink));text-decoration:none}.brand-index__feature-media{position:relative;aspect-ratio:4 / 3;border-radius:1.2rem;overflow:hidden;background:rgba(var(--bi-accent),.35);margin-bottom:1.2rem}.brand-index__feature-media img,.brand-index__feature-media .brand-index__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--bi-ease)}.brand-index__feature-monogram{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-heading-family);font-size:6.4rem;color:rgb(var(--bi-ink))}.brand-index__feature-name{font-family:"Noto Serif Display",var(--font-heading-family);font-weight:500;font-size:2rem;line-height:1.2;letter-spacing:.01em;text-wrap:balance}.brand-index__feature-meta{margin-top:.4rem;padding-bottom:1.2rem;border-bottom:1px solid var(--bi-rule);font-size:1.4rem;color:var(--bi-muted);font-variant-numeric:tabular-nums}@media(hover:hover){.brand-index__feature-link:hover .brand-index__feature-media img{transform:scale(1.04)}.brand-index__feature-link:hover .brand-index__feature-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}}.brand-index__toolbar{position:sticky;top:var(--bi-sticky-top);z-index:3;background-color:rgb(var(--color-background));border-top:1px solid rgb(var(--bi-ink));border-bottom:1px solid var(--bi-rule);margin-inline:-2rem;padding-inline:2rem;transition:box-shadow .3s var(--bi-ease),top .15s ease-out}.brand-index__toolbar.is-stuck{box-shadow:0 10px 24px -18px #00254173}.brand-index__toolbar-inner{display:grid;gap:1.2rem;padding-block:1.4rem}@media screen and (min-width:990px){.brand-index__toolbar{margin-inline:0;padding-inline:0}}@media screen and (min-width:1200px){.brand-index__toolbar-inner{grid-template-columns:minmax(24rem,32rem) minmax(0,1fr);align-items:center;gap:3.2rem;padding-block:1.6rem}}.brand-index__search{position:relative;display:flex;align-items:center}.brand-index__search-icon{position:absolute;left:1.6rem;display:flex;pointer-events:none;color:rgb(var(--bi-ink))}.brand-index__search-icon .icon{width:2rem;height:2rem}.brand-index__search-input{width:100%;height:4.8rem;padding:0 4.8rem;border:1px solid rgba(var(--color-foreground),.35);border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--bi-ink));font-family:var(--font-body-family);font-size:1.6rem;caret-color:rgb(var(--bi-ink));transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none}.brand-index__search-input::placeholder{color:rgba(var(--color-foreground),.62);opacity:1}.brand-index__search-input::-webkit-search-cancel-button{display:none}.brand-index__search-input:hover{border-color:rgb(var(--bi-ink))}.brand-index .brand-index__search-input:focus-visible{outline:none;border-color:rgb(var(--bi-ink));box-shadow:0 0 0 3px rgba(var(--bi-accent),.9)}.brand-index__shortcut{position:absolute;right:1.4rem;display:none;min-width:2.4rem;height:2.4rem;padding:0 .6rem;place-items:center;border:1px solid var(--bi-rule);border-radius:.6rem;font-family:var(--font-body-family);font-size:1.3rem;color:var(--bi-muted);pointer-events:none}@media(hover:hover)and (pointer:fine){.brand-index__shortcut{display:grid}}.brand-index__search.has-value .brand-index__shortcut{display:none}.brand-index__clear{position:absolute;right:.6rem;display:grid;place-items:center;width:3.6rem;height:3.6rem;border:0;border-radius:.8rem;background:transparent;color:rgb(var(--bi-ink));cursor:pointer}.brand-index__clear[hidden]{display:none}.brand-index__clear:hover{background:rgba(var(--bi-accent),.45)}.brand-index__rail{min-width:0}.brand-index__rail-list{display:flex;gap:.2rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}.brand-index__rail-list::-webkit-scrollbar{display:none}@media screen and (max-width:989px){.brand-index__rail-list{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 5.6rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 5.6rem),transparent)}.brand-index__rail-list.is-end{-webkit-mask-image:none;mask-image:none}}.brand-index__rail-list li{flex:0 0 auto}@media screen and (min-width:990px){.brand-index__rail-list{overflow:visible;margin-inline:0;padding-inline:0}.brand-index__rail-list li{flex:1 1 0;min-width:0;max-width:4.4rem}.brand-index__rail-list{justify-content:space-between}.brand-index__rail-list .brand-index__letter{min-width:0;width:100%}}.brand-index__letter{display:grid;place-items:center;min-width:3.6rem;height:3.6rem;border-radius:.8rem;font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;color:rgb(var(--bi-ink));text-decoration:none;transition:background-color .2s ease,color .2s ease,opacity .2s ease}@media screen and (min-width:1200px){.brand-index__letter{height:4rem;font-size:1.6rem}}a.brand-index__letter:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}.brand-index__letter.is-active{background:rgb(var(--bi-accent));color:rgb(var(--bi-ink));font-weight:600}.brand-index__letter[aria-disabled=true]{color:rgba(var(--color-foreground),.28);pointer-events:none}.brand-index__status{margin:0;min-height:0;font-size:1.4rem;color:var(--bi-muted)}.brand-index__status:not(:empty){padding-top:1.6rem}.brand-index__group{scroll-margin-top:calc(var(--bi-sticky-top) + var(--bi-toolbar-h) + 1.2rem);border-bottom:1px solid var(--bi-rule)}.brand-index__group[hidden]{display:none}.brand-index__group-letter{margin:0;padding:2.4rem 0 .8rem;font-size:3.2rem;line-height:1}@media screen and (min-width:990px){.brand-index__group{display:grid;grid-template-columns:9.6rem minmax(0,1fr)}.brand-index__group-letter{position:sticky;top:calc(var(--bi-sticky-top) + var(--bi-toolbar-h));align-self:start;padding:2.2rem 0;font-size:4.8rem}}.brand-index__rows{margin:0;padding:0;list-style:none}.brand-index__item+.brand-index__item{border-top:1px solid var(--bi-rule)}.brand-index__item[hidden]{display:none}.brand-index__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name arrow" "tagline arrow" "count arrow";column-gap:1.6rem;align-items:center;padding:1.8rem 0;color:rgb(var(--bi-ink));text-decoration:none;transition:background-color .25s var(--bi-ease)}@media screen and (min-width:750px){.brand-index__row{grid-template-columns:minmax(0,5fr) minmax(0,7fr) 11rem 3.2rem;grid-template-areas:"name tagline count arrow";column-gap:3.2rem;padding-block:2.2rem;padding-inline:0 .4rem}}.brand-index__name{grid-area:name;font-family:"Noto Serif Display",var(--font-heading-family);font-weight:500;font-size:2.2rem;line-height:1.2;letter-spacing:.01em}@media screen and (min-width:1200px){.brand-index__name{font-size:2.8rem}}.brand-index__tagline{grid-area:tagline;margin-top:.4rem;font-size:1.4rem;line-height:1.5;color:var(--bi-muted);text-wrap:pretty}@media screen and (max-width:749px){.brand-index__tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media screen and (min-width:750px){.brand-index__tagline{margin-top:0;font-size:1.5rem}}.brand-index__count{grid-area:count;margin-top:.4rem;font-size:1.3rem;font-weight:500;letter-spacing:.02em;color:var(--bi-muted);font-variant-numeric:tabular-nums;white-space:nowrap}@media screen and (min-width:750px){.brand-index__count{margin-top:0;font-size:1.4rem;text-align:right}}.brand-index__arrow{grid-area:arrow;display:flex;justify-content:flex-end;color:rgb(var(--bi-ink));transition:transform .35s var(--bi-ease)}.brand-index__arrow .icon{width:2.2rem;height:1.4rem}@media(hover:hover){.brand-index__row:hover{background-color:rgba(var(--bi-accent),.32)}.brand-index__row:hover .brand-index__arrow{transform:translate(.6rem)}}.brand-index__row:focus-visible{background-color:rgba(var(--bi-accent),.32);outline-offset:-2px}mark.brand-index__hit{background:rgba(var(--bi-accent),.85);color:inherit;border-radius:.3rem;padding:0 .1em}.brand-index__empty{padding:6.4rem 0 3.2rem;max-width:56rem}.brand-index__empty[hidden]{display:none}.brand-index__empty-title{margin:0 0 1.2rem;overflow-wrap:anywhere}.brand-index__empty-text{margin:0 0 2.4rem;font-size:1.6rem;color:var(--bi-muted)}.brand-index__empty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem}.brand-index__reset{padding:0;border:0;background:none;font-family:var(--font-body-family);font-size:1.5rem;color:rgb(var(--bi-ink));text-decoration:underline;text-underline-offset:.3em;cursor:pointer}.brand-index__setup{padding:4rem;border:1px dashed var(--bi-rule);border-radius:1.2rem}.brand-index__preview{position:fixed;top:0;left:0;z-index:4;width:16rem;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--bi-accent),.6);box-shadow:0 24px 48px -20px #00254173;pointer-events:none;opacity:0;visibility:hidden;clip-path:inset(12% 12% 12% 12%);transition:opacity .35s var(--bi-ease),clip-path .5s var(--bi-ease),visibility 0s linear .5s;will-change:transform}.brand-index__preview.is-visible{opacity:1;visibility:visible;clip-path:inset(0 0 0 0);transition:opacity .35s var(--bi-ease),clip-path .5s var(--bi-ease),visibility 0s}.brand-index__preview img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:none),(pointer:coarse),(max-width:749px){.brand-index__preview{display:none}}@media(prefers-reduced-motion:reduce){.brand-index *,.brand-index__preview{transition-duration:.01ms!important}.brand-index__rail-list{scroll-behavior:auto}}.brand-index__letter.is-dimmed{color:rgba(var(--color-foreground),.28);background:transparent;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-brand-index.css.map */