@layer components{.cat-hero{border-radius:var(--r-panel);flex-direction:column;padding:2rem 1.5rem;display:flex}@media (min-width:640px){.cat-hero{padding:2.5rem}}@media (min-width:1024px){.cat-hero{padding:2.5rem 3rem}}.cat-hero--mint{background:var(--color-brand-400,#4ade80);color:var(--color-brand-950,#052e16)}.cat-hero--light{background:var(--color-brand-50,#ecfdf5);color:var(--color-gray-900,#0f172a)}.cat-hero--plain{color:var(--color-gray-900,#0f172a);border-radius:0;padding:0!important}.cat-hero--plain .cat-intro{color:var(--color-gray-600,#475569)}.cat-hero h1{color:inherit;font-size:2.125rem}@media (min-width:640px){.cat-hero h1{font-size:2.75rem}}.cat-hero-photo{border-radius:var(--r-panel);background:var(--color-gray-900,#0f172a);min-height:18rem;position:relative;overflow:hidden}.cat-hero-photo--object{border:1px solid var(--line);background:#fff}.cat-hero-photo--object .st-photo{inset:1.5rem}.cat-hero-credit{z-index:2;color:var(--color-gray-600,#475569);background:#ffffffe6;border-radius:999px;margin:0;padding:.125rem .5rem;font-size:.6875rem;line-height:1.4;position:absolute;bottom:.625rem;right:.75rem}.cat-hero-credit a{text-decoration:underline;-webkit-text-decoration-color:var(--color-gray-300,#cbd5e1);text-decoration-color:var(--color-gray-300,#cbd5e1);text-underline-offset:2px}.cat-hero-credit a:hover{color:var(--color-gray-900,#0f172a)}.cat-intro{font-size:1rem;line-height:1.6}@media (min-width:640px){.cat-intro{font-size:1.0625rem}}.cat-hero--mint .cat-intro{color:#052e16db}.cat-hero--light .cat-intro{color:var(--color-gray-600,#475569)}.cat-more{color:var(--color-brand-800,#166534);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--color-brand-300,#86efac);text-decoration-color:var(--color-brand-300,#86efac);transition:text-decoration-color var(--dur) var(--ease);border-radius:.25rem;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.cat-more:hover{text-decoration-color:currentColor}.cat-hero--mint .cat-more{color:var(--color-brand-950,#052e16);text-decoration-color:#052e1659}.cat-hero--mint .cat-more:hover{-webkit-text-decoration-color:var(--color-brand-950,#052e16);text-decoration-color:var(--color-brand-950,#052e16)}.cat-facts{border-top:1px solid #052e1629;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cat-facts>div{min-width:0;padding:1rem 1rem 0 0}.cat-facts>div:nth-child(2n){border-left:1px solid #052e1629;padding-left:1.25rem}.cat-facts dt{color:#052e16b8;font-size:.8125rem;font-weight:500;line-height:1.4}.cat-facts dd{color:var(--color-brand-950,#052e16);overflow-wrap:anywhere;margin-top:.25rem;font-size:.9375rem;font-weight:700;line-height:1.35}.cat-facts dd small{color:#052e16b8;font-size:.8125rem;font-weight:500}@media (min-width:1280px){.cat-facts{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,.95fr)}.cat-facts>div{border-left:1px solid #052e1629;padding:1.25rem 1rem 0 1.25rem}.cat-facts>div:first-child{border-left:0;padding-left:0}}.cat-chip{border:1px solid var(--line-2);height:3rem;color:var(--color-gray-900,#0f172a);white-space:nowrap;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#fff;border-radius:999px;align-items:center;gap:.625rem;padding:0 .5rem 0 .3125rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.cat-chip:hover{border-color:var(--color-gray-400,#94a3b8);background:var(--color-brand-50,#ecfdf5)}.cat-chip:focus-visible{outline:2px solid var(--color-gray-900,#0f172a);outline-offset:2px}.cat-chip-ph{border-radius:999px;flex:none;width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.cat-chip-ph>.st-photo{position:absolute;inset:0}.cat-chip:hover .cat-chip-ph img{transform:scale(calc(var(--z,1) * 1.08))}.cat-chip[aria-current=page]{background:var(--color-gray-900,#0f172a);border-color:var(--color-gray-900,#0f172a);color:#fff;box-shadow:var(--sh-1)}.cat-chip[aria-current=page] .st-count{color:#fff;background:#ffffff24}.cat-term{border:1px solid var(--line-2);height:2.5rem;color:var(--color-gray-900,#0f172a);white-space:nowrap;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.cat-term:hover{background:var(--color-brand-50,#ecfdf5);border-color:var(--color-gray-400,#94a3b8)}.cat-term>svg{color:var(--color-gray-500,#64748b);transition:transform var(--dur) var(--ease)}.cat-term:hover>svg{transform:translate(2px)}.cat-fgroup{border-top:1px solid var(--line);min-width:0;margin:0;padding:1.25rem 0}.cat-fgroup>legend,.cat-fgroup-title{float:left;width:100%;color:var(--color-gray-900,#0f172a);margin-bottom:.75rem;font-size:.875rem;font-weight:700;line-height:1.4}.cat-fgroup>legend+*{clear:both}.cat-opt{cursor:pointer;min-height:2.5rem;color:var(--color-gray-700,#334155);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:.75rem;align-items:center;gap:.75rem;margin-inline:-.5rem;padding:0 .5rem;font-size:.9375rem;display:flex}.cat-opt:hover{background:var(--color-gray-50,#f8fafc);color:var(--color-gray-900,#0f172a)}.cat-opt:has(input:checked){color:var(--color-gray-900,#0f172a);font-weight:600}.cat-opt .st-count{margin-left:auto}.cat-opt:has(input:checked) .st-count{background:var(--color-brand-100,#d1fae5);color:var(--color-brand-900,#14532d)}.cat-box{flex:none;place-items:center;width:1.25rem;height:1.25rem;display:grid;position:relative}.cat-box input{cursor:pointer;appearance:none;border:1px solid var(--color-gray-400,#94a3b8);width:100%;height:100%;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#fff;border-radius:.375rem;margin:0;position:absolute;inset:0}.cat-box input:checked{background:var(--color-brand-400,#4ade80);border-color:var(--color-brand-600,#16a34a)}.cat-box input:focus-visible{outline:2px solid var(--color-gray-900,#0f172a);outline-offset:2px}.cat-box svg{width:.875rem;height:.875rem;color:var(--color-brand-950,#052e16);opacity:0;pointer-events:none;position:relative}.cat-box input:checked+svg{opacity:1}.cat-switch{flex:none;width:2.75rem;height:1.5rem;position:relative}.cat-switch input{cursor:pointer;appearance:none;background:var(--color-gray-300,#cbd5e1);width:100%;height:100%;transition:background-color var(--dur) var(--ease);border-radius:999px;margin:0;position:absolute;inset:0}.cat-switch input:checked{background:var(--color-brand-500,#22c55e)}.cat-switch input:focus-visible{outline:2px solid var(--color-gray-900,#0f172a);outline-offset:2px}.cat-switch span{pointer-events:none;width:1.25rem;height:1.25rem;transition:transform var(--dur) var(--ease);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f172a33}.cat-switch input:checked+span{transform:translate(1.25rem)}.cat-price{position:relative}.cat-price input{font-variant-numeric:tabular-nums;height:2.5rem;padding:0 1.75rem 0 .75rem}.cat-price>span{color:var(--color-gray-500,#64748b);pointer-events:none;font-size:.875rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.cat-active{background:var(--color-brand-50,#ecfdf5);height:2rem;box-shadow:inset 0 0 0 1px var(--color-brand-200,#bbf7d0);color:var(--color-brand-950,#052e16);white-space:nowrap;transition:background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;align-items:center;gap:.375rem;padding:0 .375rem 0 .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.cat-active:hover{background:var(--color-brand-100,#d1fae5);box-shadow:inset 0 0 0 1px var(--color-brand-300,#86efac)}.cat-active>svg{width:1.25rem;height:1.25rem;color:var(--color-gray-700,#334155);background:#fff;border-radius:999px;padding:.1875rem}@media (min-width:1024px){.cat-side{scrollbar-width:thin;max-height:calc(100dvh - 3rem);margin:-.25rem -.75rem 0 -.25rem;padding:.25rem .75rem 1rem .25rem;position:sticky;top:1.5rem;overflow-y:auto}}.cat-guide-media{aspect-ratio:16/9;border-radius:var(--r-media);margin:.5rem .5rem 0;position:relative;overflow:hidden}.cat-busy{opacity:.55;transition:opacity var(--dur) var(--ease)}@media (prefers-reduced-motion:reduce){.cat-chip:hover .cat-chip-ph img{transform:scale(var(--z,1))}.cat-term:hover>svg{transform:none}}}
