/* Boxyard — ported from the Shopify theme (boxyard-trade-styles + boxyard-stockroom.css). */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/bricolage-grotesque-600.woff') format('woff')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:block;src:url('/fonts/bricolage-grotesque-800.woff') format('woff')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/public-sans-400.woff') format('woff')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/public-sans-600.woff') format('woff')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/space-mono-400.woff') format('woff')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/space-mono-700.woff') format('woff')}
/* ---- Base (replaces the Shopify theme's own reset) ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-size:16px;line-height:1.6}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
.by-skip{position:absolute;left:-9999px;top:0;background:#12211D;color:#EEF2EE;padding:10px 14px;z-index:50}
.by-skip:focus{left:8px;top:8px}

/* ---- Trade styles ---- */

:root {
  --by-ink: #12211D; --by-deep: #1E3830; --by-cinnabar: #B8342A;
  --by-glaze: #DDE6DE; --by-paper: #EEF2EE; --by-gold: #A8823A; --by-ink-soft: #3F544C;
  --by-rule: rgba(18, 33, 29, .15);
  --by-display: "Bricolage Grotesque", system-ui, sans-serif;
  --by-body: "Public Sans", system-ui, sans-serif;
  --by-mono: "Space Mono", ui-monospace, monospace;
}

/* Price gate (unchanged) */
.by-gate-wrap { display: block; }
.by-gate {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; margin: 2px 0;
  background: repeating-linear-gradient(90deg, rgba(238,242,238,.12) 0 2px, transparent 2px 9px), var(--by-gold);
  color: var(--by-ink); font: 700 12px/1.2 var(--by-mono); text-decoration: none; transform: rotate(-0.8deg);
  clip-path: polygon(3% 0, 97% 0, 100% 16%, 98% 33%, 100% 50%, 98% 67%, 100% 84%, 97% 100%, 3% 100%, 0 84%, 2% 67%, 0 50%, 2% 33%, 0 16%);
}
a.by-gate:hover { filter: brightness(1.07); color: var(--by-ink); }
a.by-gate:focus-visible { outline: 2px solid var(--by-ink); outline-offset: 3px; clip-path: none; }
.by-gate svg { flex: none; }

.by-intro { display: none; }
.by-intro-on .by-intro { display: block; }

/* Shared */
.by-section { font-family: var(--by-body); color: var(--by-ink); }
.by-wrap { width: min(1180px, 92vw); margin-inline: auto; }
.by-section h2 { font: 800 clamp(28px, 3.2vw, 38px)/1 var(--by-display); letter-spacing: -.035em; margin: 0; }
.by-lede { font-size: 18px; color: var(--by-ink-soft); max-width: 46ch; margin: 0 0 30px; }
.by-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 20px;
  border-radius: 3px; border: 1.5px solid var(--by-ink); background: transparent; color: var(--by-ink);
  font: 600 15px/1 var(--by-body); text-decoration: none; white-space: nowrap; cursor: pointer;
}
.by-btn--solid { background: var(--by-ink); color: var(--by-glaze); }
.by-btn:hover { background: var(--by-deep); border-color: var(--by-deep); color: var(--by-glaze); }
.by-btn:focus-visible { outline: 2px solid var(--by-ink); outline-offset: 3px; }
.by-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* Hero */
.by-hero .by-wrap { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); gap: 56px; align-items: end; }
.by-hero h1 { font: 800 clamp(44px, 6.6vw, 86px)/.92 var(--by-display); letter-spacing: -.045em; margin: 0 0 24px; max-width: 11ch; }
.by-retail { margin-top: 22px; font-size: 14px; color: var(--by-ink-soft); }
.by-dispatch { background: var(--by-deep); color: var(--by-glaze); border-radius: 3px; padding: 26px 26px 22px; position: relative; }
.by-dispatch .by-mark { position: absolute; top: 22px; right: 22px; opacity: .55; }
.by-dispatch .by-k { font: 400 13px/1.4 var(--by-mono); opacity: .85; margin: 0; }
.by-dispatch .by-time { font: 800 clamp(72px, 8vw, 104px)/.9 var(--by-display); letter-spacing: -.05em; margin: 12px 0 10px; font-variant-numeric: tabular-nums; }
.by-dispatch .by-left { font: 700 15px/1.35 var(--by-mono); min-height: 1.35em; margin: 0; }
.by-dispatch dl { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid rgba(221, 230, 222, .22); display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; font-size: 14px; }
.by-dispatch dt { opacity: .85; }
.by-dispatch dd { margin: 0; font-family: var(--by-mono); text-align: right; }

