.cat-app{--cat-ink: #1c0f0c;--cat-muted: #6b5348;--cat-paper: #fff6ee;--cat-card: #fffdf9;--cat-line: color-mix(in srgb, #b71c1c 22%, #ead9c8);--cat-accent: #b71c1c;--cat-gold: #c2410c;display:grid;grid-template-columns:minmax(14rem,16.5rem) minmax(0,1fr);gap:1.5rem;align-items:start;max-width:72rem;margin:0 auto;padding:1.25rem 1.25rem 3rem}.cat-app[data-cat=cities]{--cat-ink: #0f2a2a;--cat-muted: #4d6a6a;--cat-paper: #f3fbf8;--cat-card: #fbfffe;--cat-line: color-mix(in srgb, #0f766e 22%, #d5ebe6);--cat-accent: #0f766e;--cat-gold: #b45309}.cat-app[data-cat=nature]{--cat-ink: #122417;--cat-muted: #4a6752;--cat-paper: #f3f8f1;--cat-card: #fcfffb;--cat-line: color-mix(in srgb, #1b5e20 22%, #d5e6d4);--cat-accent: #1b5e20;--cat-gold: #0277bd}.cat-app[data-cat=culture]{--cat-ink: #2a160c;--cat-muted: #7a5a3c;--cat-paper: #fff8ee;--cat-card: #fffdf8;--cat-line: color-mix(in srgb, #c67c2e 28%, #ead9c8);--cat-accent: #9a3412;--cat-gold: #c67c2e}.cat-app__side{position:sticky;top:5.5rem;padding:.85rem .8rem .95rem;border-radius:1.05rem;background:color-mix(in srgb,var(--cat-card) 72%,transparent);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border:1px solid color-mix(in srgb,var(--cat-line) 70%,transparent);box-shadow:0 8px 24px #1c0f0c0d}.cat-app__side h2{margin:.75rem 0 .35rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cat-gold);font-weight:650}.cat-app__side h2:first-child{margin-top:0}.cat-app__search,.cat-app__select{width:100%;border:0;border-bottom:1px solid var(--cat-line);border-radius:0;padding:.4rem .15rem .45rem;font:inherit;font-size:.88rem;margin-bottom:.45rem;background:transparent;color:var(--cat-ink)}.cat-app__search:focus,.cat-app__select:focus{outline:none;border-bottom-color:var(--cat-accent)}.cat-app__kinds{display:flex;flex-wrap:wrap;gap:0;margin:0 0 .25rem;padding:.15rem;border-radius:999px;background:color-mix(in srgb,var(--cat-accent) 7%,#fff)}.cat-app__kinds label{font-size:.7rem;font-weight:650;border:0;border-radius:999px;padding:.28rem .5rem;cursor:pointer;color:var(--cat-ink);background:transparent;white-space:nowrap}.cat-app__kinds input{position:absolute;opacity:0;pointer-events:none}.cat-app__kinds label:has(input:checked){background:var(--cat-accent);color:#fff}.cat-side__bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .15rem;margin-top:.75rem;padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--cat-line) 80%,transparent);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cat-muted)}.cat-side__bar b{color:var(--cat-accent);font-size:.82rem;letter-spacing:-.02em;margin-right:.15rem}.cat-side__sep{width:1px;height:.75em;margin:0 .4rem;background:color-mix(in srgb,var(--cat-ink) 22%,transparent);align-self:center}.cat-jump{max-height:14rem;overflow:auto;display:grid;gap:0;margin:0;padding:0;list-style:none;font-size:.8rem}.cat-jump li+li{border-top:1px solid color-mix(in srgb,var(--cat-line) 55%,transparent)}.cat-jump a{display:block;color:var(--cat-ink);text-decoration:none;padding:.28rem .1rem}.cat-jump a:hover,.cat-jump a:focus-visible{color:var(--cat-accent)}.cat-app__main h1{margin:0 0 .35rem;font-size:1.85rem;letter-spacing:-.03em;color:var(--cat-ink)}.cat-app__lede{margin:0 0 1.15rem;max-width:42rem;color:var(--cat-muted);line-height:1.55}.cat-app__lede a{color:var(--cat-gold)}.cat-toolbar{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:center;margin:0 0 .85rem;font-size:.85rem;color:var(--cat-muted)}.cat-toolbar label{display:flex;gap:.4rem;align-items:center}.cat-toolbar select{border:1px solid var(--cat-line);border-radius:.45rem;padding:.28rem .45rem;font:inherit;background:#fff}.cat-views{display:inline-flex;padding:.12rem;border-radius:999px;background:color-mix(in srgb,var(--cat-accent) 8%,#fff);gap:0}.cat-views label{font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.28rem .7rem;cursor:pointer;color:var(--cat-ink)}.cat-views input{position:absolute;opacity:0;pointer-events:none}.cat-views label:has(input:checked){background:var(--cat-accent);color:#fff}.cat-toolbar__count{margin-left:auto;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.cat-toolbar__count b{color:var(--cat-accent);font-size:.9rem;letter-spacing:-.02em;margin-right:.15rem}.cat-side__filters>summary{list-style:none;cursor:pointer}.cat-side__filters>summary::-webkit-details-marker{display:none}.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cat-card{position:relative;aspect-ratio:3 / 4;min-height:22rem;border-radius:1.15rem;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--cat-accent) 18%,#1c0f0c);box-shadow:0 14px 32px #1c0f0c24;scroll-margin-top:6rem;user-select:none;touch-action:pan-y;cursor:pointer}.cat-card__bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}.cat-card__mark{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;font-weight:800;color:#ffffffb3;letter-spacing:-.04em}.cat-card__glass{position:absolute;z-index:1;left:.55rem;right:.55rem;bottom:.55rem;padding:.7rem .85rem .65rem;border-radius:.85rem;color:#fff8f4;background:linear-gradient(180deg,#ffffff2e,#0c080680);backdrop-filter:blur(18px) saturate(1.55);-webkit-backdrop-filter:blur(18px) saturate(1.55);border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 28px #0003;cursor:pointer;transform:translateY(0);opacity:1;transition:opacity .28s ease,transform .28s ease}.cat-card.is-peek .cat-card__glass{opacity:0;transform:translateY(.55rem);pointer-events:none}.cat-card.is-open .cat-card__glass{max-height:86%;overflow:auto}.cat-card__glass h2{margin:0;font-size:1.12rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35);pointer-events:none}.cat-card__sub{color:#ffffffc7;font-size:.85rem}.cat-card__bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:.32rem;font-size:.66rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe0;pointer-events:none}.cat-card__stat{display:inline-flex;align-items:center}.cat-card__stat+.cat-card__stat:before{content:"";display:inline-block;width:1px;height:.72em;margin:0 .5rem;background:#ffffff6b}.cat-card__details{display:none;margin-top:.55rem}.cat-card.is-open .cat-card__details{display:block}.cat-card__details p{margin:0 0 .45rem;font-size:.86rem;line-height:1.45;color:#fff8f4eb}.cat-card__tags{display:flex;flex-wrap:wrap;gap:.28rem;margin:.15rem 0 .35rem}.cat-tag{font-size:.72rem;padding:.18rem .42rem;border-radius:.35rem;background:#ffffff24;color:#fff}.cat-card__links{display:flex;flex-wrap:wrap;gap:.65rem .9rem;margin-top:.2rem;font-size:.8rem}.cat-card__links a{color:#ffe0c2;font-weight:650}.cat-card__credit{margin:.45rem 0 0;font-size:.68rem;color:#ffffffb3}.cat-card__credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.cat-app [hidden]{display:none!important}.cat-empty{padding:2rem 1rem;color:var(--cat-muted)}.cat-related{margin-top:2rem;padding-top:1.1rem;border-top:1px solid var(--cat-line)}.cat-related h2{margin:0 0 .55rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cat-gold)}.cat-related ul{display:flex;flex-wrap:wrap;gap:.4rem .85rem;margin:0;padding:0;list-style:none}.cat-related a{color:var(--cat-ink);font-size:.88rem;font-weight:650;text-decoration:none}.cat-related a:hover{color:var(--cat-accent)}.cat-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.cat-app[data-view=list] .cat-grid{display:flex;flex-direction:column;gap:.45rem}.cat-app[data-view=list] .cat-card{display:grid;grid-template-columns:3.6rem minmax(0,1fr);align-items:stretch;aspect-ratio:auto;min-height:0;height:auto;background:var(--cat-card);box-shadow:0 6px 16px #1c0f0c0f;border:1px solid color-mix(in srgb,var(--cat-line) 70%,transparent)}.cat-app[data-view=list] .cat-card__bg,.cat-app[data-view=list] .cat-card__mark{position:relative;inset:auto;width:3.6rem;height:3.6rem;min-height:3.6rem;object-fit:cover;font-size:1.15rem;color:var(--cat-accent);background:color-mix(in srgb,var(--cat-accent) 12%,#fff)}.cat-app[data-view=list] .cat-card__glass{position:relative;left:auto;right:auto;bottom:auto;padding:.4rem .7rem .4rem .55rem;border-radius:0;color:var(--cat-ink);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;max-height:none}.cat-app[data-view=list] .cat-card.is-peek .cat-card__glass{opacity:1;transform:none;pointer-events:auto}.cat-app[data-view=list] .cat-card__glass h2{font-size:.95rem;color:var(--cat-ink);text-shadow:none}.cat-app[data-view=list] .cat-card__sub{color:var(--cat-muted)}.cat-app[data-view=list] .cat-card__bar{color:var(--cat-muted);letter-spacing:.06em}.cat-app[data-view=list] .cat-card__stat+.cat-card__stat:before{background:color-mix(in srgb,var(--cat-ink) 22%,transparent)}.cat-app[data-view=list] .cat-card.is-open{grid-template-columns:3.6rem minmax(0,1fr)}.cat-app[data-view=list] .cat-card.is-open .cat-card__glass{max-height:none}.cat-app[data-view=list] .cat-card__details p,.cat-app[data-view=list] .cat-card__credit{color:var(--cat-muted)}.cat-app[data-view=list] .cat-tag{background:color-mix(in srgb,var(--cat-accent) 10%,#fff);color:var(--cat-ink)}.cat-app[data-view=list] .cat-card__links a{color:var(--cat-accent)}@media(min-width:861px){.cat-side__filters{display:contents}.cat-side__filters>summary{display:none!important}.cat-side__filters:not([open])>h2,.cat-side__filters:not([open])>.cat-app__kinds,.cat-side__filters:not([open])>.cat-app__select,.cat-side__filters:not([open])>.cat-jump,.cat-side__filters:not([open])>label{display:revert!important}.cat-side__filters:not([open])>.cat-app__kinds{display:flex!important}.cat-side__filters:not([open])>.cat-jump{display:grid!important}}@media(max-width:860px){.cat-app{grid-template-columns:1fr;padding-top:.55rem}.cat-app__side{position:sticky;top:3.55rem;z-index:8;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;padding:.5rem .7rem;border-radius:.9rem}.cat-side__search-label{display:none}.cat-app__side h2{margin:.55rem 0 .25rem}.cat-app__search{flex:1 1 10rem;margin:0;min-width:0}.cat-side__filters{flex:0 0 auto}.cat-side__filters>summary{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--cat-accent) 10%,#fff);color:var(--cat-ink)}.cat-side__filters[open]{flex:1 1 100%;padding:.15rem 0 .25rem}.cat-side__bar{display:none}.cat-jump{max-height:7.5rem}.cat-app[data-view=cards] .cat-card{min-height:0}.cat-toolbar__count{margin-left:0}}