/* A field journal for the Volcon archive. */
.history-page{
  --bg:#e9e3d5;--bg2:#ddd6c5;--panel:#f5f1e7;--panel2:#e2daca;
  --ink:#252b20;--muted:#555b49;--faint:#64644f;--line:#b8b49f;
  --amber:#8e3e23;--cyan:#45563a;
  background-color:var(--bg);
  background-image:url("images/volcon-topography.svg");
  background-size:1440px 1200px;font-family:"IBM Plex Sans",sans-serif;
}
.history-page .nav{background:#252b20;color:#f5f0e3;border-bottom:3px solid #b85c35;backdrop-filter:none}
.history-page .nav-links{background:#252b20}
.history-page .nav-links a{color:#d5d6c5}
.history-page .nav-links a[aria-current],.history-page .nav-links a:hover{color:#f5c18e}
.history-page .brand .dot{color:#ed9f69}
.history-page .nav-links a.cta{background:#d49b64;color:#20251c}
.history-page .archive-hero{
  color:#fff7e7;isolation:isolate;
  background:#252b20 url("images/volcon-grunt.webp") center 64%/cover no-repeat;
  border-bottom:8px solid #8e3e23;
}
.archive-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,27,17,.97),rgba(20,27,17,.87) 36%,rgba(20,27,17,.28) 73%,rgba(20,27,17,.12))}
.history-page .history-intro{padding-top:64px;padding-bottom:56px;min-height:620px}
.history-page .role-line,.archive-kicker{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.history-page .role-line{color:#f3ba86;margin:0 0 26px}
.history-page .history-intro h1{font-size:clamp(72px,12vw,148px);font-weight:800;letter-spacing:-.055em;line-height:.85;max-width:none;margin:0}
.history-page .history-intro h1 span{display:block;font-size:clamp(25px,3.8vw,44px);font-weight:600;letter-spacing:-.02em;margin-top:18px;line-height:1.1}
.history-page .history-intro .lede{max-width:43ch;color:#fff1dc;font-size:19px;margin-top:25px}
.history-page .history-context{max-width:59ch;color:#e2dfd1;font-size:15px;line-height:1.7}
.history-page .archive-note{max-width:63ch;font-size:12px;color:#e0dbc8;border-color:#d49b64;line-height:1.6;margin:22px 0}
.history-page .history-intro .btn{border-color:#c5c0ab;color:#fff1dc;font-family:"IBM Plex Mono",monospace;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.history-page .history-intro .btn:hover{background:#fff1dc;color:#252b20}
.history-page .history-content{padding-top:60px;padding-bottom:76px}
.archive-kicker{color:#8e3e23;margin:0 0 12px}
.history-page .history-content h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.035em}
.history-page .history-index{gap:0;border:1px solid var(--line);margin:28px 0;background:var(--panel)}
.history-page .history-index a{padding:12px 15px;border-right:1px solid var(--line);font:12px "IBM Plex Mono",monospace;text-transform:uppercase;flex-grow:1;text-align:center}
.history-page .history-index a:hover{background:#45563a;color:#fff7e7;text-decoration:none}
.history-page .history-content>.press-row{padding-bottom:28px;border-bottom:2px solid #45563a}
.history-page .vtl{max-width:none;padding-left:30px;counter-reset:program;margin-top:38px}
.history-page .vtl::before{left:5px;background:#798167;width:1px}
.history-page .vtl-item{counter-increment:program;padding:0 0 42px 18px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.history-page .vtl-item:last-child{margin-bottom:0;border-bottom:0}
.history-page .vtl-dot{left:-30px;border-radius:0;width:11px;height:11px;transform:rotate(45deg);background:#8e3e23;box-shadow:0 0 0 5px #e9e3d5}
.history-page .vtl-dot.future{border-color:#8e3e23;background:#e9e3d5}
.history-page .vtl-date{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#555b49;margin-bottom:17px}
.history-page .vtl-date::before{content:"FIELD RECORD / " counter(program,decimal-leading-zero) " / ";color:#8e3e23}
.history-page .history-content .prog{grid-template-columns:minmax(0,1fr) minmax(240px,40%);gap:38px}
.history-page .prog h3{font-size:clamp(24px,3vw,34px);letter-spacing:-.025em;margin-bottom:16px;line-height:1.12}
.history-page .prog p{color:#3f4536;font-size:16px;line-height:1.75;margin-bottom:20px}
.history-page .shot-frame{border:8px solid #f5f1e7;box-shadow:0 2px 0 #b8b49f;aspect-ratio:3/2;border-radius:0;background:#d8d4c7}
.history-page .shot-frame img{object-fit:contain}
.history-page .shot figcaption{font:11px "IBM Plex Mono",monospace;text-align:left;margin-top:11px;text-transform:uppercase;letter-spacing:.04em;color:#555b49}
.history-page .lk{white-space:normal;border-color:#b8b49f;background:#f5f1e7;color:#45563a;line-height:1.5}
.history-page a.lk.press{color:#555b49}
.history-page .lk.ctx{color:#555b49;background:transparent}
.history-page .press-row .lbl{color:#64644f}
.history-page .badge{border-radius:0;font-size:10px;margin-left:0;display:inline-block;vertical-align:middle;padding:5px 8px;letter-spacing:.04em}
.history-page footer{background:#252b20;color:#e0dbc8;border-top:5px solid #8e3e23}
.history-page .menu-toggle{color:#f5f0e3;border-color:#727965}
.archive-landscape{position:relative;isolation:isolate;overflow:hidden}
.history-page .vtl-item{padding:26px 24px 34px 26px;background:rgba(245,241,231,.96);border:1px solid #b8b49f;border-left:3px solid #657052;box-shadow:5px 6px 0 rgba(69,86,58,.08)}
.history-page .vtl-item:last-child{border-bottom:1px solid #b8b49f}
.history-page .vtl-dot{top:30px}
.history-page .vtl::before{background:repeating-linear-gradient(180deg,#8e3e23 0 8px,transparent 8px 15px);width:2px}
.history-page .history-content>.archive-kicker,.history-page .history-content>h2{position:relative;width:fit-content;background:rgba(233,227,213,.9)}
.vehicle-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 0;border:1px solid #c5c1ae;background:#e8e5d8}
.vehicle-specs>div{min-width:0;padding:12px 14px;border-bottom:1px solid #c5c1ae}
.vehicle-specs>div:nth-last-child(-n+2){border-bottom:0}
.vehicle-specs>div:nth-child(odd){border-right:1px solid #c5c1ae}
.vehicle-specs dt{font:10px "IBM Plex Mono",monospace;line-height:1.5;text-transform:uppercase;letter-spacing:.05em;color:#555b49}
.vehicle-specs dd{font-size:14px;font-weight:600;line-height:1.45;margin:6px 0 0;color:#252b20;overflow-wrap:anywhere}
.history-page .prog p.spec-source{font-size:11px;line-height:1.55;margin:10px 0 22px;color:#555b49}
.spec-source a{color:#8e3e23;text-decoration:underline;text-underline-offset:3px}
.spec-source span{display:block;margin-top:4px}
.trail-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:26px;color:#ded9c8;font:11px "IBM Plex Mono",monospace;line-height:1.6}
.trail-controls button{cursor:pointer;font:inherit;color:#fff1dc;border:1px solid #aaa88d;background:rgba(37,43,32,.8);padding:8px 12px}
.trail-controls button:hover{background:#45563a}
@media(max-width:730px){
  .history-page .nav-links{background:#252b20}
  .history-page .history-intro{min-height:0;padding-top:46px;padding-bottom:40px}
  .archive-hero::before{background:linear-gradient(90deg,rgba(20,27,17,.96),rgba(20,27,17,.78))}
  .history-page .history-content .prog{grid-template-columns:1fr;gap:25px}
  .history-page .history-content .shot{max-width:540px}
  .history-page .vtl{padding-left:16px}
  .history-page .vtl-item{padding:20px 16px 28px}
  .history-page .vtl-dot{left:-24px;top:24px}
  .history-page .vtl::before{left:-2px}
  .history-page .vtl-date::before{display:block;margin-bottom:6px}
  .vehicle-specs>div{padding:10px}
}


/* Separate edge lanes keep the vehicles outside the full-width reading panels. */
.offroad-scene{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}
.history-page .history-content{position:relative;z-index:1;pointer-events:none;width:calc(100% - 168px);max-width:1120px;padding-left:0;padding-right:0}
.history-content a,.history-content .vtl-item{pointer-events:auto}
.history-page .history-index,.history-page .history-content>.press-row{position:relative;background:var(--panel)}
.history-page .vtl{padding-left:0;display:flow-root;margin-top:60px}
.history-page .vtl::before,.history-page .vtl-dot{display:none}
.history-page .vtl-item{width:100%;margin:0 0 42px;padding:26px;background:#f5f1e7;box-sizing:border-box}
.history-page .vtl-item:nth-child(even){margin-left:0}
.history-page .history-content .prog{grid-template-columns:minmax(0,1fr) minmax(240px,40%);gap:32px}
.history-page .prog h3{font-size:clamp(24px,2.4vw,31px)}
.history-page .prog p{font-size:15px}
.history-page .vehicle-specs dd{font-size:13px}
.history-page .vtl-date::before{display:block;margin-bottom:6px}
.drive-dust{stroke:#987045;stroke-width:61;opacity:.16}
.motorcycle-dust{stroke-width:21}
.drive-rut{stroke:#785434;stroke-width:9;opacity:.31}
.drive-tread{stroke:#5d412a;stroke-width:11;stroke-dasharray:3 7;opacity:.4;stroke-linecap:butt}
.drive-vehicle{filter:drop-shadow(2px 4px 2px #302e2440)}
.offroad-scene:not([data-ready]){visibility:hidden}
@media(max-width:1000px){
 .history-page .history-content{width:calc(100% - 128px);padding-left:0;padding-right:0}
 .history-page .vtl-item{width:100%;margin-left:0;padding:22px;margin-bottom:34px}
 .history-page .vtl-item:nth-child(even){margin-left:0}
 .history-page .history-content .prog{grid-template-columns:minmax(0,1fr) minmax(190px,36%)}
 .history-page .history-content>h2{font-size:34px}
 .history-page .history-content .shot{max-width:none}
}
@media(max-width:650px){
 .history-page .history-content{width:calc(100% - 92px);padding-left:0;padding-right:0}
 .history-page .history-content .prog{grid-template-columns:minmax(0,1fr)}
 .history-page .vtl-item{padding:18px 12px}
 .history-page .prog h3{font-size:23px}
 .history-page .vehicle-specs{grid-template-columns:1fr}
 .history-page .vehicle-specs>div{border-right:0;border-bottom:1px solid #c5c1ae}
 .history-page .vehicle-specs>div:last-child{border-bottom:0}
 .history-page .history-content>h2{font-size:29px}
 .history-page .history-index a{padding:10px;font-size:10px}
 .history-page .history-content>.press-row{padding:14px}
 .history-page .vtl-date{font-size:10px}
 .history-page .prog p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.offroad-scene *{animation:none!important;transition:none!important}}