/* Calm navigation hierarchy (Nov 10, 2026).
   Row 1  .s12-parents        : N5 leather tags (unchanged, styled in n5-tags-20261110.css)
   Row 2  .s12-children/.ft-chips : thin outlined pills, current item filled, women's = small rose dot
   Row 3  .guide-jumps & boot jumps : plain "On this page" text list
   BUY buttons (.btn-tag, .ft-buy, sponsored links) are not touched here.
   :not(#cn-a):not(#cn-b) lifts specificity above the older page-level grids without touching N5. */

/* ---------- Row 2: outlined pills ---------- */
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b),
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b){
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:6px 6px !important;
  grid-template-columns:none !important;
  grid-auto-rows:auto !important;
  width:auto !important;
  max-width:980px !important;
  margin:10px auto 4px !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
}
html body nav.ft-chips.ft-chips--left[class]:not(#cn-a):not(#cn-b){justify-content:flex-start !important;margin:12px 0 0 !important;max-width:none !important}

html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link,
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:32px !important;
  margin:0 !important;
  padding:4px 13px !important;
  border:1px solid #c4ab86 !important;
  border-radius:999px !important;
  background:rgba(251,248,241,.6) !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:none;
  color:#2a1f16 !important;
  -webkit-text-fill-color:#2a1f16 !important;
  font-family:"Source Sans 3","Source Sans Pro",system-ui,sans-serif !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  line-height:1.2 !important;
  text-transform:none !important;
  text-decoration:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  transition:border-color .15s, background-color .15s;
}
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link::after,
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link::after{content:none !important;display:none !important}
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link::before,
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link::before{content:none !important;display:none !important}

