:root{
    --twl-c-bg:        #0a0a0a;
    --twl-c-surface:   #111;
    --twl-c-border:    #222;
    --twl-c-gold:      #ff6a00;
    --twl-c-gold-dark: #e55d00;
    --twl-c-text:      #e8e8e8;
    --twl-c-muted:     #888;
    --twl-c-white:     #ffffff;
    --twl-radius:      8px;
    --twl-radius-lg:   16px;
    --twl-shadow:      0 4px 24px rgba(0,0,0,.6);
    --twl-transition:  .25s ease;
}.twl-cases-archive,
.twl-case-single{
    background: var(--twl-c-bg);
    color: var(--twl-c-text);
    min-height: 100vh;
    min-height: 100dvh;
}.twl-btn{
    display: inline-block;
    padding: .85rem 2rem;
    border-radius: var(--twl-radius);
    font-weight: 700;
    font-size: .95rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background var(--twl-transition), transform var(--twl-transition);
}.twl-btn--primary{
    background: var(--twl-c-gold);
    color: #000;
}.twl-btn--primary:hover{
    background: var(--twl-c-gold-dark);
    color: #000;
    transform: translateY(-2px);
}.twl-cases-hero{
    padding: 80px 20px 60px;
    text-align: center;
    background: linear-gradient(160deg, #111 0%, #0a0a0a 100%);
    border-bottom: 1px solid var(--twl-c-border);
}.twl-cases-hero__inner{
    max-width: 700px;
    margin: 0 auto;
}.twl-cases-hero__title{
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0 0 .75rem;
    color: var(--twl-c-white);
}.twl-cases-hero__subtitle{
    font-size: 1.1rem;
    color: var(--twl-c-muted);
    margin: 0;
    line-height: 1.6;
}.twl-cases-filter{
    padding: 24px 20px;
    border-bottom: 1px solid var(--twl-c-border);
    background: var(--twl-c-surface);
    position: sticky;
    top: 0;
    z-index: 50;
}.twl-cases-filter__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}.twl-cases-filter__btn{
    padding: .45rem 1.1rem;
    border-radius: 100px;
    border: 1px solid var(--twl-c-border);
    color: var(--twl-c-muted);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all var(--twl-transition);
    white-space: nowrap;
}.twl-cases-filter__btn:hover,
.twl-cases-filter__btn.is-active{
    background: var(--twl-c-gold);
    border-color: var(--twl-c-gold);
    color: #000;
}.twl-cases-grid{
    padding: 48px 20px;
}.twl-cases-grid__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 28px;
}.twl-case-card{
    background: var(--twl-c-surface);
    border-radius: var(--twl-radius-lg);
    border: 1px solid var(--twl-c-border);
    overflow: hidden;
    transition: transform var(--twl-transition), box-shadow var(--twl-transition);
}.twl-case-card:hover{
    transform: translateY(-4px);
    box-shadow: var(--twl-shadow);
}.twl-case-card__link{
    display: block;
    text-decoration: none;
    color: inherit;
}.twl-case-card__images{
    display: grid;
    grid-template-columns: 1fr 1fr;
    aspect-ratio: 16/9;
    overflow: hidden;
}.twl-case-card__info{
    padding: 16px 20px 20px;
}.twl-case-card__title{
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 6px;
    line-height: 1.3;
}.twl-case-card__title a{
    color: var(--twl-c-white);
    text-decoration: none;
}.twl-case-card__title a:hover{
    color: var(--twl-c-gold);
}.twl-case-card__vehicle,
.twl-case-card__wheel{
    display: block;
    font-size: .8rem;
    color: var(--twl-c-muted);
    margin-bottom: 2px;
}.twl-case-card__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}.twl-case-card__tag{
    display: inline-block;
    padding: 3px 10px;
    background: rgba(255,106,0,.12);
    border: 1px solid rgba(255,106,0,.3);
    border-radius: 100px;
    font-size: .72rem;
    font-weight: 600;
    color: var(--twl-c-gold);
    text-decoration: none;
    transition: background var(--twl-transition);
}.twl-case-card__tag:hover{
    background: rgba(255,106,0,.25);
    color: var(--twl-c-gold);
}.twl-cases-pagination{
    text-align: center;
    padding: 0 20px 60px;
}.twl-cases-cta,
.twl-case-cta{
    padding: 80px 20px;
    text-align: center;
    background: linear-gradient(135deg, #111 0%, #0a0a0a 100%);
    border-top: 1px solid var(--twl-c-border);
}.twl-cases-cta__inner,
.twl-case-cta__inner{
    max-width: 640px;
    margin: 0 auto;
}.twl-cases-cta__title,
.twl-case-cta__title{
    font-size: clamp(1.5rem, 4vw, 2.4rem);
    font-weight: 800;
    color: var(--twl-c-white);
    margin: 0 0 .75rem;
}.twl-cases-cta__text,
.twl-case-cta__text{
    color: var(--twl-c-muted);
    margin: 0 0 2rem;
    line-height: 1.6;
}@media (max-width: 767.98px){.twl-cases-hero{ padding: 48px 16px 36px; }.twl-cases-grid{ padding: 28px 16px; }.twl-cases-grid__inner{ grid-template-columns: 1fr; gap: 20px; }}