:root{--ink:#111;--paper:#fff;--muted:#666;--rule:#dcdcdc;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--ink);background:var(--paper);font:400 15px/1.6 var(--font-sans), sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.muted{color:var(--muted)}@keyframes rise{0%{transform:translateY(105%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes settle{0%{transform:scale(1.07)}}@keyframes drop{0%{clip-path:inset(0 0 100%)}}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.landing{background:#e9e9e7;height:100svh;min-height:560px;position:relative;overflow:hidden}.landing-photo{object-fit:cover;object-position:50% 42%;animation:settle 2.4s var(--ease) both;transition:filter .8s var(--ease)}.landing:after{content:"";pointer-events:none;opacity:0;transition:opacity .6s var(--ease);background:#11111147;position:absolute;inset:0}.landing:has(input:focus):after{opacity:1}.landing:has(.is-open):after{opacity:1}.landing:has(input:focus) .landing-photo{filter:grayscale(.6)blur(1.5px)}.landing-search{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.landing-search .search{pointer-events:auto;animation:fade-up 1.1s var(--ease) .5s both}.search{width:min(560px,100vw - 40px);position:relative}.search-icon{z-index:1;fill:none;width:15px;height:15px;stroke:var(--ink);stroke-width:1.2px;pointer-events:none;position:absolute;top:50%;left:20px;translate:0 -50%}.search input{width:100%;height:58px;color:var(--ink);font:inherit;letter-spacing:.04em;caret-color:var(--ink);transition:background .4s var(--ease), box-shadow .5s var(--ease);background:#ffffffeb;border:0;border-radius:0;outline:none;padding:0 22px 0 50px;font-size:15px;box-shadow:0 1px #11111114,0 12px 32px -16px #00000040}.search input::placeholder{color:#6a6a6a}.search:after{content:"";background:var(--ink);height:1px;transition:scale .6s var(--ease);position:absolute;bottom:0;left:0;right:0;scale:0 1}.search:focus-within:after{scale:1}.search input:focus{background:var(--paper);box-shadow:0 24px 60px -20px #00000073}.search-panel{z-index:10;background:var(--paper);border:1px solid var(--ink);animation:drop .28s var(--ease);border-top:0;padding:14px 0 10px;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 40px -20px #0000004d}.search li.search-group{cursor:default;letter-spacing:0;text-transform:none;color:var(--muted);padding:0 18px 6px;font-size:12px;animation:none;display:block}.search ul+ul{border-top:1px solid #ececec;margin-top:10px;padding-top:12px}.search ul{list-style:none}.search li{cursor:pointer;letter-spacing:.02em;text-transform:uppercase;animation:fade-up .35s var(--ease) both;animation-delay:calc(var(--i) * 28ms);justify-content:space-between;align-items:baseline;gap:16px;padding:8px 18px;font-size:14px;transition:background .15s;display:flex}.search li b{text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.search li>span:first-child{transition:translate .3s var(--ease)}.search li[aria-selected=true]{background:#f2f2f0}.search li[aria-selected=true]>span:first-child{translate:6px}.search-count{color:var(--muted);text-transform:none;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.search-empty{color:var(--muted);padding:6px 18px 8px;font-size:14px}.search--compact{width:100%}.search--compact input{border:0;border-bottom:1px solid var(--rule);height:38px;box-shadow:none;background:0 0;padding:0 2px 0 26px;font-size:14px}.search--compact .search-icon{width:13px;height:13px;left:2px}.search--compact input:focus{border-bottom-color:var(--ink);box-shadow:none}.search--compact .search-panel{border-top:1px solid var(--ink);width:max(100%,340px);left:auto}.masthead{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:26px 32px 22px;display:grid}.wordmark{font:400 clamp(44px, 6vw, 68px)/1 var(--font-display), serif;letter-spacing:.04em;animation:fade-up .9s var(--ease) both;grid-column:2}.masthead-search{grid-column:3;justify-self:end;width:min(280px,100%)}.brand{grid-template-columns:1fr 1fr;max-width:1280px;margin:0 auto;display:grid}.brand-about{border-right:1px solid var(--rule);padding:72px 56px 72px 32px}.brand-about h1{font:400 clamp(44px, 6.4vw, 92px)/1 var(--font-display), serif;letter-spacing:-.01em;overflow-wrap:anywhere;margin-bottom:24px}.brand-about .word{vertical-align:top;margin-right:.22em;padding-bottom:.06em;display:inline-block;overflow:hidden}.brand-about .word>span{animation:rise 1.1s var(--ease) both;animation-delay:calc(.1s + var(--i) * 80ms);display:inline-block}.brand-meta{color:var(--muted);animation:fade-up .9s var(--ease) .35s both;margin-bottom:36px;font-size:13px}.brand-desc{max-width:34em;animation:fade-up .9s var(--ease) .45s both;font-size:16px;line-height:1.85}.brand-shops{padding:80px 32px 72px 56px}.brand-shops h2{border-bottom:1px solid var(--ink);padding-bottom:14px;font-size:13px;font-weight:500}.brand-shops h2 span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:400}.brand-shops ul{list-style:none}.brand-shops li{border-bottom:1px solid var(--rule);animation:fade-up .8s var(--ease) both;animation-delay:calc(.35s + var(--i) * 90ms)}.brand-shops a{isolation:isolate;transition:color .35s var(--ease);grid-template-columns:1fr auto;grid-template-areas:"name go""city go";align-items:center;row-gap:2px;padding:24px 0;display:grid;position:relative}.brand-shops a:before{content:"";z-index:-1;background:var(--ink);clip-path:inset(0 100% 0 0);transition:clip-path .5s var(--ease);position:absolute;inset:0}.brand-shops a>span{transition:translate .5s var(--ease), color .35s}.brand-shops a:hover,.brand-shops a:focus-visible{color:var(--paper)}.brand-shops a:hover .shop-name,.brand-shops a:hover .shop-city,.brand-shops a:focus-visible .shop-name,.brand-shops a:focus-visible .shop-city{translate:20px}.brand-shops a:hover .shop-go,.brand-shops a:focus-visible .shop-go{translate:-20px}.brand-shops a:hover:before,.brand-shops a:focus-visible:before{clip-path:inset(0)}.shop-name{font:400 30px/1.1 var(--font-display), serif;letter-spacing:.01em;grid-area:name}.shop-city{color:var(--muted);grid-area:city;font-size:13px;transition:color .35s}.brand-shops a:hover .shop-city{color:#ffffffa6}.shop-go{grid-area:go;align-items:center;gap:8px;font-size:13px;display:inline-flex}.shop-go svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:11px;height:11px;transition:transform .4s var(--ease)}.brand-shops a:hover svg{transform:translate(3px,-3px)}.shop-site{border-bottom:1px solid var(--ink);animation:fade-up .9s var(--ease) .45s both;align-items:center;gap:8px;padding-bottom:2px;font-size:14px;display:inline-flex}.shop-site svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:11px;height:11px;transition:transform .4s var(--ease)}.shop-site:hover svg{transform:translate(3px,-3px)}.brand-about.is-sticky{align-self:start;position:sticky;top:0}.shop-index{padding:80px 32px 96px 56px}.shop-index h2{border-bottom:1px solid var(--ink);padding-bottom:14px;font-size:13px;font-weight:500}.shop-index h2 span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:400}.shop-letter{border-bottom:1px solid var(--rule);grid-template-columns:48px 1fr;padding:16px 0;display:grid}.shop-letter h3{font:400 22px/1.2 var(--font-display), serif}.shop-letter ul{columns:2;column-gap:24px;list-style:none}.shop-letter li{break-inside:avoid;letter-spacing:.03em;font-size:13px;line-height:2}.shop-letter a{transition:background-size .4s var(--ease);background:linear-gradient(currentColor,currentColor) 0 88%/0 1px no-repeat}.shop-letter a:hover,.shop-letter a:focus-visible{background-size:100% 1px}.also{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:11px}@supports (animation-timeline:view()){.shop-letter{animation:linear both fade-up;animation-timeline:view();animation-range:entry entry 60%}}.more{border-top:1px solid var(--ink)}.more h2,.more ul{max-width:1280px;margin:0 auto;padding:0 32px}.more h2{padding-top:64px;padding-bottom:28px;font-size:13px;font-weight:500}.more ul{flex-wrap:wrap;padding-bottom:104px;list-style:none;display:flex}.more li{font:400 clamp(24px, 3vw, 40px)/1.3 var(--font-display), serif}.more li:not(:last-child):after{content:"·";color:#c4c4c4;margin:0 .4em}.more a{transition:background-size .45s var(--ease);background:linear-gradient(currentColor,currentColor) 0 92%/0 1px no-repeat}.more a:hover,.more a:focus-visible{background-size:100% 1px}@supports (animation-timeline:view()){.more li{animation:linear both fade-up;animation-timeline:view();animation-range:entry entry 70%}}@media (max-width:760px){.masthead{grid-template-columns:1fr;justify-items:center;gap:14px;padding:22px 20px 16px}.wordmark,.masthead-search{grid-column:1}.masthead-search{justify-self:stretch;width:100%}.search--compact .search-panel{width:100%}.brand{grid-template-columns:1fr;min-height:0}.brand-about{border-right:0;border-bottom:1px solid var(--rule);padding:44px 20px 36px}.brand-about.is-sticky{position:static}.brand-shops,.shop-index{padding:36px 20px 56px}.shop-letter ul{columns:1}.shop-go span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.shop-go svg{width:14px;height:14px}.more h2,.more ul{padding-inline:20px}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}
