:root{--coal-deep: #0b0806;--coal-surface: #15100c;--coal-card: #1d1610;--coal-elevated: #271d15;--brass-light: #f3c86b;--brass-primary: #d49b35;--brass-dark: #8c5c16;--copper-accent: #c86d3b;--aether-cyan: #5bc0be;--parchment: #f4e8d1;--parchment-muted: #bda988;--danger-steam: #e05a47;--success-emerald: #52b788;--font-display: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-heading: "Cinzel", Georgia, serif;--font-body: "Cormorant Garamond", Georgia, serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--coal-deep);color:var(--parchment);font-family:var(--font-body);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 12%,rgba(212,155,53,.12),transparent 42%),radial-gradient(circle at 82% 28%,rgba(200,109,59,.1),transparent 45%),linear-gradient(180deg,#0e0a07,#16100b,#0b0806);color:var(--parchment);overflow-x:hidden}.weathered-brass-plaque{--steampunk-mesh-gradient: radial-gradient(circle at 2px 2px, rgba(0, 0, 0, .92) 1.5px, rgba(0, 0, 0, .65) 2px), linear-gradient(135deg, rgba(0, 0, 0, .98) 25%, rgba(0, 0, 0, .78) 50%, rgba(0, 0, 0, .98) 75%);-webkit-mask-image:var(--steampunk-mesh-gradient);-webkit-mask-repeat:repeat;-webkit-mask-size:8px 8px,28px 28px;mask-image:var(--steampunk-mesh-gradient);mask-repeat:repeat;mask-size:8px 8px,28px 28px}@supports (not (mask-image: url(x))) and (not (-webkit-mask-image: url(x))){.weathered-brass-plaque{background-image:repeating-linear-gradient(135deg,rgba(212,155,53,.16) 0px,rgba(212,155,53,.16) 2px,transparent 2px,transparent 6px);background-color:var(--coal-elevated)}}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overflow:hidden;overscroll-behavior:contain;background:#060403cc;backdrop-filter:blur(4px)}.SteampunkModal{border:2px solid var(--brass-primary);background:linear-gradient(160deg,#1f1710,#120d09);color:var(--parchment);padding:0;max-width:min(760px,94vw);width:100%;border-radius:4px;box-shadow:0 24px 60px #000000d9,inset 0 0 0 1px #f3c86b40}.SteampunkModal[open]{display:block}@property --drawer-backdrop{syntax: "<number>"; inherits: true; initial-value: 0;}.Drawer{--drawer-width: min(26rem, 86dvw, 100dvw - 24px);--drawer-backdrop: 0;inset:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;background:transparent;border:0;overflow:visible}.Drawer::backdrop{background:#050302;opacity:calc(var(--drawer-backdrop) * .72)}.Drawer-scroller{position:relative;display:grid;grid-template-columns:var(--drawer-width) 100%;overflow-x:scroll;overscroll-behavior:none;scrollbar-width:none;scroll-snap-type:x mandatory}.Drawer-scroller::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:no-preference){.Drawer-scroller{scroll-behavior:smooth}}.Drawer-scroller:after{content:"";scroll-snap-align:end;scroll-initial-target:nearest}.Drawer-sheet{display:grid;grid-template-rows:auto 1fr auto;height:100svh;background:linear-gradient(180deg,#1b140e,#100c08);color:var(--parchment);border-right:2px solid var(--brass-primary);box-shadow:12px 0 40px #000c;overflow-y:auto;scroll-snap-align:start;scrollbar-width:thin}@supports (animation-timeline: scroll()){.Drawer{timeline-scope:--drawer-fade;animation:fade-drawer-backdrop linear both;animation-timeline:--drawer-fade}.Drawer-scroller{scroll-timeline:--drawer-fade x}@keyframes fade-drawer-backdrop{0%{--drawer-backdrop: 1}to{--drawer-backdrop: 0}}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.gear-spin{animation:spin-slow 28s linear infinite}.gear-spin-reverse{animation:spin-reverse 20s linear infinite}@media(prefers-reduced-motion:reduce){.gear-spin,.gear-spin-reverse{animation:none}}.steampunk-header{position:sticky;top:0;z-index:30;background:#0f0b08eb;backdrop-filter:blur(10px);border-bottom:2px solid var(--brass-dark);box-shadow:0 6px 24px #000000a6}.header-inner{max-width:1320px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand-lockup{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:inherit}.brand-emblem{width:46px;height:46px;border-radius:50%;border:2px solid var(--brass-primary);background:radial-gradient(circle,#2e2115,#120c07);display:grid;place-items:center;color:var(--brass-light);box-shadow:0 0 14px #d49b354d}.brand-title{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.14em;color:var(--brass-light);margin:0;line-height:1.1;text-shadow:0 2px 10px rgba(212,155,53,.35)}.brand-subtitle{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;color:var(--parchment-muted);display:block;margin-top:2px}.header-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.brass-pill-select{background:var(--coal-card);color:var(--brass-light);border:1px solid var(--brass-dark);padding:.42rem .68rem;border-radius:3px;font-family:var(--font-mono);font-size:.78rem;cursor:pointer}.brass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:.62rem 1.15rem;border:1px solid var(--brass-light);background:linear-gradient(180deg,#deb150,#b57c20 55%,#8c5c14);color:#140d06;border-radius:3px;cursor:pointer;box-shadow:inset 0 1px #ffffff73,0 4px 14px #00000080;transition:transform .15s ease,filter .15s ease}.brass-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.brass-btn:active{transform:translateY(0)}.brass-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;padding:.56rem .95rem;border:1px solid var(--brass-primary);background:#271d15d9;color:var(--brass-light);border-radius:3px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.brass-btn-secondary:hover{background:#d49b352e;border-color:var(--brass-light)}.hero-section{position:relative;max-width:1320px;margin:0 auto;padding:2.5rem 1.5rem 2rem;display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}@media(max-width:920px){.hero-section{grid-template-columns:1fr}}.serial-plate{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:linear-gradient(90deg,#d49b3538,#c86d3b1f);border:1px solid var(--brass-dark);border-left:3px solid var(--brass-light);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;color:var(--brass-light);margin-bottom:1rem}.hero-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;margin:0 0 1rem;color:var(--parchment);text-shadow:0 4px 18px rgba(0,0,0,.7)}.hero-lead{font-size:1.22rem;line-height:1.55;color:var(--parchment-muted);margin:0 0 1.65rem;max-width:62ch}.hero-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.75rem}.gauge-box{background:#19120de6;border:1px solid var(--brass-dark);padding:.75rem .9rem;border-radius:4px;position:relative}.gauge-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--parchment-muted);display:block}.gauge-value{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--brass-light);margin-top:.2rem;display:block}.hero-showcase-frame{position:relative;background:radial-gradient(circle,#251b12,#120d09);border:2px solid var(--brass-primary);border-radius:6px;padding:1.25rem;box-shadow:0 20px 50px #000000bf,inset 0 0 0 1px #f3c86b38}.rivet{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--brass-light),var(--brass-dark));box-shadow:0 1px 2px #000c}.rivet.tl{top:8px;left:8px}.rivet.tr{top:8px;right:8px}.rivet.bl{bottom:8px;left:8px}.rivet.br{bottom:8px;right:8px}.catalog-container{max-width:1320px;margin:0 auto;padding:1.5rem}.toolbar-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--coal-surface);border:1px solid var(--brass-dark);border-radius:4px;margin-bottom:2rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.06em;padding:.5rem .9rem;background:var(--coal-card);color:var(--parchment-muted);border:1px solid rgba(212,155,53,.3);border-radius:3px;cursor:pointer;transition:all .15s ease}.filter-tab[aria-pressed=true],.filter-tab:hover{background:#d49b3533;color:var(--brass-light);border-color:var(--brass-primary)}.search-input-wrap{position:relative;min-width:min(320px,100%);flex:1;max-width:400px}.steampunk-input,.steampunk-textarea,.steampunk-select{width:100%;background:#100c08;color:var(--parchment);border:1px solid var(--brass-dark);border-radius:3px;padding:.62rem .85rem;font-family:var(--font-mono);font-size:.85rem}.steampunk-input:focus,.steampunk-textarea:focus,.steampunk-select:focus{outline:2px solid var(--brass-light);border-color:var(--brass-light)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem}.product-card{position:relative;background:linear-gradient(180deg,#1d1610,#130e0a);border:1px solid var(--brass-dark);border-radius:5px;padding:1.25rem;display:flex;flex-direction:column;box-shadow:0 12px 30px #0000008c;transition:border-color .2s ease,transform .2s ease}.product-card:hover{border-color:var(--brass-light);transform:translateY(-3px)}.product-image-stage{position:relative;border:1px solid rgba(212,155,53,.3);border-radius:4px;overflow:hidden;background:#0e0a07;aspect-ratio:500 / 540;margin-bottom:1rem}.product-image-stage img{width:100%;height:100%;object-fit:cover;display:block}.card-badge{position:absolute;top:10px;left:10px;background:linear-gradient(90deg,#b87333,#8c5c16);color:#fff;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .6rem;border:1px solid var(--brass-light);border-radius:2px}.blueprint-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--brass-primary);letter-spacing:.1em}.product-title{font-family:var(--font-heading);font-size:1.22rem;color:var(--parchment);margin:.3rem 0 .5rem}.product-desc{font-size:1rem;color:var(--parchment-muted);margin:0 0 1rem;line-height:1.45;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.swatch-row{display:flex;align-items:center;gap:.5rem;margin:.4rem 0 .85rem}.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--brass-dark);cursor:pointer;padding:0}.color-swatch[aria-pressed=true]{border-color:var(--brass-light);box-shadow:0 0 0 2px var(--coal-deep),0 0 0 4px var(--brass-primary)}.size-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.35rem 0 1.1rem}.size-btn{font-family:var(--font-mono);font-size:.76rem;padding:.32rem .65rem;background:#110c08;color:var(--parchment-muted);border:1px solid var(--brass-dark);border-radius:2px;cursor:pointer}.size-btn[aria-pressed=true]{background:var(--brass-primary);color:#120c07;font-weight:700;border-color:var(--brass-light)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.9rem;border-top:1px dashed rgba(212,155,53,.3)}.price-tag{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--brass-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-family:var(--font-mono);font-size:.76rem;color:var(--brass-light)}