/** Shopify CDN: Minification failed

Line 120:0 Unexpected "2026"

**/
/* hb-header.css — sitewide chrome (header, menus, footer) = hb.css inverse-filtered.
   Regenerated 2026-09-08 after the token extractor kept missing rules. */
header.site,#late-menus,footer#foot,.mpan,.mega,.stick,.cartbar,.totop{--red:#b3121f;--ink:#111;--muted:#6b6b6b;--line:#e6e6e6;--gold:#c9a24a;--bg:#fff;--soft:#f6f5f2}
:where(header.site,.mpan,footer#foot) .wrap{max-width:1280px;margin:0 auto;padding:0 16px}
header.site,footer#foot{font-family:Montserrat,'Montserrat Fallback',-apple-system,sans-serif}
footer#foot{background:#111;color:#bbb;margin-top:30px}
header.site{z-index:990}
.topbar{background:var(--red);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}
.topbar .r{opacity:.95;text-transform:none;letter-spacing:0;font-weight:500}
.hdr .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search icons" "hot hot hot";align-items:center;column-gap:18px;row-gap:7px;padding:12px 16px 10px;height:auto}
.brand{grid-area:brand;display:flex;flex-direction:column;gap:4px;font:800 25px/1 Montserrat,'Montserrat Fallback',sans-serif;letter-spacing:.14em;color:var(--ink)}
.search{grid-area:search;max-width:none}
.icons{grid-area:icons;height:auto;margin-left:0}
.hot{grid-area:hot;display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border:0;background:transparent;min-width:0}
.hot::-webkit-scrollbar{display:none}
.brand small{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.icons .ic{display:flex;align-items:center;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);line-height:1;white-space:nowrap}
.icons .ic:hover{color:var(--red)}
.morechip{display:none}
.nav .dd.on>a,.nav .morechip.on{color:var(--red)}
.nav .dd:hover>a,.nav .dd.open>a{color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}
.search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #d6d2c8;border-radius:6px;padding:0 6px 0 14px;height:42px;color:var(--muted);max-width:520px;background:#fff}
.search:focus-within{border-color:var(--ink)}
.search b{margin-left:auto;background:var(--red);color:#fff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:12px}
.icons{margin-left:auto;display:flex;gap:18px;font-weight:600;font-size:13px;align-items:center;height:64px}
.icons>a,.icons .dd>a{padding:0 2px;line-height:64px;white-space:nowrap}
.search input{flex:1;border:0;outline:0;background:transparent;font:inherit;color:var(--ink);min-width:0}
.search button{margin-left:auto;background:var(--red);color:#fff;border:0;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:12px;cursor:pointer}
.search button.dia{background:transparent;border-radius:0;width:36px;height:36px;padding:0;display:grid;place-items:center}
.search button.dia img{width:34px;height:34px;object-fit:contain;display:block;transition:transform .15s}
.search button.dia:hover img{transform:scale(1.08)}
.dd{position:relative}
.mega{display:none;position:absolute;top:64px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.14);padding:18px 22px 16px;z-index:20;white-space:nowrap;text-transform:none;letter-spacing:0;font-weight:500}
.dd:hover .mega,.dd:focus-within .mega,.dd.open .mega{display:block}
.mcols{display:flex;gap:28px}
.mcol{display:flex;flex-direction:column;gap:6px;min-width:120px}
.mcol a{font-size:12px;font-weight:500;color:var(--ink);padding:2px 0}
.mcol a:hover{color:var(--red)}
.mcol .mh{font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:4px;border-bottom:1px solid var(--line);padding-bottom:6px}
.topbar .tk span{margin-left:14px}
.topbar .tk b{font-weight:700}
.topbar .tk i{font-style:normal;font-size:11px;opacity:.85}
.topbar .tk .dim{opacity:.75;font-size:11px}
.topbar a{color:#fff}
.nav .wrap a{color:var(--ink)}
.nav .wrap a:hover{color:var(--red)}
.mnav a.shopall{display:block;padding:10px 0 10px 14px;font-size:12px;font-weight:700;color:var(--red);border-bottom:1px solid #f0f0f0}
.mnav .mstrip{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 10px}
.mnav .mstrip a{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mnav .macct{display:flex;gap:18px;font-size:12px;font-weight:600;color:var(--muted);padding-top:8px}
.nav .wrap{scrollbar-width:none}
.nav .wrap::-webkit-scrollbar{display:none}
.hot .hl{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:2px;flex:0 0 auto}
.hot a{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--ink);background:var(--soft);flex:0 0 auto}
.hot a:hover{border-color:var(--red);color:var(--red)}
.nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;gap:26px;height:44px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;position:relative}
.nav .dd{position:static}
.nav .dd>a{display:inline-block;line-height:44px}
.nav .dd .mega{top:44px;left:0;transform:none}
.nav a.salechip{color:var(--red);font-weight:800}
.fbrand{display:flex;align-items:center;gap:18px;padding:30px 16px 8px}
.fbrand img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.fbrand .fw{font:800 22px/1 Montserrat,'Montserrat Fallback',sans-serif;letter-spacing:.14em;color:#fff}
.fbrand .fw small{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9a9a9a;margin-top:7px}
footer .fcols{padding:20px 16px 18px;border-top:1px solid #2a2a2a;margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
footer .fcol h4{margin:0 0 10px;font:800 11px/1 Montserrat,'Montserrat Fallback',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
footer .fcol a{display:block;font-size:12px;color:#bbb;padding:5px 0}
footer .fcol a:hover{color:#fff}
footer .visit p{margin:0 0 8px;font-size:12px;line-height:1.5}
footer .visit b{color:#fff}
footer .visit .dim{color:#888}
footer .fbase{padding:14px 16px 22px;font-size:11px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #2a2a2a;color:#888}
.nq{display:none}
@media(min-width:1240px){header.site.stuck .nq{display:flex;margin-left:auto;gap:22px;align-items:center}.nq a{display:inline-flex;align-items:center;gap:6px;line-height:44px;color:var(--ink)}.nq a:hover{color:var(--red)}.nq img{width:18px;height:18px;object-fit:contain}}
/* ITER11: the phone menu as photo tiles; the PC dropdown's icons */
.mcol .mh{display:flex;align-items:center;gap:8px}
.mcol .mh .mi{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:0 0 auto;background:#fff}
.mnav a.shopall{display:flex;justify-content:space-between;align-items:center;padding:13px 0 11px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav a.shopall span{color:var(--red)}
.mtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0 6px}
.mtile{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 6px 9px;display:flex;flex-direction:column;align-items:center;gap:7px;font:800 10.5px Montserrat,'Montserrat Fallback',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;line-height:1.2;text-align:center}
.mtile .mimg{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--soft);display:grid;place-items:center;border:1px solid var(--line)}
.mtile .mimg img{width:100%;height:100%;object-fit:cover;display:block}
.mtile .mimg i{font-style:normal;font-size:28px;font-weight:300;color:var(--muted)}
.mtile.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--soft)}
.msub{grid-column:1/-1;margin:0 0 2px;padding:12px 12px 11px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.msh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}
.msh b{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.msh a{font-size:12px;font-weight:700;color:var(--red);white-space:nowrap}
.mchips{display:flex;flex-wrap:wrap;gap:8px}
.mchips a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--ink)}
.mnav .mstrip .ml{flex:0 0 100%;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:-2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9a9a9a;margin:0 2px 0 8px;vertical-align:middle;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.dot.on{background:#2ecc71;box-shadow:0 0 0 2px rgba(46,204,113,.35)}
.topbar .lv a{color:#fff}
.topbar #livet a{text-decoration:underline}
.hot a.wb{border-color:var(--gold);background:#fff8e6;color:#6b4d0b;font-weight:700}
.icons .ic b{font-weight:800;color:var(--red);margin-left:4px}
footer .visit p a{display:inline;padding:0}
@media (min-width:901px){header.site{position:sticky;z-index:40;background:#fff}header.site.stuck .nav{box-shadow:0 10px 24px rgba(0,0,0,.08)}}
@media (max-width:900px){.hot .wb .x2{display:none}}
@media (max-width:900px){.topbar .r{display:none}.topbar .wrap{height:auto;min-height:30px;padding:5px 16px;flex-wrap:wrap;gap:2px 12px;font-size:11px}.topbar .tk{display:inline;margin-left:auto;font-size:11px}.topbar .tk>span{display:inline;margin-left:9px}.topbar .tk i,.topbar .tk .dim{display:none}.hdr .wrap{grid-template-columns:1fr auto;grid-template-areas:"brand icons" "search search" "hot hot";padding:6px 16px 6px;column-gap:10px;row-gap:5px}.brand{font-size:19px;gap:2px}.brand small{font-size:8.5px;letter-spacing:.12em;white-space:nowrap}.icons{gap:12px}.icons .ic{font-size:10.5px;letter-spacing:.06em}.search{padding:0 4px 0 12px}.search button.dia{width:32px;height:32px}.search button.dia img{width:30px;height:30px}.hot .hl{font-size:9px}.hot a{padding:5px 10px;font-size:10.5px}.search{height:36px}.nav .wrap{padding:7px 16px 8px;gap:7px 16px}.nav .wrap{flex-wrap:wrap;height:auto;padding:10px 16px 11px;gap:10px 20px;font-size:12px;overflow:visible}.nav .sec{display:none}.nav .dd .mega{display:none!important}.nav .dd>a,.nav .morechip{display:inline-block;line-height:1.4;padding:6px 0}.morechip{display:inline-block;margin-left:auto;color:var(--ink);font-weight:800}.search{height:40px}.mpan{background:#fff;border-bottom:1px solid var(--line);box-shadow:inset 0 6px 8px -8px rgba(0,0,0,.18)}.mpan[hidden]{display:none}footer .fcols{grid-template-columns:1fr 1fr}.fbrand{gap:14px;padding:24px 16px 6px}.fbrand img{width:60px;height:60px}.fbrand .fw{font-size:18px}.fbrand .fw small{font-size:9px}}
/* ITER21 */
header.site.stuck .nav{box-shadow:0 10px 24px rgba(0,0,0,.08)}
@media(max-width:900px){header.site{position:sticky;z-index:40;background:#fff;transition:transform .22s ease}.nav .wrap{flex-wrap:nowrap;height:44px;padding:0 16px;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;font-size:12px}.nav .wrap::-webkit-scrollbar{display:none}.nav .dd>a,.nav .wrap>a{display:inline-block;padding:12px 0;line-height:20px;flex:0 0 auto;white-space:nowrap}.nav .dd{flex:0 0 auto}.morechip{order:-1;position:static;margin-left:0;background:transparent;padding:12px 0;box-shadow:none}/* ITER22b: no alt text flash in a deferred card before its image hydrates */
.topbar .wrap{flex-wrap:nowrap;height:30px;min-height:0;padding:0 16px;overflow:hidden;gap:10px}.topbar .tk>span{display:none}.topbar .lv{white-space:nowrap;flex:0 0 auto}.topbar .tk{white-space:nowrap}}
/* theme: the icon-less "More for men/women" column header matches the icon headers' height and baseline */
.mega .mh{min-height:35px}
/* theme: the utility panel's single-level accordions never had a link rule (mockup bug) */
.mpan details>a{display:block;padding:10px 0 10px 14px;font-size:13px;color:var(--ink);border-bottom:1px solid #f0f0f0}
.mpan details>a:last-child{border-bottom:0}
2026-09-08) */
.brand{flex-direction:row;align-items:center;gap:12px}
.brand .bemblem{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.brand .bt{display:flex;flex-direction:column;gap:4px}
@media (max-width:900px){.brand .bemblem{width:38px;height:38px}.brand{gap:9px}}
/* theme: the header must stack above template content (collection/product pages create their own stacking contexts) */
header.site{z-index:990}

/* facet strips, Shop-all rows, phone panel container (audit 2026-09-08) */
.mfacets{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.mf{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mf span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:44px}
.mf a{border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;color:var(--ink)}
.mf a:hover{border-color:var(--red);color:var(--red)}
.mall{display:inline-block;margin-top:12px;font-weight:800;font-size:12px;color:var(--red);text-transform:uppercase;letter-spacing:.06em}
.talk .acts a.red{background:var(--red);color:#fff;border-color:var(--red)}
.talk .acts a.red small{color:#fbe3e5}
.story .go{margin-top:auto;padding-top:8px;font-weight:800;font-size:12px;letter-spacing:.04em;color:var(--ink)}
.story:hover .go{color:var(--red)}
@media (max-width:900px){.cartbar .go{margin-left:auto;color:var(--red);font-weight:800;white-space:nowrap}}
@media (max-width:900px){.mnav.mpanels{display:block}.stick a.red{color:var(--red)}}
/* the emblem sits beside the wordmark (same as home) */
.brand{flex-direction:row;align-items:center;gap:12px}
.brand .bemblem{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.brand .bt{display:flex;flex-direction:column;gap:4px}
@media (max-width:900px){.brand .bemblem{width:38px;height:38px}.brand{gap:9px}}

/* bottom bar, cart bar, back-to-top, phone panel accordions — sitewide (2026-09-08) */
.mnav{display:none;background:#fff;border-bottom:1px solid var(--line)}
.mnav .wrap{padding:4px 16px 14px}
.mnav summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:'+';color:var(--red);font-size:18px;font-weight:600}
.mnav details[open]>summary::after{content:'\2013'}
.mnav details details summary{font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:none;padding:11px 0 11px 14px}
.mnav details details a{display:block;padding:9px 0 9px 28px;font-size:13px;color:var(--ink);border-bottom:1px solid #f0f0f0}
.mnav a.shopall{display:block;padding:10px 0 10px 14px;font-size:12px;font-weight:700;color:var(--red);border-bottom:1px solid #f0f0f0}
.mnav a.top{display:flex;padding:13px 0;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.mnav .mstrip{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 10px}
.mnav .mstrip a{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mnav .macct{display:flex;gap:18px;font-size:12px;font-weight:600;color:var(--muted);padding-top:8px}
.stick{display:none}
@media(max-width:900px){body.shelf .stick{transition:transform .25s ease}body.shelf.stick-hide .stick{transform:translateY(100%)}}
/* ITER12 */
.totop{display:none}
.mnav a.shopall{display:flex;justify-content:space-between;align-items:center;padding:13px 0 11px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav a.shopall span{color:var(--red)}
.mnav .mstrip .ml{flex:0 0 100%;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:-2px}
.cartbar{display:none}
@media (max-width:900px){.cartbar:not([hidden]){display:block!important;background:#fff;border-bottom:1px solid var(--line)}.cartbar .wrap{display:flex;align-items:center;gap:10px;height:40px;font-size:12px;color:var(--muted)}.cartbar .wrap>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cartbar b{color:var(--ink);font-weight:700}.cartbar .go{margin-left:auto;color:var(--red);font-weight:800;white-space:nowrap}.cartbar .x{border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:0 2px}.totop{display:grid;place-items:center;position:fixed;left:14px;bottom:76px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.96);color:var(--ink);font-size:18px;box-shadow:0 6px 18px rgba(0,0,0,.14);z-index:9;cursor:pointer}.totop[hidden]{display:none!important}}
@media (max-width:900px){.mnav.mpanels{display:block}.stick{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.08)}.stick a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px 10px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.stick a b{font-size:18px;line-height:1}.stick a.red{color:var(--red)}.stick a img{width:22px;height:22px;border-radius:50%}}
.mpan details>a{display:block;padding:10px 0 10px 14px;font-size:13px;color:var(--ink);border-bottom:1px solid #f0f0f0}
.mpan details>a:last-child{border-bottom:0}
@media (max-width:900px){body{padding-bottom:64px}}
/* the bottom bar stacks above page content (quick-add buttons were painting over it) */
nav.stick{z-index:980}

#cart-icon-link{position:relative}
#cart-icon-link .cart-count-badge{top:-11px;right:-14px}

/* Header icons on phones. The row cannot fit a phone as words: .icons is 234px
   of nowrap labels and .brand needs 208px, which is 484px against 390px of
   viewport — the overflow is what shifted every page sideways. Below 600px the
   labels give way to glyphs (~100px), and the labels stay everywhere else.
   The Saved count and the cart badge both ride along unchanged. */
.icons .icg{display:none;width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
  .icons{gap:16px}
  .icons .ict{display:none}
  .icons .icg{display:block}
  .icons .ic{padding:0;line-height:1}
  .icons .ic b{margin-left:3px;font-size:11px}
}

/* Narrow phones. Glyphs alone still leave the row at 370px, which clears a 390px
   handset but not a 360px one, so the brand steps down a size below 400px:
   measured, that takes the row to 300px and it fits 320px upward. The tagline
   stays — hiding it buys nothing, because the row's floor is the width of the
   word TRAXNYC, not the line under it. */
@media(max-width:400px){
  .icons{gap:12px}
  .brand{font-size:17px}
  .brand .bemblem{width:32px;height:32px}
}

/* The section wrapper Shopify prints around hb-header. Without display:contents
   it is a ~200px block, and a sticky child cannot travel outside its parent's
   box — so the header unsticks the moment you scroll past it. hb.css had this
   and hb-header.css did not, which is why the header stuck on the home page
   and nowhere else. The class comes from the section schema, not the markup,
   so the chrome audit could not see it; the audit now reads schema classes. */
.hb-headerwrap{display:contents}

/* Ported from hb.css, which had them while this sheet did not — the drift that
   keeps making the chrome behave differently off the home page. */
.nav .wrap,.ticker .wrap{scrollbar-width:none}
.nav .wrap::-webkit-scrollbar,.ticker .wrap::-webkit-scrollbar{display:none}
@media(max-width:900px){body.nav-hide header.site{transform:translateY(-100%)}}

/* The Klaviyo teaser is dropped in with inline styles — fixed, bottom:0, left:0,
   160x160, z-index 90000 — so it lands on top of .stick, the phone action bar
   (z-index 10, four equal columns). On a 375 px phone each column is ~94 px, so the
   teaser covers the first two: CALL and TEXT both opened the signup instead of
   dialling. Lift it clear of the bar (measured 54 px tall at 375 px, so 70 px leaves 16 px). Matched on the class prefix rather than the
   current form id (kl-teaser-X4UR33) so replacing the form does not silently
   reinstate the bug. !important beats Klaviyo's inline style, which is not important.
   Scoped to the breakpoint that shows the bar; above 900 px there is no bar to block. */
@media (max-width:900px){
  [class*="kl-teaser"]{bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
}