.hero--eco{padding-bottom:var(--sp-8)}.eco{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(300px,1fr);gap:var(--sp-4)}.eco--section{grid-auto-rows:minmax(420px,auto)}.gen-finder__section{padding-bottom:0}.gen-finder__search{flex:1 1 22rem;max-width:var(--w-page)}.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-groups{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.gen-groups__chip[data-tone],.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-groups__chip[data-tone]:hover,.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))}.gen-groups__chip .chip__count{color:var(--text-3)}@media (max-width:768px){.gen-finder__search{flex-basis:auto;max-width:none}.gen-groups{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--container-pad) * -1);padding-inline:var(--container-pad)}.gen-groups::-webkit-scrollbar{display:none}.gen-groups__chip{flex-shrink:0}}.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-tile{grid-column:span 2;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-3);box-sizing:border-box;padding:var(--pad-card);color:var(--text);text-decoration:none;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.eco-tile:last-child:nth-child(3n + 1){grid-column:3 / span 2}[data-filtered] .eco-tile:last-child:nth-child(3n + 1){grid-column:span 2}.eco--hub>.eco-tile:first-child:nth-last-child(3n + 2),.eco--hub>.eco-tile:first-child:nth-last-child(3n + 2) + .eco-tile{grid-column:span 3;--tile-scale:calc(2 / 3)}.eco-tile:hover{--frame:var(--text);transform:translateY(-4px)}.eco-tile[data-tone] .eco-tile__label{color:var(--tone);border-color:color-mix(in srgb,var(--tone) 35%,transparent);background:color-mix(in srgb,var(--tone) 12%,var(--surface-1))}.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[data-tone]:hover{--frame:var(--text)}.eco-tile[data-tone]:hover .eco-tile__arrow{color:var(--tone);border-color:color-mix(in srgb,var(--tone) 55%,transparent);background:color-mix(in srgb,var(--tone) 14%,var(--surface-1))}.eco-tile__label{display:inline-flex;align-items:center;gap:var(--sp-2);width:fit-content;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-1);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug);color:var(--text-3)}.eco-tile__title{margin:0;font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug);line-height:var(--lh-tight);text-wrap:balance}.eco-tile__desc{max-width:var(--measure-sm);font-size:var(--fs-small);line-height:var(--lh-snug);color:var(--text-3);text-wrap:pretty}.eco-tile__chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-2)}.eco-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--surface-4);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--text-2);white-space:nowrap}.eco-chip--live{color:var(--text);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.eco-chip--soon{background:var(--accent-soft);color:var(--accent);font-weight:var(--fw-semibold)}.eco-tile__arrow{position:absolute;top:var(--sp-4);right:var(--sp-4);display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-xs);height:var(--control-h-xs);border-radius:50%;border:1px solid var(--border);background:var(--surface-1);color:var(--text-3);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.eco-tile:hover .eco-tile__arrow{transform:translateX(3px);color:var(--accent);border-color:var(--accent-line)}.eco-tile--media{padding-bottom:calc(44% * var(--tile-scale,1))}.eco-tile--media .eco-tile__chips{margin-top:0}.eco-tile__image{position:absolute;right:calc(-1 * var(--sp-3));bottom:calc(-1 * var(--sp-5));z-index:-1;width:calc(58% * var(--tile-scale,1));height:auto;transition:transform var(--dur-slow) var(--ease-out)}.eco-tile--media:hover .eco-tile__image{transform:translate(-3px,-4px) scale(1.03)}.eco-tile__link{color:inherit;text-decoration:none}.eco-tile__link::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit}.eco-tile__link:focus-visible{outline:none}.eco-tile:has(.eco-tile__link:focus-visible){outline:var(--focus-w) solid var(--accent);outline-offset:var(--focus-offset)}.eco-tile__action{position:relative;z-index:2}@media (max-width:1024px){.eco{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-tile,.eco-tile:last-child:nth-child(3n + 1),.eco--hub>.eco-tile:first-child:nth-last-child(3n + 2),.eco--hub>.eco-tile:first-child:nth-last-child(3n + 2) + .eco-tile{grid-column:span 1;--tile-scale:1}.eco--hub>.eco-tile:first-child:nth-last-child(odd){grid-column:span 2;--tile-scale:0.5}}@media (max-width:768px){.eco{grid-template-columns:1fr;grid-auto-rows:auto}.eco-tile,.eco-tile:last-child:nth-child(3n + 1),.eco--hub>.eco-tile:first-child:nth-last-child(3n + 2),.eco--hub>.eco-tile:first-child:nth-last-child(3n + 2) + .eco-tile,.eco--hub>.eco-tile:first-child:nth-last-child(odd){grid-column:span 1;--tile-scale:1}.eco-tile--media{padding-bottom:52%}}.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)}@media (max-width:768px){.eco--section{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:var(--sp-3)}.eco--section .eco-tile--media{padding-bottom:40%}.eco--section .eco-tile__title{font-size:var(--fs-small)}.eco--section .eco-tile__label{white-space:nowrap}.eco--section .eco-tile__label svg{display:none}.eco--section .eco-tile__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eco--section .eco-tile__arrow{display:none}}