@import "https://fonts.googleapis.com/css2?family=Space+Mono&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#000;--color-white:#fff;--color-near-black:#0a0a0a;--color-gray-900:#111;--color-gray-800:#1a1a1a;--color-gray-700:#222;--color-gray-500:#555;--color-gray-400:#444;--color-gray-300:#333;--color-gray-200:#999;--color-gray-100:#ddd;--color-accent:#a67b5b;--font-mono:"Space Mono", "SF Mono", "Monaco", "Menlo", "Courier New", monospace;--space-section:70px;--space-page-x-desktop:60px;--space-page-x-mobile:20px;--header-height:56px}[data-theme=light]{--color-black:#dfddd8;--color-white:#000;--color-near-black:#e8e6e1;--color-gray-900:#cccac5;--color-gray-800:#cccac5;--color-gray-700:#b8b6b1;--color-gray-500:#6a6862;--color-gray-400:#555550;--color-gray-300:#88867f;--color-gray-200:#35342f;--color-gray-100:#222220}html{background-color:var(--color-near-black);color:var(--color-gray-200);font-family:var(--font-mono);letter-spacing:.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;font-weight:400;line-height:1.6}body{flex-direction:column;min-height:100vh;display:flex}main{padding:var(--header-height) var(--space-page-x-desktop) var(--space-section);flex:1}a{color:var(--color-gray-500);text-decoration:none;transition:color .2s}a:hover{color:var(--color-white)}img{max-width:100%;height:auto;display:block}.wordmark{font-family:var(--font-mono);letter-spacing:8px;text-transform:uppercase;color:var(--color-white);font-size:16px;font-weight:400;text-decoration:none}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--color-gray-300);font-size:11px;line-height:1.2}.nav-link{letter-spacing:2px;text-transform:uppercase;color:var(--color-gray-500);font-size:12px;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-white)}.product-name{letter-spacing:2px;text-transform:uppercase;color:#888;font-size:12px}.product-price{letter-spacing:0;color:var(--color-gray-400);font-size:12px}.body-text{letter-spacing:.5px;color:var(--color-gray-200);font-size:15px;line-height:1.6}.divider{background:var(--color-gray-800);border:none;height:1px}.divider-accent{background:var(--color-accent);border:none;height:1px}.button-primary{font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);cursor:pointer;background:0 0;padding:14px 36px;font-size:11px;font-weight:400;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.button-primary:hover{background-color:var(--color-accent);color:var(--color-black)}@media (max-width:768px){main{padding-left:var(--space-page-x-mobile);padding-right:var(--space-page-x-mobile)}}.site-header{z-index:100;height:var(--header-height);background-color:var(--color-black);border-bottom:1px solid var(--color-gray-900);justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0}.site-nav{align-items:center;gap:28px;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.menu-toggle-bar{background:var(--color-white);width:20px;height:1px;transition:transform .2s,opacity .2s;display:block}@media (max-width:768px){.site-nav{display:none}.menu-toggle{display:flex}.site-header.menu-open .site-nav{top:var(--header-height);background:var(--color-black);padding:40px var(--space-page-x-mobile);flex-direction:column;gap:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.site-header.menu-open .site-nav .nav-link{letter-spacing:4px;font-size:14px}.site-header.menu-open .menu-toggle-bar:first-child{transform:rotate(45deg)translate(2px,2px)}.site-header.menu-open .menu-toggle-bar:last-child{transform:rotate(-45deg)translate(2px,-2px)}}.site-footer{padding:0 var(--space-page-x-desktop);margin-top:var(--space-section)}.footer-content{justify-content:space-between;align-items:flex-start;padding:40px 0;display:flex}.footer-wordmark{letter-spacing:6px;font-size:12px}.footer-tagline{color:var(--color-gray-500);margin-top:8px;font-size:12px}.footer-nav{gap:24px;display:flex}.footer-bottom{border-top:1px solid var(--color-gray-900);padding:20px 0}@media (max-width:768px){.site-footer{padding:0 var(--space-page-x-mobile)}.footer-content{flex-direction:column;gap:30px}.footer-nav{flex-direction:column;gap:16px}}.hero{max-width:720px;margin:0 auto var(--space-section)}.hero-image{width:100%;height:auto;display:block}.product-intro{margin-bottom:var(--space-section)}.product-intro .section-label{margin-bottom:16px;display:block}.product-title{font-family:var(--font-mono);letter-spacing:6px;text-transform:uppercase;color:var(--color-white);margin-bottom:8px;font-size:16px;font-weight:400}.product-intro .product-price{margin-top:8px}.product-narrative{max-width:640px;margin-bottom:var(--space-section)}.product-narrative .body-text{margin-bottom:20px}.product-narrative .body-text:last-child{margin-bottom:0}.product-specs{margin:var(--space-section) 0}.product-specs .section-label{margin-bottom:24px;display:block}.specs-list{max-width:480px}.spec-row{border-bottom:1px solid var(--color-gray-900);justify-content:space-between;padding:10px 0;display:flex}.spec-row dt{letter-spacing:2px;text-transform:uppercase;color:var(--color-gray-500);font-size:12px}.spec-row dd{color:var(--color-gray-200);text-align:right;font-size:12px}.product-buy{margin:var(--space-section) 0}.buy-note{color:var(--color-gray-500);margin-top:16px;font-size:12px}@media (max-width:768px){.hero{max-width:100%}}.page-header{margin-bottom:var(--space-section);padding-top:20px}.page-header .section-label{margin-bottom:16px;display:block}.page-title{font-family:var(--font-mono);letter-spacing:6px;text-transform:uppercase;color:var(--color-white);font-size:16px;font-weight:400}.page-content{max-width:640px;margin-bottom:var(--space-section)}.page-content .body-text{margin-bottom:16px}.page-content .body-text:last-child{margin-bottom:0}.newsletter{margin-bottom:30px}.newsletter .section-label{margin-bottom:12px;display:block}.newsletter-row{gap:0;max-width:360px;display:flex}.newsletter-input{font-family:var(--font-mono);letter-spacing:1px;color:var(--color-white);border:1px solid var(--color-gray-800);background:0 0;outline:none;flex:1;padding:10px 12px;font-size:12px;transition:border-color .2s}.newsletter-input::placeholder{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:2px}.newsletter-input:focus{border-color:var(--color-gray-500)}.newsletter-submit{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-gray-800);cursor:pointer;background:0 0;border-left:none;padding:10px 16px;font-size:11px;transition:background-color .2s,color .2s}.newsletter-submit:hover{background-color:var(--color-accent);color:var(--color-black)}.theme-toggle{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;cursor:pointer;color:#777;background:#2a2a2a;border:1px solid #3a3a3a;padding:4px 10px;font-size:10px;transition:color .2s,border-color .2s,background-color .2s}.theme-toggle:hover{color:#999;background:#333}[data-theme=light] .theme-toggle{color:#888880;background:#d0cec8;border-color:#b8b6b0}[data-theme=light] .theme-toggle:hover{color:#6a6862;background:#c5c3bd}
