@font-face {
  font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/zone-font-1.woff2) format('woff2');
}
@font-face {
  font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;
  src:url(assets/fonts/zone-font-2.woff2) format('woff2');
}
@font-face {
  font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;
  src:url(assets/fonts/zone-font-3.woff2) format('woff2');
}
:root {
  --bg:#0c0e0d;--panel:#151817;--raised:#202522;--line:#38423b;
  --text:#f0f1e9;--muted:#b0bab1;--accent:#c8d7b9;--ink:#111a10;
  --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;color-scheme:dark;
}
* {box-sizing:border-box;}
html {scroll-behavior:smooth;scroll-padding-top:110px;}
body {margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;}
[hidden] {display:none!important;}
img {display:block;max-width:100%;height:auto;}
a {color:inherit;text-decoration:none;}
button,input,select {font:inherit;touch-action:manipulation;}
button {cursor:pointer;}
button:disabled {cursor:not-allowed;opacity:.5;}
button,select,input {max-width:100%;}
h1,h2,h3,p {margin:0;}
h1,h2,h3 {font-family:var(--display);font-weight:700;line-height:1;}
h1 {font-size:clamp(3.3rem,5.3vw,5.1rem);letter-spacing:-.02em;}
h2 {font-size:clamp(2.5rem,4vw,3.5rem);}
h3 {font-size:1.8rem;}
:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
.wrap {width:min(1360px,calc(100% - 80px));margin-inline:auto;}
.skip {position:fixed;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--ink);z-index:100;}
.skip:focus {top:12px;}
.test-banner {display:flex;justify-content:space-between;gap:12px;background:var(--accent);color:var(--ink);padding:7px 40px;font-size:.6rem;letter-spacing:.1em;font-weight:700;}
.site-header {position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;padding:16px 40px;background:rgba(12,14,13,.96);border-bottom:1px solid var(--line);}
.brand {display:block;flex-shrink:0;}
.brand img {width:210px;height:auto;}
.header-nav {display:flex;align-items:center;gap:26px;flex:1;justify-content:center;}
.header-nav a {display:flex;min-height:44px;align-items:center;font-size:.78rem;color:var(--muted);}
.header-nav a[aria-current] {color:var(--text);}
.bag-trigger {display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;background:none;border:0;color:var(--text);padding:6px;}
.bag-trigger span {font-size:.75rem;color:var(--muted);}
.bag-trigger svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;}
.shop {padding-top:30px;padding-bottom:70px;}
.shop-top {display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.6rem;letter-spacing:.11em;}
.product-tabs {display:flex;gap:32px;margin:25px 0 28px;border-bottom:1px solid var(--line);}
.product-tabs a {min-height:44px;padding:5px 0 16px;font-size:.81rem;color:var(--muted);border-bottom:2px solid transparent;}
.product-tabs a[aria-current] {color:var(--text);border-bottom-color:var(--accent);}
.product-layout {display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start;}
.gallery {min-width:0;position:sticky;top:120px;}
.gallery-stage {position:relative;background:#181b19;overflow:hidden;}
.gallery-stage>img {width:100%;aspect-ratio:4/5;object-fit:contain;max-height:78vh;}
.concept-tag {position:absolute;top:18px;left:18px;font-size:.57rem;letter-spacing:.1em;color:#d5ded3;background:rgba(12,14,13,.72);padding:7px 9px;}
.gallery-arrow {position:absolute;top:50%;transform:translateY(-50%);border:1px solid #657164;background:rgba(12,14,13,.68);color:var(--text);width:44px;height:44px;font-size:1.5rem;}
.gallery-arrow.prev {left:12px;}.gallery-arrow.next {right:12px;}
.image-index {position:absolute;bottom:18px;right:18px;font-size:.64rem;letter-spacing:.12em;}
.thumbnails {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;}
.thumbnail {padding:0;border:1px solid var(--line);background:#191d1a;color:var(--muted);min-width:0;}
.thumbnail[aria-pressed=true] {border-color:var(--accent);color:var(--text);}
.thumbnail img {width:100%;aspect-ratio:4/5;object-fit:contain;max-height:112px;}
.thumbnail span {display:block;font-size:.58rem;padding:7px 2px;}
.gallery-caption {font-size:.64rem;color:var(--muted);margin-top:12px;}
.eyebrow {font-size:.61rem;font-weight:600;letter-spacing:.13em;line-height:1.6;color:var(--accent);}
.purchase-panel {min-width:0;padding-top:5px;}
.purchase-panel h1 {margin-top:13px;}
.product-intro {font-size:.83rem;color:var(--muted);margin:21px 0 25px;max-width:48ch;}
.price-line {display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:21px;}
.price {font-size:1.6rem;font-weight:500;letter-spacing:-.03em;}
.price-context {font-size:.67rem;color:var(--accent);}
.fine {font-size:.66rem;line-height:1.65;color:var(--muted);}
#unpriced-note {padding:12px;background:var(--raised);margin-bottom:20px;}
.selection-section {margin:18px 0;}
label,.field-label,legend {font-size:.72rem;font-weight:500;}
.field-label {display:flex;gap:10px;justify-content:space-between;}
.field-label span,legend span {font-weight:400;color:var(--muted);}
select,input {background:#111512;color:var(--text);border:1px solid var(--line);padding:12px;min-height:46px;border-radius:0;}
select {width:100%;display:block;margin-top:8px;}
.segmented {display:grid;grid-template-columns:1fr 1fr;margin-top:8px;}
.segmented button {background:none;border:1px solid var(--line);color:var(--muted);min-height:44px;font-size:.68rem;}
.segmented button[aria-pressed=true] {background:var(--raised);border-color:var(--accent);color:var(--text);}
fieldset {border:0;padding:0;margin:0;min-width:0;}
.color-control legend {display:flex;gap:12px;align-items:center;}
.swatches {display:flex;gap:12px;margin-top:10px;}
.swatch {position:relative;flex:0 0 44px;height:44px;border:1px solid var(--line);background:var(--swatch-color);box-shadow:inset 0 0 0 5px var(--bg);}
.swatch[aria-pressed=true] {border:2px solid var(--accent);}
.swatch[aria-pressed=true]:after {content:'✓';position:absolute;right:7px;bottom:4px;font-size:.7rem;color:var(--text);}
.quantity-options {display:flex;gap:8px;margin-top:8px;}
.quantity-option {flex:1;min-width:0;padding:9px 10px;border:1px solid var(--line);background:none;color:var(--text);text-align:left;min-height:60px;}
.quantity-option strong {display:block;font-size:.7rem;font-weight:500;}
.quantity-option span {font-size:.65rem;color:var(--muted);}
.quantity-option[aria-pressed=true] {border-color:var(--accent);background:var(--raised);}
.size-top {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;}
.text-button {border:0;background:none;color:var(--accent);padding:8px 0;min-height:44px;font-size:.7rem;text-align:left;}
.size-row {margin:12px 0 16px;}
.size-row legend {font-size:.65rem;color:var(--muted);margin-bottom:8px;}
.size-options {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}
.size-button {height:44px;background:none;color:var(--text);border:1px solid var(--line);font-size:.71rem;padding:0;}
.size-button[aria-pressed=true] {background:var(--accent);border-color:var(--accent);color:var(--ink);}
.selection-error {color:#ecc7ab;font-size:.69rem;margin:8px 0;min-height:0;}
.selection-error:empty {display:none;}
.button {display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:50px;padding:14px 19px;border:1px solid var(--line);font-size:.73rem;font-weight:600;line-height:1.4;}
.primary {background:var(--accent);border-color:var(--accent);color:var(--ink);}
.secondary {background:none;color:var(--text);}
.add-button {width:100%;margin-top:18px;}
.purchase-notes {display:flex;gap:18px;margin-top:14px;flex-wrap:wrap;font-size:.58rem;color:var(--muted);}
.preorder-note {margin-top:16px;}
.product-details {margin-top:27px;border-top:1px solid var(--line);}
details {border-bottom:1px solid var(--line);padding:14px 0;}
summary {cursor:pointer;min-height:32px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:500;list-style:none;}
summary:after {content:'+';font-size:1.1rem;font-weight:400;color:var(--accent);}
details[open] summary:after {content:'−';}
details p {margin-top:12px;color:var(--muted);font-size:.75rem;}
.story-band {border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;background:var(--panel);}
.story-grid {display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;}
.story-grid h2 {margin-top:17px;}.story-grid>p {font-size:.85rem;color:var(--muted);max-width:49ch;}
.section {padding-top:75px;padding-bottom:10px;}
.section-heading {display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:28px;}
.section-heading h2 {margin-top:12px;}.section-heading>p {max-width:42ch;font-size:.8rem;color:var(--muted);}
.collection-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.collection-card {min-width:0;background:var(--panel);border:1px solid var(--line);}
.collection-card img {width:100%;aspect-ratio:4/5;object-fit:contain;background:#181b19;}
.collection-card-copy {padding:19px;}.collection-card-copy>span {display:block;font-size:.72rem;margin-top:10px;}.collection-card-copy p {margin-top:8px;}
.text-link {color:var(--accent);font-size:.7rem;display:inline-block;min-height:30px;}
.kit-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.kit-card {padding:35px;border:1px solid var(--line);background:var(--panel);}
.kit-card h3 {margin-top:17px;}.kit-price {font-family:var(--display);font-size:3.3rem;line-height:1;margin-top:24px;}
.kit-card p {font-size:.79rem;color:var(--muted);margin-top:14px;}.kit-card p.fine {font-size:.65rem;}
.kit-card .button {margin-top:24px;width:100%;}.numbered-card {background:linear-gradient(130deg,#21251e,#121713);}
.patch-boards {display:grid;grid-template-columns:1.25fr 1fr;gap:18px;}
.patch-boards img {width:100%;aspect-ratio:3/2;object-fit:contain;border:1px solid var(--line);background:#111;}
.armory>.fine {margin-top:18px;}.faq {max-width:950px;padding-bottom:75px;}.faq h2 {margin:14px 0 24px;}
.footer {padding:36px 0 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;}
.footer p {font-size:.6rem;color:var(--muted);letter-spacing:.08em;}.footer div {display:flex;gap:20px;flex-wrap:wrap;font-size:.68rem;}.footer .fine {letter-spacing:0;}
.mobile-action {display:none;}
.toast {position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:70;background:var(--accent);color:var(--ink);padding:14px 22px;font-size:.75rem;width:max-content;max-width:calc(100% - 30px);box-shadow:0 10px 50px #000;}
dialog {color:var(--text);background:var(--bg);border:1px solid var(--line);padding:0;max-width:100%;}
dialog::backdrop {background:rgba(0,0,0,.66);backdrop-filter:blur(3px);}
.bag-dialog {position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100%);height:100dvh;max-height:100dvh;overflow:auto;}
.dialog-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line);}
.dialog-heading h2 {font-size:2.35rem;margin-top:8px;}.dialog-heading h2 span {font-family:Inter,sans-serif;font-size:.75rem;color:var(--muted);}
.icon-button {background:none;border:1px solid var(--line);color:var(--text);font-size:1.5rem;width:44px;height:44px;flex-shrink:0;}
.bag-body {padding:24px;}.empty-bag {font-size:.85rem;color:var(--muted);padding:30px 0;}
.bag-item {padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line);}
.bag-item-top {display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:14px;align-items:start;}
.bag-item-top img {background:var(--panel);}.bag-item h3 {font-family:Inter,sans-serif;font-size:.78rem;line-height:1.4;}.bag-item strong {font-size:.8rem;}.bag-item .fine {margin:7px 0;}
.bag-quantity {display:block;margin-top:15px;font-size:.65rem;}.bag-quantity select {max-width:180px;}
.bag-sizes .size-row {margin-bottom:13px;}.bag-totals {border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px;}.bag-totals>div {display:flex;justify-content:space-between;gap:15px;font-size:.79rem;margin-bottom:10px;}.bag-totals .fine {margin-top:14px;}
#checkout-form>label:not(.consent) {display:block;margin:13px 0 6px;}
#checkout-form>input {width:100%;}.consent {display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:.67rem;line-height:1.7;font-weight:400;}.consent input {min-height:20px;width:20px;flex-shrink:0;accent-color:var(--accent);margin-top:3px;}
#checkout-form>.fine {margin-top:10px;}.checkout-button {width:100%;}.continue-shopping {margin:0 24px 25px;}
.small-dialog {width:min(590px,calc(100% - 28px));padding-bottom:25px;max-height:90dvh;overflow:auto;}.small-dialog>p,.small-dialog>button,.small-dialog>#kit-sizes {margin:22px 25px 0;}.small-dialog>p {font-size:.79rem;color:var(--muted);}.small-dialog>button {width:calc(100% - 50px);}.kit-dialog>.fine {font-size:.65rem;}
.orders-page {max-width:1040px;padding:55px 0 80px;min-height:65vh;}.orders-page h1 {font-size:3.8rem;}.orders-intro {margin:20px 0;color:var(--muted);max-width:65ch;}.order-card {padding:25px;border:1px solid var(--line);background:var(--panel);margin:20px 0;}.order-card p {font-size:.78rem;margin-top:12px;}.order-card h3 {font-size:1.7rem;}.status-pill {display:inline-block;padding:6px 10px;border:1px solid var(--line);font-size:.65rem;margin:12px 0;color:var(--accent);}.order-card ul {padding-left:20px;font-size:.77rem;color:var(--muted);}.order-card time {font-size:.7rem;color:var(--muted);}.orders-actions {display:flex;gap:15px;flex-wrap:wrap;margin:20px 0;}.owner-note {background:var(--raised);padding:20px;font-size:.78rem;margin:20px 0;overflow-wrap:anywhere;}
@media (min-width:1600px) {.wrap {width:min(1440px,calc(100% - 100px));}}
@media (max-width:1000px) {
  .wrap {width:calc(100% - 48px);}.site-header {padding:12px 24px;gap:15px;}.brand img {width:174px;}.header-nav {gap:17px;}.header-nav a {font-size:.7rem;}.header-nav a[href='#armory'] {display:none;}.product-layout {gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.gallery {top:100px;}.gallery-stage>img {max-height:65vh;}.concept-tag {font-size:.5rem;left:10px;top:10px;}.collection-grid {gap:12px;}.collection-card-copy {padding:14px;}.collection-card-copy h3 {font-size:1.6rem;}.test-banner {padding-inline:24px;}
}
@media (max-width:760px) {
  html {scroll-padding-top:82px;}.wrap {width:calc(100% - 32px);}.site-header {padding:12px 16px;gap:12px;justify-content:space-between;}.brand img {width:162px;}.header-nav {display:none;}.test-banner {padding:7px 16px;font-size:.51rem;gap:8px;}.test-banner span {text-align:right;}.shop {padding-top:20px;padding-bottom:44px;}.collection-index {display:none;}.product-tabs {gap:0;justify-content:space-between;margin:17px 0 18px;}.product-tabs a {font-size:.7rem;padding-bottom:12px;}.product-layout {display:flex;flex-direction:column;gap:26px;}.gallery {width:100%;position:static;}.gallery-stage>img {max-height:70svh;}.thumbnails {gap:8px;}.thumbnail img {max-height:88px;}.gallery-caption {font-size:.59rem;}.purchase-panel {width:100%;}.purchase-panel h1 {font-size:3.8rem;}.product-intro {margin:17px 0;font-size:.82rem;}.price-line {margin-bottom:17px;}.selection-section {margin:16px 0;}.quantity-options {max-width:none;}.story-band {padding:40px 0;}.story-grid {grid-template-columns:1fr;gap:25px;}.story-grid>p {font-size:.79rem;}.section {padding-top:48px;}.section-heading {display:block;}.section-heading>p {margin-top:18px;}.collection-grid {grid-template-columns:1fr 1fr;gap:12px;}.collection-card-copy {padding:14px;}.kit-grid {grid-template-columns:1fr;gap:14px;}.kit-card {padding:25px;}.patch-boards {grid-template-columns:1fr;gap:12px;}.footer {grid-template-columns:1fr;padding-bottom:110px;}.mobile-action {display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(12,14,13,.96);border-top:1px solid var(--line);}.mobile-action>span {font-size:.66rem;line-height:1.5;}.mobile-action .button {font-size:.66rem;min-height:44px;flex-shrink:0;padding:11px 18px;}.toast {bottom:92px;font-size:.7rem;}.dialog-heading {padding:20px;}.bag-body {padding:20px;}.bag-item-top {grid-template-columns:60px minmax(0,1fr) auto;gap:10px;}.bag-item-top .text-button {font-size:.64rem;}.orders-page {padding-top:35px;}.orders-page h1 {font-size:3rem;}
}
@media (max-width:400px) {
  .size-options {grid-template-columns:repeat(3,minmax(0,1fr));}.test-banner {font-size:.47rem;}.purchase-panel h1 {font-size:3.3rem;}.quantity-option {padding:8px;}.quantity-option strong {font-size:.65rem;}.quantity-option span {font-size:.62rem;}.collection-card-copy h3 {font-size:1.5rem;}.collection-card-copy>span {font-size:.66rem;}.bag-body {padding:16px;}.bag-item-top {grid-template-columns:50px minmax(0,1fr) auto;gap:9px;}.bag-item h3 {font-size:.72rem;}.dialog-heading {padding:16px;}.small-dialog>p,.small-dialog>button,.small-dialog>#kit-sizes {margin-inline:18px;}.small-dialog>button {width:calc(100% - 36px);}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important;}* {animation:none!important;transition:none!important;}
}

summary::-webkit-details-marker {display:none;}
