.audi-model-tree{--audi-tree-line:#ffffff47;--audi-tree-line-active:#c45a66c7;--audi-tree-duration:1.05s;--audi-tree-node-width:12.75rem;--audi-tree-node-gap-x:.85rem;--audi-tree-node-gap-y:.85rem;--audi-tree-family-gap:1.75rem;--audi-tree-a-columns:4;--audi-tree-q-columns:3;box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:.35rem .75rem 1rem;position:relative;overflow-x:clip}.audi-model-tree__canvas{box-sizing:border-box;flex-direction:column;align-items:center;gap:0;width:100%;max-width:100%;margin-inline:auto;padding:.5rem .35rem .75rem;display:flex;position:relative}.audi-model-tree__svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.audi-model-tree__path{fill:none;stroke:var(--audi-tree-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .22s ease-out, stroke-dashoffset var(--audi-tree-duration) ease-out}.audi-model-tree__path--spine{transition-duration:var(--audi-tree-duration);transition-timing-function:ease-out}.audi-model-tree__path--branch{transition-duration:.55s;transition-delay:.28s;transition-timing-function:ease-out}.audi-model-tree__path--solid,.audi-model-tree[data-drawn=true] .audi-model-tree__path{transition:stroke .22s ease-out,stroke-dashoffset;stroke-dasharray:none!important;stroke-dashoffset:0!important}.audi-model-tree__root,.audi-model-tree__families,.audi-model-tree__family,.audi-model-tree__models{z-index:1;position:relative}.audi-model-tree__root{border-radius:calc(var(--media-radius) - .35rem);color:#fff;letter-spacing:.16em;opacity:0;background:#343942eb;border:1px solid #c45a6659;justify-content:center;align-items:center;min-width:7rem;margin-bottom:0;padding:.58rem 1.2rem;font-size:.9rem;font-weight:700;animation:.4s ease-out 80ms forwards audi-tree-fade-in;display:inline-flex;transform:translateY(6px)}.audi-model-tree__families{justify-content:center;align-items:flex-start;column-gap:var(--audi-tree-family-gap);box-sizing:border-box;flex-wrap:nowrap;row-gap:2rem;width:100%;max-width:100%;margin-top:2.75rem;display:flex}.audi-model-tree__family{opacity:0;flex-direction:column;flex:0 auto;align-items:center;min-width:0;margin-top:0;animation:.4s ease-out forwards audi-tree-fade-in;display:flex;transform:translateY(8px)}.audi-model-tree__family--a{width:min(100%, calc((var(--audi-tree-a-columns) * var(--audi-tree-node-width)) + ((var(--audi-tree-a-columns) - 1) * var(--audi-tree-node-gap-x))));max-width:100%}.audi-model-tree__family--q{width:min(100%, calc((var(--audi-tree-q-columns) * var(--audi-tree-node-width)) + ((var(--audi-tree-q-columns) - 1) * var(--audi-tree-node-gap-x))));max-width:100%}.audi-model-tree__family:first-child{animation-delay:.34s}.audi-model-tree__family:nth-child(2){animation-delay:.42s}.audi-model-tree__family-label{border:1px solid var(--border-subtle);color:var(--ambient-red-bright);letter-spacing:.14em;background:#2a2e35e6;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1.4rem;padding:.36rem .9rem;font-size:.78rem;font-weight:650;display:inline-flex}.audi-model-tree__models{justify-content:center;align-items:stretch;gap:var(--audi-tree-node-gap-y) var(--audi-tree-node-gap-x);flex-wrap:nowrap;width:auto;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.audi-model-tree__models--rows{box-sizing:border-box;justify-content:center;align-items:stretch;gap:var(--audi-tree-node-gap-y) var(--audi-tree-node-gap-x);flex-wrap:wrap;width:100%;max-width:100%;display:flex}.audi-model-tree__models--a>li{flex:0 1 calc((100% - ((var(--audi-tree-a-columns) - 1) * var(--audi-tree-node-gap-x))) / var(--audi-tree-a-columns));max-width:var(--audi-tree-node-width);min-width:0}.audi-model-tree__models--q>li{flex:0 1 calc((100% - ((var(--audi-tree-q-columns) - 1) * var(--audi-tree-node-gap-x))) / var(--audi-tree-q-columns));max-width:var(--audi-tree-node-width);min-width:0}.audi-model-tree__models--single{justify-content:center}.audi-model-tree__node{box-sizing:border-box;border:1px solid var(--border-subtle);border-radius:calc(var(--media-radius) - .45rem);background:var(--card);width:100%;min-width:0;max-width:none;min-height:0;color:inherit;opacity:0;flex-direction:column;flex:none;gap:.28rem;padding:.85rem .9rem .9rem;text-decoration:none;transition:border-color .22s ease-out,box-shadow .22s ease-out,color .22s ease-out;animation:.38s ease-out forwards audi-tree-fade-in;display:flex;transform:translateY(8px)}.audi-model-tree__family:first-child .audi-model-tree__models>li:first-child .audi-model-tree__node{animation-delay:.58s}.audi-model-tree__family:first-child .audi-model-tree__models>li:nth-child(2) .audi-model-tree__node{animation-delay:.66s}.audi-model-tree__family:first-child .audi-model-tree__models>li:nth-child(3) .audi-model-tree__node{animation-delay:.74s}.audi-model-tree__family:first-child .audi-model-tree__models>li:nth-child(4) .audi-model-tree__node{animation-delay:.82s}.audi-model-tree__family:first-child .audi-model-tree__models>li:nth-child(5) .audi-model-tree__node{animation-delay:.9s}.audi-model-tree__family:first-child .audi-model-tree__models>li:nth-child(6) .audi-model-tree__node{animation-delay:.98s}.audi-model-tree__family:first-child .audi-model-tree__models>li:nth-child(7) .audi-model-tree__node{animation-delay:1.06s}.audi-model-tree__family:nth-child(2) .audi-model-tree__models>li:first-child .audi-model-tree__node{animation-delay:.64s}.audi-model-tree__family:nth-child(2) .audi-model-tree__models>li:nth-child(2) .audi-model-tree__node{animation-delay:.72s}.audi-model-tree__family:nth-child(2) .audi-model-tree__models>li:nth-child(3) .audi-model-tree__node{animation-delay:.8s}.audi-model-tree__family:nth-child(2) .audi-model-tree__models>li:nth-child(4) .audi-model-tree__node{animation-delay:.88s}.audi-model-tree__family:nth-child(2) .audi-model-tree__models>li:nth-child(5) .audi-model-tree__node{animation-delay:.96s}.audi-model-tree__node:hover,.audi-model-tree__node:focus-visible{border-color:#c45a6680;outline:none;box-shadow:0 0 18px #c45a6638}.audi-model-tree__node:focus-visible{outline:2px solid var(--ambient-red-bright);outline-offset:3px}:is(.audi-model-tree__canvas:has(.audi-model-tree__node:hover) .audi-model-tree__path,.audi-model-tree__canvas:has(.audi-model-tree__node:focus-visible) .audi-model-tree__path){stroke:var(--audi-tree-line-active)}.audi-model-tree__name{color:var(--card-foreground);overflow-wrap:anywhere;margin:0;font-size:1.12rem;font-weight:650;line-height:1.2}.audi-model-tree__meta{letter-spacing:.01em;color:var(--ambient-red-bright);-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden}.audi-model-tree__node:hover .audi-model-tree__name,.audi-model-tree__node:focus-visible .audi-model-tree__name{color:#fff}@keyframes audi-tree-fade-in{to{opacity:1;transform:translateY(0)}}@media (min-width:1720px){.audi-model-tree{--audi-tree-node-width:13.5rem;--audi-tree-node-gap-x:1.05rem;--audi-tree-node-gap-y:.95rem;--audi-tree-family-gap:2.5rem}}@media (min-width:1600px) and (max-width:1719px){.audi-model-tree{--audi-tree-node-width:12.5rem;--audi-tree-node-gap-x:.95rem;--audi-tree-node-gap-y:.9rem;--audi-tree-family-gap:2.1rem}}@media (min-width:1440px) and (max-width:1599px){.audi-model-tree{--audi-tree-node-width:10.85rem;--audi-tree-node-gap-x:.75rem;--audi-tree-node-gap-y:.8rem;--audi-tree-family-gap:1.5rem}.audi-model-tree__name{font-size:1.05rem}.audi-model-tree__meta{font-size:.76rem}}@media (max-width:1439px) and (min-width:901px){.audi-model-tree{--audi-tree-node-width:12.75rem;--audi-tree-node-gap-x:.9rem;--audi-tree-node-gap-y:.85rem;--audi-tree-a-columns:4;--audi-tree-q-columns:3}.audi-model-tree__families{flex-direction:column;align-items:center;gap:2.25rem 0}.audi-model-tree__svg{display:none}.audi-model-tree__family--a{width:min(100%, calc((var(--audi-tree-a-columns) * var(--audi-tree-node-width)) + ((var(--audi-tree-a-columns) - 1) * var(--audi-tree-node-gap-x))))}.audi-model-tree__family--q{width:min(100%, calc((var(--audi-tree-q-columns) * var(--audi-tree-node-width)) + ((var(--audi-tree-q-columns) - 1) * var(--audi-tree-node-gap-x))))}}@media (max-width:900px) and (min-width:768px){.audi-model-tree{--audi-tree-node-width:13.5rem;--audi-tree-node-gap-x:.85rem;--audi-tree-a-columns:2;--audi-tree-q-columns:2}.audi-model-tree__canvas{width:100%}.audi-model-tree__families{flex-direction:column;align-items:center;gap:1.75rem 0;width:100%}.audi-model-tree__svg{display:none}.audi-model-tree__family--a,.audi-model-tree__family--q{width:min(100%, calc((var(--audi-tree-a-columns) * var(--audi-tree-node-width)) + ((var(--audi-tree-a-columns) - 1) * var(--audi-tree-node-gap-x))))}}@media (max-width:767px){.audi-model-tree{max-width:22rem;padding-inline:.5rem;overflow-x:visible}.audi-model-tree__svg{display:none}.audi-model-tree__canvas{gap:0;padding-inline:.15rem}.audi-model-tree__root{min-width:6rem;margin-bottom:.85rem;padding:.5rem 1rem;font-size:.82rem}.audi-model-tree__families{flex-flow:column wrap;align-items:stretch;gap:1.15rem 0;width:100%;margin-top:1rem}.audi-model-tree__family,.audi-model-tree__family--a,.audi-model-tree__family--q{border-left:1.5px solid var(--audi-tree-line);width:100%;max-width:none;padding-left:.85rem}.audi-model-tree__family-label{margin-bottom:.75rem;font-size:.72rem}.audi-model-tree__models,.audi-model-tree__models--rows,.audi-model-tree__models--a,.audi-model-tree__models--q{flex-flow:column;align-items:stretch;gap:.55rem;width:100%;max-width:none;display:flex}.audi-model-tree__models--a>li,.audi-model-tree__models--q>li{flex:none;width:100%;max-width:none}.audi-model-tree__node{flex:none;width:auto;min-width:0;max-width:none;min-height:0;padding:.7rem .8rem .75rem}.audi-model-tree__name{font-size:1.05rem}.audi-model-tree__meta{-webkit-line-clamp:unset;white-space:normal;font-size:.78rem;display:block}}.audi-model-tree[data-measuring=true] .audi-model-tree__root,.audi-model-tree[data-measuring=true] .audi-model-tree__family,.audi-model-tree[data-measuring=true] .audi-model-tree__node,.audi-model-tree[data-intro=done] .audi-model-tree__root,.audi-model-tree[data-intro=done] .audi-model-tree__family,.audi-model-tree[data-intro=done] .audi-model-tree__node{opacity:1!important;animation:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.audi-model-tree__path,.audi-model-tree__path--spine,.audi-model-tree__path--branch,.audi-model-tree__root,.audi-model-tree__family,.audi-model-tree__node{opacity:1!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;transition:none!important;animation:none!important;transform:none!important}}