.parts-explorer__toolbar{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:1024px){.parts-explorer__toolbar{flex-flow:wrap;justify-content:center;align-items:center;gap:.75rem}}.parts-explorer__tabs{flex-wrap:wrap;flex-shrink:0;gap:.625rem;display:flex}.parts-explorer__tab{color:var(--color-brand-dark);font-family:var(--font-body);background-color:#fff;border-radius:999px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s,font-weight .2s}.parts-explorer__tab--active{font-weight:700}.parts-explorer__tab:hover:not(.parts-explorer__tab--active){background-color:color-mix(in srgb, white 85%, var(--color-brand-dark))}.parts-explorer__search{width:100%;position:relative}@media (min-width:1024px){.parts-explorer__search{flex-shrink:0;width:220px;margin-left:.75rem}}.parts-explorer__search-input{width:100%;color:var(--color-brand-dark);font-family:var(--font-body);background-color:#fff;border-radius:999px;padding:.625rem 2.5rem .625rem 1.25rem;font-size:.875rem}.parts-explorer__search-input::placeholder{color:color-mix(in srgb, var(--color-brand-dark) 45%, transparent)}.parts-explorer__search-icon{color:color-mix(in srgb, var(--color-brand-dark) 55%, transparent);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.parts-explorer__card{background-color:#fff;border-radius:1.25rem;padding:1.5rem}@media (min-width:640px){.parts-explorer__card{padding:2rem}}.parts-explorer__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (min-width:640px){.parts-explorer__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.parts-explorer__tile{flex-direction:column;display:flex}.parts-explorer__tile-placeholder{aspect-ratio:4/3;background-color:color-mix(in srgb, var(--color-brand-grey) 20%, white);color:color-mix(in srgb, var(--color-brand-dark) 35%, transparent);border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.parts-explorer__tile-name{font-family:var(--font-body);color:var(--color-brand-dark);font-size:.875rem;font-weight:600;line-height:1.4}.parts-explorer__empty{font-family:var(--font-body);color:color-mix(in srgb, var(--color-brand-dark) 60%, transparent);text-align:center;padding-block:3rem}.parts-explorer__pagination{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:2rem;display:flex}.parts-explorer__page-btn{width:2.25rem;height:2.25rem;color:var(--color-brand-dark);font-family:var(--font-body);background-color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:background-color .2s,color .2s}.parts-explorer__page-btn--active{background-color:var(--color-brand-red);color:#fff}.parts-explorer__page-btn:hover:not(.parts-explorer__page-btn--active){background-color:color-mix(in srgb, white 80%, var(--color-brand-dark))}
.app-hero{background-color:var(--color-brand-dark);height:60vh;min-height:420px;position:relative;overflow:hidden}.app-hero__image{object-fit:cover}.app-hero__arrow{z-index:10;width:2.5rem;height:2.5rem;color:var(--color-brand-dark);background-color:#ffffffd9;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:1.5rem;left:1.5rem}.app-hero__arrow:disabled{cursor:default;opacity:.85}@media (min-width:1024px){.app-hero__arrow{top:2rem;left:2rem}}.app-hero__ribbon{z-index:10;clip-path:polygon(0 0,100% 0,calc(100% - 32px) 100%,0 100%);background-color:#fff;padding:1.25rem 3.5rem 1.25rem 2rem;position:absolute;bottom:0;left:0}@media (min-width:640px){.app-hero__ribbon{padding:1.5rem 5rem 1.5rem 3rem}}.app-hero__ribbon-text{font-family:var(--font-heading);color:var(--color-brand-dark);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:1.5rem;font-weight:700}@media (min-width:640px){.app-hero__ribbon-text{font-size:2rem}}.app-explorer{background:linear-gradient(to bottom right, var(--color-brand-dark2) 0 46%, var(--color-brand-grey) 46% 100%);padding-block:3rem;position:relative;overflow:hidden}@media (min-width:1024px){.app-explorer{padding-block:4rem}}.app-explorer__layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.app-explorer__layout{grid-template-columns:260px 1fr;align-items:start;gap:2.5rem}}.app-explorer__sidebar{flex-direction:column;gap:.75rem;display:flex}.app-explorer__sidebar-link{color:var(--color-brand-dark);font-family:var(--font-body);background-color:#fff;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.app-explorer__sidebar-link svg{color:color-mix(in srgb, var(--color-brand-dark) 45%, transparent);flex-shrink:0;transition:color .2s}.app-explorer__sidebar-link:hover{background-color:color-mix(in srgb, white 88%, var(--color-brand-red))}.app-explorer__sidebar-link--active{background-color:var(--color-brand-red);color:#fff;font-weight:700}.app-explorer__sidebar-link--active svg{color:#fff}.app-explorer__main{min-width:0}.app-contact{background-color:var(--color-brand-offwhite);padding-block:4rem 5rem}@media (min-width:1024px){.app-contact{padding-block:5rem}}.app-contact__inner{max-width:40rem}.app-contact__card{border:1px solid color-mix(in srgb, var(--color-brand-dark) 8%, transparent);background-color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.app-contact__heading{font-family:var(--font-heading);color:var(--color-brand-dark);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}