html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link:is(:hover,:focus-visible),
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link:is(:hover,:focus-visible){
  border-color:#7a5a3c !important;
  background:#fffdf8 !important;
  color:#15171a !important;
  -webkit-text-fill-color:#15171a !important;
}
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link:focus-visible,
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link:focus-visible{outline:2px solid #9c7a43 !important;outline-offset:2px}

/* current item: filled leather brown */
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link:is([aria-current="page"],[aria-current="true"],.sf-cat-current),
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link:is([aria-current="page"],[aria-current="true"],.sf-cat-current):hover{
  background:#3b2a20 !important;
  border-color:#3b2a20 !important;
  color:#fbf6ec !important;
  -webkit-text-fill-color:#fbf6ec !important;
}

/* ---------- Row 3: "On this page" text list ---------- */
html body nav:is(.guide-jumps, .boot-fit-nav)[class]:not(#cn-a):not(#cn-b){
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:baseline !important;
  gap:4px 0 !important;
  grid-template-columns:none !important;
  grid-auto-rows:auto !important;
  width:auto !important;
  max-width:none !important;
  margin:12px 0 18px !important;
  padding:9px 0 !important;
  border:0 !important;
  border-top:1px solid #e2d8c4 !important;
  border-bottom:1px solid #e2d8c4 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  font-family:"Source Sans 3","Source Sans Pro",system-ui,sans-serif !important;
  text-align:center !important;
}
html body nav:is(.guide-jumps, .boot-fit-nav)[class]:not(#cn-a):not(#cn-b)::before{
  content:"On this page" !important;
  display:inline-block !important;
  position:static !important;
  inset:auto !important;
  flex:0 0 auto !important;
  margin:0 14px 0 0 !important;
  padding:0 !important;
  width:auto !important;height:auto !important;
  background:none !important;
  border:0 !important;
  -webkit-mask:none !important;mask:none !important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#9c7a43 !important;
  line-height:1.9 !important;
}
html body nav.clothing-gender-links[class]:not(#cn-a):not(#cn-b)::before{content:"Shop by fit" !important}
html body nav.clothing-category-links[class]:not(#cn-a):not(#cn-b)::before{content:"Jump to" !important}
html body nav:is(.guide-jumps, .boot-fit-nav)[class]:not(#cn-a):not(#cn-b)::after{content:none !important;display:none !important}

html body nav:is(.guide-jumps, .boot-fit-nav, .boot-section-nav)[class]:not(#cn-a):not(#cn-b) a:any-link{
  display:inline !important;
  position:static !important;
  flex:0 0 auto !important;
  width:auto !important; min-width:0 !important; max-width:none !important;
  height:auto !important; min-height:0 !important;
  margin:0 !important;
  padding:2px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  color:#2a1f16 !important;
  -webkit-text-fill-color:#2a1f16 !important;
  font-family:"Source Sans 3","Source Sans Pro",system-ui,sans-serif !important;
  font-size:17px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  line-height:1.5 !important;
  text-transform:none !important;
  text-align:center !important;
  text-decoration:none !important;
  text-shadow:none !important;
  white-space:normal !important;
  grid-column:auto !important;
  grid-row:auto !important;
  outline:none;
}
html body nav:is(.guide-jumps, .boot-fit-nav, .boot-section-nav)[class]:not(#cn-a):not(#cn-b) a:any-link::before,
html body nav:is(.guide-jumps, .boot-fit-nav, .boot-section-nav)[class]:not(#cn-a):not(#cn-b) a:any-link::after{content:none !important;display:none !important}
/* dot separators between links */
@media (min-width:601px){
html body :is(nav.guide-jumps, .boot-section-nav)[class]:not(#cn-a):not(#cn-b) > a:any-link:not(:last-of-type)::after{
  content:"·" !important;
  display:inline-block !important;
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  filter:none !important;
  min-width:0 !important;min-height:0 !important;
  width:auto !important;height:auto !important;
  margin:0 10px !important;
  padding:0 !important;
  background:none !important;
  -webkit-mask:none !important;mask:none !important;
  color:#b9a27e !important;
  -webkit-text-fill-color:#b9a27e !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
}
html body nav:is(.guide-jumps, .boot-fit-nav, .boot-section-nav)[class]:not(#cn-a):not(#cn-b) a:any-link:is(:hover,:focus-visible){
  color:#7a4e1e !important;
  -webkit-text-fill-color:#7a4e1e !important;
  text-decoration:underline !important;
  text-decoration-color:#c9a46a !important;
  text-underline-offset:3px !important;
  text-decoration-thickness:1.5px !important;
}
html body nav:is(.guide-jumps, .boot-fit-nav, .boot-section-nav)[class]:not(#cn-a):not(#cn-b) a:any-link:focus-visible{outline:2px solid #9c7a43 !important;outline-offset:2px}

/* Boots: Men's / Women's panels become two labelled lines.
   Keep that chip structure exactly; only center each row as a block. */
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b){display:block !important;text-align:center !important}
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b)::before{display:block !important;margin:0 0 4px !important;text-align:center !important;width:100% !important}
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .boot-fit-panel{
  display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:baseline !important;gap:2px 0 !important;
  margin:0 auto !important;padding:2px 0 !important;border:0 !important;background:none !important;box-shadow:none !important;
  grid-template-columns:none !important;width:auto !important;max-width:none !important;
}
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) a.boot-fit-main:any-link{font-weight:800 !important;margin-right:12px !important;min-width:62px !important}
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .boot-section-nav[class]{
  display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:2px 0 !important;
  margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;
  grid-template-columns:none !important;width:auto !important;max-width:none !important;flex:1 1 300px !important;
}
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .boot-section-nav[class] a:any-link{font-weight:500 !important}

/* Women's Setup jump: rose text, no fill */
html body nav.guide-jumps[class]:not(#cn-a):not(#cn-b) > a[href*="women"]:any-link{color:#9a2f55 !important;-webkit-text-fill-color:#9a2f55 !important}

/* Stratus vs Fanatic shell: tighter spacing between the three rows */
html body.sf-navfix .sf-nav-shell:not(#cn-a){margin:16px auto 6px !important}
html body.sf-navfix .sf-nav-shell .s12-hubnav:not(#cn-a){margin:0 0 4px !important}

/* ---------- Phones: compact two-column list ---------- */
@media (max-width:600px){
  html body nav:is(.guide-jumps)[class]:not(#cn-a):not(#cn-b){
    display:block !important;
    text-align:center !important;
    padding:8px 0 !important;
    margin:10px 0 14px !important;
    grid-template-columns:none !important;
  }
  html body nav:is(.guide-jumps)[class]:not(#cn-a):not(#cn-b)::before{display:block !important;width:100% !important;margin:0 0 4px !important;text-align:center !important}
  html body nav.guide-jumps[class]:not(#cn-a):not(#cn-b) > a:any-link{display:inline !important;font-size:16px !important;padding:4px 0 !important;line-height:1.45 !important;text-align:center !important}
  html body nav.guide-jumps[class]:not(#cn-a):not(#cn-b) > a:any-link:not(:last-of-type)::after{
    content:"·" !important;
    display:inline-block !important;
    position:static !important;
    inset:auto !important;
    z-index:auto !important;
    filter:none !important;
    min-width:0 !important;min-height:0 !important;
    width:auto !important;height:auto !important;
    margin:0 8px !important;
    padding:0 !important;
    background:none !important;
    -webkit-mask:none !important;mask:none !important;
    color:#b9a27e !important;
    -webkit-text-fill-color:#b9a27e !important;
    font-weight:700 !important;
    text-decoration:none !important;
  }
  html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b){display:block !important;text-align:center !important}
  html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .boot-fit-panel{display:block !important;padding:4px 0 !important;text-align:center !important}
  html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) a.boot-fit-main:any-link{display:block !important;padding:2px 0 !important}
  html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .boot-section-nav[class]{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0 14px !important;text-align:left !important;justify-content:initial !important}
  html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .boot-section-nav[class] > a:any-link{display:block !important;font-size:16px !important;padding:4px 0 !important;line-height:1.3 !important;text-align:left !important}
  html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .boot-section-nav[class] > a:any-link::after{content:none !important;display:none !important}
  html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a:any-link,
  html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link{font-size:13px !important;padding:4px 11px !important;min-height:32px !important}
}

/* ---------- Gender lanes (consistent with the rose / forest BUY buttons) ----------
   Women's = dusty rose #B03A64 (white text) or light pink #F8D7E3 (rose-ink text)
   Men's   = forest #2F5A3C (white text) or light sage #E3EEE6 (forest-ink text) */
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a.cn-w:any-link,
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link.ft-chip-w{
  background:#F8D7E3 !important;border-color:#E3A5BC !important;color:#4A1F2E !important;-webkit-text-fill-color:#4A1F2E !important;
}
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a.cn-w:any-link:is(:hover,:focus-visible),
html body nav.ft-chips[class]:not(#cn-a):not(#cn-b) > a:any-link.ft-chip-w:is(:hover,:focus-visible){
  background:#F3C3D4 !important;border-color:#B03A64 !important;color:#4A1F2E !important;-webkit-text-fill-color:#4A1F2E !important;
}
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a.cn-m:any-link{
  background:#E3EEE6 !important;border-color:#9DBBA6 !important;color:#1E3A27 !important;-webkit-text-fill-color:#1E3A27 !important;
}
html body :is(.s12-hubnav, .s12-guide-directory) .s12-children[class]:not(#cn-a):not(#cn-b) > a.cn-m:any-link:is(:hover,:focus-visible){
  background:#D2E3D7 !important;border-color:#2F5A3C !important;
}
/* current item in a lane: solid lane colour */
html body .s12-hubnav .s12-children[class]:not(#cn-a):not(#cn-b) > a.cn-w:any-link:is([aria-current="page"],.sf-cat-current){background:#B03A64 !important;border-color:#B03A64 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html body .s12-hubnav .s12-children[class]:not(#cn-a):not(#cn-b) > a.cn-m:any-link:is([aria-current="page"],.sf-cat-current){background:#2F5A3C !important;border-color:#2F5A3C !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

/* jump links in a lane */
html body :is(nav.guide-jumps, .boot-section-nav, .boot-fit-panel)[class]:not(#cn-a):not(#cn-b) a.cn-w:any-link,
html body :is(nav.cn-w, .boot-fit-panel.cn-w)[class]:not(#cn-a):not(#cn-b) a:any-link{color:#962F53 !important;-webkit-text-fill-color:#962F53 !important}
html body :is(nav.guide-jumps, .boot-section-nav, .boot-fit-panel)[class]:not(#cn-a):not(#cn-b) a.cn-m:any-link,
html body :is(nav.cn-m, .boot-fit-panel.cn-m)[class]:not(#cn-a):not(#cn-b) a:any-link{color:#244630 !important;-webkit-text-fill-color:#244630 !important}

/* small lane labels: boots panel heads and clothing jump lists */
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .cn-grp{
  display:inline-flex !important;align-items:center !important;align-self:center !important;
  margin:0 12px 0 0 !important;padding:2px 9px !important;min-height:0 !important;border-radius:4px !important;
  font-family:"IBM Plex Mono",ui-monospace,monospace !important;font-size:11px !important;font-weight:600 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;line-height:1.5 !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;background:#2F5A3C !important;border:0 !important;
  width:auto !important;min-width:0 !important;
}
html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .cn-grp.cn-w{background:#B03A64 !important}
html body nav.clothing-category-links.cn-m[class]:not(#cn-a):not(#cn-b)::before,
html body nav.clothing-category-links.cn-w[class]:not(#cn-a):not(#cn-b)::before{
  padding:2px 9px !important;border-radius:4px !important;color:#fff !important;line-height:1.5 !important;align-self:center !important;
}
html body nav.clothing-category-links.cn-m[class]:not(#cn-a):not(#cn-b)::before{content:"Men\2019s · Jump to" !important;background:#2F5A3C !important}
html body nav.clothing-category-links.cn-w[class]:not(#cn-a):not(#cn-b)::before{content:"Women\2019s · Jump to" !important;background:#B03A64 !important}
@media (max-width:600px){
  html body nav.boot-fit-nav[class]:not(#cn-a):not(#cn-b) .cn-grp{display:inline-block !important;margin:4px 0 2px !important}
  html body nav.clothing-category-links[class]:not(#cn-a):not(#cn-b)::before{justify-self:start !important}
}

/* boots: tighten the gap between the category pills and the jump list */
html body .wrap.boot-preview#main-start:not(#cn-a){padding-top:6px !important}

/* jump lists that sit outside a .wrap: align them with the content column */
html body nav.guide-jumps[class]:not(#cn-a):not(#cn-b):not(.wrap *):not(main.clothing-hub-main *){
  box-sizing:border-box !important;
  width:min(1164px, calc(100% - 36px)) !important;
  max-width:1164px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body .s12-hubnav:has(+ .wrap.boot-preview):not(#cn-a){margin-bottom:12px !important}

/* ---------- Breadcrumb: one plain text trail on every page ---------- */
html body :is(nav.crumbs, nav.s12-crumbs)[class]:not(#cn-a):not(#cn-b){
  display:block !important;margin:0 0 8px !important;padding:0 !important;background:none !important;border:0 !important;
  font-family:"Source Sans 3","Source Sans Pro",system-ui,sans-serif !important;font-size:13px !important;font-weight:500 !important;
  line-height:1.5 !important;letter-spacing:0 !important;text-transform:none !important;
}
html body nav.crumbs[class]:not(#cn-a):not(#cn-b) ol{margin:0 !important;gap:0 !important;font-size:13px !important;line-height:1.5 !important}
html body nav.crumbs[class]:not(#cn-a):not(#cn-b) li + li::before{content:"/" !important;margin:0 7px !important;opacity:.7 !important;transform:none !important}
html body :is(nav.crumbs, nav.s12-crumbs)[class]:not(#cn-a):not(#cn-b) a:any-link{
  display:inline !important;min-height:0 !important;padding:0 !important;opacity:1 !important;color:inherit !important;-webkit-text-fill-color:currentColor !important;
  text-decoration:underline !important;text-decoration-thickness:1px !important;text-underline-offset:3px !important;font-weight:500 !important;
}
html body :is(nav.crumbs, nav.s12-crumbs)[class]:not(#cn-a):not(#cn-b) a:any-link:hover{text-decoration-thickness:2px !important}
html body nav.s12-crumbs[class]:not(#cn-a):not(#cn-b) .cn-sep{margin:0 5px !important;opacity:.7 !important}
html body :is(nav.crumbs, nav.s12-crumbs)[class]:not(#cn-a):not(#cn-b) :is([aria-current="page"], li[aria-current]){font-weight:600 !important}
/* off-image crumbs read as dark text */
html body :is(nav.crumbs, nav.s12-crumbs)[class]:not(#cn-a):not(#cn-b):not(:is(.phero, .ft-pagehead, .ft-hero, .hero, header[class*="hero"], [class*="hero"]) *){color:#1d1a16 !important}

/* ---------- Leather row lanes: women's rose, men's forest (matches BUY buttons) ---------- */
html body .s12-hubnav nav.s12-parents.cn-row[class]:not(#cn-a):not(#cn-b) > a.cn-w:any-link{
  --n5-solid:#B03A64;--n5-fill:linear-gradient(180deg,#c24d77 0%,#B03A64 55%,#962F53 100%);
  --n5-fill-hover:linear-gradient(180deg,#B03A64,#7E2646);--n5-fg:#ffffff;--n5-stitch:#f8d7e3;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html body .s12-hubnav nav.s12-parents.cn-row[class]:not(#cn-a):not(#cn-b) > a.cn-m:any-link{
  --n5-solid:#2F5A3C;--n5-fill:linear-gradient(180deg,#3d6e4b 0%,#2F5A3C 55%,#244630 100%);
  --n5-fill-hover:linear-gradient(180deg,#2F5A3C,#1E3A27);--n5-fg:#ffffff;--n5-stitch:#cfe3d4;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html body .s12-hubnav nav.s12-parents.cn-row[class]:not(#cn-a):not(#cn-b) > a:any-link:is(.cn-w,.cn-m):is(:hover,:focus-visible){--n5-fill:var(--n5-fill-hover)}
/* current lane item keeps its lane colour, gold stitch marks "you are here" */
html body .s12-hubnav nav.s12-parents.cn-row[class]:not(#cn-a):not(#cn-b) > a:any-link:is(.cn-w,.cn-m)[aria-current="page"]{--n5-stitch:#f3d98a;font-weight:700 !important}
/* row sits right under the hero, compact */
html body .s12-hubnav:has(> nav.cn-row):not(#cn-a){margin-top:18px !important}
html body :is(nav.crumbs, nav.s12-crumbs)[class]:not(#cn-a):not(#cn-b):not(:is(.phero, .ft-pagehead, .ft-hero, .hero, header[class*="hero"], [class*="hero"]) *){margin-top:12px !important}

/* ---------- Animal heroes: keep the subject visible to the right of the text ----------
   Same photo, CSS-only horizontal mirror on the image (text is not flipped).
   Left-side gradient keeps the headline readable; the right side stays more open.
   Applied only where the animal sits under the left text at 1280. */
html body .phero:not(.phero--homex):is(:has(img.fp-gift-elk-dunes),:has(img.fp-co-elk),:has(img.fp-tx-whitetail-buck),:has(img.fp-ak-brown-bear-747)) .phero-img img{
  transform:scaleX(-1) !important;
}
html body .phero:not(.phero--homex):is(:has(img.fp-gift-elk-dunes),:has(img.fp-co-elk),:has(img.fp-tx-whitetail-buck),:has(img.fp-ak-brown-bear-747)) .phero-shade{
  background:
    linear-gradient(90deg, rgba(21,23,26,.82) 0%, rgba(21,23,26,.50) 34%, rgba(21,23,26,.14) 58%, rgba(21,23,26,.06) 100%),
    linear-gradient(180deg, rgba(21,23,26,.10) 0%, rgba(21,23,26,.28) 46%, rgba(21,23,26,.72) 100%) !important;
}
@media (max-width:600px){
  /* Reserve a photo band above the type so the animal is not buried under the headline / Our Pick card. */
  html body .phero:not(.phero--homex):is(:has(img.fp-gift-elk-dunes),:has(img.fp-co-elk),:has(img.fp-tx-whitetail-buck),:has(img.fp-ak-brown-bear-747)) .phero-media{
    padding-top:210px !important;
  }
  html body .phero:not(.phero--homex):is(:has(img.fp-gift-elk-dunes),:has(img.fp-co-elk),:has(img.fp-tx-whitetail-buck),:has(img.fp-ak-brown-bear-747)) .phero-shade{
    background:
      linear-gradient(180deg, rgba(21,23,26,.10) 0%, rgba(21,23,26,.08) 190px, rgba(21,23,26,.55) 230px, rgba(21,23,26,.88) 100%),
      linear-gradient(90deg, rgba(21,23,26,.28) 0%, rgba(21,23,26,.08) 55%, rgba(21,23,26,.04) 100%) !important;
  }
  html body .phero:not(.phero--homex):is(:has(img.fp-gift-elk-dunes),:has(img.fp-co-elk),:has(img.fp-tx-whitetail-buck),:has(img.fp-ak-brown-bear-747)) .phero-text{
    text-shadow:0 1px 10px rgba(0,0,0,.55) !important;
  }
}

/* ---------- 2026-11-10: hide leading mid-dot when an On this page list wraps.
   Keep each link + its trailing · as one unbreakable inline-block so a wrap
   cannot start a line with a mid-dot. Do not restyle boot-fit-nav chip lines. */
html body nav.guide-jumps:not(.boot-fit-nav)[class]:not(#cn-a):not(#cn-b) > a:any-link{
  display:inline-block !important;
  white-space:nowrap !important;
  max-width:100% !important;
}
html body nav.guide-jumps:not(.boot-fit-nav)[class]:not(#cn-a):not(#cn-b) > a:any-link:not(:last-of-type)::after{
  display:inline-block !important;
  white-space:nowrap !important;
  content:"·" !important;
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  margin:0 10px !important;
  padding:0 !important;
  background:none !important;
  -webkit-mask:none !important;
  mask:none !important;
  color:#b9a27e !important;
  -webkit-text-fill-color:#b9a27e !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
@media (max-width:600px){
  html body nav.guide-jumps:not(.boot-fit-nav)[class]:not(#cn-a):not(#cn-b) > a:any-link{
    display:inline-block !important;
    white-space:nowrap !important;
  }
  html body nav.guide-jumps:not(.boot-fit-nav)[class]:not(#cn-a):not(#cn-b) > a:any-link:not(:last-of-type)::after{
    margin:0 8px !important;
  }
}

/* ---------- 2026-11-10 all-site Tag hero standard (inner pages).
   Tall full-bleed hero, small eyebrow + H1 + one-line intro in the photo,
   breadcrumbs and Our Pick / signup below. Homepage ft-hero photo is unchanged. */
html body section.phero[class]:not(#cn-a) .phero-media{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  position:relative !important;
  min-height:420px !important;
  height:420px !important;
  max-height:none !important;
  overflow:hidden !important;
}
@media (min-width:700px){
  html body section.phero[class]:not(#cn-a) .phero-media{
    min-height:max(560px, 70vh) !important;
    height:max(560px, 70vh) !important;
  }
}
html body section.phero[class]:not(#cn-a) .phero-img,
html body section.phero[class]:not(#cn-a) .phero-img img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  margin:0 !important;
}
html body section.phero[class]:not(#cn-a) .phero-img img{object-position:70% 70% !important}
/* Per-photo hero object-position: crop sky, keep legs/feet. */
html body section.phero[class]:not(#cn-a) img.fp-hsc-bb02{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-bb03{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-bb08{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-bb14{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-bb16{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-cb01{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-cb02{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-cb03{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-cb05{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ek01{object-position:72% 50% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ek02{object-position:72% 22% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ek03{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ek04{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-fp01{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-gt01{object-position:72% 28% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-gt03{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-gt05{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-gt06{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ms01{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ms02{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ms04{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ms05{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-ms06{object-position:50% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh01{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh02{object-position:72% 80% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh03{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh04{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh05{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh06{object-position:50% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh08{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh09{object-position:50% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh10{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh11{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh12{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh13{object-position:72% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-oh14{object-position:50% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-r02{object-position:50% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-r03{object-position:72% 26% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-r09{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-t03{object-position:50% 35% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-t04{object-position:50% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-wt02{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-wt03{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-wt05{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-wt06{object-position:50% 22% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-wt08{object-position:50% 85% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-wt10{object-position:72% 70% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-md03{object-position:50% 40% !important}
html body section.phero[class]:not(#cn-a) img.fp-hsc-md05{object-position:58% 40% !important}

html body section.phero[class]:not(#cn-a) .phero-shade{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(18,26,21,.90) 0%, rgba(18,26,21,.70) 28%, rgba(18,26,21,.28) 52%, rgba(18,26,21,.06) 76%, rgba(18,26,21,.02) 100%),
    linear-gradient(0deg, rgba(18,26,21,.72) 0%, rgba(18,26,21,.28) 38%, rgba(18,26,21,.08) 70%, transparent 100%) !important;
}
html body section.phero[class]:not(#cn-a) .phero-text{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1360px !important;
  margin:0 auto !important;
  padding:40px 22px 28px !important;
  box-sizing:border-box !important;
  text-align:left !important;
  color:#fff !important;
}
html body section.phero[class]:not(#cn-a) .phero-eyebrow{
  margin:0 0 8px !important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--ft-kraft-lt, #e3d6b8) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.45) !important;
  line-height:1.3 !important;
}
html body section.phero[class]:not(#cn-a) .phero-text h1{
  margin:0 0 10px !important;
  max-width:22ch !important;
  text-align:left !important;
  color:#fff !important;
}
html body section.phero[class]:not(#cn-a) .phero-text .lede{
  margin:0 !important;
  max-width:46ch !important;
  font-size:clamp(15px,1.4vw,18px) !important;
  line-height:1.45 !important;
  color:#f1ebdf !important;
  text-shadow:0 1px 8px rgba(0,0,0,.5) !important;
}
@media (max-width:699px){
  html body section.phero[class]:not(#cn-a) .phero-text{padding:210px 16px 18px !important}
  html body section.phero[class]:not(#cn-a) .phero-shade{
    background:
      linear-gradient(180deg, rgba(18,26,21,.12) 0%, rgba(18,26,21,.10) 200px, rgba(18,26,21,.55) 260px, rgba(18,26,21,.90) 100%),
      linear-gradient(90deg, rgba(18,26,21,.50) 0%, rgba(18,26,21,.16) 50%, transparent 80%) !important;
  }
  html body section.phero[class]:not(#cn-a) .phero-text .lede{font-size:15px !important}
}

/* Crumbs, disclosure, Our Pick and signup sit in a wide band under the hero. */
html body .phero-below{
  max-width:1360px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:14px 22px 8px !important;
  box-sizing:border-box !important;
}
@media (max-width:640px){
  html body .phero-below{padding:12px 16px 6px !important}
}
html body .phero-below :is(nav.crumbs, nav.s12-crumbs){
  margin:0 0 8px !important;
}
html body .phero-below .h1-disc a{white-space:nowrap !important}
html body .phero-below .h1-disc{
  margin:0 0 10px !important;
  font-size:13px !important;
  line-height:1.45 !important;
  color:var(--ft-muted, #5c564c) !important;
  max-width:72ch !important;
}
html body .phero-below .fold-cta{
  max-width:none !important;
  width:100% !important;
  margin:12px 0 10px !important;
  align-self:stretch !important;
}
html body .phero-below section.signup,
html body .phero-below .signup.signup-hero{
  max-width:none !important;
  width:100% !important;
  margin:12px 0 16px !important;
}

/* Homepage: keep the current elk photo; match the tall-hero height only. */
@media (min-width:700px){
  html body .ft-hero{min-height:max(560px, 70vh) !important}
}
@media (max-width:699px){
  html body .ft-hero{min-height:420px !important}
}

/* Homepage elk: crop grass at the bottom, keep the full rack in frame. */
@media (min-width:861px){
  html body .ft-hero-media picture,html body .ft-hero-media img{object-position:72% 20% !important}
}
@media (max-width:860px){
  html body .ft-hero-media img{object-position:78% 20% !important}
}
@media (max-width:640px){
  html body .ft-hero-media img{object-position:80% 20% !important}
}