.garage__header{display:grid;gap:14px;margin-bottom:clamp(24px,3vw,40px)}@media(min-width:990px){.garage__header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px}}.garage__heading{margin:0;padding-right:.06em;font-size:calc(clamp(3.4rem,1.6rem + 7.4vw,8rem) * var(--heading-scale, 1));line-height:.86;letter-spacing:-.01em}.garage__summary{margin:0;max-width:46ch;color:var(--c-muted)}@media(min-width:990px){.garage__summary{padding-bottom:.4em;text-align:right}}.garage__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:clamp(20px,2.6vw,36px);padding-top:clamp(20px,2.6vw,32px);border-top:1px solid var(--c-border)}@media(min-width:750px){.garage__filters{display:flex;flex-wrap:wrap}}html.no-js .garage__filters{display:none}.garage__filter{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:0 14px 0 16px;border:1px solid var(--c-line, var(--c-border));border-radius:var(--radius, 0);background-color:transparent;color:var(--c-text);font-family:var(--font-body);font-weight:var(--font-body-semibold);font-size:var(--fs-label, .75rem);letter-spacing:var(--ls-label, .2em);line-height:1;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1) var(--ease-ui),border-color var(--dur-1) var(--ease-ui),color var(--dur-1) var(--ease-ui),transform var(--dur-1) var(--ease-ui)}@media(max-width:749px){.garage__filter{gap:8px;padding:0 12px;letter-spacing:.12em}}.garage__filter-count{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:1.375rem;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--c-muted);transition:color var(--dur-1) var(--ease-ui)}@media(hover:hover){.garage__filter:hover{border-color:var(--c-text)}}.garage__filter:active{transform:scale(.95)}.garage__filter:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.garage__filter[aria-pressed=true]{border-color:var(--c-text);background-color:var(--c-text);color:var(--c-bg)}.garage__filter[aria-pressed=true] .garage__filter-count{color:inherit}.garage__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none}@media(min-width:990px){.garage__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.garage-card{display:flex;min-width:0}.garage-card__inner{display:flex;flex:1;flex-direction:column;min-width:0;border:1px solid var(--c-border);border-radius:var(--radius, 0);background-color:var(--c-card);overflow:hidden;transition:border-color var(--dur-2) var(--ease-ui)}@media(hover:hover){.garage-card__inner:hover{border-color:rgba(var(--c-text-rgb),.35)}}.garage-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--c-bg);container-type:inline-size}.garage-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:no-preference){.garage-card__img{transition:transform .7s var(--ease-ui)}.garage-card__inner:hover .garage-card__img{transform:scale(1.03)}}.garage-card__type{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,5cqi,36px);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);text-transform:var(--heading-transform);line-height:.78;overflow:hidden}.garage-card__type-code{display:block;margin-left:-.04em;color:var(--c-accent);font-size:min(40cqi,calc(150cqi / var(--chars, 2)));letter-spacing:-.02em;white-space:nowrap}.garage-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#0000 45%,#00000073);color:var(--c-on-accent)}.garage-card__play-btn{display:grid;place-items:center;width:clamp(56px,13cqi,76px);aspect-ratio:1;border-radius:var(--radius, 0);background-color:var(--c-accent);transition:transform var(--dur-2) var(--ease-ui)}.garage-card__play-btn .icon{width:42%;height:42%}@media(hover:hover){.garage-card__inner:hover .garage-card__play-btn{transform:scale(1.08)}}.garage-card__status{position:absolute;top:14px;left:14px;z-index:1;padding:8px 11px 7px;border:1px solid transparent;font-family:var(--font-body);font-weight:var(--font-body-bold);font-size:.6875rem;line-height:1;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.garage-card__status--finished{background-color:var(--c-text);color:var(--c-bg)}.garage-card__status--in-progress{border-color:rgba(var(--c-text-rgb),.5);background-color:rgba(var(--c-bg-rgb),.82);color:var(--c-text)}.garage-card__status--giveaway{background-color:var(--c-accent);color:var(--c-on-accent)}.garage-card__body{display:flex;flex:1;flex-direction:column;gap:clamp(18px,2vw,24px);padding:clamp(20px,2.4vw,32px)}.garage-card__name{margin:0;padding-right:.06em;font-size:calc(clamp(2.25rem,1.7rem + 2vw,3.5rem) * var(--heading-scale, 1));line-height:.9;letter-spacing:-.005em}.garage-card__sheet{display:grid;grid-template-columns:minmax(min-content,max(96px,32%)) minmax(0,1fr);column-gap:16px;margin:0;border-top:1px solid var(--c-border)}.garage-card__row{display:grid;grid-column:1 / -1;grid-template-columns:minmax(96px,32%) minmax(0,1fr);grid-template-columns:subgrid;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--c-border)}.garage-card__row dt{font-family:var(--font-body);font-weight:var(--font-body-semibold);font-size:var(--fs-label, .75rem);line-height:1.3;letter-spacing:var(--ls-label, .2em);text-transform:uppercase;color:var(--c-muted)}.garage-card__row dd{margin:0;font-weight:var(--font-body-medium);font-size:calc(1rem * var(--body-scale, 1));line-height:1.4}.garage-card__row--next{margin-top:12px;padding-inline:14px;border:1px solid rgba(var(--c-accent-rgb),.45);background-color:rgba(var(--c-accent-rgb),.14)}.garage-card__row--next:first-child{margin-top:0}.garage-card__row--next dt{color:var(--c-text)}.garage-card__row--next dd{font-weight:var(--font-body-bold)}.garage-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.garage-card__actions .btn{flex:1 1 200px}@media(min-width:990px){.garage-card__actions .btn{flex:0 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-garage.css.map */