/* Status band */
.by-status .by-wrap { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.by-status h1 { font: 800 clamp(30px, 4.2vw, 50px)/1 var(--by-display); letter-spacing: -.035em; margin: 0 0 10px; max-width: 22ch; }
.by-status p { color: var(--by-ink-soft); max-width: 60ch; margin: 0; }
.by-cutoff { font: 700 14px/1.3 var(--by-mono); background: var(--by-deep); color: var(--by-glaze); padding: 12px 16px; border-radius: 3px; margin: 0; }

/* How trade works */
.by-how h2 { margin-bottom: 0; }
.by-steps { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid var(--by-ink); }
.by-steps li { padding: 24px 28px 6px 0; }
.by-steps li + li { padding-left: 28px; border-left: 1px solid var(--by-rule); }
.by-steps .by-n { display: block; font: 800 48px/1 var(--by-display); letter-spacing: -.05em; margin-bottom: 16px; }
.by-steps h3 { font: 600 21px/1.2 var(--by-display); letter-spacing: -.015em; margin: 0 0 8px; }
.by-steps p { color: var(--by-ink-soft); max-width: 34ch; margin: 0; }

/* Terms */
.by-terms { background: var(--by-paper); border-block: 1px solid var(--by-rule); }
.by-terms dl { margin: 22px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.by-terms dt { font: 600 17px/1.2 var(--by-display); margin-bottom: 6px; }
.by-terms dd { margin: 0; font-size: 14px; color: var(--by-ink-soft); max-width: 30ch; }

/* Apply */
.by-apply .by-wrap { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); gap: 64px; align-items: start; }
.by-apply-intro p { color: var(--by-ink-soft); max-width: 40ch; margin-top: 14px; }
.by-label { margin-top: 30px; background: var(--by-paper); border: 1px solid rgba(18, 33, 29, .22); border-radius: 2px; padding: 18px 20px; font: 400 12px/1.7 var(--by-mono); max-width: 360px; }
.by-label .by-rule { border-top: 1px solid rgba(18, 33, 29, .2); margin: 10px 0; }
.by-label .by-lk { display: flex; align-items: center; gap: 10px; font: 800 17px/1 var(--by-display); letter-spacing: -.02em; }
.by-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.by-full { grid-column: 1 / -1; }
.by-field label, .by-field legend { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; padding: 0; }
.by-field input[type=text], .by-field input[type=email], .by-field input[type=password], .by-field input[type=tel], .by-field select, .by-field textarea {
  width: 100%; height: 46px; border: 1.5px solid var(--by-ink-soft); border-radius: 3px; background: var(--by-paper); padding: 0 12px; font: inherit; color: var(--by-ink);
}
.by-field textarea { height: auto; min-height: 84px; padding: 10px 12px; resize: vertical; }
.by-field input:focus-visible, .by-field select:focus-visible, .by-field textarea:focus-visible { outline: 2px solid var(--by-ink); outline-offset: 1px; }
.by-hint { font-size: 13px; color: var(--by-ink-soft); margin-top: 5px; }
.by-apply fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.by-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.by-chips label { position: relative; margin: 0; }
.by-chips input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.by-chips span { display: inline-block; padding: 9px 14px; border: 1.5px solid var(--by-ink-soft); border-radius: 3px; background: var(--by-paper); font-size: 14px; font-weight: 600; }
.by-chips input:checked + span { background: var(--by-ink); border-color: var(--by-ink); color: var(--by-glaze); }
.by-chips input:focus-visible + span { outline: 2px solid var(--by-ink); outline-offset: 2px; }
.by-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; font-weight: 400 !important; margin-top: 8px; }
.by-check input { accent-color: var(--by-ink); width: 18px; height: 18px; margin: 1px 0 0; flex: none; }
.by-note { border-left: 3px solid var(--by-ink); background: var(--by-paper); padding: 14px 18px; margin: 0 0 22px; font-size: 15px; }
.by-note--error { border-left-color: var(--by-cinnabar); }
.by-note ul { margin: 8px 0 0; padding-left: 18px; }

