/*
 * Honker Expedition Team — Design System 5.0
 * Stage 1: shared visual language. No archive/homepage structural redesign here.
 */

:root{
  /* Brand */
  --het-ink:#121511;
  --het-ink-2:#1b1f19;
  --het-paper:#f2efe6;
  --het-paper-2:#e7e2d5;
  --het-surface:#ffffff;
  --het-olive:#6f7d4d;
  --het-olive-deep:#4d5937;
  --het-sand:#c28a4d;
  --het-rust:#9b533c;
  --het-line:#d7d2c6;
  --het-text:#181b17;
  --het-muted:#686b62;
  --het-white:#ffffff;

  /* Layout */
  --het-container:1180px;
  --het-container-wide:1440px;
  --het-gutter:48px;
  --het-section-y:104px;
  --het-section-y-compact:72px;

  /* Radius */
  --het-radius-xs:2px;
  --het-radius-sm:4px;
  --het-radius-md:8px;

  /* Type */
  --het-font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --het-font-display:"Arial Narrow","Roboto Condensed",Impact,Haettenschweiler,sans-serif;
  --het-display-tracking:-.018em;

  /* Motion */
  --het-ease:cubic-bezier(.22,.61,.36,1);
  --het-fast:180ms;
  --het-normal:360ms;
}

html{scroll-behavior:smooth}
body{
  font-family:var(--het-font-body);
  color:var(--het-text);
  background:var(--het-paper);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* ---------- Typography ---------- */
.het-display,
.het-section-title,
.het-page-title{
  font-family:var(--het-font-display);
  text-transform:uppercase;
  letter-spacing:var(--het-display-tracking);
  line-height:.92;
  font-weight:900;
}
.het-page-title{font-size:clamp(54px,7vw,104px)}
.het-section-title{font-size:clamp(40px,5vw,72px)}
.het-eyebrow,
.het-kicker{
  color:var(--het-sand);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.het-lead-text{font-size:clamp(20px,2vw,28px);line-height:1.55;font-weight:520}
.het-muted{color:var(--het-muted)}

/* ---------- Layout primitives ---------- */
.het-container{
  width:min(var(--het-container),calc(100% - var(--het-gutter)));
  margin-inline:auto;
}
.het-container-wide{
  width:min(var(--het-container-wide),calc(100% - var(--het-gutter)));
  margin-inline:auto;
}
.het-section{padding-block:var(--het-section-y)}
.het-section--compact{padding-block:var(--het-section-y-compact)}
.het-section--dark{background:var(--het-ink);color:var(--het-white)}
.het-section--paper{background:var(--het-paper)}
.het-section--white{background:var(--het-surface)}
.het-rule{height:1px;border:0;background:var(--het-line);margin:0}

/* ---------- Buttons ---------- */
.het-button,
.wp-block-button__link{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border:1px solid var(--het-ink);
  border-radius:var(--het-radius-xs);
  background:var(--het-ink);
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:850;
  letter-spacing:.065em;
  text-transform:uppercase;
  transition:background var(--het-fast),color var(--het-fast),border-color var(--het-fast),transform var(--het-fast);
}
.het-button:hover,.wp-block-button__link:hover{background:var(--het-olive);border-color:var(--het-olive);transform:translateY(-1px)}
.het-button--ghost{background:transparent;color:var(--het-ink)!important}
.het-button--ghost:hover{background:var(--het-ink);color:#fff!important}
.het-section--dark .het-button--ghost{border-color:rgba(255,255,255,.5);color:#fff!important}
.het-section--dark .het-button--ghost:hover{background:#fff;color:var(--het-ink)!important;border-color:#fff}

/* ---------- Cards ---------- */
.het-card{
  position:relative;
  overflow:hidden;
  background:var(--het-surface);
  border:1px solid var(--het-line);
  border-radius:var(--het-radius-sm);
}
.het-card__media{overflow:hidden;background:var(--het-ink-2)}
.het-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s var(--het-ease)}
.het-card:hover .het-card__media img{transform:scale(1.035)}
.het-card__body{padding:28px}
.het-card__title{margin:0 0 10px;font-family:var(--het-font-display);font-size:36px;line-height:1;text-transform:uppercase}
.het-card__meta{color:var(--het-muted);font-size:13px;font-weight:700}

/* ---------- Image treatment ---------- */
.het-image-frame{position:relative;overflow:hidden;background:#d9d6cc}
.het-image-frame img{display:block;width:100%;height:100%;object-fit:cover}
.het-image-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(18,21,17,.08)
}

/* ---------- Stats ---------- */
.het-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--het-line)}
.het-stat{padding:28px;background:var(--het-surface)}
.het-stat strong{display:block;font-family:var(--het-font-display);font-size:42px;line-height:1;color:var(--het-ink)}
.het-stat span{display:block;margin-top:8px;color:var(--het-muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}

/* ---------- Header refinement ---------- */
.het-site-header{transition:background var(--het-normal),border-color var(--het-normal)}
.het-header-inner{width:min(var(--het-container),calc(100% - var(--het-gutter)))}
.het-primary-nav a{position:relative}
.het-primary-nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--het-sand);
  transition:right var(--het-normal) var(--het-ease)
}
.het-primary-nav a:hover::after,.het-primary-nav a:focus-visible::after{right:0}

/* ---------- Footer refinement ---------- */
.het-site-footer{background:#0b0d0b;color:rgba(255,255,255,.68);padding:64px 0}
.het-footer-inner{width:min(var(--het-container),calc(100% - var(--het-gutter)))}
.het-site-footer strong{color:#fff;letter-spacing:.03em}

/* ---------- Forms ---------- */
input[type="text"],input[type="email"],input[type="search"],input[type="url"],textarea,select{
  border:1px solid #c8c4b8;
  border-radius:var(--het-radius-xs);
  background:#fff;
  color:var(--het-text);
  font:inherit;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="url"]:focus,textarea:focus,select:focus{
  outline:2px solid color-mix(in srgb,var(--het-olive) 55%,transparent);
  outline-offset:2px;
  border-color:var(--het-olive)
}

/* ---------- Accessibility ---------- */
a:focus-visible,button:focus-visible,.het-button:focus-visible{
  outline:2px solid var(--het-sand);
  outline-offset:4px
}
::selection{background:var(--het-olive);color:#fff}

/* ---------- Current theme harmonization ---------- */
.het-story-content{background:var(--het-paper)!important}
.het-magazine{background:#fff!important}
.het-expedition-gallery{background:#fff!important}
.het-route,.het-failures{background:var(--het-paper-2)!important}
.het-vehicle-card,.het-videos{background:var(--het-ink)!important}
.het-story-content__inner,
.het-section-inner{width:min(var(--het-container),calc(100% - var(--het-gutter)))!important}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  :root{--het-gutter:32px;--het-section-y:80px;--het-section-y-compact:58px}
  .het-stat-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  :root{--het-gutter:30px;--het-section-y:64px;--het-section-y-compact:48px}
  .het-stat-grid{grid-template-columns:1fr 1fr}
  .het-stat{padding:22px 18px}
  .het-stat strong{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}