:root {
  --bg: #080a0b;
  --panel: #101415;
  --panel-2: #151a1b;
  --line: rgba(221, 242, 235, 0.13);
  --line-strong: rgba(221, 242, 235, 0.25);
  --text: #e6eee9;
  --muted: #91a09b;
  --acid: #b8ff60;
  --cyan: #72e6ed;
  --orange: #ffb86c;
  --max-width: 1240px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background:
    radial-gradient(circle at 82% 0%, rgba(57, 102, 92, 0.19), transparent 31rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}

a { color: inherit; }

.skip-link { position: fixed; top: -60px; left: 16px; z-index: 100; padding: 11px 14px; background: var(--shop-lime, var(--acid)); color: var(--shop-ink, var(--bg)); font: 700 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.04em; text-decoration: none; }
.skip-link:focus { top: 16px; }
main[tabindex="-1"]:focus { outline: 2px solid var(--shop-violet, var(--acid)); outline-offset: 6px; }

.site-shell { width: min(100% - 40px, var(--max-width)); margin: 0 auto; }

.site-header {
  position: relative;
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--line);
}

.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  font: 700 0.82rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-decoration: none;
}

.wordmark-mark {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid var(--acid);
  color: var(--acid);
  font-size: 0.68rem;
  letter-spacing: -0.08em;
}

.wordmark-accent { color: var(--acid); }

.site-nav { display: flex; align-items: center; gap: 28px; color: var(--muted); font: 0.73rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; letter-spacing: 0.1em; }
.site-nav a { text-decoration: none; transition: color 160ms ease; }
.site-nav a:hover, .site-nav a:focus-visible { color: var(--acid); }
.shop-integration-status { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr); gap: 30px; align-items: center; margin: 18px 0; padding: 28px 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.7); }
.shop-integration-status h2 { margin-bottom: 12px; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 0.95; }
.shop-integration-status-copy { max-width: 560px; margin: 0; color: var(--muted); font-size: 0.82rem; }
.shop-integration-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.shop-integration-status-card { min-height: 120px; padding: 17px; border: 1px solid var(--line); background: rgba(8, 10, 11, 0.45); }
.shop-integration-status-card span, .shop-integration-status-card small { display: block; color: var(--muted); font: 0.58rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.shop-integration-status-card strong { display: block; margin: 20px 0 8px; color: var(--orange); font-size: 1rem; font-weight: 500; }
.shop-integration-status-card--ready strong { color: var(--cyan); }
.nav-status { display: inline-flex; align-items: center; gap: 8px; color: var(--acid); }
.nav-status i, .eyebrow-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px rgba(184, 255, 96, 0.8); }
.mobile-menu { display: none; }
.mobile-menu summary { cursor: pointer; list-style: none; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu summary::after { margin-left: 8px; color: var(--acid); content: "+"; }
.mobile-menu[open] summary::after { content: "–"; }
.mobile-menu-panel { position: absolute; top: calc(100% + 1px); right: 0; z-index: 20; display: grid; min-width: 210px; padding: 9px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.98); box-shadow: 12px 12px 0 rgba(184, 255, 96, 0.05); }
.mobile-menu-panel a { padding: 12px 11px; color: var(--text); font: 0.68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }
.mobile-menu-panel a:hover, .mobile-menu-panel a:focus-visible { background: rgba(184, 255, 96, 0.08); color: var(--acid); }

.hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); gap: clamp(42px, 7vw, 110px); align-items: center; padding: clamp(78px, 11vw, 150px) 0 112px; }
.eyebrow { margin: 0 0 22px; color: var(--acid); font: 0.7rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.14em; text-transform: uppercase; }
.hero .eyebrow { display: flex; align-items: center; gap: 10px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-weight: 560; letter-spacing: -0.055em; }
h1 { max-width: 700px; margin-bottom: 28px; font-size: clamp(3.7rem, 8.1vw, 7.4rem); line-height: 0.91; }
h1 em, h2 em { color: var(--acid); font-style: normal; }
.hero-lede { max-width: 485px; margin-bottom: 36px; color: var(--muted); font-size: clamp(1rem, 1.6vw, 1.18rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 45px; padding: 0 17px; border: 1px solid transparent; font: 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button-primary { background: var(--acid); color: #0a0d0c; }
.button-primary:hover, .button-primary:focus-visible { background: #d4ff9e; }
.button-quiet { border-color: var(--line-strong); color: var(--text); }
.button-quiet:hover, .button-quiet:focus-visible { border-color: var(--acid); color: var(--acid); }
.button-outline { border-color: var(--acid); color: var(--acid); }
.button-outline:hover, .button-outline:focus-visible { background: var(--acid); color: #0a0d0c; }

.terminal-card { position: relative; overflow: hidden; border: 1px solid var(--line-strong); background: rgba(12, 17, 17, 0.82); box-shadow: 24px 24px 0 rgba(184, 255, 96, 0.04); }
.terminal-card::before { position: absolute; inset: 0; background: linear-gradient(125deg, transparent 34%, rgba(114, 230, 237, 0.06), transparent 65%); content: ""; pointer-events: none; }
.terminal-topbar { display: flex; align-items: center; gap: 12px; min-height: 42px; padding: 0 17px; border-bottom: 1px solid var(--line); color: var(--muted); font: 0.64rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.terminal-lights { display: inline-flex; gap: 5px; }
.terminal-lights i { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); opacity: 0.55; }
.terminal-lights i:first-child { background: #ff6e6e; opacity: 1; }
.terminal-lights i:nth-child(2) { background: var(--orange); opacity: 1; }
.terminal-lights i:nth-child(3) { background: var(--acid); opacity: 1; }
.terminal-lock { margin-left: auto; color: var(--acid); font-size: 1rem; }
.terminal-body { min-height: 390px; padding: 33px clamp(22px, 4vw, 42px); background-image: linear-gradient(rgba(230, 238, 233, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(230, 238, 233, 0.035) 1px, transparent 1px); background-size: 32px 32px; font: 0.79rem/2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.terminal-body p { margin: 0; }
.prompt { margin-right: 8px; color: var(--acid); }
.terminal-muted { color: var(--muted); }
.terminal-rule { height: 1px; margin: 25px 0; background: var(--line-strong); }
.terminal-readout { display: grid; grid-template-columns: 1fr 1.45fr; gap: 7px 20px; color: var(--muted); font-size: 0.65rem; line-height: 1.4; }
.terminal-readout strong { color: var(--text); font-weight: 500; }
.terminal-readout .terminal-live { color: var(--acid); }
.terminal-readout .terminal-warn { color: var(--orange); }
.terminal-cursor { width: 11px; height: 18px; margin-top: 27px; background: var(--acid); animation: blink 1.1s steps(2, start) infinite; }
@keyframes blink { 50% { opacity: 0; } }

.signal-strip { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 28px; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); font: 0.63rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.13em; }
.signal-strip span:first-child { color: var(--acid); }

.collection-section { padding: 115px 0 132px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 44px; margin-bottom: 45px; }
.section-heading .eyebrow { margin-bottom: 16px; }
h2 { margin-bottom: 0; font-size: clamp(2.7rem, 5vw, 5rem); line-height: 0.95; }
.section-note { max-width: 400px; margin-bottom: 4px; color: var(--muted); font-size: 0.91rem; }
.collection-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.search-control, .type-control { display: flex; align-items: center; min-height: 42px; border: 1px solid var(--line-strong); background: rgba(230, 238, 233, 0.025); }
.search-control { flex: 1 1 320px; }
.search-icon { padding-left: 13px; color: var(--acid); font: 1.05rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.search-control input, .type-control select { min-width: 0; height: 40px; border: 0; outline: 0; background: transparent; color: var(--text); font: 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.06em; }
.search-control input { width: 100%; padding: 0 13px 0 9px; }
.search-control input::placeholder { color: var(--muted); opacity: 0.8; }
.type-control select { padding: 0 33px 0 13px; color: var(--acid); text-transform: uppercase; }
.type-control option { background: var(--panel); color: var(--text); }
.collection-results { min-width: 94px; margin: 0 0 0 auto; color: var(--muted); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-align: right; text-transform: uppercase; }
.empty-state { grid-column: 1 / -1; min-height: 180px; display: grid; place-items: center; border: 1px dashed var(--line-strong); color: var(--muted); font: 0.75rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.loading-state, .error-state { grid-column: 1 / -1; min-height: 160px; display: grid; place-items: center; border: 1px dashed var(--line-strong); color: var(--muted); font: 0.75rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.spinner { width: 12px; height: 12px; margin-right: 9px; border: 1px solid var(--line-strong); border-top-color: var(--acid); border-radius: 50%; display: inline-block; animation: spin 800ms linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.product-card { min-width: 0; border: 1px solid var(--line); background: var(--panel); transition: border-color 180ms ease, transform 180ms ease; }
.product-card:hover { border-color: var(--line-strong); transform: translateY(-4px); }
.product-visual { position: relative; min-height: 360px; overflow: hidden; isolation: isolate; background: #141a1a; }
.product-visual::before { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(230, 238, 233, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(230, 238, 233, 0.04) 1px, transparent 1px); background-size: 27px 27px; content: ""; }
.product-visual::after { position: absolute; right: -20%; bottom: -35%; width: 80%; height: 80%; border-radius: 50%; background: rgba(184, 255, 96, 0.08); filter: blur(18px); content: ""; }
.concept-art { position: absolute; inset: 42px 20px 22px; z-index: 2; width: calc(100% - 40px); height: calc(100% - 64px); object-fit: contain; opacity: 0.84; mix-blend-mode: screen; transition: opacity 180ms ease, transform 180ms ease; }
.product-card:hover .concept-art { opacity: 1; transform: scale(1.02); }
.visual-tag { position: absolute; top: 17px; left: 18px; color: var(--muted); font: 0.6rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.13em; }
.visual-index { position: absolute; top: 17px; right: 18px; color: var(--acid); font: 0.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.garment { position: absolute; left: 50%; top: 52%; width: 52%; height: 56%; transform: translate(-50%, -50%); border: 1px solid rgba(230, 238, 233, 0.25); background: linear-gradient(145deg, #26302f, #101414 65%); box-shadow: 18px 19px 0 rgba(0, 0, 0, 0.16); }
.garment::before { position: absolute; left: 50%; top: 11%; width: 28%; height: 22%; transform: translateX(-50%); border: 1px solid rgba(230, 238, 233, 0.2); border-radius: 50%; content: ""; }
.garment::after { content: none; }
.garment-mark { position: absolute; left: 50%; top: 43%; z-index: 1; transform: translateX(-50%); color: var(--acid); font: 700 clamp(0.6rem, 1.4vw, 0.85rem)/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.06em; text-align: center; white-space: nowrap; }
.product-visual--t-shirt .garment { clip-path: polygon(0 12%, 25% 0, 39% 11%, 61% 11%, 75% 0, 100% 12%, 85% 40%, 73% 34%, 73% 100%, 27% 100%, 27% 34%, 15% 40%); }
.product-visual--hoodie .garment { width: 57%; height: 62%; border-radius: 9% 9% 5% 5%; }
.product-visual--hoodie .garment::before { top: -11%; width: 43%; height: 31%; border-radius: 45% 45% 25% 25%; background: #101414; }
.product-visual--hoodie .garment .garment-mark { top: 44%; }
.product-visual--cap .garment { top: 52%; width: 57%; height: 36%; border-radius: 54% 54% 18% 18%; }
.product-visual--cap .garment::before { left: 54%; top: 30%; width: 87%; height: 32%; transform: rotate(7deg); border-radius: 50%; background: #111616; }
.product-visual--cap .garment .garment-mark { top: 38%; font-size: clamp(0.55rem, 1.2vw, 0.8rem); }
.visual-code { position: absolute; right: 18px; bottom: 17px; color: rgba(230, 238, 233, 0.45); font: 0.57rem/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }
.product-info { padding: 22px 20px 20px; }
.product-line { display: flex; align-items: start; justify-content: space-between; gap: 15px; }
.product-name { margin-bottom: 8px; font-size: 1.08rem; letter-spacing: -0.025em; }
.product-price { color: var(--acid); font: 0.84rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
.product-type { margin-bottom: 17px; color: var(--muted); font: 0.64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.11em; text-transform: uppercase; }
.product-status { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 17px; padding: 6px 8px; border: 1px solid rgba(184, 255, 96, 0.25); color: var(--acid); font: 0.59rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.product-status::before { width: 5px; height: 5px; border-radius: 50%; background: var(--acid); content: ""; }
.product-description { min-height: 66px; margin-bottom: 17px; color: var(--muted); font-size: 0.86rem; }
.product-details { border-top: 1px solid var(--line); padding-top: 14px; color: var(--muted); font-size: 0.79rem; }
.product-details summary { cursor: pointer; color: var(--text); font: 0.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.09em; list-style: none; text-transform: uppercase; }
.product-details summary::-webkit-details-marker { display: none; }
.product-details summary::after { float: right; color: var(--acid); content: "+"; font-size: 1rem; line-height: 0.7; }
.product-details[open] summary::after { content: "–"; }
.product-details p { margin: 16px 0 0; }
.variant-line { margin-top: 8px; color: var(--text); font: 0.67rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.product-link { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--acid); font: 0.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.09em; text-decoration: none; text-transform: uppercase; }
.product-link:hover, .product-link:focus-visible { color: var(--text); }

.manifesto { display: grid; grid-template-columns: minmax(250px, 0.7fr) minmax(0, 1.3fr); gap: clamp(45px, 10vw, 170px); padding: 106px 0 120px; border-top: 1px solid var(--line); }
.manifesto-intro h2 { font-size: clamp(2.6rem, 5vw, 4.7rem); }
.manifesto-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.manifesto-grid article { padding: 17px 0 0; border-top: 1px solid var(--line-strong); }
.manifesto-number { color: var(--acid); font: 0.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.manifesto-grid h3 { margin: 37px 0 9px; font-size: 1.1rem; font-weight: 500; }
.manifesto-grid p { margin: 0; color: var(--muted); font-size: 0.85rem; }

.service-flow { padding: 106px 0 120px; border-top: 1px solid var(--line); }
.service-flow-heading { display: flex; align-items: end; justify-content: space-between; gap: 44px; }
.service-flow-heading .eyebrow { margin-bottom: 16px; }
.service-flow-heading h2 { font-size: clamp(2.6rem, 5vw, 4.7rem); }
.service-flow-heading > p { max-width: 430px; margin: 0 0 5px; color: var(--muted); font-size: 0.91rem; }
.service-flow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 55px; }
.service-flow-card { min-height: 220px; padding: 18px 0 0; border-top: 1px solid var(--line-strong); }
.service-flow-index { color: var(--acid); font: 0.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.service-flow-card h3 { margin: 37px 0 10px; font-size: 1.1rem; font-weight: 500; }
.service-flow-card p { max-width: 340px; margin: 0; color: var(--muted); font-size: 0.85rem; }

.field-notes { display: grid; grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr); gap: clamp(45px, 10vw, 170px); padding: 106px 0 120px; border-top: 1px solid var(--line); }
.field-notes-intro .eyebrow { margin-bottom: 16px; }
.field-notes-intro h2 { font-size: clamp(2.6rem, 5vw, 4.7rem); }
.field-notes-intro > p:last-child { max-width: 360px; margin: 24px 0 0; color: var(--muted); font-size: 0.91rem; }
.field-notes-list { border-top: 1px solid var(--line-strong); }
.field-note { border-bottom: 1px solid var(--line); }
.field-note summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; cursor: pointer; color: var(--text); font: 0.78rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.04em; list-style: none; }
.field-note summary::-webkit-details-marker { display: none; }
.field-note summary::after { flex: 0 0 auto; color: var(--acid); content: "+"; font-size: 1.1rem; line-height: 1; }
.field-note[open] summary::after { content: "–"; }
.field-note p { max-width: 610px; margin: -1px 35px 22px 0; color: var(--muted); font-size: 0.86rem; }

.preview-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 82px; padding: clamp(26px, 4vw, 45px); border: 1px solid rgba(184, 255, 96, 0.28); background: linear-gradient(105deg, rgba(184, 255, 96, 0.08), transparent 62%); }
.preview-cta .eyebrow { margin-bottom: 13px; }
.preview-cta h2 { max-width: 660px; margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 2.8rem); letter-spacing: -0.04em; }
.preview-cta p:last-child { margin: 0; color: var(--muted); }
.preview-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.not-found-page { max-width: 820px; padding: 124px 0 150px; }
.not-found-page h1 { margin: 18px 0 25px; font-size: clamp(4rem, 9vw, 8rem); line-height: 0.9; }
.not-found-lede { max-width: 600px; margin-bottom: 32px; color: var(--muted); font-size: 1rem; }
.site-footer { display: flex; justify-content: space-between; gap: 20px; padding: 23px 0 29px; border-top: 1px solid var(--line); color: var(--muted); font: 0.61rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.footer-link { color: var(--acid); text-decoration: none; }
.footer-link:hover, .footer-link:focus-visible { color: var(--text); }

.product-detail-page { padding: 72px 0 112px; }
.detail-back { display: inline-block; margin-bottom: 57px; color: var(--muted); font: 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }
.detail-back:hover, .detail-back:focus-visible { color: var(--acid); }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr); gap: clamp(45px, 8vw, 120px); align-items: start; }
.detail-art-column { min-width: 0; }
.detail-art-gallery { display: grid; gap: 14px; }
.detail-art-frame { position: relative; min-height: 650px; margin: 0; overflow: hidden; border: 1px solid var(--line-strong); background: radial-gradient(circle at 72% 20%, rgba(114, 230, 237, 0.09), transparent 35%), #121818; }
.detail-art-frame--secondary { min-height: 360px; }
.detail-art-frame::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(230, 238, 233, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(230, 238, 233, 0.04) 1px, transparent 1px); background-size: 32px 32px; content: ""; }
.detail-art-frame img { position: absolute; inset: 34px; z-index: 1; width: calc(100% - 68px); height: calc(100% - 68px); object-fit: contain; }
.detail-art-label, .detail-art-code { position: absolute; z-index: 2; color: var(--muted); font: 0.62rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.13em; }
.detail-art-label { top: 19px; left: 20px; }
.detail-art-code { right: 20px; bottom: 19px; color: var(--acid); }
.detail-art-caption { position: absolute; bottom: 18px; left: 20px; z-index: 2; display: flex; align-items: baseline; justify-content: flex-start; gap: 18px; color: var(--muted); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.detail-art-caption strong { color: var(--orange); font-size: 0.55rem; font-weight: 500; }
.detail-art-frame--secondary .detail-art-code { right: 20px; }
.detail-art-missing { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); font: 0.75rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.detail-copy { padding-top: 16px; }
.detail-copy .eyebrow { margin-bottom: 18px; }
.detail-copy h1 { max-width: 650px; margin-bottom: 27px; font-size: clamp(3.15rem, 6vw, 6.5rem); line-height: 0.91; }
.detail-price-row { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.detail-price { color: var(--acid); font: 1rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.detail-description { max-width: 520px; margin-bottom: 36px; color: var(--muted); font-size: 1.02rem; }
.detail-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 19px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.detail-spec { display: grid; gap: 7px; }
.detail-spec span, .detail-section-label { color: var(--muted); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.11em; text-transform: uppercase; }
.detail-spec strong { color: var(--text); font: 0.74rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.detail-variants { margin-top: 33px; }
.detail-section-label { margin-bottom: 13px; }
.detail-variant-grid { display: grid; gap: 9px; }
.detail-variant { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 14px; border: 1px solid var(--line); background: rgba(230, 238, 233, 0.025); font: 0.7rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.detail-variant strong { color: var(--text); font-weight: 500; text-transform: uppercase; }
.detail-variant span { color: var(--muted); }
.detail-size-note { margin: 14px 0 0; color: var(--muted); font-size: 0.75rem; }
.detail-size-note span { margin-right: 8px; color: var(--acid); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 31px; }
.button-disabled { border-color: var(--line); background: rgba(230, 238, 233, 0.06); color: var(--muted); cursor: not-allowed; }
.button-disabled:hover, .button-disabled:focus-visible { transform: none; }
.detail-note { display: flex; align-items: start; gap: 10px; max-width: 560px; margin-top: 27px; color: var(--muted); font-size: 0.75rem; }
.detail-note span { color: var(--orange); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.product-detail-error { min-height: 220px; }

.preview-add-panel { margin-top: 33px; padding-top: 24px; border-top: 1px solid var(--line); }
.preview-bag-form { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(120px, 0.75fr) 76px; gap: 10px; }
.preview-field { display: grid; gap: 8px; color: var(--muted); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.preview-field select, .preview-field input { width: 100%; height: 43px; padding: 0 11px; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: rgba(230, 238, 233, 0.025); color: var(--text); font: 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.preview-field select:focus-visible, .preview-field input:focus-visible { border-color: var(--acid); }
.preview-field select option { background: var(--panel); color: var(--text); }
.preview-field input { color: var(--acid); }
.bag-count { display: inline-grid; min-width: 18px; height: 18px; margin-left: 4px; padding: 0 4px; place-items: center; border: 1px solid rgba(184, 255, 96, 0.35); color: var(--acid); font-size: 0.56rem; letter-spacing: 0; line-height: 1; }
.bag-feedback { min-height: 1.25em; margin: 13px 0 0; color: var(--acid); font: 0.65rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }

.policy-page { max-width: 1050px; padding: 72px 0 110px; }
.policy-page h1 { max-width: 760px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.policy-lede { max-width: 700px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.policy-banner { display: flex; align-items: start; gap: 15px; margin-bottom: 45px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.policy-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.policy-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.policy-card { min-height: 220px; display: flex; flex-direction: column; padding: 23px; border: 1px solid var(--line); background: var(--panel); }
.policy-index { color: var(--acid); font: 0.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.policy-card h2 { margin: 36px 0 10px; font-size: clamp(1.7rem, 3vw, 2.6rem); letter-spacing: -0.04em; }
.policy-card p { max-width: 360px; margin: 0 0 20px; color: var(--muted); font-size: 0.86rem; }
.policy-status { margin-top: auto; color: var(--acid); font: 0.63rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.policy-status--pending { color: var(--orange); }
.policy-status--clear { color: var(--cyan); }
.policy-note { max-width: 720px; margin: 30px 0 0; color: var(--muted); font-size: 0.78rem; }

.notes-page { max-width: 980px; padding: 76px 0 108px; }
.back-link { display: inline-block; margin-bottom: 70px; color: var(--muted); font: 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }
.back-link:hover, .back-link:focus-visible { color: var(--acid); }
.notes-page h1 { max-width: 760px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.notes-lede { max-width: 620px; margin-bottom: 70px; color: var(--muted); font-size: 1.06rem; }
.integration-status-panel { margin-bottom: 18px; padding: 30px 35px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.integration-status-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding-bottom: 24px; border-bottom: 1px solid rgba(255, 184, 108, 0.2); }
.integration-status-heading .eyebrow { margin-bottom: 13px; }
.integration-status-heading h2 { font-size: clamp(1.9rem, 4vw, 3.4rem); letter-spacing: -0.04em; }
.integration-status-copy { max-width: 700px; margin: 22px 0 27px; color: var(--muted); font-size: 0.84rem; }
.integration-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.integration-status-grid div { display: grid; gap: 8px; padding-top: 13px; border-top: 1px solid rgba(255, 184, 108, 0.2); }
.integration-status-grid span { color: var(--muted); font: 0.58rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.integration-status-grid strong { color: var(--orange); font: 0.69rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.notes-panel { padding: 35px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.notes-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.notes-panel-heading .eyebrow { margin-bottom: 14px; }
.notes-panel-heading h2 { font-size: clamp(2rem, 4vw, 3.7rem); }
.notes-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 23px; padding-top: 26px; }
.notes-options article { display: flex; flex-direction: column; min-height: 205px; padding-top: 3px; border-top: 1px solid var(--line-strong); }
.notes-options h3 { margin: 28px 0 9px; font-size: 1.08rem; font-weight: 500; }
.notes-options p { margin-bottom: 18px; color: var(--muted); font-size: 0.86rem; }
.tradeoff { margin-top: auto; color: var(--acid); font: 0.65rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.notes-panel-secondary { margin-top: 18px; }
.notes-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; margin: 0; padding: 0; list-style: none; }
.notes-checklist li { display: grid; grid-template-columns: 28px 1fr; gap: 15px; align-items: start; padding: 17px 0; border-bottom: 1px solid var(--line); }
.notes-checklist li:nth-last-child(1) { grid-column: 1 / -1; }
.notes-checklist span { color: var(--acid); font: 0.64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.notes-checklist p { margin: 0; color: var(--text); font-size: 0.86rem; }
.notes-callout { display: flex; align-items: start; gap: 15px; margin-top: 24px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.callout-mark { display: grid; flex: 0 0 auto; width: 19px; height: 19px; place-items: center; border: 1px solid var(--orange); color: var(--orange); font: 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.notes-callout p { margin: 0; color: var(--muted); font-size: 0.81rem; }
.notes-callout .button { flex: 0 0 auto; margin-left: auto; }

.setup-page { padding: 72px 0 112px; }
.setup-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.setup-lede { max-width: 750px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.setup-banner { display: flex; align-items: start; gap: 15px; max-width: 920px; margin-bottom: 18px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.setup-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.setup-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.setup-banner code, .setup-readout-note code { color: var(--text); font: 0.75rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.setup-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 330px); gap: 18px; align-items: start; }
.setup-form { display: grid; gap: 18px; }
.setup-fieldset { min-width: 0; margin: 0; padding: 23px 30px 28px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.setup-fieldset legend { padding: 0 10px; color: var(--acid); font: 0.68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.11em; text-transform: uppercase; }
.setup-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.setup-field { display: grid; gap: 8px; min-width: 0; color: var(--muted); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.setup-field--wide { grid-column: 1 / -1; }
.setup-field b { color: var(--orange); font-size: 0.55rem; font-weight: 500; letter-spacing: 0.04em; }
.setup-field input, .setup-field select, .setup-field textarea { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: rgba(230, 238, 233, 0.025); color: var(--text); font: 0.72rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.02em; text-transform: none; }
.setup-field textarea { min-height: 118px; padding-top: 12px; padding-bottom: 12px; resize: vertical; }
.setup-field input::placeholder, .setup-field textarea::placeholder { color: var(--muted); opacity: 0.8; }
.setup-field input:focus-visible, .setup-field select:focus-visible, .setup-field textarea:focus-visible { border-color: var(--acid); }
.setup-field select option { background: var(--panel); color: var(--text); }
.setup-help { margin: 17px 0 0; color: var(--muted); font-size: 0.75rem; }
.setup-checklist { display: grid; gap: 11px; }
.setup-checklist label { display: flex; align-items: start; gap: 11px; color: var(--text); font-size: 0.82rem; }
.setup-checklist input { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; accent-color: var(--acid); }
.setup-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.setup-feedback { min-height: 1.3em; margin: 0; color: var(--acid); font: 0.65rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.setup-readout { position: sticky; top: 24px; padding: 29px 27px 27px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.setup-readout .eyebrow { margin-bottom: 12px; }
.setup-readout h2 { margin-bottom: 28px; font-size: clamp(1.9rem, 4vw, 3.2rem); }
.setup-readout-count { display: flex; align-items: baseline; gap: 10px; padding: 15px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.setup-readout-count strong { color: var(--orange); font: 1.8rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.setup-readout-count span { color: var(--muted); font: 0.6rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; text-transform: uppercase; }
.setup-missing-list { display: grid; gap: 0; margin: 8px 0 0; padding: 0; list-style: none; }
.setup-missing-list li { display: grid; grid-template-columns: 44px 1fr; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 0.77rem; }
.setup-list-marker { color: var(--orange); font: 0.55rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; }
.setup-list-marker--issue { color: var(--orange); }
.setup-list-marker--clear { color: var(--cyan); }
.setup-readout-note { margin: 22px 0 0; color: var(--muted); font-size: 0.73rem; }
.setup-save-state { margin: 16px 0 0; color: var(--cyan); font: 0.57rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.setup-save-state--warning { color: var(--orange); }
.worksheet-save-state { margin: 0 0 17px; }

.pricing-page { padding: 72px 0 112px; }
.pricing-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.pricing-lede { max-width: 760px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.pricing-banner { display: flex; align-items: start; gap: 15px; max-width: 920px; margin-bottom: 25px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.pricing-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.pricing-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.pricing-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 18px 20px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.pricing-currency { display: grid; gap: 8px; color: var(--muted); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.pricing-currency input { width: 90px; height: 40px; padding: 0 11px; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: rgba(230, 238, 233, 0.025); color: var(--acid); font: 0.78rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.pricing-currency input:focus-visible { border-color: var(--acid); }
.pricing-summary { margin: 0; color: var(--muted); font: 0.64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-align: right; text-transform: uppercase; }
.pricing-product-grid { display: grid; gap: 18px; }
.pricing-product-card { padding: 27px 30px 29px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.pricing-product-card--complete { border-color: rgba(114, 230, 237, 0.38); }
.pricing-product-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.pricing-product-sku { margin-bottom: 9px; color: var(--acid); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.pricing-product-heading h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); }
.pricing-retail { display: grid; gap: 7px; justify-items: end; }
.pricing-retail span, .pricing-result span { color: var(--muted); font: 0.57rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.pricing-retail strong { color: var(--acid); font: 0.9rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; white-space: nowrap; }
.pricing-product-description { max-width: 720px; margin: 19px 0 24px; color: var(--muted); font-size: 0.84rem; }
.pricing-input-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pricing-field { display: grid; gap: 8px; min-width: 0; color: var(--muted); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; text-transform: uppercase; }
.pricing-field span { display: flex; flex-wrap: wrap; gap: 6px; }
.pricing-field b { color: var(--orange); font-size: 0.53rem; font-weight: 500; letter-spacing: 0.03em; }
.pricing-field input { width: 100%; height: 42px; padding: 0 11px; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: rgba(230, 238, 233, 0.025); color: var(--text); font: 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.pricing-field input:focus-visible { border-color: var(--acid); }
.pricing-result { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.pricing-result div { display: grid; gap: 7px; }
.pricing-result strong { color: var(--acid); font: 0.82rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.pricing-card-note { min-height: 1.3em; margin: 17px 0 0; color: var(--muted); font: 0.64rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.pricing-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.pricing-actions .button:disabled { opacity: 0.5; cursor: not-allowed; }
.pricing-actions .button:disabled:hover, .pricing-actions .button:disabled:focus-visible { transform: none; }
.pricing-feedback { min-height: 1.3em; margin: 13px 0 0; color: var(--acid); font: 0.65rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.pricing-note { margin: 22px 0 0; color: var(--muted); font-size: 0.75rem; }
.pricing-note code { color: var(--text); font: 0.73rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }

.order-page { padding: 72px 0 112px; }
.order-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.order-lede { max-width: 760px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.order-banner { display: flex; align-items: start; gap: 15px; max-width: 920px; margin-bottom: 18px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.order-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.order-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.order-banner code, .order-items-note code { color: var(--text); font: 0.74rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.order-summary-panel, .order-state-panel, .order-items-panel { margin-top: 18px; padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.order-summary-heading, .order-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.order-summary-heading .eyebrow, .order-section-heading .eyebrow { margin-bottom: 12px; }
.order-summary-heading h2, .order-section-heading h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.order-state-badge { padding: 7px 9px; border: 1px solid rgba(184, 255, 96, 0.3); color: var(--acid); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; }
.order-summary-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; padding-top: 22px; }
.order-summary-grid div { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.order-summary-grid span { color: var(--muted); font: 0.57rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.order-summary-grid strong { color: var(--text); font: 0.7rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.order-state-rail { display: grid; margin-top: 6px; }
.order-state-step { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }
.order-state-step:last-child { border-bottom: 0; }
.order-state-index { color: var(--acid); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.order-state-step strong { display: block; margin-bottom: 5px; color: var(--text); font-size: 0.95rem; font-weight: 500; }
.order-state-step p { margin: 0; color: var(--muted); font-size: 0.75rem; }
.order-state-marker { color: var(--muted); font: 0.56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-align: right; }
.order-state-step--current { margin: 0 -12px; padding-right: 12px; padding-left: 12px; border: 1px solid rgba(184, 255, 96, 0.3); background: rgba(184, 255, 96, 0.04); }
.order-state-step--current .order-state-marker, .order-state-step--complete .order-state-marker { color: var(--acid); }
.order-state-step--locked { opacity: 0.55; }
.order-panel-code { color: var(--muted); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-align: right; }
.order-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.order-actions .button:disabled { opacity: 0.5; cursor: not-allowed; }
.order-actions .button:disabled:hover, .order-actions .button:disabled:focus-visible { transform: none; }
.order-feedback { min-height: 1.3em; margin: 13px 0 0; color: var(--acid); font: 0.65rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.order-item-list { display: grid; margin-top: 6px; }
.order-item-row { display: grid; grid-template-columns: 1.15fr 1.7fr 0.7fr 50px; gap: 16px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); color: var(--muted); font: 0.69rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.order-item-row:last-child { border-bottom: 0; }
.order-item-row strong { color: var(--acid); font-weight: 500; text-align: right; }
.order-item-sku { color: var(--text); }
.order-items-note { margin: 20px 0 0; color: var(--muted); font-size: 0.74rem; }

.mapping-page { padding: 72px 0 112px; }
.mapping-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.mapping-lede { max-width: 770px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.mapping-banner { display: flex; align-items: start; gap: 15px; max-width: 920px; margin-bottom: 18px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.mapping-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.mapping-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.mapping-banner code, .mapping-note code { color: var(--text); font: 0.74rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.mapping-toolbar { display: grid; grid-template-columns: 180px minmax(210px, 280px) auto minmax(220px, 1fr); gap: 16px; align-items: end; margin-bottom: 18px; padding: 18px 20px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.mapping-field { display: grid; gap: 8px; min-width: 0; color: var(--muted); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.mapping-field input, .mapping-field select, .mapping-table input { width: 100%; height: 41px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: rgba(230, 238, 233, 0.025); color: var(--text); font: 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.02em; text-transform: none; }
.mapping-field input::placeholder, .mapping-table input::placeholder { color: var(--muted); opacity: 0.75; }
.mapping-field input:focus-visible, .mapping-field select:focus-visible, .mapping-table input:focus-visible { border-color: var(--acid); }
.mapping-field select option { background: var(--panel); color: var(--text); }
.mapping-baseline { display: grid; grid-template-columns: auto auto; gap: 7px 10px; align-items: center; color: var(--muted); font: 0.56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.09em; }
.mapping-baseline strong { color: var(--acid); font-weight: 500; }
.mapping-summary { margin: 0; color: var(--muted); font: 0.61rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; text-align: right; text-transform: uppercase; }
.mapping-product-grid { display: grid; gap: 18px; }
.mapping-product-card { padding: 27px 30px 29px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.mapping-product-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.mapping-product-sku { margin-bottom: 9px; color: var(--acid); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.mapping-product-heading h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); }
.mapping-variant-count { color: var(--muted); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
.mapping-product-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
.mapping-table-wrap { overflow-x: auto; }
.mapping-table { width: 100%; min-width: 820px; border-collapse: collapse; font: 0.64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.mapping-table th, .mapping-table td { padding: 10px 9px; border-top: 1px solid var(--line); color: var(--muted); text-align: left; vertical-align: middle; }
.mapping-table thead th { color: var(--muted); font-size: 0.56rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
.mapping-table tbody th { color: var(--text); font-weight: 500; white-space: nowrap; }
.mapping-table code { color: var(--acid); font: inherit; }
.mapping-table input { min-width: 148px; height: 37px; }
.mapping-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.mapping-actions .button:disabled { opacity: 0.5; cursor: not-allowed; }
.mapping-actions .button:disabled:hover, .mapping-actions .button:disabled:focus-visible { transform: none; }
.mapping-feedback { min-height: 1.3em; margin: 13px 0 0; color: var(--acid); font: 0.65rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.mapping-note { margin: 22px 0 0; color: var(--muted); font-size: 0.75rem; }

.review-page { padding: 72px 0 112px; }
.review-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.review-lede { max-width: 800px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.review-banner { display: flex; align-items: start; gap: 15px; max-width: 920px; margin-bottom: 18px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.review-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.review-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.review-summary-panel { margin-bottom: 18px; padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.review-summary-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.review-summary-heading .eyebrow { margin-bottom: 12px; }
.review-summary-heading h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.review-panel-code { color: var(--muted); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-align: right; }
.review-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding-top: 22px; }
.review-summary-grid div { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.review-summary-grid span { color: var(--muted); font: 0.57rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.review-summary-grid strong { color: var(--text); font: 1.1rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.review-product-list { display: grid; gap: 18px; }
.review-product-card { padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.review-product-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.review-product-sku { margin-bottom: 9px; color: var(--acid); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.review-product-heading h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); }
.review-product-status { padding: 7px 9px; border: 1px solid rgba(255, 184, 108, 0.32); color: var(--orange); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.09em; white-space: nowrap; }
.review-media-section { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.review-media-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.review-media-label { display: block; margin-bottom: 7px; color: var(--cyan); font: 0.56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.review-media-heading h3 { color: var(--text); font-size: 1rem; font-weight: 500; }
.review-media-status { color: var(--orange); font: 0.56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-align: right; }
.review-media-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }
.review-media-card { min-width: 0; margin: 0; border: 1px solid var(--line); background: rgba(230, 238, 233, 0.018); }
.review-media-frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: radial-gradient(circle at 72% 20%, rgba(114, 230, 237, 0.08), transparent 36%), #121818; }
.review-media-frame::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(230, 238, 233, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(230, 238, 233, 0.04) 1px, transparent 1px); background-size: 23px 23px; content: ""; }
.review-media-frame img { position: relative; display: block; width: 100%; height: 100%; padding: 17px; object-fit: contain; }
.review-media-card figcaption { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; border-top: 1px solid var(--line); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; text-transform: uppercase; }
.review-media-card figcaption span { color: var(--muted); }
.review-media-card figcaption a { color: var(--cyan); text-decoration: none; white-space: nowrap; }
.review-media-card figcaption a:hover, .review-media-card figcaption a:focus-visible { color: var(--text); }
.review-media-empty { display: grid; gap: 7px; margin-top: 22px; padding: 20px; border: 1px dashed rgba(255, 184, 108, 0.32); color: var(--orange); font: 0.65rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.review-media-empty span { color: var(--muted); text-transform: none; }
.review-candidate { margin-top: 22px; padding: 20px 22px; border: 1px solid rgba(114, 230, 237, 0.25); background: rgba(114, 230, 237, 0.045); }
.review-candidate--missing { border-color: rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.review-candidate-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.review-candidate-label { display: block; margin-bottom: 7px; color: var(--cyan); font: 0.56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.review-candidate--missing strong { color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.review-candidate-heading strong { display: block; color: var(--text); font-size: 1rem; font-weight: 500; }
.review-candidate-model { color: var(--muted); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-align: right; }
.review-candidate p { max-width: 830px; margin: 15px 0 10px; color: var(--muted); font-size: 0.77rem; }
.review-candidate > a { color: var(--cyan); font: 0.63rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; }
.review-candidate > a:hover, .review-candidate > a:focus-visible { color: var(--text); }
.review-open-items { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.review-open-items strong { color: var(--text); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.review-open-items ul { display: grid; gap: 7px; margin: 11px 0 0; padding-left: 17px; color: var(--muted); font-size: 0.74rem; }
.review-check-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.review-check { min-height: 118px; padding: 15px 16px; border: 1px solid var(--line); background: rgba(230, 238, 233, 0.018); }
.review-check--ready { border-color: rgba(184, 255, 96, 0.2); }
.review-check-topline { display: flex; align-items: start; gap: 9px; }
.review-check-topline span { flex: 0 0 auto; color: var(--orange); font: 0.52rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.review-check--ready .review-check-topline span { color: var(--acid); }
.review-check-topline strong { color: var(--text); font-size: 0.76rem; font-weight: 500; line-height: 1.2; }
.review-check p { margin: 12px 0 0; color: var(--muted); font-size: 0.7rem; line-height: 1.4; }
.review-product-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.review-next { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 18px; padding: clamp(26px, 4vw, 42px); border: 1px solid rgba(184, 255, 96, 0.28); background: linear-gradient(105deg, rgba(184, 255, 96, 0.08), transparent 62%); }
.review-next .eyebrow { margin-bottom: 13px; }
.review-next h2 { max-width: 650px; margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.review-next p:last-child { max-width: 670px; margin: 0; color: var(--muted); }
.review-next-actions { display: flex; flex-wrap: wrap; gap: 9px; }

.sample-page { padding: 72px 0 112px; }
.sample-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.sample-lede { max-width: 800px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.sample-banner { display: flex; align-items: start; gap: 15px; max-width: 920px; margin-bottom: 18px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.sample-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.sample-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.sample-summary-panel { margin-bottom: 18px; padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.sample-summary-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.sample-summary-heading .eyebrow { margin-bottom: 12px; }
.sample-summary-heading h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.sample-currency { display: grid; gap: 8px; min-width: 120px; color: var(--muted); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.sample-currency input { width: 90px; height: 40px; padding: 0 11px; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: rgba(230, 238, 233, 0.025); color: var(--acid); font: 0.78rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.sample-currency input:focus-visible { border-color: var(--acid); }
.sample-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding-top: 22px; }
.sample-summary-grid div { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.sample-summary-grid span { color: var(--muted); font: 0.57rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.sample-summary-grid strong { color: var(--text); font: 1.1rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.sample-summary-note { margin: 18px 0 0; color: var(--muted); font: 0.64rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.05em; text-transform: uppercase; }
.sample-product-grid { display: grid; gap: 18px; }
.sample-product-card { padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.sample-product-card--ready { border-color: rgba(114, 230, 237, 0.45); }
.sample-product-card--blocked { border-color: rgba(255, 184, 108, 0.45); }
.sample-product-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.sample-product-sku { margin-bottom: 9px; color: var(--acid); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.sample-product-heading h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); }
.sample-product-status { padding: 7px 9px; border: 1px solid rgba(255, 184, 108, 0.32); color: var(--orange); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.09em; white-space: nowrap; }
.sample-product-card--ready .sample-product-status { border-color: rgba(114, 230, 237, 0.36); color: var(--cyan); }
.sample-candidate { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 22px; padding: 18px 20px; border: 1px solid rgba(114, 230, 237, 0.25); background: rgba(114, 230, 237, 0.045); }
.sample-candidate--missing { border-color: rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.sample-candidate-label { display: block; margin-bottom: 7px; color: var(--cyan); font: 0.56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.sample-candidate strong { display: block; color: var(--text); font-size: 0.92rem; font-weight: 500; }
.sample-candidate--missing strong { color: var(--orange); font: 0.7rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.sample-candidate > span { color: var(--muted); font-size: 0.76rem; }
.sample-candidate-meta { display: grid; gap: 8px; justify-items: end; }
.sample-candidate-meta > span { color: var(--muted); font: 0.61rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.sample-candidate-meta a { color: var(--cyan); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.sample-candidate-meta a:hover, .sample-candidate-meta a:focus-visible { color: var(--text); }
.sample-field-group { margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--line); }
.sample-field-group-heading { display: flex; align-items: start; gap: 13px; }
.sample-field-group-index { color: var(--acid); font: 0.62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.sample-field-group-heading h3 { margin-bottom: 5px; color: var(--text); font-size: 1rem; font-weight: 500; }
.sample-field-group-heading p { margin: 0; color: var(--muted); font-size: 0.76rem; }
.sample-field-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.sample-field { display: grid; gap: 8px; min-width: 0; color: var(--muted); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; text-transform: uppercase; }
.sample-field span { display: flex; flex-wrap: wrap; gap: 6px; }
.sample-field b { color: var(--orange); font-size: 0.52rem; font-weight: 500; letter-spacing: 0.03em; }
.sample-field input, .sample-field select, .sample-field textarea { width: 100%; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: rgba(230, 238, 233, 0.025); color: var(--text); font: 0.7rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.02em; text-transform: none; }
.sample-field input, .sample-field select { height: 42px; padding: 0 11px; }
.sample-field textarea { min-height: 83px; padding: 11px; resize: vertical; }
.sample-field input::placeholder, .sample-field textarea::placeholder { color: var(--muted); opacity: 0.8; }
.sample-field input:focus-visible, .sample-field select:focus-visible, .sample-field textarea:focus-visible { border-color: var(--acid); }
.sample-field select option { background: var(--panel); color: var(--text); }
.sample-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin-top: 18px; }
.sample-evidence-item { display: flex; align-items: start; gap: 10px; color: var(--text); font-size: 0.78rem; line-height: 1.35; }
.sample-evidence-item input { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; accent-color: var(--acid); }
.sample-decision-row { display: grid; grid-template-columns: minmax(180px, 0.55fr) minmax(0, 1.45fr); gap: 14px; margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--line); }
.sample-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.sample-actions .button:disabled { opacity: 0.5; cursor: not-allowed; }
.sample-actions .button:disabled:hover, .sample-actions .button:disabled:focus-visible { transform: none; }
.sample-feedback { min-height: 1.3em; margin: 13px 0 0; color: var(--acid); font: 0.65rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.sample-next { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 18px; padding: clamp(26px, 4vw, 42px); border: 1px solid rgba(184, 255, 96, 0.28); background: linear-gradient(105deg, rgba(184, 255, 96, 0.08), transparent 62%); }
.sample-next .eyebrow { margin-bottom: 13px; }
.sample-next h2 { max-width: 650px; margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.sample-next p:last-child { max-width: 670px; margin: 0; color: var(--muted); }
.sample-next-actions { display: flex; flex-wrap: wrap; gap: 9px; }

.preview-bag-page { padding: 72px 0 112px; }
.preview-bag-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.bag-lede { max-width: 690px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.bag-status { display: flex; align-items: start; gap: 15px; max-width: 850px; margin-bottom: 45px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.bag-status strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.bag-status p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.bag-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 330px); gap: 18px; align-items: start; }
.bag-panel, .bag-summary-panel { border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.bag-panel { min-width: 0; padding: 29px 30px 30px; }
.bag-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.bag-panel-heading .eyebrow { margin-bottom: 12px; }
.bag-panel-heading h2, .bag-summary-panel h2 { font-size: clamp(1.9rem, 4vw, 3.3rem); }
.bag-panel-code { color: var(--muted); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-align: right; }
.bag-list { display: grid; }
.bag-row { display: grid; grid-template-columns: 105px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 21px 0; border-bottom: 1px solid var(--line); }
.bag-row:last-child { border-bottom: 0; }
.bag-item-art { position: relative; width: 105px; height: 124px; overflow: hidden; border: 1px solid var(--line); background: #141a1a; }
.bag-item-art::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(230, 238, 233, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(230, 238, 233, 0.04) 1px, transparent 1px); background-size: 19px 19px; content: ""; }
.bag-item-art img { position: relative; width: 100%; height: 100%; object-fit: contain; }
.bag-item-art-missing { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); font: 0.58rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }
.bag-item-info { min-width: 0; }
.bag-item-sku { margin-bottom: 9px; color: var(--acid); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.bag-item-name { margin-bottom: 8px; font-size: 1.05rem; letter-spacing: -0.025em; }
.bag-item-meta { margin-bottom: 5px; color: var(--text); font: 0.69rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.bag-item-unit { margin: 0; color: var(--muted); font: 0.65rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.bag-item-controls { display: grid; justify-items: end; gap: 10px; min-width: 100px; }
.bag-quantity { display: inline-flex; align-items: center; border: 1px solid var(--line-strong); color: var(--text); font: 0.7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.bag-quantity span { min-width: 28px; padding: 8px 3px; text-align: center; }
.bag-quantity-button { width: 28px; height: 29px; padding: 0; border: 0; background: transparent; color: var(--acid); cursor: pointer; font: 0.95rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.bag-quantity-button:hover, .bag-quantity-button:focus-visible { background: rgba(184, 255, 96, 0.1); }
.bag-item-total { color: var(--acid); font: 0.72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; white-space: nowrap; }
.bag-remove { padding: 0; border: 0; background: transparent; color: var(--muted); cursor: pointer; font: 0.59rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.bag-remove:hover, .bag-remove:focus-visible { color: var(--orange); }
.bag-summary-panel { position: sticky; top: 24px; padding: 29px 27px 27px; }
.bag-summary-panel .eyebrow { margin-bottom: 12px; }
.bag-summary-panel h2 { margin-bottom: 35px; }
.bag-summary-line, .bag-total { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding: 14px 0; color: var(--muted); font: 0.64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.bag-summary-line strong { color: var(--text); font-weight: 500; }
.bag-total { padding: 20px 0 17px; color: var(--text); }
.bag-total strong { color: var(--acid); font-size: 0.9rem; font-weight: 500; letter-spacing: 0; }
.bag-summary-note { margin: 0; color: var(--muted); font-size: 0.77rem; }
.bag-actions { display: grid; gap: 9px; margin-top: 25px; }
.bag-actions .button { width: 100%; }
.bag-handoff-note { margin: 12px 0 0; color: var(--muted); font: 0.59rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.bag-continue { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 23px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--acid); font: 0.64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }
.bag-continue:hover, .bag-continue:focus-visible { color: var(--text); }
.bag-empty { display: grid; justify-items: start; min-height: 250px; align-content: center; padding: 20px 0; }
.bag-empty-code { margin-bottom: 18px; color: var(--acid); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; }
.bag-empty h3 { margin-bottom: 9px; font-size: 1.6rem; letter-spacing: -0.035em; }
.bag-empty p { max-width: 390px; margin-bottom: 22px; color: var(--muted); font-size: 0.84rem; }

.launch-status-page { padding: 72px 0 112px; }
.launch-status-page h1 { max-width: 820px; margin-bottom: 27px; font-size: clamp(3.6rem, 8vw, 7rem); }
.launch-lede { max-width: 700px; margin-bottom: 42px; color: var(--muted); font-size: 1rem; }
.launch-banner { display: flex; align-items: start; gap: 15px; max-width: 880px; margin-bottom: 45px; padding: 20px 23px; border: 1px solid rgba(255, 184, 108, 0.32); background: rgba(255, 184, 108, 0.05); }
.launch-banner strong { display: block; margin-bottom: 5px; color: var(--orange); font: 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.launch-banner p { margin: 0; color: var(--muted); font-size: 0.82rem; }
.launch-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.launch-status-card { min-height: 285px; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--line); background: var(--panel); }
.launch-card-index { color: var(--acid); font: 0.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.launch-card-label { margin: 31px 0 9px; color: var(--muted); font: 0.6rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.11em; }
.launch-status-card h2 { margin-bottom: 11px; font-size: clamp(1.8rem, 3vw, 2.8rem); letter-spacing: -0.04em; }
.launch-status-card p:not(.launch-card-label) { margin-bottom: 20px; color: var(--muted); font-size: 0.82rem; }
.launch-status-label { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--acid); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.launch-status-label::before { width: 5px; height: 5px; border-radius: 50%; background: var(--acid); content: ""; }
.launch-status-label--ready { color: var(--cyan); }
.launch-status-label--ready::before { background: var(--cyan); }
.launch-status-label--warn { color: var(--orange); }
.launch-status-label--warn::before { background: var(--orange); }
.launch-products-panel { margin-top: 18px; padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.launch-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.launch-section-heading .eyebrow { margin-bottom: 12px; }
.launch-section-heading h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.launch-panel-code { color: var(--muted); font: 0.59rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; text-align: right; }
.launch-product-list { display: grid; }
.launch-product-row { display: grid; grid-template-columns: 135px minmax(0, 1fr) auto auto auto; gap: 18px; align-items: center; padding: 21px 0; border-bottom: 1px solid var(--line); }
.launch-product-row:last-child { border-bottom: 0; }
.launch-product-code { color: var(--acid); font: 0.62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.launch-product-copy { min-width: 0; }
.launch-product-copy h3 { margin-bottom: 6px; font-size: 1rem; letter-spacing: -0.025em; }
.launch-product-copy p { margin: 0; color: var(--muted); font: 0.65rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.launch-product-status { padding: 6px 8px; border: 1px solid rgba(184, 255, 96, 0.25); color: var(--acid); font: 0.58rem/1.1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; white-space: nowrap; }
.launch-product-gate { color: var(--orange); font: 0.57rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; text-align: right; white-space: nowrap; }
.launch-product-gate--clear { color: var(--cyan); }
.launch-product-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 13px; min-width: 115px; color: var(--acid); font: 0.62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; text-decoration: none; text-transform: uppercase; }
.launch-product-link:hover, .launch-product-link:focus-visible { color: var(--text); }
.launch-gates-panel { margin-top: 18px; padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.launch-gate-list { display: grid; }
.launch-gate-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 21px 0; border-bottom: 1px solid var(--line); }
.launch-gate-row:last-child { border-bottom: 0; }
.launch-gate-index { color: var(--acid); font: 0.62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.launch-gate-copy h3 { margin-bottom: 6px; font-size: 1rem; letter-spacing: -0.025em; }
.launch-gate-copy p { max-width: 690px; margin: 0; color: var(--muted); font-size: 0.78rem; }
.launch-gate-result { min-width: 140px; text-align: right; }
.launch-gate-count { display: block; color: var(--orange); font: 1.12rem/1.1 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.launch-gate-label { display: block; margin-top: 7px; color: var(--orange); font: 0.57rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.launch-gate-result--clear .launch-gate-count, .launch-gate-result--clear .launch-gate-label { color: var(--cyan); }
.launch-actions-panel { margin-top: 18px; padding: 30px; border: 1px solid var(--line-strong); background: rgba(16, 20, 21, 0.76); }
.launch-action-list { display: grid; }
.launch-action-list-inner { display: grid; }
.launch-action-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) minmax(150px, auto) auto; gap: 18px; align-items: center; padding: 21px 0; border-bottom: 1px solid var(--line); }
.launch-action-row:last-child { border-bottom: 0; }
.launch-action-index { color: var(--acid); font: 0.62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.launch-action-copy h3 { margin-bottom: 6px; font-size: 1rem; letter-spacing: -0.025em; }
.launch-action-copy p { max-width: 680px; margin: 0; color: var(--muted); font-size: 0.78rem; }
.launch-action-result { min-width: 150px; text-align: right; }
.launch-action-result strong { display: block; color: var(--orange); font: 1.02rem/1.1 ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.launch-action-result span { display: block; margin-top: 7px; color: var(--orange); font: 0.55rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.07em; }
.launch-action-row--clear .launch-action-result strong, .launch-action-row--clear .launch-action-result span { color: var(--cyan); }
.launch-action-status { min-width: 45px; color: var(--orange); font: 0.58rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-align: right; }
.launch-action-row--clear .launch-action-status { color: var(--cyan); }
.launch-next { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 18px; padding: clamp(26px, 4vw, 42px); border: 1px solid rgba(184, 255, 96, 0.28); background: linear-gradient(105deg, rgba(184, 255, 96, 0.08), transparent 62%); }
.launch-next .eyebrow { margin-bottom: 13px; }
.launch-next h2 { max-width: 650px; margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.launch-next p:last-child { max-width: 670px; margin: 0; color: var(--muted); }
.launch-next .launch-state-note { max-width: 700px; margin: 16px 0 0 !important; color: var(--acid) !important; font: 0.62rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.06em; text-transform: uppercase; }
.launch-next-actions { display: flex; flex-wrap: wrap; gap: 9px; }

@media (max-width: 860px) {
  .hero { grid-template-columns: 1fr; padding-top: 83px; }
  .terminal-card { max-width: 640px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-visual { min-height: 330px; }
  .manifesto { grid-template-columns: 1fr; gap: 55px; }
  .service-flow-heading { display: block; }
  .service-flow-grid { margin-top: 55px; }
  .field-notes { grid-template-columns: 1fr; gap: 55px; }
  .notes-options { grid-template-columns: 1fr; }
  .detail-layout { grid-template-columns: 1fr; gap: 55px; }
  .detail-art-frame { min-height: 560px; }
  .detail-art-frame--secondary { min-height: 360px; }
  .setup-layout { grid-template-columns: 1fr; }
  .setup-readout { position: static; }
  .pricing-input-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mapping-toolbar { grid-template-columns: 180px minmax(210px, 280px) auto; }
  .mapping-summary { grid-column: 1 / -1; text-align: left; }
  .review-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bag-layout { grid-template-columns: 1fr; }
  .bag-summary-panel { position: static; }
  .launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .launch-next { display: block; }
  .launch-next-actions { margin-top: 25px; }
}

@media (max-width: 600px) {
  .site-shell { width: min(100% - 28px, var(--max-width)); }
  .site-header { min-height: 74px; gap: 12px; }
  .site-nav { gap: 13px; font-size: 0.61rem; }
  .site-nav a { display: none; }
  .mobile-menu { display: block; margin-left: auto; color: var(--text); font: 0.61rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.09em; text-transform: uppercase; }
  .hero { padding: 65px 0 79px; }
  h1 { font-size: clamp(3.3rem, 16vw, 5.2rem); }
  .terminal-body { min-height: 355px; padding: 27px 18px; }
  .terminal-readout { grid-template-columns: 1fr; gap: 4px; }
  .terminal-readout strong { margin-bottom: 7px; }
  .signal-strip { justify-content: start; gap: 10px 20px; font-size: 0.57rem; }
  .section-heading { display: block; }
  .section-note { margin-top: 23px; }
  .collection-toolbar { align-items: stretch; flex-wrap: wrap; }
  .search-control { flex-basis: 100%; }
  .type-control { flex: 1 1 190px; }
  .collection-results { align-self: center; }
  .collection-section { padding: 82px 0 91px; }
  .product-grid { grid-template-columns: 1fr; }
  .product-visual { min-height: 350px; }
  .manifesto { padding: 78px 0 84px; }
  .manifesto-grid { grid-template-columns: 1fr; gap: 34px; }
  .manifesto-grid h3 { margin-top: 22px; }
  .service-flow { padding: 78px 0 84px; }
  .service-flow-grid { grid-template-columns: 1fr; gap: 34px; }
  .service-flow-card { min-height: 0; }
  .service-flow-card h3 { margin-top: 22px; }
  .field-notes { padding: 78px 0 84px; }
  .preview-cta { display: block; margin-bottom: 57px; }
  .preview-cta-actions { margin-top: 25px; }
  .not-found-page { padding: 90px 0 100px; }
  .notes-page { padding: 52px 0 76px; }
  .back-link { margin-bottom: 51px; }
  .notes-lede { margin-bottom: 45px; }
  .notes-callout { flex-wrap: wrap; }
  .notes-callout .button { margin-left: 34px; }
  .notes-panel { padding: 23px 19px; }
  .integration-status-panel { padding: 23px 19px; }
  .integration-status-heading { display: block; }
  .integration-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 13px; }
  .notes-panel-heading { display: block; }
  .notes-panel-heading h2 { margin-top: 14px; }
  .notes-checklist { grid-template-columns: 1fr; }
  .notes-checklist li:nth-last-child(1) { grid-column: auto; }
  .setup-page { padding: 52px 0 78px; }
  .setup-banner { padding: 18px; }
  .setup-fieldset { padding: 21px 19px 23px; }
  .setup-form-grid { grid-template-columns: 1fr; }
  .setup-field--wide { grid-column: auto; }
  .setup-actions { display: grid; }
  .setup-actions .button { width: 100%; }
  .setup-readout { padding: 23px 19px; }
  .pricing-page { padding: 52px 0 78px; }
  .pricing-banner { padding: 18px; }
  .pricing-toolbar { display: block; }
  .pricing-summary { margin-top: 17px; text-align: left; }
  .pricing-product-card { padding: 21px 19px 23px; }
  .pricing-product-heading { display: block; }
  .pricing-retail { justify-items: start; margin-top: 16px; }
  .pricing-input-grid { grid-template-columns: 1fr; }
  .pricing-result { grid-template-columns: 1fr; gap: 12px; }
  .pricing-actions { display: grid; }
  .pricing-actions .button { width: 100%; }
  .mapping-page { padding: 52px 0 78px; }
  .mapping-banner { padding: 18px; }
  .mapping-toolbar { display: block; }
  .mapping-field + .mapping-field { margin-top: 15px; }
  .mapping-baseline { margin-top: 18px; }
  .mapping-summary { margin-top: 17px; text-align: left; }
  .mapping-product-card { padding: 21px 19px 23px; }
  .mapping-product-heading { display: block; }
  .mapping-variant-count { display: block; margin-top: 15px; }
  .mapping-product-inputs { grid-template-columns: 1fr; }
  .mapping-actions { display: grid; }
  .mapping-actions .button { width: 100%; }
  .review-page { padding: 52px 0 78px; }
  .review-banner { padding: 18px; }
  .review-summary-panel { padding: 23px 19px; }
  .review-summary-heading { display: block; }
  .review-panel-code { display: block; margin-top: 15px; text-align: left; }
  .review-product-card { padding: 23px 19px; }
  .review-product-heading { display: block; }
  .review-product-status { display: inline-block; margin-top: 15px; }
  .review-media-heading { display: block; }
  .review-media-status { display: block; margin-top: 11px; text-align: left; }
  .review-media-strip { grid-template-columns: 1fr; }
  .review-candidate { padding: 18px; }
  .review-candidate-heading { display: block; }
  .review-candidate-model { display: block; margin-top: 11px; text-align: left; }
  .review-check-grid { grid-template-columns: 1fr; }
  .review-product-actions { display: grid; }
  .review-product-actions .button { width: 100%; }
  .review-next { display: block; padding: 23px 19px; }
  .review-next-actions { display: grid; margin-top: 25px; }
  .review-next-actions .button { width: 100%; }
  .sample-page { padding: 52px 0 78px; }
  .sample-banner { padding: 18px; }
  .sample-summary-panel { padding: 23px 19px; }
  .sample-summary-heading { display: block; }
  .sample-currency { margin-top: 17px; }
  .sample-product-card { padding: 23px 19px; }
  .sample-product-heading { display: block; }
  .sample-product-status { display: inline-block; margin-top: 15px; }
  .sample-candidate { display: block; padding: 18px; }
  .sample-candidate-meta { justify-items: start; margin-top: 13px; }
  .sample-field-grid { grid-template-columns: 1fr; }
  .sample-evidence-grid { grid-template-columns: 1fr; }
  .sample-decision-row { grid-template-columns: 1fr; }
  .sample-actions { display: grid; }
  .sample-actions .button { width: 100%; }
  .sample-next { display: block; padding: 23px 19px; }
  .sample-next-actions { display: grid; margin-top: 25px; }
  .sample-next-actions .button { width: 100%; }
  .order-page { padding: 52px 0 78px; }
  .order-banner { padding: 18px; }
  .order-summary-panel, .order-state-panel, .order-items-panel { padding: 23px 19px; }
  .order-summary-heading, .order-section-heading { display: block; }
  .order-state-badge, .order-panel-code { display: inline-block; margin-top: 15px; }
  .order-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .order-state-step { grid-template-columns: 1fr auto; gap: 10px 15px; align-items: start; }
  .order-state-index { grid-column: 1 / -1; }
  .order-state-step p { max-width: 240px; }
  .order-actions { display: grid; }
  .order-actions .button { width: 100%; }
  .order-item-row { grid-template-columns: 1fr auto; gap: 8px 13px; }
  .order-item-row span:nth-child(2), .order-item-row span:nth-child(3) { color: var(--muted); }
  .order-item-row strong { grid-column: 2; grid-row: 1; }
  .policy-page { padding: 52px 0 78px; }
  .policy-grid { grid-template-columns: 1fr; }
  .policy-banner { padding: 18px; }
  .preview-bag-page { padding: 52px 0 78px; }
  .bag-status { padding: 18px; }
  .bag-panel { padding: 23px 19px; }
  .bag-panel-heading { display: block; }
  .bag-panel-code { display: block; margin-top: 15px; text-align: left; }
  .bag-row { grid-template-columns: 80px minmax(0, 1fr); gap: 13px; align-items: start; }
  .bag-item-art { width: 80px; height: 100px; }
  .bag-item-controls { grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
  .bag-item-total { margin-left: auto; }
  .bag-summary-panel { padding: 23px 19px; }
  .preview-bag-form { grid-template-columns: 1fr; }
  .launch-status-page { padding: 52px 0 78px; }
  .launch-banner { padding: 18px; }
  .launch-grid { grid-template-columns: 1fr; }
  .launch-products-panel { padding: 23px 19px; }
  .launch-gates-panel { padding: 23px 19px; }
  .launch-actions-panel { padding: 23px 19px; }
  .launch-section-heading { display: block; }
  .launch-panel-code { display: block; margin-top: 15px; text-align: left; }
  .launch-product-row { grid-template-columns: 1fr; gap: 10px; }
  .launch-product-status { justify-self: start; }
  .launch-product-link { justify-content: space-between; width: 100%; padding-top: 10px; border-top: 1px solid var(--line); }
  .launch-gate-row { grid-template-columns: 1fr auto; gap: 10px 15px; align-items: start; }
  .launch-gate-index { grid-column: 1 / -1; }
  .launch-gate-copy { grid-column: 1; }
  .launch-gate-result { grid-column: 2; grid-row: 2; min-width: 110px; }
  .launch-action-row { grid-template-columns: 1fr auto; gap: 10px 15px; align-items: start; }
  .launch-action-index { grid-column: 1 / -1; }
  .launch-action-copy { grid-column: 1; }
  .launch-action-result { grid-column: 2; grid-row: 2; min-width: 110px; }
  .launch-action-status { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid var(--line); text-align: left; }
  .launch-next { padding: 23px 19px; }
  .launch-next-actions { display: grid; }
  .launch-next-actions .button { width: 100%; }
  .product-detail-page { padding: 52px 0 78px; }
  .detail-back { margin-bottom: 43px; }
  .detail-art-frame { min-height: 420px; }
  .detail-art-frame--secondary { min-height: 300px; }
  .detail-art-frame img { inset: 22px; width: calc(100% - 44px); height: calc(100% - 44px); }
  .detail-copy h1 { font-size: clamp(3rem, 14vw, 5rem); }
  .detail-specs { grid-template-columns: 1fr; }
  .site-footer { display: block; font-size: 0.56rem; }
  .site-footer span:last-child { display: block; margin-top: 9px; }
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
:focus-visible { outline: 2px solid var(--acid); outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* -------------------------------------------------------------------------- */
/* Customer storefront                                                        */
/* -------------------------------------------------------------------------- */

body.storefront-page {
  --shop-ink: #151513;
  --shop-paper: #f4f2ea;
  --shop-paper-2: #e9e7dd;
  --shop-muted: #77786f;
  --shop-line: rgba(21, 21, 19, 0.16);
  --shop-lime: #ccff45;
  --shop-violet: #7d55ff;
  --shop-orange: #ff6846;
  --shop-cyan: #8ee7e5;
  --shop-radius: 2px;
  min-width: 320px;
  background: var(--shop-paper);
  color: var(--shop-ink);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
}

body.storefront-page a { color: inherit; }
body.storefront-page button,
body.storefront-page input { font: inherit; }
body.storefront-page .storefront-shell { width: min(100% - 52px, 1440px); margin: 0 auto; }
body.storefront-page .sr-only { clip: rect(0, 0, 0, 0); }

.shop-announcement {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  min-height: 32px;
  padding: 9px 0 8px;
  border-bottom: 1px solid var(--shop-line);
  color: var(--shop-muted);
  font: 10px/1.2 "Courier New", Courier, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.shop-announcement span:first-child { color: var(--shop-ink); }
.shop-legal-status { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; padding: 9px 0; border-bottom: 1px solid rgba(255, 104, 70, .35); color: var(--shop-muted); font: 9px/1.3 "Courier New", Courier, monospace; letter-spacing: .07em; text-transform: uppercase; }
.shop-legal-status strong { color: var(--shop-orange); font-weight: 700; }
.shop-legal-status a { margin-left: auto; color: var(--shop-ink); text-decoration: underline; text-underline-offset: 3px; }
.shop-legal-status a:hover, .shop-legal-status a:focus-visible { color: var(--shop-violet); }
.shop-header { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; min-height: 82px; border-bottom: 1px solid var(--shop-line); }
.shop-wordmark { display: inline-flex; align-items: center; gap: 11px; width: max-content; font: 700 13px/1 "Courier New", Courier, monospace; letter-spacing: .07em; text-decoration: none; }
.shop-wordmark > span:last-child > span { color: var(--shop-violet); }
.shop-wordmark-mark { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--shop-ink); color: var(--shop-ink); font-size: 11px; letter-spacing: -.08em; }
.shop-nav { display: flex; align-items: center; gap: clamp(18px, 2.3vw, 35px); color: var(--shop-muted); font: 11px/1 "Courier New", Courier, monospace; letter-spacing: .1em; text-transform: uppercase; }
.shop-nav a { padding: 10px 0; text-decoration: none; transition: color 160ms ease; }
.shop-nav a:hover, .shop-nav a:focus-visible, .shop-nav a.is-active { color: var(--shop-ink); }
.shop-nav a.is-active::after { display: block; width: 100%; height: 2px; margin-top: 7px; background: var(--shop-lime); content: ""; }
.shop-bag-link { display: inline-flex; align-items: center; justify-self: end; gap: 10px; width: max-content; padding: 10px 0; font: 11px/1 "Courier New", Courier, monospace; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.shop-bag-count { display: grid; min-width: 22px; height: 22px; padding: 0 5px; place-items: center; border-radius: 99px; background: var(--shop-lime); color: var(--shop-ink); font-size: 10px; }
.shop-mobile-menu { display: none; }

.shop-hero { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(480px, .96fr); gap: clamp(45px, 7.5vw, 135px); align-items: center; min-height: 665px; padding: clamp(78px, 10vw, 145px) 0 110px; }
.shop-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 23px; color: var(--shop-violet); font: 11px/1.2 "Courier New", Courier, monospace; letter-spacing: .15em; text-transform: uppercase; }
.shop-kicker-dot { width: 8px; height: 8px; border-radius: 99px; background: var(--shop-violet); box-shadow: 0 0 0 4px rgba(125, 85, 255, .13); }
.shop-hero h1 { max-width: 760px; margin: 0 0 30px; font-size: clamp(52px, 7.5vw, 115px); font-weight: 700; letter-spacing: -.075em; line-height: .89; }
.shop-hero h1 span { position: relative; z-index: 0; display: inline; }
.shop-hero h1 span::after { position: absolute; z-index: -1; right: -.02em; bottom: .01em; left: -.02em; height: .21em; background: var(--shop-lime); content: ""; }
.shop-hero-lede { max-width: 490px; margin: 0 0 35px; color: var(--shop-muted); font-size: clamp(16px, 1.5vw, 20px); letter-spacing: -.02em; }
.shop-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.shop-button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 50px; padding: 0 18px; border: 1px solid transparent; border-radius: var(--shop-radius); cursor: pointer; font: 11px/1 "Courier New", Courier, monospace; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; transition: transform 160ms ease, background 160ms ease, color 160ms ease; }
.shop-button:hover, .shop-button:focus-visible { transform: translateY(-2px); }
.shop-button--dark { background: var(--shop-ink); color: var(--shop-paper) !important; }
.shop-button--dark:hover, .shop-button--dark:focus-visible { background: var(--shop-violet); }
.shop-button--lime { background: var(--shop-lime); color: var(--shop-ink) !important; }
.shop-button--lime:hover, .shop-button--lime:focus-visible { background: #e3ff9c; }
.shop-button[disabled] { cursor: not-allowed; opacity: .48; transform: none; }
.shop-text-button { margin-top: 18px; padding: 0; border: 0; background: transparent; color: var(--shop-muted); cursor: pointer; font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-decoration: underline; text-transform: uppercase; }
.shop-text-button:hover, .shop-text-button:focus-visible { color: var(--shop-orange); }
.shop-text-link { display: inline-flex; align-items: center; gap: 10px; font: 11px/1 "Courier New", Courier, monospace; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.shop-text-link:hover, .shop-text-link:focus-visible { color: var(--shop-violet); }
.shop-hero-note { display: flex; align-items: center; gap: 12px; margin-top: 66px; color: var(--shop-muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-note-line { display: inline-block; width: 34px; height: 1px; background: var(--shop-violet); }

.shop-hero-art { position: relative; min-height: 520px; isolation: isolate; }
.hero-art-panel { position: absolute; border: 1px solid var(--shop-ink); }
.hero-art-panel--back { inset: 50px 18px 32px 64px; z-index: -3; background: var(--shop-violet); transform: rotate(6deg); }
.hero-art-panel--front { inset: 28px 66px 55px 0; z-index: -2; display: flex; flex-direction: column; justify-content: space-between; padding: 21px 22px; overflow: hidden; background: var(--shop-ink); box-shadow: 12px 13px 0 rgba(21, 21, 19, .12); transform: rotate(-3deg); }
.hero-art-panel--front::after { position: absolute; right: -16%; bottom: -21%; width: 68%; height: 68%; border-radius: 99px; background: var(--shop-lime); content: ""; opacity: .95; }
.hero-art-top, .hero-art-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 12px; color: rgba(244, 242, 234, .62); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; }
.hero-art-bottom { color: rgba(244, 242, 234, .42); }
.hero-art-core { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 0; margin-top: 25px; }
.hero-art-signal { color: var(--shop-paper); font-size: clamp(48px, 6vw, 91px); font-weight: 700; letter-spacing: -.09em; line-height: .82; }
.hero-art-signal--accent { color: var(--shop-lime); }
.hero-art-prompt { margin-top: 28px; color: rgba(244, 242, 234, .62); font: 12px/1 "Courier New", Courier, monospace; }
.hero-art-note { position: absolute; z-index: 2; display: grid; width: 78px; height: 78px; place-items: center; border: 1px solid var(--shop-ink); background: var(--shop-lime); color: var(--shop-ink); font: 700 12px/.95 "Courier New", Courier, monospace; letter-spacing: -.04em; text-align: center; transform: rotate(12deg); }
.hero-art-note--one { top: 6px; right: 13%; }
.hero-art-note--two { right: -5px; bottom: 74px; background: var(--shop-orange); transform: rotate(-9deg); }
.hero-art-sticker { position: absolute; z-index: 3; bottom: 1px; left: 2px; display: grid; width: 117px; height: 117px; place-items: center; border-radius: 50%; background: var(--shop-paper); color: var(--shop-ink); font: 700 13px/.9 "Courier New", Courier, monospace; letter-spacing: -.04em; text-align: center; transform: rotate(-15deg); }
.hero-art-sticker strong { color: var(--shop-violet); }
.hero-art-caption { position: absolute; right: 13px; bottom: 4px; color: var(--shop-muted); font: 10px/1.25 "Courier New", Courier, monospace; letter-spacing: .12em; text-align: right; }

.shop-stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--shop-line); border-bottom: 1px solid var(--shop-line); }
.shop-stat-strip > div { display: flex; align-items: baseline; gap: 15px; min-height: 92px; padding: 18px 19px; border-right: 1px solid var(--shop-line); }
.shop-stat-strip > div:last-child { border-right: 0; }
.shop-stat-strip strong { color: var(--shop-violet); font-size: 28px; letter-spacing: -.06em; }
.shop-stat-strip span { color: var(--shop-muted); font: 10px/1.25 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }

.shop-feature, .shop-collection, .shop-story, .shop-newsletter { padding: clamp(90px, 11vw, 165px) 0; }
.shop-feature { display: grid; grid-template-columns: minmax(240px, .46fr) minmax(0, 1.54fr); gap: clamp(45px, 9vw, 145px); }
.shop-section-intro h2, .shop-section-heading h2, .shop-story-copy h2, .shop-newsletter h2 { margin: 0 0 24px; font-size: clamp(39px, 5vw, 77px); font-weight: 700; letter-spacing: -.075em; line-height: .91; }
.shop-section-intro h2 em, .shop-section-heading h2 em, .shop-story-copy h2 em, .shop-newsletter h2 em { color: var(--shop-violet); font-style: normal; }
.shop-section-intro > p:last-child, .shop-newsletter > div > p:last-child { max-width: 320px; margin: 0; color: var(--shop-muted); font-size: 15px; }
.feature-layout { display: grid; grid-template-columns: 1.55fr 1fr; gap: 18px; align-items: start; }
.feature-card { min-width: 0; }
.feature-card--large { grid-row: span 2; }
.feature-card-art { position: relative; min-height: 236px; overflow: hidden; border: 1px solid var(--shop-ink); }
.feature-card--large .feature-card-art { min-height: 500px; }
.feature-card-art::after { position: absolute; right: -10%; bottom: -36%; width: 70%; height: 70%; border-radius: 50%; background: rgba(21, 21, 19, .16); content: ""; }
.feature-card-art--lime { background: var(--shop-lime); }
.feature-card-art--violet { background: var(--shop-violet); color: var(--shop-paper); }
.feature-card-art--orange { background: var(--shop-orange); }
.feature-card-index, .feature-card-label, .feature-card-code { position: absolute; z-index: 1; font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .1em; text-transform: uppercase; }
.feature-card-index { top: 16px; left: 16px; }
.feature-card-label { top: 16px; right: 16px; }
.feature-card-code { right: 16px; bottom: 15px; text-align: right; }
.feature-type-lockup { position: absolute; z-index: 1; top: 50%; left: 16px; display: flex; flex-direction: column; color: var(--shop-ink); font-size: clamp(42px, 5.7vw, 86px); font-weight: 700; letter-spacing: -.1em; line-height: .78; transform: translateY(-40%); }
.feature-type-lockup--small { color: var(--shop-paper); font-size: clamp(27px, 3vw, 46px); }
.feature-type-accent { color: var(--shop-violet); }
.feature-card-art--violet .feature-type-accent { color: var(--shop-lime); }
.feature-cap-mark { position: absolute; z-index: 1; top: 50%; left: 50%; width: 150px; height: 92px; padding-top: 29px; border: 3px solid var(--shop-ink); border-radius: 52% 52% 12% 12%; font: 12px/1.1 "Courier New", Courier, monospace; text-align: center; transform: translate(-50%, -50%) rotate(-7deg); }
.feature-cap-mark::after { position: absolute; right: -32px; bottom: -18px; width: 87px; height: 30px; border: 3px solid var(--shop-ink); border-top: 0; border-radius: 50%; content: ""; transform: rotate(9deg); }
.feature-card-copy { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 16px 0 0; }
.feature-card-copy h3 { margin: 8px 0 0; font-size: 18px; letter-spacing: -.04em; }
.feature-card-copy > a { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border: 1px solid var(--shop-line); font-size: 16px; text-decoration: none; }
.feature-card-copy > a:hover, .feature-card-copy > a:focus-visible { border-color: var(--shop-violet); color: var(--shop-violet); }
.feature-card > p { margin: 9px 0 0; color: var(--shop-muted); font-size: 13px; }
.feature-card-status { display: inline-flex; align-items: center; gap: 7px; color: var(--shop-violet); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.feature-card-status::before { width: 6px; height: 6px; border-radius: 50%; background: var(--shop-lime); content: ""; }

.shop-collection { border-top: 1px solid var(--shop-line); }
.shop-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 54px; }
.shop-section-heading .shop-kicker { margin-bottom: 18px; }
.shop-section-aside { max-width: 350px; margin: 0 0 5px; color: var(--shop-muted); font-size: 15px; }
.shop-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--shop-line); }
.shop-filter-tabs { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.shop-filter-tabs button { padding: 9px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--shop-muted); cursor: pointer; font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .09em; text-transform: uppercase; }
.shop-filter-tabs button:hover, .shop-filter-tabs button:focus-visible, .shop-filter-tabs button.is-active { border-bottom-color: var(--shop-lime); color: var(--shop-ink); }
.shop-search { display: flex; align-items: center; width: min(100%, 205px); gap: 7px; border-bottom: 1px solid var(--shop-ink); }
.shop-search:focus-within, .shop-type-filter:focus-within { border-bottom-color: var(--shop-violet); box-shadow: 0 2px 0 var(--shop-violet); }
.shop-search > span { color: var(--shop-violet); font-size: 20px; line-height: 1; }
.shop-search input { width: 100%; min-height: 33px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--shop-ink); font: 11px/1.2 "Courier New", Courier, monospace; letter-spacing: .04em; }
.shop-search input:focus-visible, .shop-type-filter select:focus-visible { outline: 2px solid var(--shop-violet); outline-offset: 4px; }
.shop-search input::placeholder { color: var(--shop-muted); }
.shop-results { margin: 0 0 17px; color: var(--shop-muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .09em; text-align: right; text-transform: uppercase; }
.shopify-live-catalog { margin: -3px 0 18px; padding: 16px; border: 1px solid rgba(115, 229, 208, 0.45); background: rgba(115, 229, 208, 0.06); color: var(--shop-ink); }
.shopify-live-catalog > span, .shopify-live-catalog > small { display: block; color: var(--shop-muted); font: 10px/1.5 "Courier New", Courier, monospace; }
.shopify-live-catalog-heading { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 11px; color: var(--shop-violet); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; }
.shopify-live-catalog-heading span { color: var(--shop-muted); }
.shopify-live-catalog-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 12px; }
.shopify-live-catalog-list article { display: grid; gap: 8px; min-height: 90px; padding: 12px; border: 1px solid rgba(20, 22, 22, 0.18); background: rgba(255,255,255,0.35); }
.shopify-live-catalog-list article > span { color: var(--shop-muted); font: 9px/1.2 "Courier New", Courier, monospace; }
.shopify-live-catalog-list article strong { font-size: 14px; font-weight: 500; }
.shopify-live-catalog-list article a { align-self: end; color: var(--shop-violet); font: 10px/1.2 "Courier New", Courier, monospace; }
.shopify-policy-lookup { display: grid; gap: 12px; margin: 0 0 18px; padding: 16px; border: 1px solid rgba(152, 120, 210, 0.4); background: rgba(152, 120, 210, 0.06); }
.shopify-policy-lookup > div { display: grid; gap: 5px; }
.shopify-policy-lookup > div strong { color: var(--shop-violet); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; }
.shopify-policy-lookup > div span, .shopify-policy-lookup > p { color: var(--shop-muted); font: 10px/1.5 "Courier New", Courier, monospace; }
.shopify-policy-lookup form { display: flex; gap: 9px; }
.shopify-policy-lookup input { min-width: 0; flex: 1; padding: 11px 12px; border: 1px solid var(--shop-line); background: rgba(255,255,255,.55); color: var(--shop-ink); }
.shopify-policy-lookup input:focus-visible { outline: 2px solid var(--shop-violet); outline-offset: 2px; }
.shopify-policy-lookup p { margin: 0; }
.shop-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 19px; }
.shop-product-card { min-width: 0; }
.shop-product-art-link { position: relative; display: block; overflow: hidden; color: var(--shop-ink); text-decoration: none; }
.shop-product-art-link:hover .design-art, .shop-product-art-link:focus-visible .design-art { transform: translateY(-4px); }
.shop-product-art-link:hover .design-art-image, .shop-product-art-link:focus-visible .design-art-image { opacity: .86; transform: translate(-50%, -50%) scale(1.04); }
.shop-product-art-link:hover .shop-product-arrow, .shop-product-art-link:focus-visible .shop-product-arrow { opacity: 1; transform: translate(0, 0); }
.shop-product-arrow { position: absolute; z-index: 5; top: 11px; right: 11px; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--shop-ink); background: var(--shop-paper); font-size: 18px; opacity: 0; transform: translate(6px, -6px); transition: opacity 160ms ease, transform 160ms ease; }
.design-art { position: relative; min-height: 330px; overflow: hidden; border: 1px solid var(--shop-ink); isolation: isolate; transition: transform 180ms ease; }
.design-art::before { position: absolute; right: -20%; bottom: -34%; width: 80%; height: 80%; border-radius: 50%; background: rgba(21, 21, 19, .13); content: ""; }
.design-art--lime { background: var(--shop-lime); }
.design-art--violet { background: var(--shop-violet); color: var(--shop-paper); }
.design-art--orange { background: var(--shop-orange); }
.design-art--yellow { background: #f3dc5b; }
.design-art--cyan { background: #8edcd9; }
.design-art--red { background: #e45a46; }
.design-art--green { background: #a8d66d; }
.design-art--purple { background: #aa88ff; }
.design-art--blue { background: #91b7e6; }
.design-art--pink { background: #f1a7ae; }
.design-art--teal { background: #75c5c5; }
.design-art--cream { background: #dfd6bd; }
.design-art-grid { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(21, 21, 19, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 21, 19, .12) 1px, transparent 1px); background-size: 25px 25px; opacity: .43; }
.design-art-corner { position: absolute; z-index: 4; font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .09em; text-transform: uppercase; }
.design-art-corner--top { top: 13px; left: 13px; }
.design-art-corner--bottom { right: 13px; bottom: 13px; opacity: .58; }
.design-art-sticker { position: absolute; z-index: 4; top: 44px; right: 13px; padding: 5px 6px; border: 1px solid currentColor; font: 9px/1.1 "Courier New", Courier, monospace; letter-spacing: .08em; transform: rotate(7deg); }
.design-art-index { position: absolute; z-index: 4; right: 14px; bottom: 39px; color: rgba(21, 21, 19, .45); font: 11px/1 "Courier New", Courier, monospace; }
.design-garment { position: absolute; z-index: 2; top: 54%; left: 50%; display: grid; width: 57%; height: 58%; place-items: center; border: 1px solid rgba(21, 21, 19, .62); background: linear-gradient(140deg, rgba(255, 255, 255, .23), rgba(21, 21, 19, .12)); box-shadow: 13px 14px 0 rgba(21, 21, 19, .1); transform: translate(-50%, -50%); }
.design-garment::before { position: absolute; top: 9%; left: 50%; width: 27%; height: 21%; border: 1px solid rgba(21, 21, 19, .43); border-radius: 50%; content: ""; transform: translateX(-50%); }
.design-garment span { position: relative; z-index: 1; max-width: 90%; color: rgba(21, 21, 19, .83); font: 700 clamp(14px, 1.6vw, 23px)/.83 Arial, Helvetica, sans-serif; letter-spacing: -.09em; text-align: center; text-transform: uppercase; }
.design-art--violet .design-garment span { color: var(--shop-paper); }
.design-art--violet .design-garment { border-color: rgba(244, 242, 234, .72); background: linear-gradient(140deg, rgba(244, 242, 234, .23), rgba(21, 21, 19, .15)); }
.design-art--tee .design-garment { clip-path: polygon(0 13%, 24% 0, 40% 10%, 60% 10%, 76% 0, 100% 13%, 86% 41%, 74% 34%, 74% 100%, 26% 100%, 26% 34%, 14% 41%); }
.design-art--hoodie .design-garment { width: 61%; height: 62%; border-radius: 9% 9% 5% 5%; }
.design-art--hoodie .design-garment::before { top: -13%; width: 42%; height: 31%; border-radius: 45% 45% 22% 22%; background: rgba(21, 21, 19, .16); }
.design-art--cap .design-garment { top: 54%; width: 62%; height: 37%; border-radius: 54% 54% 17% 17%; }
.design-art--cap .design-garment::before { top: 32%; left: 54%; width: 88%; height: 31%; border: 0; border-radius: 50%; background: rgba(21, 21, 19, .18); transform: rotate(8deg); }
.design-art--cap .design-garment span { font-size: clamp(12px, 1.4vw, 20px); }
.design-art--tote .design-garment { width: 55%; height: 61%; border-radius: 1px; }
.design-art--tote .design-garment::before { top: -19%; width: 48%; height: 34%; border-bottom: 0; border-radius: 50% 50% 0 0; }
.design-art-image { position: absolute; z-index: 3; top: 52%; left: 50%; width: 88%; height: 88%; object-fit: contain; mix-blend-mode: multiply; opacity: .52; transform: translate(-50%, -50%); transition: opacity 180ms ease, transform 180ms ease; }
.shop-product-copy { padding: 15px 1px 0; }
.shop-product-meta, .shop-product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.shop-product-meta { color: var(--shop-muted); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-product-sku { color: var(--shop-ink); opacity: .55; }
.shop-product-title-row { display: flex; align-items: start; justify-content: space-between; gap: 15px; margin-top: 10px; }
.shop-product-title-row h3 { margin: 0; font-size: 17px; letter-spacing: -.05em; line-height: 1; }
.shop-product-title-row h3 a { text-decoration: none; }
.shop-product-title-row h3 a:hover, .shop-product-title-row h3 a:focus-visible { color: var(--shop-violet); }
.shop-product-price { color: var(--shop-violet); font: 12px/1 "Courier New", Courier, monospace; white-space: nowrap; }
.shop-product-price.is-lab { color: var(--shop-muted); font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.shop-product-card-state { min-height: 16px; margin-top: 11px; }
.shop-product-card-state .shop-build-status { white-space: normal; }
.shop-product-copy > p { min-height: 54px; margin: 10px 0 13px; color: var(--shop-muted); font-size: 12px; }
.shop-product-bottom { padding-top: 11px; border-top: 1px solid var(--shop-line); }
.shop-build-status { display: inline-flex; align-items: center; gap: 6px; color: var(--shop-muted); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .04em; text-transform: uppercase; }
.shop-build-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--shop-muted); }
.shop-build-status.is-ready { color: var(--shop-ink); }
.shop-build-status.is-ready i { background: var(--shop-lime); }
.shop-build-status.is-lab { color: var(--shop-orange); }
.shop-build-status.is-lab i { background: var(--shop-orange); }
.shop-product-bottom > a { color: var(--shop-ink); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.shop-product-bottom > a:hover, .shop-product-bottom > a:focus-visible { color: var(--shop-violet); }
.shop-empty, .shop-loading { grid-column: 1 / -1; display: grid; min-height: 190px; place-items: center; align-content: center; gap: 8px; border: 1px dashed var(--shop-line); color: var(--shop-muted); font: 11px/1.3 "Courier New", Courier, monospace; text-align: center; }
.shop-empty strong { color: var(--shop-ink); font-size: 16px; }
.product-detail-error h1 { margin: 0; color: var(--shop-ink); font-size: 28px; letter-spacing: -.04em; line-height: 1; }

.shop-supplier-band { margin: 0 calc(50% - 50vw); padding: clamp(90px, 10vw, 145px) max(26px, calc((100vw - 1440px) / 2 + 26px)); background: var(--shop-ink); color: var(--shop-paper); }
.shop-supplier-band .shop-section-heading { margin-bottom: 50px; }
.shop-supplier-band .shop-kicker { color: var(--shop-lime); }
.shop-supplier-band .shop-section-heading h2 { color: var(--shop-paper); }
.shop-supplier-band .shop-section-heading h2 em { color: var(--shop-lime); }
.shop-supplier-band .shop-section-aside { color: rgba(244, 242, 234, .63); }
.supplier-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.supplier-card { display: flex; min-height: 337px; flex-direction: column; padding: 19px; border: 1px solid rgba(244, 242, 234, .22); background: rgba(244, 242, 234, .04); }
.supplier-card--lime { border-top: 3px solid var(--shop-lime); }
.supplier-card--violet { border-top: 3px solid var(--shop-violet); }
.supplier-card--orange { border-top: 3px solid var(--shop-orange); }
.supplier-top { display: flex; align-items: start; justify-content: space-between; }
.supplier-mark { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid currentColor; font: 700 13px/1 "Courier New", Courier, monospace; }
.supplier-card--lime .supplier-mark { color: var(--shop-lime); }
.supplier-card--violet .supplier-mark { color: #a990ff; }
.supplier-card--orange .supplier-mark { color: var(--shop-orange); }
.supplier-number { color: rgba(244, 242, 234, .4); font: 10px/1 "Courier New", Courier, monospace; }
.supplier-role { margin: 42px 0 9px; color: var(--shop-lime); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .12em; text-transform: uppercase; }
.supplier-card--violet .supplier-role { color: #a990ff; }
.supplier-card--orange .supplier-role { color: var(--shop-orange); }
.supplier-card h3 { margin: 0 0 12px; color: var(--shop-paper); font-size: 26px; letter-spacing: -.06em; }
.supplier-copy { max-width: 340px; margin: 0; color: rgba(244, 242, 234, .65); font-size: 13px; }
.supplier-bottom { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 25px; border-top: 1px solid rgba(244, 242, 234, .16); color: rgba(244, 242, 234, .54); font: 9px/1.35 "Courier New", Courier, monospace; letter-spacing: .05em; text-transform: uppercase; }
.supplier-bottom a { color: var(--shop-paper); text-decoration: none; white-space: nowrap; }
.supplier-bottom a:hover, .supplier-bottom a:focus-visible { color: var(--shop-lime); }
.supplier-footnote { display: flex; align-items: center; gap: 13px; margin-top: 21px; color: rgba(244, 242, 234, .51); font: 10px/1.45 "Courier New", Courier, monospace; }
.supplier-footnote .shop-note-line { background: var(--shop-lime); }
.supplier-footnote > span:nth-child(2) { flex: 1; }
.supplier-footnote a { color: var(--shop-lime); text-decoration: none; white-space: nowrap; }

.shop-story { display: grid; grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr); gap: clamp(50px, 11vw, 180px); align-items: center; border-bottom: 1px solid var(--shop-line); }
.shop-story-art { position: relative; min-height: 497px; overflow: hidden; background: var(--shop-violet); }
.shop-story-art::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(244, 242, 234, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(244, 242, 234, .16) 1px, transparent 1px); background-size: 28px 28px; content: ""; opacity: .45; }
.story-art-vertical { position: absolute; top: 17px; left: 17px; color: var(--shop-paper); font: 10px/1 "Courier New", Courier, monospace; letter-spacing: .1em; writing-mode: vertical-rl; }
.story-terminal { position: absolute; top: 50%; left: 50%; display: flex; width: 69%; min-height: 240px; flex-direction: column; justify-content: space-between; padding: 22px; border: 1px solid var(--shop-ink); background: var(--shop-ink); color: var(--shop-paper); box-shadow: 14px 16px 0 rgba(21, 21, 19, .16); transform: translate(-50%, -50%) rotate(-5deg); }
.story-terminal span { color: var(--shop-lime); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .09em; }
.story-terminal strong { font: 700 clamp(23px, 3vw, 39px)/.95 Arial, Helvetica, sans-serif; letter-spacing: -.08em; }
.story-terminal .story-terminal-muted { color: rgba(244, 242, 234, .5); }
.story-art-stamp { position: absolute; right: -22px; bottom: 38px; display: grid; width: 135px; height: 135px; place-items: center; border: 1px solid var(--shop-ink); border-radius: 50%; background: var(--shop-orange); color: var(--shop-ink); font: 11px/.95 "Courier New", Courier, monospace; letter-spacing: -.03em; text-align: center; transform: rotate(12deg); }
.shop-story-copy h2 { font-size: clamp(42px, 5vw, 75px); }
.shop-story-copy > p:not(.shop-kicker) { max-width: 560px; margin: 0; color: var(--shop-muted); font-size: 16px; }
.story-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 55px; }
.story-principles > div { padding-top: 13px; border-top: 1px solid var(--shop-line); }
.story-principles span { color: var(--shop-violet); font: 10px/1 "Courier New", Courier, monospace; }
.story-principles strong { display: block; margin: 31px 0 8px; font-size: 15px; letter-spacing: -.03em; }
.story-principles p { margin: 0; color: var(--shop-muted); font-size: 12px; }

.shop-newsletter { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-bottom: 130px; }
.shop-newsletter > div > p:not(.shop-kicker) { max-width: 380px; color: var(--shop-muted); font-size: 14px; }
.shop-newsletter-form { align-self: end; padding-bottom: 10px; }
.shop-newsletter-form > label { display: block; margin-bottom: 10px; color: var(--shop-muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .09em; text-transform: uppercase; }
.shop-newsletter-form > div { display: flex; border-bottom: 1px solid var(--shop-ink); }
.shop-newsletter-form input { min-width: 0; flex: 1; padding: 0 0 14px; border: 0; outline: 0; background: transparent; color: var(--shop-ink); font-size: 18px; }
.shop-newsletter-form input::placeholder { color: rgba(119, 120, 111, .72); }
.shop-newsletter-form .shop-button { min-height: 39px; margin-bottom: 7px; padding: 0 13px; font-size: 9px; }
.newsletter-feedback { min-height: 18px; margin: 12px 0 0; color: var(--shop-violet); font: 10px/1.2 "Courier New", Courier, monospace; }

.shop-footer { display: grid; grid-template-columns: 1fr auto auto; gap: 45px; padding: 28px 0 35px; border-top: 1px solid var(--shop-line); }
.shop-wordmark--footer { font-size: 11px; }
.shop-wordmark--footer .shop-wordmark-mark { width: 26px; height: 26px; font-size: 9px; }
.shop-footer p { margin: 16px 0 0; color: var(--shop-muted); font: 11px/1.45 "Courier New", Courier, monospace; }
.shop-footer-links { display: flex; gap: 26px; align-items: start; font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-footer-links a, .shop-footer-meta span { text-decoration: none; }
.shop-footer-links a:hover, .shop-footer-links a:focus-visible { color: var(--shop-violet); }
.shop-footer-policy-links { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: start; max-width: 330px; font: 9px/1.25 "Courier New", Courier, monospace; letter-spacing: .06em; text-transform: uppercase; }
.shop-footer-policy-links a { text-decoration: underline; text-underline-offset: 3px; }
.shop-footer-policy-links a:hover, .shop-footer-policy-links a:focus-visible { color: var(--shop-violet); }
.shop-footer-meta { display: flex; gap: 20px; color: var(--shop-muted); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .05em; text-transform: uppercase; }

/* Detail and bag pages use the same customer-facing skin. */
.storefront-detail main, .storefront-bag main { padding: clamp(58px, 8vw, 112px) 0 130px; }
.shop-breadcrumb { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 45px; color: var(--shop-muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.shop-breadcrumb:hover, .shop-breadcrumb:focus-visible { color: var(--shop-violet); }
.product-detail-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(42px, 8vw, 130px); align-items: start; }
.product-detail-art { position: sticky; top: 25px; }
.product-detail-art .design-art { min-height: min(69vw, 720px); }
.product-detail-copy > .shop-kicker { margin-bottom: 17px; }
.detail-collection-meta { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 17px; }
.detail-collection-meta span { padding: 5px 7px; border: 1px solid var(--shop-line); color: var(--shop-muted); font: 9px/1.1 "Courier New", Courier, monospace; letter-spacing: .07em; text-transform: uppercase; }
.detail-collection-meta span:last-child { color: var(--shop-ink); }
.product-detail-copy h1 { max-width: 660px; margin: 0 0 19px; font-size: clamp(48px, 6.5vw, 94px); line-height: .9; }
.detail-price-row { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; }
.detail-price { color: var(--shop-violet); font: 14px/1 "Courier New", Courier, monospace; }
.detail-price.is-lab { color: var(--shop-orange); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.detail-build-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; background: var(--shop-lime); font: 9px/1 "Courier New", Courier, monospace; letter-spacing: .07em; text-transform: uppercase; }
.detail-build-pill.is-lab { background: var(--shop-orange); color: var(--shop-paper); }
.detail-description { max-width: 530px; margin: 0 0 35px; color: var(--shop-muted); font-size: 17px; }
.detail-spec-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 0 35px; border-top: 1px solid var(--shop-line); }
.detail-spec { padding: 14px 15px 14px 0; border-bottom: 1px solid var(--shop-line); }
.detail-spec:nth-child(odd) { border-right: 1px solid var(--shop-line); }
.detail-spec:nth-child(even) { padding-left: 15px; }
.detail-spec span { display: block; margin-bottom: 8px; color: var(--shop-muted); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .1em; text-transform: uppercase; }
.detail-spec strong { font-size: 13px; font-weight: 500; letter-spacing: -.02em; }
.shop-option-group { margin-bottom: 25px; }
.shop-option-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-bottom: 11px; }
.shop-option-heading label, .shop-option-heading span { color: var(--shop-muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-option-heading strong { color: var(--shop-ink); font: 10px/1.2 "Courier New", Courier, monospace; }
.shop-options { display: flex; flex-wrap: wrap; gap: 8px; }
.shop-option { position: relative; }
.shop-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.shop-option label { display: inline-flex; min-width: 73px; min-height: 42px; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid var(--shop-line); cursor: pointer; font: 10px/1 "Courier New", Courier, monospace; text-transform: uppercase; transition: background 160ms ease, border-color 160ms ease; }
.shop-option input:checked + label { border-color: var(--shop-ink); background: var(--shop-lime); }
.shop-option input:focus-visible + label { outline: 2px solid var(--shop-violet); outline-offset: 3px; }
.detail-buy-row { display: grid; grid-template-columns: 102px 1fr; gap: 10px; margin-top: 32px; }
.detail-quantity { display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--shop-line); }
.detail-quantity button { width: 30px; height: 48px; border: 0; background: transparent; color: var(--shop-ink); cursor: pointer; font-size: 17px; }
.detail-quantity input { width: 30px; border: 0; outline: 0; background: transparent; color: var(--shop-ink); font: 12px/1 "Courier New", Courier, monospace; text-align: center; }
.detail-note { margin: 16px 0 0; color: var(--shop-muted); font: 10px/1.5 "Courier New", Courier, monospace; }
.detail-feedback { min-height: 21px; margin: 14px 0 0; color: var(--shop-violet); font: 11px/1.35 "Courier New", Courier, monospace; }
.confirmation-status { min-height: 18px; margin: -17px 0 26px; color: var(--shop-violet); font: 10px/1.3 "Courier New", Courier, monospace; letter-spacing: .07em; }
.pipeline-page { max-width: 1160px; margin: 0 auto; padding: 70px 0 120px; }
.pipeline-lede { max-width: 760px; margin: 0 0 38px; color: var(--muted); font-size: 18px; line-height: 1.55; }
.pipeline-banner { display: grid; grid-template-columns: 42px 1fr; gap: 17px; align-items: start; margin-bottom: 35px; padding: 19px; border: 1px solid var(--line); background: var(--panel-2); }
.pipeline-banner .callout-mark { display: grid; width: 42px; height: 42px; place-items: center; background: var(--acid); color: var(--bg); font: 700 18px/1 Arial, Helvetica, sans-serif; }
.pipeline-banner strong { display: block; margin: 2px 0 7px; font-size: 15px; }
.pipeline-banner p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.pipeline-summary, .pipeline-queue { border-top: 1px solid var(--text); }
.pipeline-summary { padding: 23px 0 35px; }
.pipeline-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.pipeline-section-heading h2 { margin: 0; font-size: 30px; letter-spacing: -.06em; }
.pipeline-panel-code, .pipeline-result-count { color: var(--muted); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.pipeline-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 28px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.pipeline-summary-grid > div { min-height: 112px; padding: 17px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--panel-2); }
.pipeline-summary-grid span, .pipeline-progress-label span, .pipeline-next-gates > span { display: block; color: var(--muted); font: 9px/1.1 "Courier New", Courier, monospace; letter-spacing: .1em; text-transform: uppercase; }
.pipeline-summary-grid strong { display: block; margin: 17px 0 7px; color: var(--acid); font: 700 31px/.9 Arial, Helvetica, sans-serif; letter-spacing: -.08em; }
.pipeline-summary-grid small { color: var(--muted); font: 10px/1.2 "Courier New", Courier, monospace; }
.pipeline-queue { padding-top: 30px; }
.pipeline-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 25px 0 18px; padding: 13px 15px; border: 1px solid var(--line); background: var(--panel-2); }
.pipeline-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.pipeline-filter { min-height: 32px; padding: 0 10px; border: 1px solid var(--line-strong); background: transparent; color: var(--muted); cursor: pointer; font: 9px/1 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.pipeline-filter:hover, .pipeline-filter:focus-visible, .pipeline-filter.is-active { border-color: var(--acid); background: var(--acid); color: var(--bg); }
.pipeline-search { display: flex; align-items: center; min-width: 250px; border-bottom: 1px solid var(--line-strong); color: var(--acid); }
.pipeline-search > span:first-child { padding: 0 8px 0 0; font-size: 16px; }
.pipeline-search input { width: 100%; min-height: 33px; border: 0; outline: 0; background: transparent; color: var(--text); font: 10px/1 "Courier New", Courier, monospace; }
.pipeline-search input::placeholder { color: var(--muted); }
.pipeline-list { display: grid; gap: 15px; }
.pipeline-card { padding: 22px; border: 1px solid var(--line); border-left: 3px solid var(--muted); background: var(--panel-2); }
.pipeline-card--ready { border-left-color: var(--acid); }
.pipeline-card--lab { border-left-color: var(--cyan); }
.pipeline-card--concept { border-left-color: var(--orange); }
.pipeline-card-heading { display: flex; align-items: start; justify-content: space-between; gap: 25px; }
.pipeline-card-index { margin: 0 0 8px; color: var(--muted); font: 10px/1.1 "Courier New", Courier, monospace; letter-spacing: .08em; }
.pipeline-card h3 { margin: 0 0 7px; color: var(--text); font-size: 27px; letter-spacing: -.06em; }
.pipeline-card-meta { margin: 0; color: var(--muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .04em; text-transform: uppercase; }
.pipeline-card-status { padding: 8px 9px; background: var(--acid); color: var(--bg); font: 700 9px/1 "Courier New", Courier, monospace; letter-spacing: .07em; text-align: right; text-transform: uppercase; }
.pipeline-card--lab .pipeline-card-status { background: var(--cyan); }
.pipeline-card--concept .pipeline-card-status { background: var(--orange); }
.pipeline-card-progress { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.pipeline-progress-label { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; }
.pipeline-progress-label strong { color: var(--acid); font: 700 13px/1 "Courier New", Courier, monospace; }
.pipeline-progress-track { height: 5px; margin-top: 10px; background: var(--line); }
.pipeline-progress-track span { display: block; height: 100%; background: var(--acid); }
.pipeline-card-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .8fr); gap: 25px; margin-top: 18px; }
.pipeline-card-body > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.pipeline-next-gates { display: flex; flex-wrap: wrap; align-content: start; gap: 6px; }
.pipeline-next-gates > span { width: 100%; margin-bottom: 2px; }
.pipeline-next-gates b { padding: 6px 7px; border: 1px solid var(--line); color: var(--text); font: 9px/1.1 "Courier New", Courier, monospace; font-weight: 400; }
.pipeline-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 19px; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .04em; text-transform: uppercase; }
.pipeline-card-footer a { color: var(--acid); text-decoration: none; }
.pipeline-card-footer a:hover, .pipeline-card-footer a:focus-visible { color: var(--text); }
.pipeline-empty { display: grid; gap: 13px; padding: 35px 20px; border: 1px solid var(--line); background: var(--panel-2); }
.pipeline-empty strong { font-size: 19px; letter-spacing: -.04em; }
.pipeline-empty p { margin: 0; color: var(--muted); font-size: 13px; }
.pipeline-next { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-top: 28px; padding: 29px 0 0; border-top: 1px solid var(--text); }
.pipeline-next h2 { margin: 0 0 13px; font-size: 30px; }
.pipeline-next p:not(.eyebrow) { max-width: 650px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.pipeline-next-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: 9px; }
@media (max-width: 600px) {
  .pipeline-page { padding: 52px 0 78px; }
  .pipeline-banner { grid-template-columns: 35px 1fr; gap: 12px; padding: 16px; }
  .pipeline-banner .callout-mark { width: 35px; height: 35px; }
  .pipeline-section-heading { display: block; }
  .pipeline-panel-code, .pipeline-result-count { display: block; margin-top: 15px; }
  .pipeline-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pipeline-summary-grid > div { min-height: 92px; padding: 13px; }
  .pipeline-summary-grid strong { margin-top: 14px; font-size: 25px; }
  .pipeline-toolbar { display: block; padding: 13px; }
  .pipeline-search { min-width: 0; margin-top: 16px; }
  .pipeline-card { padding: 18px; }
  .pipeline-card-heading { display: block; }
  .pipeline-card-status { display: inline-block; margin-top: 15px; text-align: left; }
  .pipeline-card h3 { font-size: 23px; }
  .pipeline-card-body { grid-template-columns: 1fr; gap: 18px; }
  .pipeline-card-footer, .pipeline-next { display: block; }
  .pipeline-card-footer a { display: block; margin-top: 10px; }
  .pipeline-next-actions { display: grid; margin-top: 25px; }
  .pipeline-next-actions .button { width: 100%; }
}
.operator-page { max-width: 1160px; margin: 0 auto; padding: 70px 0 120px; }
.operator-lede { max-width: 720px; margin: 0 0 38px; color: var(--muted); font-size: 18px; line-height: 1.55; }
.operator-banner { display: grid; grid-template-columns: 42px 1fr; gap: 17px; align-items: start; margin-bottom: 35px; padding: 19px; border: 1px solid var(--line); background: var(--panel-2); }
.operator-banner .callout-mark { display: grid; width: 42px; height: 42px; place-items: center; background: var(--orange); color: var(--bg); font: 700 18px/1 Arial, Helvetica, sans-serif; }
.operator-banner strong { display: block; margin: 2px 0 7px; font-size: 15px; }
.operator-banner p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.operator-summary-panel, .operator-orders-panel { border-top: 1px solid var(--text); }
.operator-summary-panel { padding: 23px 0 34px; }
.operator-summary-heading, .operator-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.operator-summary-heading h2, .operator-section-heading h2 { margin: 0; font-size: 30px; letter-spacing: -.06em; }
.operator-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 28px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.operator-summary-grid > div { min-height: 105px; padding: 17px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--panel-2); }
.operator-summary-grid span, .operator-order-facts span { display: block; margin-bottom: 13px; color: var(--muted); font: 9px/1.1 "Courier New", Courier, monospace; letter-spacing: .1em; }
.operator-summary-grid strong { color: var(--acid); font: 700 31px/.9 Arial, Helvetica, sans-serif; letter-spacing: -.08em; }
.operator-feedback { min-height: 17px; margin: 15px 0 0; color: var(--acid); font: 10px/1.4 "Courier New", Courier, monospace; }
.operator-orders-panel { padding-top: 30px; }
.operator-panel-code { color: var(--muted); font: 9px/1 "Courier New", Courier, monospace; letter-spacing: .08em; }
.operator-order-list { display: grid; gap: 16px; margin-top: 25px; }
.operator-order-card { padding: 22px; border: 1px solid var(--line); background: var(--panel-2); }
.operator-order-heading { display: flex; align-items: start; justify-content: space-between; gap: 25px; }
.operator-order-ref { margin: 0 0 8px; color: var(--muted); font: 10px/1.1 "Courier New", Courier, monospace; letter-spacing: .08em; }
.operator-order-heading h3 { margin: 0; color: var(--text); font-size: 27px; letter-spacing: -.06em; }
.operator-order-badge { padding: 8px 9px; background: var(--acid); color: var(--bg); font: 700 9px/1 "Courier New", Courier, monospace; letter-spacing: .07em; }
.operator-order-badge--exception { background: var(--orange); color: var(--bg); }
.operator-order-badge--cancelled, .operator-order-badge--closed { background: var(--line); }
.operator-order-facts { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 20px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.operator-order-facts > div { min-height: 72px; padding: 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.operator-order-facts strong { display: block; color: var(--text); font: 11px/1.3 "Courier New", Courier, monospace; text-transform: uppercase; }
.operator-order-items { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; color: var(--text); font: 10px/1.2 "Courier New", Courier, monospace; }
.operator-order-items span { padding: 7px 8px; border: 1px solid var(--line); background: var(--bg); }
.operator-order-customer { margin: 16px 0 0; color: var(--muted); font: 11px/1.4 "Courier New", Courier, monospace; }
.operator-order-error { margin: 12px 0 0; padding: 10px; border-left: 3px solid var(--orange); color: var(--orange); font: 10px/1.4 "Courier New", Courier, monospace; }
.operator-order-action { display: grid; grid-template-columns: 200px minmax(200px, 1fr) auto; gap: 12px; align-items: end; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.operator-order-action label { display: grid; gap: 7px; }
.operator-order-action label > span { color: var(--muted); font: 9px/1 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.operator-order-action select, .operator-order-action input { width: 100%; min-height: 42px; box-sizing: border-box; padding: 0 10px; border: 1px solid var(--line); border-radius: 0; background: var(--bg); color: var(--text); font: 11px/1.1 "Courier New", Courier, monospace; }
.operator-empty, .operator-error { display: grid; gap: 13px; justify-items: start; padding: 35px 20px; border: 1px solid var(--line); background: var(--panel-2); }
.operator-empty strong, .operator-error strong { font-size: 19px; letter-spacing: -.04em; }
.operator-empty p, .operator-error p { max-width: 600px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.operator-error { border-color: var(--orange); }
@media (max-width: 600px) {
  .operator-page { padding: 52px 0 78px; }
  .operator-banner { grid-template-columns: 35px 1fr; gap: 12px; padding: 16px; }
  .operator-banner .callout-mark { width: 35px; height: 35px; }
  .operator-summary-heading, .operator-section-heading, .operator-order-heading { display: block; }
  .operator-summary-heading .button { width: 100%; margin-top: 19px; }
  .operator-summary-grid, .operator-order-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operator-summary-grid > div { min-height: 88px; padding: 13px; }
  .operator-summary-grid strong { font-size: 25px; }
  .operator-panel-code { display: block; margin-top: 15px; }
  .operator-order-card { padding: 18px; }
  .operator-order-badge { display: inline-block; margin-top: 15px; }
  .operator-order-action { grid-template-columns: 1fr; }
  .operator-order-action .button { width: 100%; }
}
.detail-provider-callout { display: grid; grid-template-columns: 35px 1fr; gap: 14px; margin-top: 45px; padding: 16px; border: 1px solid var(--shop-line); background: var(--shop-paper-2); }
.detail-availability { display: grid; grid-template-columns: 35px 1fr; gap: 14px; margin: 28px 0 0; padding: 16px; border: 1px solid var(--shop-line); background: var(--shop-paper-2); }
.detail-availability > span { display: grid; width: 35px; height: 35px; place-items: center; background: var(--shop-orange); color: var(--shop-paper); font: 700 10px/1 "Courier New", Courier, monospace; }
.detail-availability strong { display: block; margin-bottom: 5px; font-size: 12px; }
.detail-availability p { margin: 0; color: var(--shop-muted); font-size: 11px; line-height: 1.5; }
.detail-provider-callout > span { display: grid; width: 35px; height: 35px; place-items: center; background: var(--shop-violet); color: var(--shop-paper); font: 700 10px/1 "Courier New", Courier, monospace; }
.detail-provider-callout strong { display: block; margin-bottom: 5px; font-size: 12px; }
.detail-provider-callout p { margin: 0; color: var(--shop-muted); font-size: 11px; }
.detail-provider-callout a { color: var(--shop-violet); text-decoration: none; }
.detail-related { margin-top: 110px; padding-top: 35px; border-top: 1px solid var(--shop-line); }
.detail-related h2 { margin: 0 0 25px; font-size: 27px; letter-spacing: -.06em; }

.bag-page-heading { max-width: 780px; margin-bottom: 50px; }
.bag-page-heading h1 { margin: 0 0 20px; font-size: clamp(55px, 8vw, 112px); letter-spacing: -.08em; line-height: .86; }
.bag-page-heading h1 em { color: var(--shop-violet); font-style: normal; }
.bag-page-heading p { max-width: 570px; margin: 0; color: var(--shop-muted); font-size: 16px; }
.bag-layout-shop { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 30px; align-items: start; }
.bag-list-shop, .bag-summary-shop { border-top: 1px solid var(--shop-ink); }
.bag-list-shop { display: grid; }
.bag-row-shop { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 21px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--shop-line); }
.bag-row-art .design-art { min-height: 133px; }
.bag-row-art .design-art-sticker, .bag-row-art .design-art-corner--bottom, .bag-row-art .design-art-index { display: none; }
.bag-row-art .design-garment { width: 61%; height: 58%; }
.bag-row-art .design-art-image { opacity: .45; }
.bag-row-copy .bag-row-kicker { margin: 0 0 8px; color: var(--shop-muted); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.bag-row-copy h2 { margin: 0 0 8px; font-size: 19px; letter-spacing: -.05em; }
.bag-row-state { display: block; margin: 0 0 7px; color: var(--shop-orange); font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .06em; text-transform: uppercase; }
.bag-row-copy p { margin: 0; color: var(--shop-muted); font: 11px/1.35 "Courier New", Courier, monospace; }
.bag-row-total { display: flex; min-width: 130px; flex-direction: column; align-items: end; gap: 12px; }
.bag-row-total strong { color: var(--shop-violet); font: 13px/1 "Courier New", Courier, monospace; }
.bag-row-total button { padding: 0; border: 0; background: transparent; color: var(--shop-muted); cursor: pointer; font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .07em; text-transform: uppercase; }
.bag-row-total button:hover, .bag-row-total button:focus-visible { color: var(--shop-orange); }
.bag-row-controls { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; }
.bag-row-controls button { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid var(--shop-line); background: transparent; cursor: pointer; font-size: 15px; }
.bag-row-controls button:hover, .bag-row-controls button:focus-visible { border-color: var(--shop-violet); }
.bag-row-controls span { color: var(--shop-ink); font: 10px/1 "Courier New", Courier, monospace; }
.bag-summary-shop { position: sticky; top: 25px; padding: 20px; background: var(--shop-paper-2); }
.bag-summary-shop h2 { margin: 0 0 28px; font-size: 25px; letter-spacing: -.06em; }
.bag-summary-line-shop { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-top: 1px solid var(--shop-line); color: var(--shop-muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.bag-summary-line-shop strong { color: var(--shop-ink); font-weight: 500; }
.bag-total-shop { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin-top: 13px; padding-top: 18px; border-top: 1px solid var(--shop-ink); }
.bag-total-shop span { color: var(--shop-muted); font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.bag-total-shop strong { color: var(--shop-violet); font-size: 23px; letter-spacing: -.06em; }
.bag-summary-shop > p { color: var(--shop-muted); font: 10px/1.45 "Courier New", Courier, monospace; }
.bag-summary-shop .shop-button { width: 100%; margin-top: 17px; }
.bag-secure-note { display: flex; align-items: center; gap: 8px; margin: 13px 0 0 !important; color: var(--shop-ink) !important; }
.bag-secure-note::before { width: 7px; height: 7px; border-radius: 50%; background: var(--shop-lime); content: ""; }
.bag-checkout-status { min-height: 30px; margin: 13px 0 0 !important; color: var(--shop-violet) !important; }
.bag-empty-shop { display: grid; min-height: 240px; place-items: center; align-content: center; gap: 11px; border-bottom: 1px solid var(--shop-line); color: var(--shop-muted); text-align: center; }
.bag-empty-shop strong { color: var(--shop-ink); font-size: 20px; letter-spacing: -.04em; }
.bag-empty-shop p { max-width: 300px; margin: 0; font-size: 13px; }
.bag-empty-shop .shop-button { margin-top: 10px; }
.shop-checkout-note { margin-top: 35px; padding: 17px; border: 1px solid var(--shop-line); color: var(--shop-muted); font: 10px/1.5 "Courier New", Courier, monospace; }
.shop-checkout-note strong { color: var(--shop-ink); }

.shop-collections { padding: clamp(80px, 10vw, 135px) 0 45px; border-top: 1px solid var(--shop-line); }
.shop-collection-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 43px; }
.shop-collection-card { display: flex; min-height: 246px; flex-direction: column; padding: 18px; border: 1px solid var(--shop-ink); background: var(--shop-paper-2); }
.shop-collection-card--lime { background: var(--shop-lime); }
.shop-collection-card--violet { background: var(--shop-violet); color: var(--shop-paper); }
.shop-collection-card--orange { background: var(--shop-orange); }
.shop-collection-card-top, .shop-collection-card-bottom { display: flex; align-items: start; justify-content: space-between; gap: 14px; font: 9px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-collection-card-top { opacity: .66; }
.shop-collection-card h3 { max-width: 280px; margin: auto 0 13px; font-size: 26px; letter-spacing: -.07em; line-height: .95; }
.shop-collection-card p { max-width: 330px; min-height: 58px; margin: 0 0 20px; color: rgba(21, 21, 19, .68); font-size: 13px; }
.shop-collection-card--violet p { color: rgba(244, 242, 234, .76); }
.shop-collection-card-bottom { align-items: end; padding-top: 13px; border-top: 1px solid rgba(21, 21, 19, .24); }
.shop-collection-card--violet .shop-collection-card-bottom { border-color: rgba(244, 242, 234, .28); }
.shop-collection-card-bottom span { max-width: 48%; }
.shop-collection-card-bottom button { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; text-align: right; text-transform: uppercase; }
.shop-collection-card-bottom button:hover, .shop-collection-card-bottom button:focus-visible { color: var(--shop-paper); }
.shop-collection-card--violet .shop-collection-card-bottom button:hover, .shop-collection-card--violet .shop-collection-card-bottom button:focus-visible { color: var(--shop-lime); }
.shop-type-filter { display: flex; align-items: center; border-bottom: 1px solid var(--shop-ink); }
.shop-type-filter select { min-height: 33px; padding: 0 20px 0 0; border: 0; outline: 0; background: transparent; color: var(--shop-muted); cursor: pointer; font: 10px/1.2 "Courier New", Courier, monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-type-filter select:focus-visible { color: var(--shop-ink); }
.shop-product-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.shop-product-tags span { padding: 4px 6px; border: 1px solid var(--shop-line); color: var(--shop-muted); font: 8px/1.1 "Courier New", Courier, monospace; letter-spacing: .05em; text-transform: uppercase; }
.shop-product-tags span:last-child { color: var(--shop-ink); }
.shop-product-language { display: block; min-width: 0; max-width: 110px; overflow: hidden; color: var(--shop-muted); font: 8px/1.2 "Courier New", Courier, monospace; letter-spacing: .03em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }

@media (max-width: 1100px) {
  body.storefront-page .storefront-shell { width: min(100% - 36px, 1440px); }
  .shop-hero { grid-template-columns: minmax(0, 1fr) minmax(380px, .82fr); gap: 45px; }
  .shop-hero-art { min-height: 440px; }
  .hero-art-signal { font-size: clamp(43px, 5.5vw, 75px); }
  .shop-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .feature-layout { grid-template-columns: 1.3fr 1fr; }
  .feature-card--large .feature-card-art { min-height: 430px; }
  .shop-collection-cards { grid-template-columns: 1fr; }
  .shop-collection-card { min-height: 205px; }
  .shop-toolbar { align-items: flex-start; flex-wrap: wrap; }
  .shop-search { margin-left: auto; }
}

@media (max-width: 820px) {
  .shop-announcement { overflow: hidden; justify-content: start; white-space: nowrap; }
  .shop-announcement span:nth-child(n + 3) { display: none; }
  .shop-legal-status a { margin-left: 0; }
  .shop-header { grid-template-columns: 1fr auto; }
  .shop-nav, .shop-bag-link { display: none; }
  .shop-mobile-menu { display: block; justify-self: end; }
  .shop-mobile-menu summary { cursor: pointer; list-style: none; font: 10px/1 "Courier New", Courier, monospace; letter-spacing: .1em; text-transform: uppercase; }
  .shop-mobile-menu summary::-webkit-details-marker { display: none; }
  .shop-mobile-menu summary span { margin-left: 5px; color: var(--shop-violet); font-size: 17px; }
  .shop-mobile-panel { position: absolute; top: calc(100% + 1px); right: 0; z-index: 20; display: grid; min-width: 205px; padding: 8px; border: 1px solid var(--shop-ink); background: var(--shop-paper); box-shadow: 8px 9px 0 rgba(21, 21, 19, .12); }
  .shop-mobile-panel a { padding: 12px 10px; font: 10px/1.1 "Courier New", Courier, monospace; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
  .shop-mobile-panel a:hover, .shop-mobile-panel a:focus-visible { background: var(--shop-lime); }
  .shop-hero { grid-template-columns: 1fr; padding-top: 72px; }
  .shop-hero h1 { max-width: 700px; font-size: clamp(54px, 12vw, 96px); }
  .shop-hero-art { width: min(100%, 590px); min-height: 480px; margin-left: auto; }
  .shop-feature, .shop-story { grid-template-columns: 1fr; gap: 50px; }
  .shop-section-intro > p:last-child { max-width: 500px; }
  .shop-section-heading { display: block; }
  .shop-section-aside { margin-top: 22px; }
  .shop-integration-status { grid-template-columns: 1fr; }
  .shopify-live-catalog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .supplier-grid { grid-template-columns: 1fr; }
  .supplier-card { min-height: 280px; }
  .shop-story-art { min-height: 430px; width: min(100%, 600px); }
  .shop-newsletter { grid-template-columns: 1fr; gap: 45px; }
  .shop-footer { grid-template-columns: 1fr 1fr; }
  .shop-footer-policy-links { grid-column: 1 / -1; max-width: 520px; padding-top: 19px; border-top: 1px solid var(--shop-line); }
  .shop-footer-meta { grid-column: 1 / -1; padding-top: 19px; border-top: 1px solid var(--shop-line); }
  .product-detail-layout { grid-template-columns: 1fr; gap: 55px; }
  .product-detail-art { position: static; width: min(100%, 600px); }
  .product-detail-art .design-art { min-height: min(100vw, 650px); }
  .bag-layout-shop { grid-template-columns: 1fr; }
  .bag-summary-shop { position: static; }
}

@media (max-width: 590px) {
  body.storefront-page .storefront-shell { width: min(100% - 28px, 1440px); }
  .shop-wordmark { font-size: 11px; }
  .shop-wordmark-mark { width: 27px; height: 27px; font-size: 9px; }
  .shop-hero { min-height: 0; padding: 63px 0 78px; }
  .shop-hero h1 { font-size: clamp(48px, 15vw, 76px); }
  .shop-hero-lede { font-size: 15px; }
  .shop-hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .shop-hero-note { margin-top: 43px; font-size: 9px; }
  .shop-hero-art { min-height: 350px; }
  .hero-art-panel--front { inset: 30px 38px 42px 0; padding: 14px; }
  .hero-art-panel--back { inset: 52px 5px 30px 35px; }
  .hero-art-signal { font-size: clamp(32px, 11vw, 57px); }
  .hero-art-note { width: 61px; height: 61px; font-size: 9px; }
  .hero-art-note--one { right: 7%; }
  .hero-art-note--two { right: -4px; bottom: 48px; }
  .hero-art-sticker { width: 87px; height: 87px; font-size: 10px; }
  .hero-art-caption { right: 0; font-size: 8px; }
  .shop-stat-strip { grid-template-columns: repeat(2, 1fr); }
  .shop-stat-strip > div { min-height: 76px; padding: 14px 10px; }
  .shop-stat-strip > div:nth-child(2) { border-right: 0; }
  .shop-stat-strip > div:nth-child(-n + 2) { border-bottom: 1px solid var(--shop-line); }
  .shop-stat-strip strong { font-size: 23px; }
  .shop-stat-strip span { font-size: 8px; }
  .shop-integration-status { padding: 22px 18px; }
  .shop-integration-status-grid { grid-template-columns: 1fr; }
  .shopify-live-catalog-list { grid-template-columns: 1fr; }
  .shop-feature, .shop-collection, .shop-story, .shop-newsletter { padding: 80px 0; }
  .shop-section-intro h2, .shop-section-heading h2, .shop-story-copy h2, .shop-newsletter h2 { font-size: clamp(42px, 12vw, 62px); }
  .feature-layout { grid-template-columns: 1fr 1fr; gap: 11px; }
  .feature-card--large { grid-column: 1 / -1; grid-row: auto; }
  .feature-card--large .feature-card-art { min-height: 340px; }
  .feature-card-art { min-height: 190px; }
  .feature-type-lockup { font-size: clamp(33px, 10vw, 56px); }
  .feature-type-lockup--small { font-size: clamp(18px, 5.5vw, 31px); }
  .feature-card-copy { display: block; }
  .feature-card-copy > a { margin-top: 12px; }
  .feature-card-copy h3 { font-size: 15px; }
  .feature-card > p { min-height: 38px; font-size: 11px; }
  .shop-toolbar { display: block; }
  .shop-filter-tabs { gap: 8px 13px; margin-bottom: 17px; }
  .shop-filter-tabs button { font-size: 9px; }
  .shop-type-filter { margin-bottom: 17px; }
  .shop-type-filter select { width: 100%; }
  .shop-search { width: 100%; }
  .shop-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 11px; }
  .design-art { min-height: 213px; }
  .design-art-corner { font-size: 7px; }
  .design-art-corner--top { top: 9px; left: 9px; }
  .design-art-corner--bottom { right: 9px; bottom: 9px; }
  .design-art-sticker { top: 31px; right: 8px; padding: 4px; font-size: 7px; }
  .design-art-index { right: 9px; bottom: 26px; font-size: 8px; }
  .design-garment span { font-size: 12px; }
  .shop-product-meta { display: block; font-size: 8px; line-height: 1.5; }
  .shop-product-sku { display: block; }
  .shop-product-title-row { display: block; }
  .shop-product-title-row h3 { margin-bottom: 8px; font-size: 15px; }
  .shop-product-price { font-size: 11px; }
  .shop-product-copy > p { min-height: 0; font-size: 11px; }
  .shop-product-bottom { display: block; }
  .shop-product-bottom > a { display: block; margin-top: 10px; }
  .supplier-footnote { display: grid; grid-template-columns: auto 1fr; }
  .supplier-footnote a { grid-column: 2; }
  .shop-story-art { min-height: 330px; }
  .story-terminal { min-height: 170px; padding: 15px; }
  .story-terminal strong { font-size: 22px; }
  .story-art-stamp { width: 94px; height: 94px; font-size: 8px; }
  .story-principles { grid-template-columns: 1fr; gap: 21px; margin-top: 39px; }
  .story-principles strong { margin-top: 12px; }
  .shop-footer { display: block; }
  .shop-footer-links { flex-wrap: wrap; gap: 17px; margin-top: 28px; }
  .shop-footer-meta { flex-wrap: wrap; gap: 8px 17px; margin-top: 24px; }
  .product-detail-copy h1 { font-size: clamp(48px, 15vw, 72px); }
  .detail-spec-grid { grid-template-columns: 1fr; }
  .detail-spec:nth-child(odd) { border-right: 0; }
  .detail-spec:nth-child(even) { padding-left: 0; }
  .detail-buy-row { grid-template-columns: 86px 1fr; }
  .detail-buy-row .shop-button { padding: 0 10px; font-size: 9px; }
  .bag-page-heading h1 { font-size: clamp(57px, 17vw, 83px); }
  .bag-row-shop { grid-template-columns: 78px minmax(0, 1fr); gap: 13px; align-items: start; }
  .bag-row-art .design-art { min-height: 103px; }
  .bag-row-total { grid-column: 2; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; min-width: 0; margin-top: -4px; }
  .bag-row-copy h2 { font-size: 16px; }
  .bag-row-copy p { font-size: 9px; }
  .bag-summary-shop { padding: 17px; }
}