.about_page::before{opacity:.8}
.about_copy{width:min(calc(100% - 48px),980px);margin:0 auto}
.about_intro_section{padding:88px 0 68px}
.about_intro_section h1{max-width:900px;margin:0 0 28px;font-size:56px;line-height:.98;letter-spacing:-.015em}
.about_intro_section h1 span,.about_story_section h2 span,.about_end h2 span{color:var(--accent)}
.about_intro_section p,.about_story_section p,.about_end p{max-width:900px;font-size:18px;line-height:1.72;color:#aeb3bb}
.about_intro_section .about_lead{font-size:21px;line-height:1.6;color:#d7d9dd}
.about_hl{color:var(--accent)!important}
.about_question{margin-top:30px!important;color:var(--accent)!important;font-size:24px!important;font-weight:700}
.about_story_section{padding:66px 0}
.about_story_section h2,.about_end h2{max-width:900px;margin:0 0 28px;font-size:40px;line-height:1.05}
.about_story_section p{margin:0 0 20px}
.about_story_section strong{color:#e9eaec}
.about_story_section a{color:var(--accent);font-weight:700}
.about_pull{margin:30px 0!important;padding-left:18px;border-left:3px solid var(--accent);color:#f2f3f4!important;font-size:21px!important;font-weight:600}
.about_codes{margin:24px 0!important;color:var(--accent)!important;font-family:Consolas,monospace;font-size:16px!important;font-weight:700;letter-spacing:.06em}
.about_punch{margin:32px 0 26px!important;color:#f1f2f3!important;font-size:28px!important;font-weight:700;line-height:1.08!important}
.about_punch span{color:var(--accent)}
.about_escalation{margin:32px 0!important;color:#f2f3f4!important;font-size:28px!important;font-weight:700;line-height:1.05!important}
.about_escalation small{margin-left:8px;color:var(--accent);font-size:13px;font-weight:600}
.about_compare{max-width:820px;margin:30px 0;padding:7px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.about_compare p{margin:0!important;padding:11px 0;font:14px Consolas,monospace!important}
.about_compare p+p{border-top:1px solid rgba(255,255,255,.05)}
.about_compare b{display:inline-block;width:72px;color:var(--accent);font-family:"Archivo Narrow",sans-serif}
.about_process{margin:30px 0!important;color:#dfe1e4!important;font:600 17px Consolas,monospace!important}
.about_process span{color:var(--accent)}
.about_data_lines{max-width:650px;margin:26px 0 30px}
.about_data_lines p{margin:0!important;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font:15px Consolas,monospace!important}
.about_data_lines p:last-child{border-bottom:0}
.about_project_lines{margin:28px 0}
.about_project_lines p{margin:8px 0!important}
.about_livery_story{background:rgba(10,12,16,.34)}
.about_livery_stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:30px 0 32px}
.about_livery_stats div{padding:20px;border:1px solid var(--line);background:rgba(17,19,23,.8)}
.about_livery_stats strong{display:block;color:var(--accent);font-size:36px;line-height:1}
.about_livery_stats span{display:block;margin-top:7px;color:#9da3ac;font-size:14px;line-height:1.35}
.about_livery_link{display:inline-block;margin-top:4px}
.about_bmw_stat{cursor:default;transition:border-color .15s,box-shadow .15s}
.about_livery_stats .about_bmw_stat:hover{border-color:rgba(238,212,67,.7);box-shadow:0 0 22px rgba(238,212,67,.07)}
.about_bmw_preview{position:fixed;z-index:500;width:360px;padding:7px;border:1px solid rgba(238,212,67,.55);background:#080a0d;box-shadow:0 20px 55px rgba(0,0,0,.7);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .08s;will-change:left,top}
.about_bmw_preview.visible{opacity:1;visibility:visible}
.about_bmw_preview img{display:block;width:100%;height:auto}
.about_end{padding:80px 0 90px}
.about_end h2{font-size:46px}
.about_signoff{margin-top:38px!important;color:#fff!important;font-size:21px!important;font-weight:700}
.about_page .divider{width:min(calc(100% - 48px),1180px);margin:8px auto}
.about_page .divider img{display:block;width:100%;height:auto;max-height:62px;object-fit:contain;opacity:.72}
@media(max-width:800px){
.about_intro_section{padding:72px 0 58px}
.about_intro_section h1{font-size:48px}
.about_story_section{padding:56px 0}
.about_story_section h2,.about_end h2{font-size:36px}
.about_punch,.about_escalation{font-size:26px!important}
.about_livery_stats{grid-template-columns:1fr}
.about_bmw_preview{width:320px}
}
@media(max-width:550px){
.about_copy{width:min(calc(100% - 32px),980px)}
.about_intro_section h1{font-size:40px}
.about_intro_section .about_lead{font-size:19px}
.about_intro_section p,.about_story_section p,.about_end p{font-size:17px}
.about_story_section h2,.about_end h2{font-size:32px}
.about_pull{font-size:19px!important}
.about_punch,.about_escalation{font-size:23px!important}
.about_escalation small{display:block;margin:7px 0 0}
.about_livery_stats strong{font-size:32px}
.about_bmw_preview{display:none}
.about_page .divider{width:min(calc(100% - 32px),1180px)}
}