.cat-panel{isolation:isolate;position:relative;overflow:hidden}.cat-panel__pattern{pointer-events:none;z-index:0;opacity:.5;position:absolute;inset:0}.cat-panel__badge{align-items:center;gap:.4rem;font-family:monospace;display:inline-flex}.cat-panel__tagline{letter-spacing:.04em;font-family:monospace}.cat-panel--sedan{background:linear-gradient(165deg,#141213eb 0%,#0a0a0ae6 55%,#080808f2 100%);border:1px solid #ffffff1a;border-radius:20px;transition:border-color .4s,box-shadow .4s}.cat-panel--sedan .cat-panel__pattern{background:radial-gradient(70% 55% at 50% 8%,#e8324429,#0000 60%)}.cat-panel--sedan .cat-panel__sheen{z-index:0;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff12 50%,#0000 60%);transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:-40% -20%;transform:translate(-60%)}.group:hover .cat-panel--sedan .cat-panel__sheen{transform:translate(60%)}.group:hover .cat-panel--sedan{border-color:#e8324466;box-shadow:0 20px 60px #00000073,0 0 40px #e832441a}.cat-panel--suv{background:linear-gradient(165deg,#131110f0 0%,#0a0909eb 55%,#070707f5 100%);border:1px solid #ffffff14;border-radius:16px;transition:border-color .4s,box-shadow .4s}.cat-panel--suv .cat-panel__pattern{opacity:.65;background-image:repeating-radial-gradient(circle at 85% 15%,#0000 0 14px,#e8324417 15px 16px,#0000 17px 34px)}.cat-panel--suv .cat-panel__corner{z-index:1;border-color:#e832448c;width:22px;height:22px;transition:border-color .35s,width .35s,height .35s;position:absolute}.cat-panel--suv .cat-panel__corner--tl{border-top:2px solid;border-right:2px solid;border-radius:0 4px 0 0;top:12px;right:12px}.cat-panel--suv .cat-panel__corner--bl{border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 4px;bottom:12px;left:12px}.group:hover .cat-panel--suv .cat-panel__corner{border-color:#e83244d9;width:30px;height:30px}.group:hover .cat-panel--suv{border-color:#e8324459;box-shadow:0 20px 60px #00000073,0 0 40px #e832441a}.cat-panel--heavy{--clip:22px;clip-path:polygon(var(--clip) 0, 100% 0, 100% calc(100% - var(--clip)), calc(100% - var(--clip)) 100%, 0 100%, 0 var(--clip));background:linear-gradient(165deg,#11100ff2 0%,#0a0909ed 55%,#070707f7 100%);border:1px solid #ffffff14;border-radius:4px;transition:border-color .4s,box-shadow .4s}.cat-panel--heavy .cat-panel__pattern{opacity:.4;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:18px 18px}.cat-panel--heavy .cat-panel__hazard{z-index:1;background:repeating-linear-gradient(-45deg,#e83244d9 0 8px,#0a0a0ae6 8px 16px);height:5px;position:absolute;top:0;left:0;right:0}.group:hover .cat-panel--heavy{border-color:#e8324459;box-shadow:0 20px 60px #00000073,0 0 40px #e832441a}@media (prefers-reduced-motion:reduce){.cat-panel--sedan .cat-panel__sheen,.cat-panel--suv .cat-panel__corner,.cat-panel--sedan,.cat-panel--suv,.cat-panel--heavy{transition:none}}