.nav{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:24px 40px;display:flex;position:fixed;top:0}.nav-logo{font-family:var(--font-body);letter-spacing:-.5px;color:var(--cream);font-size:22px;font-weight:700;text-decoration:none}.nav-logo span{opacity:.6;font-weight:300}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--cream);font-size:11px;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.5}.nav-link--active{border-bottom:1px solid var(--cream);padding-bottom:2px}.mobile-menu-btn{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:none}.mobile-menu-btn span{background:var(--cream);transform-origin:50%;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.mobile-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{display:none}.mobile-menu a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:4px;color:var(--cream);font-size:14px;text-decoration:none;transition:color .3s}.mobile-menu a:hover,.mobile-menu a:active{color:var(--yellow)}@media (max-width:768px){.nav{padding:16px 20px}.nav-links{display:none}.mobile-menu-btn{display:flex}.mobile-menu{z-index:99;opacity:0;pointer-events:none;background:#1b1b1bf7;flex-direction:column;justify-content:center;align-items:center;gap:36px;width:100%;height:100svh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.mobile-menu.open{opacity:1;pointer-events:all}}
.footer{background:var(--dark);color:var(--cream);grid-template-columns:1fr 1fr 1fr;gap:48px;padding:64px 48px;display:grid}.footer .foot-logo{font-family:var(--font-body);letter-spacing:-.5px;font-size:28px;font-weight:700}.footer .foot-logo span{opacity:.4;font-weight:300}.footer .foot-tagline{opacity:.4;margin-top:8px;font-size:13px;font-weight:300}.footer .foot-col h5{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--yellow);margin-bottom:20px;font-size:10px}.footer .foot-col a{color:var(--cream);opacity:.6;margin-bottom:12px;font-size:14px;font-weight:300;text-decoration:none;transition:opacity .3s;display:block}.footer .foot-col a:hover{opacity:1}.foot-bottom{border-top:1px solid #ffffff14;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.foot-bottom p{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;opacity:.3;font-size:10px}@media (max-width:768px){.footer{grid-template-columns:1fr;gap:32px;padding:48px 24px}.foot-bottom{text-align:center;flex-direction:column;gap:8px}}
.search-input{align-items:center;width:100%;max-width:520px;display:flex;position:relative}.search-input-icon{color:var(--grey);pointer-events:none;position:absolute;left:20px}.search-input-field{width:100%;font-family:var(--font-body);background:var(--cream);color:var(--dark);border:1.5px solid #1b1b1b1f;border-radius:0;outline:none;padding:16px 48px 16px 52px;font-size:15px;font-weight:300;transition:border-color .3s}.search-input-field::placeholder{color:var(--grey);font-weight:300}.search-input-field:focus{border-color:var(--yellow)}.search-input-clear{cursor:pointer;color:var(--grey);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex;position:absolute;right:16px}.search-input-clear:hover{color:var(--dark)}
.cat-list{flex-direction:column;display:flex}.cat-list-item{cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 24px;transition:background .2s,border-color .2s;display:flex}.cat-list-item:hover{background:#1b1b1b08}.cat-list-item--active{background:var(--yellow-pale);border-left-color:var(--yellow)}.cat-list-item--active:hover{background:var(--yellow-pale)}.cat-list-icon{color:var(--grey);flex-shrink:0;transition:color .2s}.cat-list-item--active .cat-list-icon{color:var(--dark)}.cat-list-name{font-family:var(--font-body);color:var(--mid);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:400;transition:color .2s;overflow:hidden}.cat-list-item--active .cat-list-name{color:var(--dark);font-weight:500}.cat-list-count{font-family:var(--font-mono);letter-spacing:.5px;color:var(--grey);flex-shrink:0;font-size:10px}.cat-list-item--active .cat-list-count{color:var(--mid)}@media (max-width:768px){.cat-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:0;padding:0 4px;overflow-x:auto}.cat-list::-webkit-scrollbar{display:none}.cat-list-item{border-bottom:2px solid #0000;border-left:none;flex-shrink:0;gap:6px;padding:8px 14px}.cat-list-item--active{border-left-color:#0000;border-bottom-color:var(--yellow)}.cat-list-name{font-size:11px}.cat-list-count{font-size:9px}}
.subcategory-nav{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.subcategory-nav-item{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--grey);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:10px;transition:background .3s,color .3s;display:flex}.subcategory-nav-item:hover{color:var(--dark);background:#1b1b1b0a}.subcategory-nav-item.active{background:var(--dark);color:var(--cream)}.subcategory-nav-count{opacity:.5;font-size:9px}.subcategory-nav-item.active .subcategory-nav-count{color:var(--yellow);opacity:1}@media (max-width:768px){.subcategory-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.subcategory-nav::-webkit-scrollbar{display:none}.subcategory-nav-item{padding:7px 14px;font-size:9px}}
.store-visual{background:var(--dark);touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.store-visual-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.store-visual-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--yellow);z-index:2;pointer-events:none;font-size:10px;position:absolute}.store-visual-label.sv-tl{top:24px;left:24px}.store-visual-label.sv-br{bottom:24px;right:24px}
.status-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--mid);align-items:center;gap:6px;font-size:10px;display:inline-flex}.status-badge-dot{background:var(--yellow);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge--low-stock .status-badge-dot{background:#c45d3e}.status-badge--low-stock{color:#c45d3e}.status-badge--out-of-stock .status-badge-dot{background:var(--grey)}.status-badge--out-of-stock{color:var(--grey)}
.item-card{cursor:pointer;border-bottom:1px solid #1b1b1b0f;padding:20px 24px;transition:background .3s}.item-card:last-child{border-bottom:none}.item-card:hover{background:var(--yellow-pale)}.item-card-name{font-family:var(--font-body);letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:500;line-height:1.3}.item-card-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--grey);align-items:center;gap:6px;font-size:10px;display:flex}.item-card-dot{color:var(--grey);opacity:.4}@media (max-width:768px){.item-card{padding:16px 20px}.item-card-name{font-size:14px}}
.tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;border:1.5px solid var(--dark);color:var(--dark);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:8px 16px;font-size:10px;transition:background .3s,border-color .3s,color .3s}.tag:hover{background:var(--yellow);border-color:var(--yellow)}.tag--active{background:var(--yellow);border-color:var(--yellow);color:var(--dark)}.tag--active:hover{background:var(--yellow-light);border-color:var(--yellow-light)}
.item-detail-overlay{z-index:1000;background:#1b1b1b99;justify-content:center;align-items:center;padding:24px;animation:.3s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.item-detail{background:var(--cream);width:100%;max-width:600px;max-height:85vh;padding:48px 40px;animation:.3s detail-in;position:relative;overflow-y:auto}@keyframes detail-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.item-detail-close{cursor:pointer;color:var(--grey);background:0 0;border:none;padding:8px;transition:color .3s;position:absolute;top:20px;right:20px}.item-detail-close:hover{color:var(--dark)}.item-detail-top{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.item-detail-icon{border:1.5px solid var(--dark);width:64px;height:64px;color:var(--dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.item-detail-category-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--grey);margin-bottom:6px;font-size:10px;display:block}.item-detail-name{font-family:var(--font-body);letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.2}.item-detail-meta{border-bottom:1px solid #1b1b1b14;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:20px;display:flex}.item-detail-qty{align-items:baseline;gap:4px;display:flex}.item-detail-qty-num{font-family:var(--font-mono);color:var(--dark);font-size:18px;font-weight:700}.item-detail-qty-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--grey);font-size:9px}.item-detail-id{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--grey);margin-left:auto;font-size:10px}.item-detail-desc{color:var(--mid);margin-bottom:32px;font-size:15px;font-weight:300;line-height:1.8}.item-detail-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--yellow);margin-bottom:16px;font-size:10px;font-weight:400}.item-detail-specs{margin-bottom:28px}.item-detail-specs-table{border-collapse:collapse;width:100%}.item-detail-specs-table tr{border-bottom:1px solid #1b1b1b0f}.item-detail-specs-table tr:last-child{border-bottom:none}.item-detail-spec-key{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--grey);white-space:nowrap;vertical-align:top;width:1%;padding:10px 16px 10px 0;font-size:11px}.item-detail-spec-val{color:var(--dark);padding:10px 0;font-size:14px;font-weight:300}.item-detail-related{margin-bottom:24px}.item-detail-tags{margin-bottom:8px}.item-detail-tags-list{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:768px){.item-detail{max-height:90vh;padding:32px 24px}.item-detail-top{flex-direction:column;gap:16px}.item-detail-icon{width:52px;height:52px}.item-detail-name{font-size:20px}.item-detail-meta{flex-wrap:wrap;gap:16px}.item-detail-id{margin-left:0}}
.hero{grid-template-columns:1fr 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.hero-left{z-index:2;flex-direction:column;justify-content:flex-end;padding:0 0 80px 48px;display:flex}.hero-right{position:relative;overflow:hidden}.hero-title{letter-spacing:-4px;color:var(--dark);font-size:clamp(56px,8vw,120px);font-weight:700;line-height:.92}.hero-title-accent{color:var(--yellow)}.hero-subtitle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;color:var(--grey);margin-top:28px;font-size:12px;line-height:2}.hero-stats{z-index:3;gap:32px;display:flex;position:absolute;bottom:32px;left:24px}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-num{font-family:var(--font-mono);color:var(--yellow);font-size:28px;font-weight:700;line-height:1}.hero-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--cream);opacity:.5;font-size:9px}.hero-arrow{z-index:10;color:var(--dark);cursor:pointer;background:0 0;border:none;padding:8px;animation:2s ease-in-out infinite arrow-bounce;position:absolute;bottom:32px;left:48px}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.browse{grid-template-columns:300px 1fr;height:100vh;display:grid;overflow:hidden}.browse-sidebar{border-right:1px solid #1b1b1b14;flex-direction:column;display:flex;overflow:hidden}.browse-search{flex-shrink:0;padding:72px 24px 16px}.browse-categories{scrollbar-width:thin;scrollbar-color:var(--grey) transparent;flex:1;overflow-y:auto}.browse-categories::-webkit-scrollbar{width:4px}.browse-categories::-webkit-scrollbar-thumb{background:var(--grey);border-radius:2px}.browse-main{flex-direction:column;display:flex;overflow:hidden}.browse-prompt{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.browse-prompt-title{color:var(--dark);letter-spacing:-.3px;font-size:17px;font-weight:500}.browse-prompt-text{color:var(--grey);font-size:14px;font-weight:300}.browse-results-header{border-bottom:1px solid #1b1b1b0f;flex-shrink:0;align-items:center;gap:10px;padding:20px 32px;display:flex}.browse-results-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--dark);font-size:11px;font-weight:700}.browse-results-count{font-family:var(--font-mono);letter-spacing:1px;color:var(--grey);font-size:10px}.browse-results-clear{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--grey);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 0;font-size:10px;transition:color .3s}.browse-results-clear:hover{color:var(--yellow)}.browse-subcategories{z-index:2;border-bottom:1px solid #1b1b1b0f;flex-shrink:0;align-items:center;gap:8px;padding:12px 32px;display:flex;position:relative}.browse-list{scrollbar-width:thin;scrollbar-color:var(--grey) transparent;flex:1;overflow-y:auto}.browse-list::-webkit-scrollbar{width:4px}.browse-list::-webkit-scrollbar-thumb{background:var(--grey);border-radius:2px}@media (max-width:768px){.hero{grid-template-rows:50vh 50vh;grid-template-columns:1fr;height:auto;min-height:100svh}.hero-left{order:2;justify-content:flex-end;padding:0 24px 32px}.hero-right{order:1}.hero-title{letter-spacing:-2px;font-size:clamp(44px,14vw,80px)}.hero-subtitle{letter-spacing:2px;margin-top:16px;font-size:11px}.hero-stats{gap:24px;bottom:16px;left:16px}.hero-stat-num{font-size:22px}.hero-arrow{display:none}.browse{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100svh}.browse-sidebar{border-bottom:1px solid #1b1b1b14;border-right:none}.browse-search{padding:56px 20px 12px}.browse-categories{max-height:none;padding-bottom:8px;overflow:auto visible}.browse-main{min-height:60vh}.browse-results-header{padding:16px 20px}.browse-subcategories{padding:10px 20px}}@media (max-width:480px){.hero-title{font-size:clamp(36px,16vw,60px)}.hero-stats{gap:16px}.hero-stat-num{font-size:18px}}