.listing-header>div>p{text-transform:uppercase;letter-spacing:.16em;font-size:.69rem;font-weight:700}.listing{padding:clamp(2.25rem, 5vw, 4.5rem) var(--page-gutter) var(--space-2xl);background:linear-gradient(180deg, var(--color-paper) 0 58%, color-mix(in oklch, var(--color-paper-2), white 54%) 58% 100%)}.listing h1{letter-spacing:-.045em;margin:0;font-size:clamp(3rem,7vw,7rem)}.empty{font-family:var(--font-display);max-width:34ch;font-size:clamp(1.5rem,3vw,2.5rem)}.listing-header{border:1px solid color-mix(in oklch, var(--color-rule), transparent 18%);background:linear-gradient(90deg, var(--color-paper-warm), color-mix(in oklch, var(--color-paper-2), white 42%));max-width:96rem;min-height:clamp(18rem,34vw,28rem);box-shadow:0 2rem 4rem -3rem color-mix(in oklch, var(--color-ink), transparent 35%);border-radius:2rem;grid-template-columns:minmax(0,1.05fr) minmax(15rem,.55fr);grid-template-areas:"title visual""intro visual";align-items:center;gap:clamp(1.25rem,4vw,4rem);margin:0 auto clamp(2rem,6vw,4.5rem);padding:clamp(1.4rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.listing-header>div:first-child{z-index:1;grid-area:title;position:relative}.listing-header>p:last-of-type,.listing-guide-intro{z-index:1;max-width:41ch;color:var(--color-ink-2);font-family:var(--font-body);grid-area:intro;margin:0;font-size:clamp(1.04rem,1.7vw,1.28rem);font-weight:700;line-height:1.55;position:relative}.listing-guide-intro{max-width:min(100%,52rem)}.listing-guide-intro p{max-width:58ch;margin:0}.listing-category .listing-header{grid-template-columns:minmax(0,.95fr) minmax(18rem,.72fr)}.listing-category .listing-guide-intro{align-items:flex-start;min-height:clamp(7rem,13vw,11rem);padding-top:.35rem;display:flex}.listing-header h1{max-width:11ch;font-size:clamp(3rem,8vw,7.2rem);line-height:.95}.listing-header-visual{z-index:0;grid-area:visual;align-self:stretch;min-height:16rem;position:relative}.listing-blob{background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-accent), transparent 72%);border-radius:34% 46% 22% 38%/20% 24% 18% 36%;position:absolute;inset:8% -10% 5% 2%}.listing-sticker{z-index:1;filter:drop-shadow(0 .75rem .45rem color-mix(in oklch, var(--color-ink), transparent 86%));position:absolute}.listing-sticker-plant{width:clamp(3rem,7vw,5.8rem);top:4%;left:0;transform:rotate(-10deg)}.listing-sticker-compass{width:clamp(4rem,8vw,6.8rem);bottom:4%;left:8%;transform:rotate(-8deg)}.listing-sticker-vegan{width:clamp(4.2rem,9vw,7rem);bottom:2%;right:-2%;transform:rotate(8deg)}.listing-note{z-index:2;aspect-ratio:1;background:var(--color-accent);width:clamp(7rem,13vw,11rem);color:var(--color-accent-ink);font-family:var(--font-display);text-align:center;border-radius:48% 52% 44% 56%;place-items:center;font-size:clamp(1.1rem,2vw,1.65rem);line-height:1.05;display:grid;position:absolute;top:15%;right:4%;transform:rotate(-5deg)}.listing-categories{max-width:96rem;margin:0 auto clamp(2rem,5vw,4rem);padding:0}.listing-category-roots,.listing-category-children{margin:0;padding:0;list-style:none}.listing-category-roots{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.listing-category-roots>li{border:1px solid color-mix(in oklch, var(--color-rule), transparent 20%);background:color-mix(in oklch, var(--color-card), var(--color-paper-2) 18%);border-radius:1rem;min-width:0;padding:1.15rem}.listing-category-root{min-height:2.75rem;font-family:var(--font-display);align-items:center;font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.05;text-decoration:none;display:inline-flex}.listing-category-children{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.listing-category-children a{border:1px solid color-mix(in oklch, var(--color-rule), transparent 25%);min-height:2rem;color:var(--color-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 .7rem;font-size:.82rem;text-decoration:none;display:inline-flex}.listing>.card-grid{max-width:96rem;margin:0 auto}@media (hover:hover){.listing-category-root:hover{color:var(--color-accent)}.listing-category-roots>li:hover{background:var(--color-card)}.listing-category-children a:hover{border-color:var(--color-accent);color:var(--color-accent)}}@media (max-width:900px){.listing-header{grid-template-columns:1fr;grid-template-areas:"title""intro""visual";align-items:start}.listing-header-visual{min-height:10rem}.listing-blob{inset:8% 8% 4% 12%}.listing-note{top:8%;right:10%}.listing-category-roots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.listing-category-roots{grid-template-columns:1fr}.listing{padding-top:1.25rem}.listing-header{border-radius:1.35rem;min-height:0;padding:1.25rem;display:block}.listing-header h1{max-width:none;font-size:clamp(2.6rem,16vw,4.5rem)}.listing-header>p:last-of-type,.listing-guide-intro{margin-top:1.25rem}.listing-category .listing-guide-intro{min-height:7rem}.listing-header-visual{display:none}.listing-category-roots>li{background:#fbfff8c2;padding:.85rem}.listing-category-root{border-radius:.85rem;justify-content:space-between;align-items:center;width:100%;min-height:3rem;padding:0;font-size:1.35rem;display:flex}.listing-category-root:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.55rem;height:.55rem;transform:rotate(-45deg)}.listing-category-children{gap:.5rem;display:flex;overflow-x:auto}.listing-category-children::-webkit-scrollbar{display:none}.listing-category-children a{text-align:center;white-space:nowrap;background:#eef6e9;border-color:#42773729;border-radius:999px;justify-content:center;min-height:2.45rem;padding:.25rem .8rem;display:flex}}