/* Header */
.by-top { position: sticky; top: 0; z-index: 30; background: rgba(221, 230, 222, .95); backdrop-filter: blur(6px); border-bottom: 1px solid var(--by-rule); font-family: var(--by-body); color: var(--by-ink); }
.by-top__row { display: flex; align-items: center; gap: 16px; height: 68px; }
.by-brand { display: block; line-height: 0; }
.by-lockup { display: block; height: 30px; width: auto; }
.by-tier { background: var(--by-gold); color: var(--by-ink); font: 700 12px/1 var(--by-mono); padding: 6px 8px; border-radius: 2px; }
.by-nav { display: flex; gap: 26px; margin-left: 28px; font-size: 15px; font-weight: 600; }
.by-nav a { color: var(--by-ink); text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; }
.by-nav a:hover { border-color: var(--by-ink); }
.by-acct { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.by-acct-note, .by-acct-name { font-size: 14px; color: var(--by-ink-soft); font-weight: 600; }
.by-btn--sm { height: 38px; padding: 0 14px; font-size: 14px; }

/* Catalogue */
.by-cat-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; }
.by-filters { display: flex; gap: 14px; flex-wrap: wrap; }
.by-seg { display: inline-flex; border: 1.5px solid var(--by-ink); border-radius: 3px; overflow: hidden; background: var(--by-paper); }
.by-seg button { border: 0; background: none; padding: 8px 14px; font: 600 14px/1.2 var(--by-body); color: var(--by-ink); cursor: pointer; }
.by-seg button + button { border-left: 1.5px solid var(--by-ink); }
.by-seg button[aria-pressed="true"] { background: var(--by-ink); color: var(--by-glaze); }
.by-seg button:focus-visible { outline: 2px solid var(--by-ink); outline-offset: -3px; }
.by-cat-body { display: grid; gap: 28px; align-items: start; }
.by-cat-body--b2b { grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
.by-manifest { background: var(--by-paper); border: 1px solid var(--by-rule); border-radius: 3px; }
.by-mhead { display: grid; grid-template-columns: 56px minmax(0, 1.25fr) minmax(120px, .7fr) minmax(310px, 1.6fr); gap: 20px; padding: 11px 20px; border-bottom: 1px solid var(--by-rule); font: 400 12px/1 var(--by-mono); color: var(--by-ink-soft); }
.by-mrow { display: grid; grid-template-columns: 56px minmax(0, 1.25fr) minmax(120px, .7fr) minmax(310px, 1.6fr); gap: 20px; align-items: center; padding: 16px 20px; border-top: 1px solid var(--by-rule); }
.by-mrow:first-of-type { border-top: 0; }
.by-cat-body--b2b .by-mrow, .by-cat-body--b2b .by-mhead { grid-template-columns: 56px minmax(0, 1fr) 124px 380px; gap: 16px; }
.by-thumb { width: 56px; height: 56px; border-radius: 2px; background: var(--by-glaze); border: 1px dashed rgba(18, 33, 29, .35); display: grid; place-items: center; overflow: hidden; }
.by-thumb img { width: 100%; height: 100%; object-fit: cover; }
.by-thumb span { font: 700 9px/1 var(--by-mono); color: var(--by-ink-soft); }
.by-pn { font: 600 18px/1.2 var(--by-display); letter-spacing: -.015em; color: var(--by-ink); text-decoration: none; }
.by-pn:hover { text-decoration: underline; }
.by-pm { font: 400 12px/1.55 var(--by-mono); color: var(--by-ink-soft); margin: 4px 0 0; }
.by-st { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; }
.by-st i { width: 9px; height: 9px; background: var(--by-ink); flex: none; }
.by-st--shelf i { background: transparent; border: 1.5px solid var(--by-ink); }
.by-st--low { color: var(--by-cinnabar); }
.by-st--low i { background: var(--by-cinnabar); }
.by-st--out { color: var(--by-ink-soft); }
.by-st--out i { background: var(--by-ink-soft); }
.by-stock .by-sub { display: block; font: 400 12px/1.4 var(--by-mono); color: var(--by-ink-soft); margin-top: 3px; padding-left: 17px; }
.by-deal { position: relative; min-height: 62px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; }
.by-deal .by-gate-wrap { grid-column: 1 / -1; }
.by-price { white-space: nowrap; }
.by-now { font: 700 21px/1.1 var(--by-body); font-variant-numeric: tabular-nums; margin: 0; }
.by-now small { font-weight: 400; font-size: 13px; color: var(--by-ink-soft); }
.by-brk { font-size: 13px; margin: 5px 0 0; }
.by-brk b { background: var(--by-gold); color: var(--by-ink); padding: 1px 6px; border-radius: 2px; font-variant-numeric: tabular-nums; }
.by-rrp { font-size: 12px; color: var(--by-ink-soft); margin: 4px 0 0; }
.by-order { display: grid; grid-template-columns: auto auto; gap: 6px 8px; align-items: center; margin: 0; }
.by-order .by-min { grid-column: 1 / -1; font: 400 11px/1.2 var(--by-mono); color: var(--by-ink-soft); }
.by-step { display: inline-flex; align-items: center; border: 1.5px solid var(--by-ink); border-radius: 3px; height: 38px; background: var(--by-glaze); }
.by-step button { width: 32px; height: 100%; border: 0; background: none; font-size: 17px; line-height: 1; color: var(--by-ink); cursor: pointer; }
.by-step button:hover { background: rgba(18, 33, 29, .08); }
.by-step input { width: 48px; height: 100%; border: 0; background: none; text-align: center; font: 700 14px var(--by-mono); color: var(--by-ink); -moz-appearance: textfield; }
.by-step input::-webkit-outer-spin-button, .by-step input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.by-none { padding: 36px 20px; color: var(--by-ink-soft); margin: 0; }

/* Basket */
.by-basket { position: sticky; top: 88px; background: var(--by-paper); border: 1px solid var(--by-rule); border-radius: 3px; }
.by-bh { display: flex; justify-content: space-between; align-items: baseline; padding: 16px 18px; border-bottom: 1px solid var(--by-rule); }
.by-bh h3 { font: 800 21px/1 var(--by-display); letter-spacing: -.02em; margin: 0; }
.by-bc { font: 400 12px var(--by-mono); color: var(--by-ink-soft); }
.by-empty { padding: 18px; color: var(--by-ink-soft); font-size: 14px; margin: 0; }
.by-bgroup { padding: 6px 18px 10px; border-bottom: 1px solid var(--by-rule); }
.by-bline { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; padding: 8px 0; font-size: 14px; }
.by-bline + .by-bline { border-top: 1px dashed var(--by-rule); }
.by-bn { font-weight: 600; }
.by-bt { font-variant-numeric: tabular-nums; font-weight: 600; text-align: right; }
.by-bq { grid-column: 1 / -1; color: var(--by-ink-soft); font-variant-numeric: tabular-nums; font-size: 13px; }
.by-totals { margin: 0; padding: 14px 18px 4px; display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; font-size: 15px; font-weight: 700; }
.by-totals dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.by-free { padding: 4px 18px 0; font-size: 12px; color: var(--by-ink-soft); margin: 0; }
.by-go { margin: 14px 18px 18px; width: calc(100% - 36px); }

/* Footer */
.by-footer { background: var(--by-glaze); }
.by-tapestrip { background: var(--by-ink); color: var(--by-glaze); overflow: hidden; padding: 13px 0; font: 700 12px/1 var(--by-mono); letter-spacing: .06em; }
.by-tapestrip__track { display: flex; width: max-content; animation: by-tape 40s linear infinite; }
.by-tapestrip span { display: inline-flex; align-items: center; gap: 12px; padding-right: 34px; white-space: nowrap; }
@keyframes by-tape { to { transform: translateX(-50%); } }
.by-foot { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 32px; padding: 36px 0 28px; font-size: 14px; color: var(--by-ink-soft); }
.by-foot b { color: var(--by-ink); font-family: var(--by-display); font-weight: 600; font-size: 16px; }
.by-foot p { margin: 0; }
.by-foot p + p { margin-top: 6px; }
.by-foot a { color: var(--by-ink); }
.by-legal { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 18px 0 40px; border-top: 1px solid var(--by-rule); font-size: 12px; color: var(--by-ink-soft); }
.by-legal p { margin: 0; }
.by-legal a { color: var(--by-ink-soft); }

@media (max-width: 1200px) {
  .by-cat-body--b2b { grid-template-columns: 1fr; }
  .by-basket { position: static; }
}
@media (max-width: 980px) {
  .by-hero .by-wrap, .by-apply .by-wrap { grid-template-columns: 1fr; gap: 40px; }
  .by-terms dl { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .by-nav, .by-acct-name, .by-acct-note { display: none; }
  .by-lockup { height: 24px; }
  .by-top__row { gap: 10px; }
  .by-mhead { display: none; }
  .by-mrow, .by-cat-body--b2b .by-mrow { grid-template-columns: 56px minmax(0, 1fr); gap: 12px 14px; }
  .by-stock { grid-column: 2; }
  .by-deal { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .by-filters, .by-seg { width: 100%; }
  .by-seg { overflow-x: auto; }
  .by-seg button { flex: 1 0 auto; white-space: nowrap; padding: 8px 10px; }
  .by-foot { grid-template-columns: 1fr; }
  .by-steps { grid-template-columns: 1fr; }
  .by-steps li, .by-steps li + li { padding: 22px 0 18px; border-left: 0; border-bottom: 1px solid var(--by-rule); }
  .by-form { grid-template-columns: 1fr; }
  .by-terms dl { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .by-section *, .by-section *::before, .by-section *::after { animation: none !important; transition: none !important; }
}

/* ---- Stockroom ---- */
.by-concept-theme{background:#DDE6DE;color:#12211D;font-family:'Public Sans',sans-serif;-webkit-font-smoothing:antialiased;--by-rule:rgba(63,84,76,.26)}
.by-concept-theme .page-wrapper,.by-concept-theme .content-for-layout,.by-concept-theme #header-group{background:#DDE6DE}
.by-concept-theme .by-wrap,.byc-wrap{width:100%;max-width:1480px;padding-inline:48px;margin-inline:auto}
.by-concept-theme .by-btn{border-radius:0}
.by-concept-theme [class^="byc-"]{box-sizing:border-box}
.by-concept-theme :is(.byc-header,.byc-hero,.byc-catalogue,.byc-how,.byc-terms){font-family:'Public Sans',sans-serif;color:#12211D}
.by-concept-theme :where(.byc-header,.byc-hero,.byc-catalogue,.byc-how,.byc-terms) :is(h1,h2,h3,p){margin:0}
.by-concept-theme :is(.byc-header,.byc-hero,.byc-catalogue,.byc-how,.byc-terms) :is(h1,h2,h3){font-family:'Bricolage Grotesque',sans-serif;text-wrap:initial}
.by-concept-theme :is(.byc-catalogue,.byc-how) h2{font-size:36px;font-weight:600;line-height:1.1;letter-spacing:-.035em}
.by-concept-theme :where(.byc-header,.byc-catalogue,.byc-how,.byc-terms) a{color:inherit;text-underline-offset:4px}
.by-concept-theme .byc-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:11px 20px;background:#12211D;color:#EEF2EE;border:1px solid #12211D;font:600 14px/1.5 'Public Sans',sans-serif;text-decoration:none;border-radius:0;cursor:pointer}
.by-concept-theme .byc-btn:hover{background:#3F544C}
.by-concept-theme .byc-btn:disabled,.by-concept-theme .byc-btn:disabled:hover{background:#8A9691;border-color:#8A9691;color:#EEF2EE;cursor:not-allowed}
.byc-text-link{text-decoration:underline;font-weight:600;text-underline-offset:4px}
.byc-eyebrow{font:400 12px/1.5 'Space Mono',monospace;letter-spacing:.075em;text-transform:uppercase}
.byc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.by-concept-theme .byc-catalogue [hidden]{display:none!important}
.by-concept-theme :is(.byc-header,.byc-catalogue,.byc-terms) :is(a,button,input,summary):focus-visible{outline:2px solid #12211D;outline-offset:4px}
.byc-masthead{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--by-rule)}
.byc-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.byc-brand svg{width:58px;height:58px;flex:none}
.byc-brand span{font:800 36px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}
.byc-nav{display:flex;align-items:center;gap:30px;min-width:0;font-size:14px}
.byc-nav>a:not(.byc-text-link){text-decoration:none}
.byc-nav>a:hover{text-decoration:underline}
.byc-warehouse{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0;padding:16px 20px;border:0;background:#A8823A;background-image:repeating-linear-gradient(115deg,transparent 0,transparent 7px,rgba(18,33,29,.055) 7px,rgba(18,33,29,.055) 8px);color:#12211D;transform:rotate(-.8deg)}
.byc-warehouses{display:flex;gap:8px;flex-wrap:wrap}
.byc-warehouse-item{display:flex;align-items:center;gap:12px;padding:7px 12px;border:1px solid var(--by-rule);font-size:14px;line-height:1.5}
.byc-warehouse-item small{font:400 11px 'Space Mono',monospace;text-transform:uppercase}
.byc-warehouse-item--active{background:#12211D;color:#EEF2EE;border-color:#12211D}
.byc-hero{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:64px;padding-block:48px 42px;align-items:center}
.byc-hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:20px!important}
.byc-hero-kicker>span{height:7px;width:7px;background:#12211D;flex:none}
.by-concept-theme .byc-hero h1{font-size:clamp(44px,5.5vw,80px);font-weight:800;line-height:1.02;letter-spacing:-.035em}
.by-concept-theme .byc-lede{max-width:570px;margin-top:20px;font-size:16px;line-height:1.6;color:#3F544C}
.byc-dispatch{background:#1E3830;color:#EEF2EE;padding:24px 26px}
.byc-dispatch-top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #DDE6DE4D;padding-bottom:16px}
.byc-dispatch-top .byc-eyebrow{font-size:11px;letter-spacing:.05em}
.byc-dispatch svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.5;flex:none}
.by-concept-theme .byc-dispatch-title{font:800 64px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em;margin:22px 0 14px}
.byc-dispatch-title span{margin-left:14px;font-size:20px;font-weight:600}
.by-concept-theme .byc-dispatch-clock{font:400 12px/1.7 'Space Mono',monospace;padding-top:14px;border-top:1px dashed #DDE6DE66;min-height:36px}
.by-concept-theme .byc-dispatch-note{font:400 11px/1.7 'Space Mono',monospace;margin-top:10px;opacity:.85}
.byc-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--by-rule);border-bottom:1px solid var(--by-rule);margin-bottom:46px}
.byc-proof>div{display:flex;align-items:center;gap:15px;padding:17px 24px;border-right:1px solid var(--by-rule)}
.byc-proof>div:first-child{padding-left:0}.byc-proof>div:last-child{border:0}
.byc-proof svg{width:31px;height:31px;stroke:#12211D;fill:none;stroke-width:2;flex:none}
.byc-proof p{margin:0;font:600 14px/1.5 'Public Sans',sans-serif}.byc-proof small{display:block;font-size:12px;font-weight:400;color:#3F544C;margin-top:2px}
.byc-catalogue{padding-bottom:48px;scroll-margin-top:24px}
.byc-catalogue-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.byc-catalogue-head .byc-eyebrow{margin-bottom:8px!important}
.byc-search{position:relative;display:block}.byc-search input{width:265px;min-height:46px;padding:12px 15px 12px 42px;border:1px solid var(--by-rule);background:#EEF2EE;color:#12211D;font:400 14px/1.5 'Public Sans',sans-serif;border-radius:0}
.byc-search svg{position:absolute;left:15px;top:15px;width:17px;height:17px;stroke:#3F544C;fill:none;stroke-width:1.7}
.byc-stock-layout{display:grid;grid-template-columns:175px minmax(0,1fr) 304px;gap:28px;align-items:start}
.byc-rail,.byc-order-aside{position:sticky;top:24px;min-width:0}.byc-stock-main{min-width:0}
.byc-rail-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #12211D;margin-bottom:6px}
.byc-brands{display:grid;gap:3px}.byc-brands button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 9px;border:0;background:none;color:#12211D;font:400 14px/1.4 'Public Sans',sans-serif;text-align:left;cursor:pointer}
.byc-brands button>span:last-child{font:400 12px 'Space Mono',monospace}.byc-brands button:hover{background:#EEF2EE}.byc-brands button[aria-pressed=true]{background:#12211D;color:#EEF2EE}
.by-concept-theme .byc-rail-note{margin-top:28px;border-top:1px solid var(--by-rule);padding-top:15px;font:400 12px/1.8 'Space Mono',monospace;color:#3F544C}
.byc-filters{display:flex;flex-wrap:wrap;gap:6px}.byc-filters button{min-height:36px;padding:7px 11px;border:1px solid var(--by-rule);background:transparent;color:#12211D;font:400 12px/1.5 'Public Sans',sans-serif;cursor:pointer;border-radius:0}
.byc-filters button:hover{background:#EEF2EE}.byc-filters button[aria-pressed=true]{background:#12211D;color:#EEF2EE;border-color:#12211D}
.byc-categories{margin-bottom:16px}.byc-categories>.byc-eyebrow{display:block;margin-bottom:10px}.byc-availability{padding-bottom:16px;border-bottom:1px solid #12211D}
.byc-result-meta{display:flex;justify-content:space-between;gap:16px;padding-top:15px;font:400 12px/1.5 'Space Mono',monospace;color:#3F544C}
.by-concept-theme .byc-availability-note{font:400 12px/1.7 'Public Sans',sans-serif;color:#3F544C;margin:12px 0 20px}
.byc-products{border-bottom:1px solid var(--by-rule)}
.byc-product{padding:18px;background:#EEF2EE;border-top:1px solid var(--by-rule);scroll-margin-top:120px}
body.by-catalogue #header-group{position:sticky;top:0;z-index:40;background:#DDE6DE}
.byc-line-note{margin:10px 0 0;font:600 13px/1.45 'Public Sans',sans-serif;color:#12211D}
.byc-line-note--error{color:#8A352F}
.byc-order-form button.is-added{background:#1E3830}
.byc-product-main{display:flex;justify-content:space-between;align-items:center;gap:16px}.byc-product-title{display:flex;align-items:center;gap:13px;min-width:0}
.byc-thumb{width:54px;height:62px;flex:none;display:flex;align-items:center;justify-content:center;background:#DDE6DE;isolation:isolate}.byc-product .byc-thumb{background:#EEF2EE}.byc-thumb img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.byc-thumb svg{width:36px;height:36px}
.by-concept-theme .byc-product h3{font-size:20px;line-height:1.2;letter-spacing:-.025em;font-weight:600;overflow-wrap:anywhere}
.by-concept-theme .byc-product-category{font:400 10px/1.5 'Space Mono',monospace;text-transform:uppercase;color:#3F544C;letter-spacing:.035em;margin-bottom:4px}
.by-concept-theme .byc-sku{font:400 11px/1.5 'Space Mono',monospace;color:#3F544C;margin-top:6px;overflow-wrap:anywhere}
.byc-stock{font:400 11px/1.5 'Space Mono',monospace;color:#3F544C;white-space:nowrap}.byc-stock--out{color:#8A352F}
.byc-product-bottom{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.byc-pack{font:400 11px/1.7 'Space Mono',monospace;color:#3F544C;max-width:52%;overflow-wrap:anywhere}
.by-concept-theme .byc-tape{display:inline-block;flex-shrink:0;background:#A8823A;background-image:repeating-linear-gradient(115deg,transparent 0,transparent 7px,#12211D0E 7px,#12211D0E 8px);color:#12211D;border:0;transform:rotate(-.8deg);clip-path:polygon(1% 0,99% 0,98.6% 12%,100% 23%,99% 35%,100% 49%,98.7% 64%,100% 79%,99% 100%,0 100%,1.2% 86%,0 74%,1% 62%,0 49%,1.3% 34%,0 20%);font:400 11px/1.5 'Space Mono',monospace;padding:12px 15px;min-height:42px;text-decoration:none;text-align:center}
.by-concept-theme .byc-tape:hover{filter:brightness(1.08)}.by-concept-theme .byc-tape:focus-visible{clip-path:none}
.byc-price{text-align:right;min-width:130px}.byc-price strong{font:600 27px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}.byc-price small,.byc-price p{font:400 11px/1.7 'Space Mono',monospace}
.byc-join-card{border:1px solid #12211D;padding:25px;background:#DDE6DE}
.by-concept-theme .byc-join-card h3{font:600 36px/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em;margin:23px 0 18px}
.byc-join-card>p:not(.byc-eyebrow){font-size:14px;line-height:1.7;color:#3F544C}
.byc-join-card .byc-btn{width:100%;margin-top:23px;justify-content:space-between}
.by-concept-theme .byc-manual{font:400 11px/1.7 'Space Mono',monospace!important;text-transform:uppercase;border-top:1px solid var(--by-rule);padding-top:16px;margin-top:23px!important}
.by-concept-theme .byc-aside-foot{font-size:13px;line-height:1.8;color:#3F544C;padding:18px 0}.byc-join-card>.byc-text-link{display:inline-block;font-size:13px;margin-top:16px}
.by-concept-theme .byc-empty{padding:35px 20px;font-size:15px;background:#EEF2EE}
.byc-how{padding-top:40px;padding-bottom:38px}.byc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--by-rule);padding-top:30px;margin-bottom:35px}
.byc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.byc-steps h3{font-size:26px;line-height:1.15;font-weight:600;letter-spacing:-.025em;margin:15px 0 12px!important}.byc-steps article>p:last-child{font-size:14px;line-height:1.8;color:#3F544C}
.byc-terms{border-top:1px solid var(--by-rule);border-bottom:1px solid var(--by-rule);padding:0}.byc-terms summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font:600 22px/1.4 'Bricolage Grotesque',sans-serif}.byc-terms summary::after{content:'+';font:400 24px 'Space Mono',monospace}.byc-terms[open] summary::after{content:'−'}.byc-terms summary .byc-eyebrow{margin-left:auto}.byc-terms dl{margin:0 0 24px;max-width:920px}.byc-terms dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:25px;padding:14px 0;border-top:1px solid var(--by-rule);font-size:14px;line-height:1.8}.byc-terms dt{font-weight:600}.byc-terms dd{margin:0;color:#3F544C}
.by-concept-theme .by-apply{background:#DDE6DE}.by-concept-theme .by-apply-panel--app:has(shopify-forms-embed){border-radius:0}.by-concept-theme .by-footer{background:#DDE6DE;overflow-x:clip}.by-concept-theme .by-tapestrip{background:#A8823A;background-image:repeating-linear-gradient(115deg,transparent 0,transparent 7px,rgba(18,33,29,.055) 7px,rgba(18,33,29,.055) 8px);color:#12211D;transform:rotate(-.8deg);border:0;margin:36px 0 0;padding:16px 0;font:400 14px/1.4 'Space Mono',monospace;letter-spacing:.08em}.by-concept-theme .by-tapestrip span{padding-right:40px}.by-concept-theme .by-tapestrip:hover .by-tapestrip__track,.by-concept-theme .by-tapestrip:focus-within .by-tapestrip__track{animation-play-state:paused}.by-concept-theme .by-foot{padding-block:32px;gap:40px}.by-concept-theme .by-legal{padding-bottom:24px}.by-concept-theme .by-apply-intro h2{font-weight:600}.by-concept-theme .by-steps,.by-concept-theme .by-legal{font-family:'Public Sans',sans-serif}
@media(min-width:1600px){.byc-stock-layout{grid-template-columns:190px minmax(0,1fr) 320px}}
@media(max-width:1150px){.by-concept-theme .by-wrap,.byc-wrap{padding-inline:30px}.byc-stock-layout{grid-template-columns:150px minmax(0,1fr) 275px;gap:20px}.byc-hero{grid-template-columns:minmax(0,1fr) 300px;gap:35px}.byc-dispatch{padding:22px}.byc-nav{gap:20px}.byc-product{padding:15px}.byc-product-bottom{align-items:stretch;flex-direction:column;gap:14px}.byc-pack{max-width:none}.byc-tape{align-self:stretch}.byc-join-card{padding:20px}.byc-proof>div{padding-inline:15px}.byc-stock{white-space:normal;text-align:right;max-width:68px}.byc-price{text-align:left}}
@media(max-width:940px){.byc-stock-layout{grid-template-columns:minmax(0,1fr) 285px;gap:25px}.byc-rail{grid-column:1/-1;position:static}.byc-rail-heading{display:none}.byc-brands{display:flex;gap:8px;flex-wrap:wrap}.byc-brands button{width:auto;gap:20px;border:1px solid var(--by-rule);min-height:42px}.byc-rail-note{display:none}.byc-nav{gap:16px}.byc-how-link{display:none}.byc-brand span{font-size:31px}.byc-brand svg{width:50px;height:50px}.byc-proof strong{font-size:12px}.byc-proof small{font-size:11px}.byc-steps{gap:24px}.byc-join-card h3{font-size:32px}}
@media(max-width:700px){.by-concept-theme .by-wrap,.byc-wrap{padding-inline:20px}.byc-masthead{min-height:86px;gap:12px}.byc-brand{gap:7px}.byc-brand span{font-size:27px}.byc-brand svg{width:42px;height:42px}.byc-nav{gap:12px;font-size:13px}.byc-nav>a:first-child,.byc-how-link{display:none}.byc-nav .byc-btn{min-height:40px;padding:9px 11px;font-size:12px;gap:6px}.byc-warehouse{flex-direction:column;align-items:flex-start;gap:9px;padding:13px 14px}.byc-warehouses{gap:6px}.byc-warehouse-item{padding:6px 9px;gap:9px;font-size:12px}.byc-warehouse-item small{font-size:10px}.byc-warehouse>.byc-eyebrow{font-size:11px}.byc-hero{grid-template-columns:1fr;gap:28px;padding-block:30px 24px}.byc-hero-kicker{font-size:11px;letter-spacing:.04em;margin-bottom:16px!important}.by-concept-theme .byc-hero h1{font-size:clamp(41px,9.8vw,65px)}.by-concept-theme .byc-lede{font-size:14px;margin-top:16px}.byc-dispatch{padding:18px 20px}.byc-dispatch-top{border:0;padding:0;flex-direction:row-reverse;justify-content:flex-end;gap:10px}.byc-dispatch svg{width:27px;height:27px}.by-concept-theme .byc-dispatch-title{font-size:43px;margin:12px 0}.byc-dispatch-title span{font-size:18px}.by-concept-theme .byc-dispatch-clock{padding-top:10px;min-height:30px}.byc-proof{grid-template-columns:1fr;gap:0;padding-block:8px;margin-bottom:30px}.byc-proof>div{padding:8px 0;border:0;gap:12px}.byc-proof strong{font-size:12px;display:inline}.byc-proof small{font-size:12px;display:inline;margin-left:5px}.byc-proof svg{width:24px;height:24px}.byc-catalogue-head{flex-direction:column;align-items:start;gap:18px;margin-bottom:19px}.by-concept-theme .byc-catalogue h2{font-size:34px}.byc-search,.byc-search input{width:100%}.byc-stock-layout{display:flex;flex-direction:column;gap:20px}.byc-stock-layout>*{width:100%}.byc-order-aside{position:static;order:3;margin-top:8px}.byc-rail{order:0}.byc-stock-main{order:1}.byc-brands{gap:6px}.byc-brands button{font-size:12px;padding:9px 11px;gap:12px}.byc-product{padding:17px 15px}.byc-product-main{gap:10px}.byc-product-title{gap:10px}.by-concept-theme .byc-product h3{font-size:19px}.byc-thumb{width:45px;height:54px}.byc-product-bottom{flex-direction:row;align-items:center;gap:12px}.byc-pack{max-width:50%;font-size:10px}.byc-tape{font-size:10px!important;padding-inline:10px!important}.byc-stock{font-size:10px;max-width:60px}.byc-catalogue{padding-bottom:16px}.byc-join-card{padding:26px}.by-concept-theme .byc-join-card h3{font-size:34px;max-width:270px}.byc-how{padding-top:24px;padding-bottom:28px}.byc-section-heading{padding-top:28px}.byc-section-heading>.byc-eyebrow{display:none}.by-concept-theme .byc-how h2{font-size:31px}.byc-steps{grid-template-columns:1fr;gap:26px}.byc-steps article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px}.byc-steps article>.byc-eyebrow{grid-row:span 2;margin-top:4px}.byc-steps h3{font-size:24px;margin:0 0 10px!important}.byc-terms summary{font-size:20px}.byc-terms summary .byc-eyebrow{display:none}.byc-terms dl>div{grid-template-columns:1fr;gap:5px}.by-concept-theme .by-foot{grid-template-columns:1fr;gap:24px}.by-concept-theme .by-apply .by-wrap{grid-template-columns:1fr}}
@media(max-width:420px){.byc-brand span{font-size:24px}.byc-brand svg{width:35px;height:35px}.byc-nav{gap:9px}.byc-nav .byc-btn{font-size:11px;padding-inline:9px}.byc-nav .byc-btn span{display:none}.byc-product-bottom{flex-direction:column;align-items:stretch}.byc-pack{max-width:none;font-size:11px}.byc-result-meta{font-size:11px}.byc-proof small{display:block;margin-left:0}.byc-hero-kicker{font-size:10px}}
@media(prefers-reduced-motion:reduce){.by-concept-theme *{scroll-behavior:auto!important}.by-concept-theme .by-tapestrip__track{animation:none}}

/* Inventory-backed ordering */
.byc-buy{display:grid;gap:12px;justify-items:end}.byc-order-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.byc-order-form label{font-size:12px}.byc-order-form input[type=number]{width:68px;min-height:42px;border:1px solid var(--byc-ink,#12211D);padding:8px;background:#EEF2EE;color:#12211D;font:inherit}.byc-order-form button{cursor:pointer;border:0;min-height:42px}.byc-order-form input:focus-visible,.byc-order-form button:focus-visible{outline:2px solid #A8823A;outline-offset:3px}@media(max-width:760px){.byc-buy{width:100%;justify-items:start}.byc-order-form{width:100%}.byc-order-form button{flex:1}}
.byc-minline{margin:8px 0 0;font:500 13px/1.4 "Public Sans",sans-serif;color:#3F544C}