.v3.experience-brand{background:#121318;color:#fff}.experience-brand main{padding-top:72px}.experience-hero{max-width:1600px;margin:auto;padding:90px 6vw 70px}.experience-hero h1{font-family:Geo;font-size:clamp(70px,11vw,170px);line-height:.88;margin:20px 0 30px;letter-spacing:-.055em}.experience-hero>p{max-width:980px;color:#c6c7cb;font-size:22px;line-height:1.55}.experience-hero-proof{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:12px 24px;align-items:end;margin-top:50px;padding-top:28px;border-top:1px solid #34363d}.experience-hero-proof b{font-family:Geo;font-size:48px}.experience-hero-proof span{color:#adb0b8;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding-bottom:8px}.experience-section-light,.experience-works,.experience-articles{padding:85px 6vw}.experience-section-light{background:#ecece8;color:#121318}.experience-works{background:#15161b}.experience-articles{background:#0f1014}.experience-section-head{max-width:1500px;margin:0 auto 38px;display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end}.experience-section-head h2{font-family:Geo;font-size:clamp(42px,5vw,74px);line-height:.96;margin:12px 0 0}.experience-section-head>p,.experience-section-head>a{color:#aeb0b7;font-size:16px;line-height:1.55}.experience-section-light .experience-section-head>p,.experience-section-light .experience-section-head>a{color:#656870}.experience-model-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9c9c4;border-left:1px solid #c9c9c4}.experience-model-grid>div{padding:18px 20px;border-right:1px solid #c9c9c4;border-bottom:1px solid #c9c9c4;display:flex;justify-content:space-between;gap:16px}.experience-model-grid span{font-weight:700}.experience-model-grid b{white-space:nowrap}.experience-generations{max-width:1500px;margin:34px auto 0}.experience-generations h3{font-family:Geo;font-size:27px}.experience-generations>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid #c9c9c4;max-width:700px}.experience-gallery{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.work-shot{appearance:none;border:0;background:#202126;padding:0;color:#fff;text-align:left;cursor:pointer;min-width:0}.work-shot img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.work-shot span{display:block;padding:9px 10px 11px;font-size:11px;line-height:1.25;color:#c7c8cd}.work-shot:hover img{opacity:.83}.experience-note-grid,.experience-article-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9c9c4;border-left:1px solid #c9c9c4}.experience-note,.experience-article{padding:25px;border-right:1px solid #c9c9c4;border-bottom:1px solid #c9c9c4;color:inherit;min-height:240px}.experience-note span{font-size:11px;color:#d32f4d}.experience-note h3,.experience-article h3{font-family:Geo;font-size:24px;line-height:1.08}.experience-note p{color:#666971;line-height:1.55}.experience-note b,.experience-article b{font-size:12px;color:#d32f4d;text-transform:uppercase;letter-spacing:.07em}.experience-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(5,6,8,.95);display:grid;place-items:center;padding:50px}.experience-lightbox[hidden]{display:none}.experience-lightbox img{max-width:92vw;max-height:84vh;object-fit:contain}.experience-lightbox button{position:absolute;right:24px;top:18px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}.experience-lightbox span{position:absolute;left:30px;bottom:20px;color:#fff}@media(max-width:1000px){.experience-model-grid{grid-template-columns:repeat(2,1fr)}.experience-gallery{grid-template-columns:repeat(3,1fr)}.experience-note-grid,.experience-article-grid{grid-template-columns:1fr 1fr}.experience-section-head{grid-template-columns:1fr;gap:20px}.experience-hero-proof{grid-template-columns:auto 1fr}}@media(max-width:620px){.experience-brand main{padding-top:68px}.experience-hero{padding:60px 22px 45px}.experience-section-light,.experience-works,.experience-articles{padding:60px 22px}.experience-model-grid,.experience-gallery,.experience-note-grid,.experience-article-grid{grid-template-columns:1fr 1fr}.experience-hero h1{font-size:62px}.experience-hero-proof b{font-size:34px}.experience-hero-proof span{font-size:11px}}
/* hero contrast guard */
.v3.experience-brand .experience-hero{background:#121318;color:#fff}.v3.experience-brand .experience-hero h1{color:#fff}.v3.experience-brand .experience-hero .eyebrow{color:#ff5b73}.v3.experience-brand .experience-hero>p{color:#c6c7cb}.v3.experience-brand .experience-hero-proof b{color:#fff}.v3.experience-brand .experience-hero-proof span{color:#adb0b8}
.experience-filters{max-width:1500px;margin:0 auto 24px;display:flex;flex-wrap:wrap;gap:7px}
.experience-filters button{appearance:none;border:1px solid #393b42;background:transparent;color:#c8cad0;padding:9px 11px;cursor:pointer;font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.experience-filters button span{margin-left:5px;color:#777b84}
.experience-filters button:hover,.experience-filters button.is-active{border-color:#d32f4d;color:#fff;background:#1e2026}
.experience-filters button.is-active span{color:#c4c6cc}
.work-shot[hidden]{display:none!important}
@media(max-width:620px){.experience-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.experience-filters button{flex:0 0 auto}}

/* Audi performance archive */
.experience-quattro{padding:85px 6vw;background:#0b0c10;color:#fff;border-top:1px solid #25272e;border-bottom:1px solid #25272e}
.experience-quattro .experience-section-head>p{color:#aeb0b7}
.experience-quattro .experience-section-head h2{font-size:clamp(54px,7vw,104px);letter-spacing:-.04em}
.experience-quattro .quattro-gallery{grid-template-columns:repeat(4,1fr)}
.experience-quattro .work-shot{background:#15161b}
@media(max-width:1000px){.experience-quattro .quattro-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.experience-quattro{padding:60px 22px}.experience-quattro .quattro-gallery{grid-template-columns:1fr 1fr}}

/* Experience index */
.experience-index-page main{padding-top:72px}.experience-index-hero{max-width:1600px;margin:auto;padding:90px 6vw 65px}.experience-index-hero h1{font-family:Geo;font-size:clamp(64px,8vw,128px);line-height:.9;letter-spacing:-.05em;margin:18px 0 28px}.experience-index-hero>p{max-width:980px;color:#c3c5ca;font-size:21px;line-height:1.55}.experience-index-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.experience-index-actions a{border:1px solid #373941;color:#fff;padding:13px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.experience-index-grid{max-width:1600px;margin:0 auto;padding:0 6vw 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292b31}.experience-index-card{background:#14151a;color:#fff;display:grid;grid-template-rows:auto 1fr;min-width:0}.experience-index-image{overflow:hidden;aspect-ratio:4/3;background:#0b0c10}.experience-index-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,opacity .35s ease}.experience-index-copy{padding:20px 22px 24px}.experience-index-copy>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ff5b73}.experience-index-copy h2{font-family:Geo;font-size:36px;line-height:1;margin:9px 0 12px}.experience-index-copy p{color:#9fa2aa;font-size:13px;margin:0 0 20px}.experience-index-copy b{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.experience-index-card:hover img{transform:scale(1.025);opacity:.85}
@media(max-width:1000px){.experience-index-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.experience-index-hero{padding:60px 22px 45px}.experience-index-grid{padding:0 22px 60px;grid-template-columns:1fr}.experience-index-hero h1{font-size:58px}.experience-index-hero>p{font-size:17px}}
.experience-performance{padding:82px 6vw 88px;background:#191a20;color:#fff;border-top:1px solid #30323a;border-bottom:1px solid #30323a}.experience-performance .experience-section-head{margin-bottom:28px}.experience-performance .experience-section-head>p{color:#b8bbc3}.experience-performance-summary{max-width:1500px;margin:0 auto 28px;display:flex;gap:20px;align-items:baseline;padding:22px 0 20px;border-top:1px solid #373942;border-bottom:1px solid #373942}.experience-performance-summary b{font-family:Geo;font-size:clamp(52px,7vw,94px);line-height:.85;color:#fff}.experience-performance-summary span{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#b6b8c0}.experience-performance-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #383a43;border-left:1px solid #383a43}.experience-performance-grid>div{min-height:58px;padding:17px 19px;border-right:1px solid #383a43;border-bottom:1px solid #383a43;display:flex;justify-content:space-between;gap:16px;align-items:center}.experience-performance-grid span{font-weight:700}.experience-performance-grid b{white-space:nowrap;color:#d9dbe1;font-size:13px}.experience-performance .eyebrow{color:#e94b63}@media(max-width:1000px){.experience-performance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.experience-performance{padding:56px 22px 62px}.experience-performance-grid{grid-template-columns:1fr}.experience-performance-summary{align-items:flex-end}.experience-performance-summary b{font-size:58px}}
.experience-index-noimage{display:grid;place-items:center;background:#0b0c10}.experience-index-noimage span{font-family:Geo,Audi,sans-serif;font-size:clamp(24px,3vw,42px);letter-spacing:.08em;color:#5b5e66}

/* v9 — compact phone experience */
@media(max-width:620px){.experience-brand main,.experience-hero,.experience-section-light,.experience-works,.experience-articles,.experience-quattro,.experience-performance,.experience-index-hero,.experience-index-grid{min-width:0;max-width:100%}.experience-hero{padding:44px 18px 34px}.experience-hero h1{font-size:52px;overflow-wrap:anywhere}.experience-hero>p{font-size:17px;line-height:1.48}.experience-hero-proof{margin-top:28px;padding-top:20px}.experience-section-light,.experience-works,.experience-articles,.experience-quattro,.experience-performance{padding:44px 18px}.experience-section-head{margin-bottom:24px}.experience-section-head h2{font-size:38px;overflow-wrap:anywhere}.experience-model-grid,.experience-gallery,.experience-note-grid,.experience-article-grid,.experience-quattro .quattro-gallery{grid-template-columns:1fr}.experience-note,.experience-article{min-height:0;padding:20px}.experience-index-hero{padding:44px 18px 34px}.experience-index-hero h1{font-size:50px}.experience-index-grid{padding:0 18px 50px}.experience-index-copy h2{font-size:31px;overflow-wrap:anywhere}}