.hero--eco{padding-bottom:var(--sp-8)}.gen-finder{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4);margin-top:var(--stack)}.gen-finder__search{flex:1 1 22rem;max-width:var(--w-narrow)}.gen-finder__count{margin:0;font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--text-3);font-variant-numeric:tabular-nums}.gen-hotbar-wrap .slotbar__slot.is-empty{opacity:0.45;pointer-events:none}.eco-group__blurb{margin-top:var(--sp-2);margin-bottom:var(--sp-5);max-width:var(--measure);font-size:var(--fs-small);line-height:var(--lh-snug);color:var(--text-3);text-wrap:pretty}.eco{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--sp-3)}.eco-tile{--frame:color-mix(in srgb,var(--tone,var(--surface-4)) 26%,var(--surface-4));position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:var(--sp-4);box-sizing:border-box;padding:var(--pad-card-sm);color:var(--text);text-decoration:none;transition:transform var(--dur) var(--ease-spring)}.eco-tile[data-tone]{--fill:radial-gradient(90% 70% at 85% 100%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface-1))}.eco-tile:hover,.eco-tile:focus-visible{--frame:var(--text);transform:translateY(calc(var(--sp-1) * -1))}.eco-tile__head{flex:none;width:var(--box-2xl);height:var(--box-2xl);filter:drop-shadow(0 var(--sp-1) var(--sp-2) var(--scrim));transition:transform var(--dur) var(--ease-spring)}.eco-tile:hover .eco-tile__head{transform:translateY(calc(var(--sp-1) * -1)) rotate(-6deg) scale(1.05)}.eco-tile__body{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.eco-tile__title{margin:0;font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug);line-height:var(--lh-tight);text-wrap:pretty}.eco-tile__desc{min-height:calc(var(--fs-caption) * var(--lh-snug) * 3);max-width:var(--measure-sm);font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--text-3);text-wrap:pretty}.gen-shelf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-4)}.gen-shelf__title{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0;font-size:var(--fs-caption);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--text-4)}.gen-shelf__list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.gen-shelf__chip[data-tone]{color:var(--tone);border-color:color-mix(in srgb,var(--tone) 35%,transparent);background:color-mix(in srgb,var(--tone) 12%,var(--surface-1))}.gen-shelf__chip[data-tone]:hover{border-color:color-mix(in srgb,var(--tone) 55%,transparent);background:color-mix(in srgb,var(--tone) 18%,var(--surface-1))}@media (max-width:768px){.gen-finder__search{max-width:none}.eco{grid-template-columns:minmax(0,1fr)}.eco-tile__desc{display:-webkit-box;min-height:calc(var(--fs-caption) * var(--lh-snug) * 2);overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}}html{scroll-padding-top:calc(var(--header-h) + var(--box-xl) + var(--sp-5))}.gen-compass{position:fixed;top:var(--header-h);left:0;right:0;z-index:899;padding-inline:max(var(--container-pad),calc((100% - var(--container)) / 2));background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);backdrop-filter:blur(var(--blur)) saturate(1.4);border-bottom:1px solid var(--border);box-shadow:var(--shadow-1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out),visibility 0s linear var(--dur)}.gen-compass.is-shown{transform:none;opacity:1;visibility:visible;transition:transform var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}.gen-compass__row{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--box-xl);padding-block:var(--sp-2)}.gen-compass__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-width:var(--box-lg);height:var(--box-lg);padding:0 var(--sp-3);border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text);font:inherit;font-size:var(--fs-caption);font-weight:var(--fw-bold);cursor:pointer}.gen-compass__btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.gen-compass__btn svg{width:var(--icon-sm);height:var(--icon-sm)}.gen-compass__more>svg{flex:none;transition:transform var(--dur-fast) var(--ease)}.gen-compass.is-open .gen-compass__more>svg{transform:rotate(180deg)}.gen-compass__list{display:flex;flex:1 1 auto;gap:var(--sp-1);min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.gen-compass__list::-webkit-scrollbar{display:none}.gen-compass__link{display:flex;align-items:center;gap:var(--sp-2);height:var(--box-lg);padding:0 var(--sp-2);border-radius:var(--r-sm);color:var(--text-3);font-size:var(--fs-caption);font-weight:var(--fw-bold);line-height:var(--lh-tight);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.gen-compass__link:hover{color:var(--text);background:color-mix(in srgb,var(--tone) 10%,transparent)}.gen-compass__link[aria-current="true"]{color:var(--text);background:color-mix(in srgb,var(--tone) 16%,var(--surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 55%,transparent)}.gen-compass__link img,.gen-compass__more-label img{flex:none;width:var(--icon-md);height:var(--icon-md);image-rendering:pixelated}.gen-compass__n{color:var(--tone);font-variant-numeric:tabular-nums}.gen-compass__link.is-empty{opacity:0.4;pointer-events:none}.gen-compass__more{display:none}.gen-compass__more-label{display:flex;align-items:center;gap:var(--sp-2);min-width:0}@media (min-width:1100px){.gen-compass:not(.is-searching) .gen-compass__list .gen-compass__n,.gen-compass__list .gen-compass__link.is-empty .gen-compass__name,.gen-compass__list .gen-compass__link.is-empty .gen-compass__n{display:none}}@media (max-width:1099px){.gen-compass__row{flex-wrap:wrap}.gen-compass__more{display:flex;flex:1 1 0;justify-content:space-between;min-width:0;border-color:color-mix(in srgb,var(--tone) 45%,var(--border-input));background:color-mix(in srgb,var(--tone) 12%,var(--surface-1))}.gen-compass__list{display:none}.gen-compass.is-open .gen-compass__list{display:grid;flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--sp-2);padding-bottom:var(--sp-1);overflow:visible}.gen-compass.is-open .gen-compass__list .gen-compass__link{height:var(--box-xl);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border)}.gen-compass.is-open .gen-compass__list .gen-compass__link[aria-current="true"]{background:color-mix(in srgb,var(--tone) 16%,var(--surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 55%,transparent)}.gen-compass__list .gen-compass__name{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.gen-compass,.gen-compass.is-shown{transition:none}}.gen-suggestions{margin-top:var(--stack)}