/* Driver brand artwork and walkthrough introduction. */
.brand-bookend{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:50px;align-items:center;max-width:1100px;text-align:left}
.brand-bookend .brand-copy{min-width:0}
.brand-bookend h1{margin:0;max-width:650px}
.opening.brand-bookend .lead{margin:28px 0 0;max-width:630px}
.brand-pattern{position:relative;width:100%;max-width:360px;aspect-ratio:1;justify-self:end;overflow:hidden}
.brand-pattern img,.brand-motion{display:block;width:100%;height:100%;object-fit:contain}
.brand-motion{position:absolute;inset:0;visibility:hidden}
.brand-motion.has-started{visibility:visible}
.closing.brand-bookend .lead{font-size:26px;max-width:590px;margin-top:28px}
.closing.brand-bookend .start-metrics{gap:24px;margin-top:32px;font-size:17px;flex-wrap:wrap}
.closing.brand-bookend .pilot-line{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);max-width:590px}
.case-intro{max-width:1040px}
.case-headline{max-width:900px!important}
.case-message{max-width:920px;margin-top:24px;font-size:30px;line-height:1.2;color:var(--ink)}
.case-environment{margin-top:26px;max-width:800px}
.case-environment-label{font-size:15px;color:var(--muted)}
.case-scale{display:flex;gap:64px;margin-top:12px}
.case-scale>div{display:flex;flex-direction:column-reverse;gap:4px}
.case-scale dt{font-size:16px;color:var(--body)}
.case-scale dd{font-size:40px;line-height:1.05;font-weight:300;color:var(--ink)}
.case-caption{margin-top:32px;max-width:880px;font-size:20px;line-height:1.35;color:var(--body)}
@media(max-width:1050px){
 .brand-bookend{grid-template-columns:minmax(0,1.8fr) minmax(190px,1fr);gap:24px}
 .brand-bookend h1{font-size:38px}
}
@media(max-width:800px){
 .presentation.motion-slide{--site-footer-height:108px}
 .presentation.motion-slide .controls{padding:8px 0;flex-direction:column;align-items:stretch}
 .presentation.motion-slide .tools{justify-content:flex-start}
}
@media(max-width:650px){
 .brand-bookend{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:26px 0 30px}
 .brand-bookend h1{font-size:32px}
 .opening.brand-bookend .lead{font-size:20px;margin-top:22px}
 .brand-pattern{width:180px;align-self:flex-end}
 .closing.brand-bookend .lead{font-size:24px;margin-top:24px}
 .closing.brand-bookend .start-metrics{display:flex;gap:8px 20px;font-size:16px;margin-top:24px}
 .closing.brand-bookend .start-metrics span{margin-top:0}
 .closing.brand-bookend .pilot-line{margin-top:24px}
 .closing.brand-bookend .brand-pattern{width:150px}
 .case-message{font-size:23px;line-height:1.25}
 .case-environment{margin-top:24px}
 .case-scale{gap:32px}
 .case-scale dd{font-size:32px}
 .case-scale dt{font-size:15px}
 .case-caption{font-size:18px;margin-top:28px}
}
@media print{.brand-motion{display:none!important}}