/** Shopify CDN: Minification failed

Line 24:0 All "@import" rules must come first

**/
/* HitchFire persona landing pages — design tokens + UI kit subset */

@font-face {
  font-family: "Acumin Pro";
  src: url(//hitchfire.com/cdn/shop/t/64/assets/AcuminPro-Regular.woff?v=121165561104118250931787005236) format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Acumin Pro Cond";
  src: url(//hitchfire.com/cdn/shop/t/64/assets/AcuminProCond-Bold.woff?v=71027085695618252471787005237) format("woff");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Acumin Pro Cond";
  src: url(//hitchfire.com/cdn/shop/t/64/assets/AcuminProCond-Black.woff?v=145214840147741948341787005236) format("woff");
  font-weight: 900; font-style: normal; font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap");

:root {
  --hf-orange:#F15A24; --hf-orange-600:#D94817; --hf-orange-700:#B53A12; --hf-orange-100:#FCE3D6;
  --hf-black:#111111; --hf-charcoal:#1F1F1F; --hf-steel:#4B4F54; --hf-steel-700:#34373B; --hf-steel-300:#6E7479;
  --hf-near-black:#222222; --hf-paper:#EFEFEF; --hf-dust:#A7A7A7; --hf-bone:#E6E1D5;
  --hf-cream:#F5F1E8; --hf-sand:#D8C3A5; --hf-forest:#556B57; --hf-white:#FFFFFF;
  --hf-success:#4F7A3E; --hf-warning:#E2A93A; --hf-danger:#C2331C; --hf-info:#4B6A8A;

  --bg:var(--hf-white); --bg-alt:var(--hf-cream); --bg-inverse:var(--hf-black);
  --surface:#FFFFFF; --surface-warm:var(--hf-cream); --surface-sunken:#F3EFE6;
  --fg:var(--hf-black); --fg-muted:#555A5F; --fg-subtle:#82878B;
  --fg-inverse:var(--hf-white); --fg-on-orange:var(--hf-white);
  --border:#E2DDD1; --border-strong:#1F1F1F; --border-cool:#D6D3CC;
  --dark-bg:var(--hf-black); --dark-surface:var(--hf-charcoal); --dark-surface-2:#262626;
  --dark-border:var(--hf-steel-700); --dark-fg:var(--hf-white); --dark-fg-muted:#B8BBBE;
  --accent:var(--hf-orange); --accent-fg:var(--hf-white);
  --focus-ring:0 0 0 3px rgba(241,90,36,0.45);

  --font-display:"Acumin Pro Cond","Bebas Neue","Oswald","Arial Narrow",sans-serif;
  --font-sub:"Oswald","Acumin Pro Cond","Arial Narrow",sans-serif;
  --font-body:"Inter","Acumin Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --fs-hero:clamp(56px,8vw,128px); --fs-display:clamp(40px,5.5vw,88px);
  --fs-h1:clamp(36px,4vw,56px); --fs-h2:clamp(28px,3vw,40px);
  --fs-h3:22px; --fs-h4:18px; --fs-body:16px; --fs-small:14px; --fs-xs:12px; --fs-eyebrow:12px;
  --lh-display:0.92; --lh-heading:1.05; --lh-body:1.55; --lh-tight:1.25;
  --tracking-display:-0.01em; --tracking-heading:0; --tracking-eyebrow:0.16em; --tracking-label:0.08em;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-7:32px; --space-8:40px; --space-9:56px; --space-10:72px; --space-11:96px; --space-12:128px;

  --radius-none:0px; --radius-xs:2px; --radius-sm:4px; --radius-md:6px; --radius-lg:10px; --radius-pill:999px;

  --shadow-sm:0 1px 2px rgba(17,17,17,0.08); --shadow-md:0 4px 12px rgba(17,17,17,0.10);
  --shadow-lg:0 12px 32px rgba(17,17,17,0.16); --shadow-xl:0 24px 64px rgba(17,17,17,0.22);
  --shadow-inset:inset 0 0 0 1px rgba(255,255,255,0.06); --shadow-orange:0 8px 24px rgba(241,90,36,0.35);

  --bw-1:1px; --bw-2:2px; --bw-4:4px;

  --ease-swing:cubic-bezier(0.65,0.05,0.36,1); --ease-out:cubic-bezier(0.22,1,0.36,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --dur-fast:120ms; --dur-base:220ms; --dur-slow:420ms; --dur-cinema:800ms;

  --container:1280px; --container-wide:1440px; --gutter:clamp(16px,3vw,32px); --header-h:72px;
}

html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: inherit; }

body {
  margin:0; background:var(--bg); color:var(--fg);
  font-family:var(--font-body); font-size:var(--fs-body); line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

.hf-hero, .hf-display {
  font-family:var(--font-display); font-weight:900; font-size:var(--fs-display);
  line-height:var(--lh-display); letter-spacing:var(--tracking-display);
  text-transform:uppercase; margin:0;
}
.hf-hero { font-size: var(--fs-hero); }

h1, .hf-h1 { font-family:var(--font-display); font-weight:900; font-size:var(--fs-h1);
  line-height:var(--lh-heading); letter-spacing:var(--tracking-display);
  text-transform:uppercase; margin:0 0 var(--space-4); }
h2, .hf-h2 { font-family:var(--font-display); font-weight:900; font-size:var(--fs-h2);
  line-height:var(--lh-heading); letter-spacing:var(--tracking-display);
  text-transform:uppercase; margin:0 0 var(--space-3); }
h3, .hf-h3 { font-family:var(--font-sub); font-weight:600; font-size:var(--fs-h3);
  line-height:var(--lh-tight); letter-spacing:0.02em; text-transform:uppercase; margin:0 0 var(--space-3); }
h4, .hf-h4 { font-family:var(--font-sub); font-weight:500; font-size:var(--fs-h4);
  line-height:var(--lh-tight); letter-spacing:0.04em; text-transform:uppercase; margin:0 0 var(--space-2); }

p { margin: 0 0 var(--space-4); text-wrap: pretty; }

a { color:inherit; text-decoration:none; text-underline-offset:3px; transition:color var(--dur-base) var(--ease-out); }
a:hover { color: var(--hf-orange); }

code, kbd, samp, pre { font-family: var(--font-mono); font-size: 0.92em; }

hr.hf-rule { border:0; height:var(--bw-4); background:var(--hf-black); margin:var(--space-8) 0; }
hr.hf-rule--accent { background: var(--hf-orange); }

::selection { background: var(--hf-orange); color: var(--hf-white); }
:focus-visible { outline:0; box-shadow:var(--focus-ring); border-radius:var(--radius-sm); }

img { display:block; max-width:100%; }

.btn{
  display:inline-flex; align-items:center; gap:10px; border:0; cursor:pointer;
  padding:14px 26px; font-family:var(--font-display); font-weight:900;
  letter-spacing:0.06em; text-transform:uppercase; border-radius:var(--radius-md);
  font-size:14px; line-height:1; text-decoration:none; white-space:nowrap;
  transition: background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out),
    box-shadow var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.btn--primary{ background:var(--hf-orange); color:var(--hf-white); }
.btn--primary:hover{ background:var(--hf-orange-600); transform:translateY(-1px); box-shadow:var(--shadow-orange); color:var(--hf-white); }
.btn--primary:active{ background:var(--hf-orange-700); transform:translateY(0); box-shadow:none; }
.btn--secondary{ background:transparent; color:var(--fg); box-shadow:inset 0 0 0 2px currentColor; }
.btn--secondary:hover{ background:var(--fg); color:var(--bg); }
.btn--lg{ padding:18px 32px; font-size:16px; }
.btn--block{ width:100%; justify-content:center; }
.btn[disabled]{ opacity:.6; cursor:default; }

.eyebrow{
  font-family:var(--font-sub); font-weight:600; font-size:12px; text-transform:uppercase;
  letter-spacing:0.16em; color:var(--hf-orange); margin:0 0 12px 0;
}
.label-cap{
  font-family:var(--font-sub); font-weight:500; font-size:12px; text-transform:uppercase;
  letter-spacing:0.1em; color:var(--fg-muted);
}

.section{ padding:96px 0; }
.section--tight{ padding:56px 0; }
.section--dark{ background:var(--hf-black); color:var(--hf-white); }
.section--dark .hf-h2, .section--dark .section-head__title{ color:var(--hf-white); }
.section--cream{ background:var(--hf-cream); }
.container{ max-width:var(--container); margin:0 auto; padding:0 var(--gutter); }

.product{
  background:var(--hf-cream); border-radius:var(--radius-md); overflow:hidden;
  display:flex; flex-direction:column; text-decoration:none; color:inherit;
  position:relative; height:100%;
  transition: box-shadow var(--dur-base) var(--ease-out);
}
.product:hover{ box-shadow:var(--shadow-md); }
.product__media{
  position:relative; display:flex; align-items:center; justify-content:center;
  padding:20px; background:var(--hf-charcoal); overflow:hidden;
}
.product__img{ width:120px; height:120px; object-fit:contain; transition:transform var(--dur-slow) var(--ease-out); }
.product:hover .product__img{ transform:scale(1.04); }
.product__flag{
  position:absolute; top:12px; left:12px; background:var(--hf-orange); color:var(--hf-white);
  font-family:var(--font-sub); font-weight:600; font-size:10px; text-transform:uppercase;
  letter-spacing:0.14em; padding:5px 10px; border-radius:2px;
}
.product__flag--black{ background:var(--hf-black); }
.product__body{ padding:16px 18px 20px; display:flex; flex-direction:column; gap:4px; }
.product__eyebrow{
  font-family:var(--font-sub); font-weight:600; font-size:10px; text-transform:uppercase;
  letter-spacing:0.16em; color:var(--fg-subtle); margin:0;
}
.product__title{
  font-family:var(--font-display); font-weight:900; font-size:24px; line-height:1.05;
  letter-spacing:-0.005em; text-transform:uppercase; color:var(--fg); margin:0;
  transition:color var(--dur-base) var(--ease-out);
}
.product:hover .product__title{ color:var(--hf-orange); }
.product__price{
  font-family:var(--font-display); font-weight:900; font-size:22px; color:var(--fg);
  font-variant-numeric:tabular-nums; margin:6px 0 10px;
}

.hero__title{
  font-family:var(--font-display); font-weight:900; font-size:clamp(64px,8vw,128px);
  line-height:0.92; letter-spacing:-0.01em; text-transform:uppercase; margin:0 0 24px; max-width:12ch;
}
.hero__sub{ max-width:460px; font-size:17px; line-height:1.55; margin:0 0 32px; color:rgba(255,255,255,0.85); }
.hero__cta-row{ display:flex; gap:14px; flex-wrap:wrap; }

.section-head__title{
  font-family:var(--font-display); font-weight:900; font-size:clamp(36px,4vw,56px);
  line-height:1.0; letter-spacing:-0.01em; text-transform:uppercase; margin:0;
}
.cta-strip__title{
  font-family:var(--font-display); font-weight:900; font-size:clamp(48px,6vw,88px);
  line-height:0.92; letter-spacing:-0.01em; text-transform:uppercase; margin:0 0 20px;
}