.history-page { background:#070a10; }
.history-main { padding-top:var(--header); overflow:hidden; }
.history-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:clamp(40px,8vw,130px); align-items:center; min-height:min(860px,calc(100svh - var(--header))); padding:clamp(65px,9vw,135px) var(--pad); }
.history-hero:before { content:''; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 78% 45%,rgba(0,10,237,.2),transparent 30%),linear-gradient(125deg,#080b11 15%,#0d1320 62%,#11172a); }
.history-hero:after { content:''; position:absolute; inset:0; z-index:-1; opacity:.15; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#99a7be calc(12.5% - 1px),#99a7be 12.5%); mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent); }
.history-hero h1 { margin:24px 0 30px; font-size:clamp(74px,10vw,166px); line-height:.82; letter-spacing:-.045em; }
.history-hero h1 em { color:#000aed; font-style:italic; }
.history-hero-copy>p { max-width:58ch; margin:0; color:#c4cede; font-size:clamp(18px,1.45vw,22px); line-height:1.6; }
.history-hero-wheel { position:relative; height:min(64vh,580px); overflow:hidden; border-top:1px solid #3f4f70; border-bottom:1px solid #3f4f70; mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent); }
.hero-year-track { display:grid; justify-items:end; animation:history-years 18s cubic-bezier(.76,0,.24,1) infinite; }
.hero-year-track span { height:min(21.333vh,193px); color:#fff; font:700 clamp(88px,11vw,170px)/1 var(--heading-font); letter-spacing:-.075em; opacity:.13; }
.hero-year-track span:nth-child(2n) { color:#7896ff; opacity:.72; }
.history-hero-wheel i { position:absolute; left:0; right:0; top:50%; height:1px; background:#000aed; box-shadow:0 0 24px #000aed; }
.history-hero-wheel small { position:absolute; bottom:9%; left:0; color:#8fa9ff; font:700 10px/1.2 Text,Arial,sans-serif; letter-spacing:.18em; }
@keyframes history-years { 0%,10%{transform:translateY(0)} 18%,27%{transform:translateY(-14.2857%)} 35%,44%{transform:translateY(-28.5714%)} 52%,61%{transform:translateY(-42.8571%)} 69%,78%{transform:translateY(-57.1428%)} 86%,95%{transform:translateY(-71.4285%)} 100%{transform:translateY(-85.7142%)} }
.history-section { padding:clamp(80px,10vw,155px) var(--pad); }
.history-section-head { display:grid; grid-template-columns:90px minmax(0,1fr); gap:clamp(20px,3vw,50px); margin-bottom:clamp(45px,7vw,100px); }
.history-index { padding-top:7px; color:#000aed; font:700 12px/1 Text,Arial,sans-serif; letter-spacing:.18em; }
.history-section-head h2,.restart-copy h2 { margin:16px 0 0; font-size:clamp(53px,7.2vw,116px); line-height:.84; letter-spacing:-.04em; }
.history-section-head h2 em,.restart-copy h2 em { color:#000aed; font-style:italic; }
.history-origin { color:#0a0d13; background:#f2f3f5; }
.origin-grid { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr); gap:clamp(40px,9vw,150px); align-items:start; }
.origin-year { display:grid; gap:15px; padding-top:10px; border-top:2px solid #000aed; }
.origin-year small { color:#000aed; font:700 10px/1.3 Text,Arial,sans-serif; letter-spacing:.17em; }
.origin-copy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,4vw,64px); }
.origin-copy p { margin:0; font-size:clamp(18px,1.45vw,22px); line-height:1.6; }
.history-year { display:inline-flex; padding:.05em .02em .08em 0; font:700 clamp(70px,9vw,146px)/1 var(--heading-font); letter-spacing:-.075em; white-space:nowrap; }
.history-year-reels { display:flex; height:1.1em; overflow:hidden; }
.history-digit-window { display:block; height:1.1em; overflow:hidden; }
.history-digit-track { display:grid; opacity:0; transform:translateY(.55em); transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .45s ease; transition-delay:var(--delay); }
.history-digit-track>span { display:block; height:1.1em; line-height:1.1em; }
.history-year.is-rolled .history-digit-track { opacity:1; transform:translateY(0); }
.history-milestones { color:#fff; background:#101d39; }
.history-section-head.light .eyebrow { color:#a9bcff; }
.history-section-head.light h2 em { color:#9db3ff; }
.milestone-row { display:grid; grid-template-columns:minmax(190px,.32fr) minmax(330px,.85fr) minmax(280px,.83fr); gap:clamp(25px,4vw,65px); align-items:center; padding:clamp(35px,5vw,74px) 0; border-top:1px solid rgba(255,255,255,.23); }
.milestone-row:last-child { border-bottom:1px solid rgba(255,255,255,.23); }
.milestone-row.reverse figure { order:3; }
.milestone-row.reverse .milestone-copy { order:2; }
.milestone-year { align-self:start; display:grid; gap:16px; }
.milestone-year .history-year { font-size:clamp(55px,6.5vw,105px); }
.milestone-year small { color:#91a9ff; font:700 13px/1 Text,Arial,sans-serif; letter-spacing:.15em; }
.milestone-row figure,.car-card figure,.montmelo-team,.now-grid figure { margin:0; overflow:hidden; background:#080b11; }
.milestone-row figure img,.car-card img,.montmelo-team>img,.now-grid figure img { width:100%; height:100%; object-fit:contain; }
.milestone-row figure { aspect-ratio:3/2; }
.milestone-row figcaption { margin-top:10px; color:#91a0bb; font-size:11px; letter-spacing:.08em; }
.milestone-copy h3 { margin:0 0 20px; font:700 clamp(28px,3.4vw,52px)/.95 var(--heading-font); }
.milestone-copy p { margin:0; color:#c3cee1; font-size:16px; line-height:1.63; }
.archive-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:30px; }
.archive-stats span { padding:16px 8px 12px; border-top:1px solid #7896ff; }
.archive-stats strong { display:block; font:700 clamp(24px,2.4vw,38px)/1 var(--heading-font); }
.archive-stats small { display:block; margin-top:7px; color:#9dafd0; font-size:8px; letter-spacing:.1em; }
.cars-archive { color:#0b0d12; background:#f2f3f5; }
.cars-lead { max-width:68ch; margin:-45px 0 70px auto; font-size:clamp(18px,1.5vw,23px); line-height:1.55; }
.cars-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.car-card { display:grid; min-height:620px; color:#fff; background:#0c111a; }
.car-card figure { min-height:320px; }
.car-card>div { padding:clamp(28px,4vw,56px); }
.car-card>div>span { color:#89a2ff; font:700 10px/1 Text,Arial,sans-serif; letter-spacing:.17em; }
.car-card h3 { margin:25px 0 18px; font:700 clamp(31px,3.4vw,52px)/.92 var(--heading-font); }
.car-card p { max-width:52ch; margin:0; color:#b8c3d7; font-size:15px; line-height:1.6; }
.car-card.featured-car { grid-column:1/-1; grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr); min-height:500px; background:#111d37; }
.montmelo-team { position:relative; margin-top:18px; height:min(74vw,780px); }
.montmelo-team:after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(4,7,12,.9)); }
.montmelo-team figcaption { position:absolute; z-index:1; right:var(--pad); bottom:clamp(25px,5vw,70px); left:var(--pad); display:flex; justify-content:space-between; align-items:end; gap:30px; color:#fff; }
.montmelo-team .history-year { font-size:clamp(68px,11vw,170px); }
.montmelo-team p { max-width:38ch; margin:0 0 8px; font-size:clamp(17px,1.5vw,22px); line-height:1.5; }
.restart-section { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(45px,7vw,110px); padding-right:0; color:#fff; background:#080b11; }
.restart-photo { position:relative; min-height:760px; margin-left:calc(-1 * var(--pad)); overflow:hidden; }
.restart-photo:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(4,6,10,.85)); }
.restart-photo img { width:100%; height:100%; object-fit:contain; background:#05070b; filter:saturate(.7) contrast(1.05); }
.restart-photo>span { position:absolute; z-index:1; right:8%; bottom:7%; left:var(--pad); color:#fff; font:700 clamp(42px,5vw,78px)/.9 var(--heading-font); }
.restart-copy { align-self:center; padding-right:var(--pad); }
.restart-copy .eyebrow { color:#89a2ff; }
.restart-copy p { max-width:55ch; margin:28px 0 0; color:#bdc8db; font-size:16px; line-height:1.65; }
.restart-years { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:50px; }
.restart-years>span { display:grid; gap:14px; padding-top:18px; border-top:1px solid #53678d; }
.restart-years .history-year { font-size:clamp(45px,5.3vw,82px); }
.restart-years small { color:#91a9ff; font:700 9px/1 Text,Arial,sans-serif; letter-spacing:.15em; }
.history-now { color:#fff; background:#e30613; }
.history-now .history-index,.history-now .eyebrow { color:#360406; }
.history-now .history-section-head h2 em { color:#fff; }
.now-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); min-height:650px; background:#080b11; }
.now-grid figure { min-height:500px; }
.now-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(35px,5vw,78px); }
.now-copy .history-year { color:#e30613; }
.now-copy>p { margin:35px 0 0; color:#c5cede; font-size:17px; line-height:1.62; }
.now-copy blockquote { margin:35px 0 0; padding-left:22px; border-left:2px solid #e30613; font:700 clamp(21px,2vw,31px)/1.15 var(--heading-font); }
.history-cta { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:45px; padding:20px 0; color:#fff; border-top:1px solid #46526a; border-bottom:1px solid #46526a; font:700 11px/1 Text,Arial,sans-serif; letter-spacing:.15em; }
.history-cta i { font:normal 26px/1 Text,Arial,sans-serif; }
.now-gallery { display:grid; grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr); gap:18px; margin-top:18px; }
.now-gallery figure { display:grid; align-content:start; margin:0; overflow:hidden; background:#080b11; }
.now-gallery-wide { grid-column:1/-1; }
.now-gallery img { display:block; width:100%; height:min(54vw,660px); object-fit:contain; background:#05070b; }
.now-gallery-wide img { height:auto; max-height:780px; }
.now-gallery figcaption { padding:15px 18px 17px; color:#aebbd0; border-top:1px solid #253149; font:700 10px/1.4 Text,Arial,sans-serif; letter-spacing:.12em; }
@media(max-width:980px) { .history-hero,.origin-grid,.restart-section,.now-grid { grid-template-columns:1fr; } .history-hero-wheel { height:390px; } .origin-copy { grid-template-columns:1fr; } .milestone-row { grid-template-columns:150px 1fr; } .milestone-row figure,.milestone-row.reverse figure { order:2; } .milestone-copy,.milestone-row.reverse .milestone-copy { grid-column:2; order:3; } .car-card.featured-car { grid-template-columns:1fr; } .restart-section { padding-right:var(--pad); } .restart-photo { min-height:580px; margin-right:calc(-1 * var(--pad)); } .restart-copy { padding-right:0; } }
@media(max-width:700px) { .history-section-head { grid-template-columns:42px 1fr; } .history-hero h1 { font-size:clamp(66px,20vw,96px); } .history-section-head h2,.restart-copy h2 { font-size:clamp(49px,15vw,74px); } .milestone-row { grid-template-columns:1fr; } .milestone-copy,.milestone-row.reverse .milestone-copy { grid-column:1; } .milestone-row figure,.milestone-row.reverse figure { order:2; } .milestone-copy,.milestone-row.reverse .milestone-copy { order:3; } .cars-grid { grid-template-columns:1fr; } .car-card.featured-car { grid-column:1; } .car-card { min-height:0; } .montmelo-team { height:690px; } .montmelo-team figcaption { display:grid; } .archive-stats { grid-template-columns:1fr; } .restart-photo { min-height:520px; } .now-gallery { grid-template-columns:1fr; } .now-gallery-wide { grid-column:1; } .now-gallery img,.now-gallery-wide img { height:auto; max-height:none; } }
@media(prefers-reduced-motion:reduce) { .hero-year-track { animation:none; transform:translateY(-71.4285%); } .history-digit-track { transition:none; } }