.brand-hero{min-height:540px;padding:75px 5vw 60px;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:8vw;background:radial-gradient(circle at 15% 20%,rgba(223,255,0,.24),transparent 20%),#e6e7e0}.brand-hero h1{font:800 clamp(5rem,11vw,10.5rem)/.78 'Manrope';letter-spacing:-.09em;margin:35px 0 0}.brand-hero h1 em{font-family:Georgia,serif;font-weight:400}.brand-hero>p{font-size:1.08rem;line-height:1.7;color:#5b5d55;max-width:480px}.filter-bar{position:sticky;top:0;z-index:8;background:#11120f;color:#eee;padding:17px 4.5vw;border-bottom:1px solid #33352e}.filter-bar>div{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.filter-bar a{flex:0 0 auto;border:1px solid #3a3c34;border-radius:100px;padding:10px 14px;font:600 .78rem 'Manrope';transition:.25s}.filter-bar a span{color:#85877d;margin-left:12px}.filter-bar a:hover,.filter-bar a.active{background:var(--acid);border-color:var(--acid);color:#11120f}.filter-bar a.active span{color:#11120f}.timeline-wrap{padding:90px 5vw 130px;overflow:hidden}.timeline-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:80px}.timeline-head h2{font:700 clamp(2.6rem,5vw,5.6rem)/.95 'Manrope';letter-spacing:-.065em;margin:0}.timeline-head p{text-align:right;color:var(--muted);font-size:.8rem}.model-timeline{position:relative}.model-timeline:before{content:'';position:absolute;top:0;bottom:0;left:80px;border-left:1px solid var(--line)}.history-car{display:grid;grid-template-columns:120px minmax(300px,1.4fr) minmax(280px,.8fr);gap:34px;align-items:center;margin-bottom:110px;opacity:0;transition:opacity .75s,transform .9s cubic-bezier(.17,.84,.3,1)}.history-car.from-right{transform:translateX(13vw)}.history-car.from-left{transform:translateX(-13vw)}.history-car.visible{opacity:1;transform:translateX(0)}.history-year{height:100%;position:relative;display:flex;align-items:center}.history-year span{font:700 1.1rem 'Manrope';background:var(--paper);padding-right:16px;z-index:2}.history-year i{width:12px;height:12px;background:var(--acid);border:3px solid var(--ink);border-radius:50%;position:absolute;left:74px}.history-image{height:430px;position:relative;background:#cbd0ca;overflow:hidden}.history-image img{height:100%;object-fit:cover;filter:saturate(.5) contrast(1.05);mix-blend-mode:multiply;transition:transform .65s}.history-car:hover .history-image img{transform:scale(1.035);filter:saturate(.85)}.history-image b{position:absolute;left:20px;bottom:-14px;color:rgba(255,255,255,.55);font:800 clamp(3rem,7vw,7rem) 'Manrope';letter-spacing:-.08em}.history-copy>span{font:700 .68rem 'Manrope';letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.history-copy h3{font:700 clamp(2.7rem,5vw,5.3rem)/1 'Manrope';letter-spacing:-.07em;margin:12px 0 20px}.history-copy p{line-height:1.65;color:#5f6159}.history-copy dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0;display:grid;grid-template-columns:1fr 1fr}.history-copy dl div{padding:15px 0}.history-copy dt{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.history-copy dd{margin:5px 0 0;font-weight:600}.history-copy>a{font-weight:700;font-size:.84rem}.history-copy>a b{float:right}.brand-footer{background:var(--acid);padding:70px 5vw;display:flex;justify-content:space-between;align-items:center}.brand-footer>span{font:800 clamp(3rem,9vw,9rem) 'Manrope';letter-spacing:-.09em}.brand-footer p{max-width:320px;line-height:1.6}@media(max-width:850px){.brand-hero{grid-template-columns:1fr;min-height:500px}.timeline-head{grid-template-columns:1fr}.timeline-head h2{margin-top:16px}.timeline-head p{text-align:left}.history-car{grid-template-columns:70px 1fr;gap:20px}.model-timeline:before{left:38px}.history-year i{left:32px}.history-image{height:360px}.history-copy{grid-column:2}.brand-footer{display:block}.brand-footer p{margin-top:25px}}@media(max-width:560px){.brand-hero h1{font-size:18vw}.timeline-wrap{padding-left:4vw;padding-right:4vw}.history-car{grid-template-columns:45px 1fr;margin-bottom:80px}.model-timeline:before{left:20px}.history-year span{font-size:.72rem;writing-mode:vertical-rl;transform:rotate(180deg)}.history-year i{left:14px}.history-image{height:250px}.history-copy{grid-column:2}.history-copy h3{font-size:3rem}}