/* Shared stylesheet generated from the original inline styles. */
/* contact.html */
body.page_contact {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #8a5a24;
  --rule: rgba(17,17,17,.22);
  --muted: #6e5948;
}
body.page_contact * { box-sizing: border-box; }
html, body.page_contact { margin:0; min-height:100%; }
body.page_contact {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  background-color: var(--paper);
  line-height: 1.38;
}
body.page_contact::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.85), rgba(246,239,227,.85)), url('images/contact-b89497857ce0.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_contact .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_contact header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_contact nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_contact nav a {
  color:var(--ink);
  text-decoration:none;
}
body.page_contact nav a.active {
  color:var(--accent);
  border-bottom:1px solid var(--accent);
  padding-bottom:5px;
}
body.page_contact main {
  width:min(760px, 100%);
  margin-left:4vw;
  padding:44px 48px 50px;
  background:rgba(246,239,227,.78);
  border-left:1px solid var(--rule);
}
body.page_contact h1 {
  margin:0 0 20px;
  font-size:clamp(58px, 7vw, 104px);
  line-height:.84;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.page_contact .subtitle {
  margin:0 0 34px;
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
body.page_contact .rule {
  width:210px;
  height:1px;
  background:var(--accent);
  margin:0 0 34px;
}
body.page_contact p {
  margin:0 0 22px;
  font-size:22px;
}
body.page_contact .contact-block {
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid var(--rule);
}
body.page_contact .label {
  margin:24px 0 4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
}
body.page_contact .value {
  margin:0 0 10px;
  font-size:24px;
}
body.page_contact .standard {
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--rule);
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
@media (max-width:820px) {
body.page_contact .page { padding:24px 24px 50px; }
body.page_contact header { padding:24px 0; margin-bottom:46px; }
body.page_contact nav { flex-wrap:wrap; gap:14px 18px; }
body.page_contact main { margin-left:0; padding:30px 26px 36px; }
body.page_contact p { font-size:20px; }
}

/* history.html */
body.page_history {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #8a5a24;
  --rule: rgba(17,17,17,.22);
  --muted: #6e5948;
}
body.page_history * { box-sizing: border-box; }
html, body.page_history { margin:0; min-height:100%; }
body.page_history {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  background-color: var(--paper);
  line-height: 1.38;
}
body.page_history::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.86), rgba(246,239,227,.86)), url('images/history-1f92253972e8.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_history .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_history header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_history nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_history nav a { color:var(--ink); text-decoration:none; }
body.page_history nav a.active { color:var(--accent); border-bottom:1px solid var(--accent); padding-bottom:5px; }
body.page_history main {
  width:min(760px, 100%);
  margin-left:4vw;
  padding:44px 48px 50px;
  background:rgba(246,239,227,.78);
  border-left:1px solid var(--rule);
}
body.page_history h1 {
  margin:0 0 20px;
  font-size:clamp(58px, 7vw, 104px);
  line-height:.84;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.page_history .subtitle {
  margin:0 0 34px;
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
body.page_history .rule {
  width:210px;
  height:1px;
  background:var(--accent);
  margin:0 0 34px;
}
body.page_history p {
  margin:0 0 22px;
  font-size:22px;
}
body.page_history .photo-strip {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin:36px 0;
}
body.page_history figure { margin:0; }
body.page_history figure img {
  width:100%;
  display:block;
  border:1px solid var(--rule);
  filter:sepia(.16) contrast(.97);
  box-shadow:0 14px 38px rgba(0,0,0,.13);
}
body.page_history .rotated-frame {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border:1px solid var(--rule);
  box-shadow:0 14px 38px rgba(0,0,0,.13);
  background: #eee;
}
body.page_history .rotated-frame img {
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
  box-shadow:none;
  transform: rotate(-90deg) scale(1.34);
}
body.page_history figcaption {
  margin-top:9px;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
body.page_history .standard {
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--rule);
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
@media (max-width:820px) {
body.page_history .page { padding:24px 24px 50px; }
body.page_history header { display:block; margin-bottom:46px; }
body.page_history nav { flex-wrap:wrap; gap:14px 18px; margin-top:24px; }
body.page_history main { margin-left:0; padding:30px 26px 36px; }
body.page_history .photo-strip { grid-template-columns:1fr; }
body.page_history p { font-size:20px; }
}

/* index.html */
body.page_index {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #8a5a24;
  --rule: rgba(17,17,17,.22);
  --muted: #6e5948;
}
body.page_index * { box-sizing: border-box; }
html, body.page_index { margin:0; min-height:100%; }
body.page_index {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  background-color: var(--paper);
  line-height: 1.38;
}
body.page_index::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.87), rgba(246,239,227,.87)), url('images/contact-b89497857ce0.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_index .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_index header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_index .site-logo {
  width:450px;
  height:auto;
  display:block;
  margin-right:auto;
}
body.page_index nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_index nav a { color:var(--ink); text-decoration:none; }
body.page_index nav a.active { color:var(--accent); border-bottom:1px solid var(--accent); padding-bottom:5px; }
body.page_index main {
  width:min(760px, 100%);
  margin-left:4vw;
  padding:44px 48px 50px;
  background:rgba(246,239,227,.78);
  border-left:1px solid var(--rule);
}
body.page_index h1 {
  margin:0 0 20px;
  font-size:clamp(58px, 7vw, 104px);
  line-height:.84;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.page_index h2 {
  margin:36px 0 10px;
  color:var(--accent);
  font-size:34px;
  line-height:1;
}
body.page_index .subtitle {
  margin:0 0 34px;
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
body.page_index .rule {
  width:210px;
  height:1px;
  background:var(--accent);
  margin:0 0 34px;
}
body.page_index p {
  margin:0 0 22px;
  font-size:22px;
}
body.page_index .standard {
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--rule);
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
body.page_index .product-list {
  margin-top: 34px;
  border-top:1px solid var(--rule);
}
body.page_index .product {
  padding: 28px 0;
  border-bottom:1px solid var(--rule);
}
body.page_index .product h2 { margin-top:0; }
body.page_index .status {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
}
@media (max-width:820px) {
body.page_index .page { padding:24px 24px 50px; }
body.page_index header { display:block; margin-bottom:46px; }
body.page_index nav { flex-wrap:wrap; gap:14px 18px; margin-top:24px; }
body.page_index main { margin-left:0; padding:30px 26px 36px; }
body.page_index p { font-size:20px; }
}

/* new-product.html */
body.page_new_product {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #8a5a24;
  --rule: rgba(17,17,17,.22);
  --muted: #6e5948;
}
body.page_new_product * { box-sizing: border-box; }
html, body.page_new_product { margin:0; min-height:100%; }
body.page_new_product {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  background-color: var(--paper);
  line-height: 1.38;
}
body.page_new_product::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.85), rgba(246,239,227,.85)), url('images/contact-b89497857ce0.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_new_product .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_new_product header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_new_product nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_new_product nav a {
  color:var(--ink);
  text-decoration:none;
}
body.page_new_product nav a.active {
  color:var(--accent);
  border-bottom:1px solid var(--accent);
  padding-bottom:5px;
}
body.page_new_product main {
  width:min(760px, 100%);
  margin-left:4vw;
  padding:44px 48px 50px;
  background:rgba(246,239,227,.78);
  border-left:1px solid var(--rule);
}
body.page_new_product h1 {
  margin:0 0 20px;
  font-size:clamp(58px, 7vw, 104px);
  line-height:.84;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.page_new_product .subtitle {
  margin:0 0 34px;
  color:var(--accent);
  font-size:38px;
  font-style:italic;
}
body.page_new_product .rule {
  width:210px;
  height:1px;
  background:var(--accent);
  margin:0 0 34px;
}
body.page_new_product p {
  margin:0 0 22px;
  font-size:22px;
}
body.page_new_product .contact-block {
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid var(--rule);
}
body.page_new_product .label {
  margin:24px 0 4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
}
body.page_new_product .value {
  margin:0 0 10px;
  font-size:24px;
}
body.page_new_product .standard {
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--rule);
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}


body.page_new_product ul {
  font-size: 26px;
  line-height: 1.6;
  padding-left: 34px;
}

body.page_new_product li {
  margin-bottom: 10px;
}

@media (max-width:820px) {
body.page_new_product .page { padding:24px 24px 50px; }
body.page_new_product header { padding:24px 0; margin-bottom:46px; }
body.page_new_product nav { flex-wrap:wrap; gap:14px 18px; }
body.page_new_product main { margin-left:0; padding:30px 26px 36px; }
body.page_new_product p { font-size:20px; }
}

/* older-amps.html */
body.page_older_amps {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #8a5a24;
  --rule: rgba(17,17,17,.22);
  --muted: #6e5948;
}
body.page_older_amps * { box-sizing: border-box; }
html, body.page_older_amps { margin:0; min-height:100%; }
body.page_older_amps {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  background-color: var(--paper);
  line-height: 1.38;
}
body.page_older_amps::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.85), rgba(246,239,227,.85)), url('images/contact-b89497857ce0.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_older_amps .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_older_amps header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_older_amps nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_older_amps nav a {
  color:var(--ink);
  text-decoration:none;
}
body.page_older_amps nav a.active {
  color:var(--accent);
  border-bottom:1px solid var(--accent);
  padding-bottom:5px;
}
body.page_older_amps main {
  width:min(900px, 100%);
  margin-left:4vw;
  padding:44px 48px 50px;
  background:rgba(246,239,227,.78);
  border-left:1px solid var(--rule);
}
body.page_older_amps h1 {
  margin:0 0 20px;
  font-size:clamp(58px, 7vw, 104px);
  line-height:.84;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.page_older_amps .subtitle {
  margin:0 0 34px;
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
body.page_older_amps .rule {
  width:210px;
  height:1px;
  background:var(--accent);
  margin:0 0 34px;
}
body.page_older_amps p {
  margin:0 0 22px;
  font-size:22px;
}
body.page_older_amps .amp-reference {
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid var(--rule);
}
body.page_older_amps .amp-entry {
  display:grid;
  grid-template-columns:220px 1fr;
  gap:28px;
  align-items:start;
  padding:30px 0;
  border-bottom:1px solid var(--rule);
}
body.page_older_amps .amp-entry img {
  width:100%;
  max-width:220px;
  display:block;
  border:1px solid var(--rule);
  box-shadow:0 14px 38px rgba(0,0,0,.13);
}
body.page_older_amps .amp-entry h2 {
  margin:0 0 14px;
  color:var(--accent);
  font-size:36px;
  line-height:1;
}
body.page_older_amps .amp-entry h3 {
  margin:22px 0 8px;
  font-size:21px;
  color:var(--ink);
}
body.page_older_amps .amp-entry ul {
  margin:0 0 18px;
  padding-left:22px;
  font-size:21px;
  line-height:1.5;
}
body.page_older_amps .placeholder {
  color:var(--muted);
  font-style:italic;
}
@media (max-width:820px) {
body.page_older_amps .page { padding:24px 24px 50px; }
body.page_older_amps header { padding:24px 0; margin-bottom:46px; }
body.page_older_amps nav { flex-wrap:wrap; gap:14px 18px; }
body.page_older_amps main { margin-left:0; padding:30px 26px 36px; }
body.page_older_amps p { font-size:20px; }
body.page_older_amps .amp-entry { grid-template-columns:1fr; }
}

/* parts-accessories.html */
body.page_parts_accessories {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #8a5a24;
  --rule: rgba(17,17,17,.22);
  --muted: #6e5948;
}
body.page_parts_accessories * { box-sizing: border-box; }
html, body.page_parts_accessories { margin:0; min-height:100%; }
body.page_parts_accessories {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  background-color: var(--paper);
  line-height: 1.38;
}
body.page_parts_accessories::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.85), rgba(246,239,227,.85)), url('images/contact-b89497857ce0.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_parts_accessories .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_parts_accessories header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_parts_accessories nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_parts_accessories nav a {
  color:var(--ink);
  text-decoration:none;
}
body.page_parts_accessories nav a.active {
  color:var(--accent);
  border-bottom:1px solid var(--accent);
  padding-bottom:5px;
}
body.page_parts_accessories main {
  width:min(760px, 100%);
  margin-left:4vw;
  padding:44px 48px 50px;
  background:rgba(246,239,227,.78);
  border-left:1px solid var(--rule);
}
body.page_parts_accessories h1 {
  margin:0 0 20px;
  font-size:clamp(58px, 7vw, 104px);
  line-height:.84;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.page_parts_accessories .subtitle {
  margin:0 0 34px;
  color:var(--accent);
  font-size:38px;
  font-style:italic;
}
body.page_parts_accessories .rule {
  width:210px;
  height:1px;
  background:var(--accent);
  margin:0 0 34px;
}
body.page_parts_accessories p {
  margin:0 0 22px;
  font-size:22px;
}
body.page_parts_accessories .contact-block {
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid var(--rule);
}
body.page_parts_accessories .label {
  margin:24px 0 4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
}
body.page_parts_accessories .value {
  margin:0 0 10px;
  font-size:24px;
}
body.page_parts_accessories .standard {
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--rule);
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
@media (max-width:820px) {
body.page_parts_accessories .page { padding:24px 24px 50px; }
body.page_parts_accessories header { padding:24px 0; margin-bottom:46px; }
body.page_parts_accessories nav { flex-wrap:wrap; gap:14px 18px; }
body.page_parts_accessories main { margin-left:0; padding:30px 26px 36px; }
body.page_parts_accessories p { font-size:20px; }
}

/* tubes.html */
body.page_tubes {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #b8832f;
  --red: #a00010;
  --card: #FFFAF0;
  --line: rgba(120, 85, 45, .28);
}
body.page_tubes * { box-sizing: border-box; }
html, body.page_tubes { margin: 0; min-height: 100%; }
body.page_tubes {
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  background-color: var(--paper);
}
body.page_tubes .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_tubes::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.86), rgba(246,239,227,.86)), url('images/history-1f92253972e8.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_tubes header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_tubes nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_tubes nav a {
  color:var(--ink);
  text-decoration:none;
}
body.page_tubes nav a.active {
  color:var(--accent);
  border-bottom:1px solid var(--accent);
  padding-bottom:5px;
}
body.page_tubes main {
  width: min(1188px, 100%);
  margin: 24px auto 30px;
}
body.page_tubes .hero {
  text-align: center;
  margin-bottom: 18px;
}
body.page_tubes h1 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Black", sans-serif;
  font-size: 74px;
  line-height: .9;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.page_tubes .flourish {
  width: 94px;
  height: 2px;
  background: var(--accent);
  margin: 14px auto 12px;
  position: relative;
}
body.page_tubes .flourish::before, body.page_tubes .flourish::after {
  content: "";
  position: absolute;
  top: -3px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: transparent;
}
body.page_tubes .flourish::before { left: 37px; }
body.page_tubes .flourish::after { right: 37px; }
body.page_tubes .subtitle {
  margin: 0 0 20px;
  font-size: 20px;
}
body.page_tubes .product-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
body.page_tubes .product-card {
  min-height: 200px;
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 12px;
  padding: 12px 13px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 4px;
  box-shadow: 0 1px 8px rgba(55, 35, 15, .08);
}
body.page_tubes .product-card:nth-last-child(1) {
  grid-column: 4 / 5;
}
body.page_tubes .tube-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page_tubes .tube-image img {
  max-width: 100%;
  height: 175px;
  object-fit: contain;
}
body.page_tubes .product-copy h2 {
  margin: 2px 0 12px;
  font-size: 21px;
  line-height: 1;
  font-weight: 800;
}
body.page_tubes .product-copy p {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.45;
}
body.page_tubes .product-copy .price {
  margin-top: 20px;
  margin-bottom: 4px;
  font-size: 21px;
  font-weight: 800;
}
body.page_tubes .stock {
  color: #075c22;
  font-size: 14px !important;
  font-weight: 700;
}
body.page_tubes .cart-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 106px;
  height: 29px;
  border: none;
  border-radius: 3px;
  background: linear-gradient(#d8a54e, #bd842f);
  color: #111;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
body.page_tubes .cart-button::before {
  content: "🛒";
  font-size: 13px;
}
body.page_tubes .benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 25px;
  padding: 16px 28px;
  background: rgba(255,250,240,.83);
  border: 1px solid var(--line);
  border-radius: 4px;
}
body.page_tubes .benefit {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 14px;
  align-items: center;
  min-height: 70px;
  padding: 0 20px;
  border-right: 1px solid var(--line);
}
body.page_tubes .benefit:last-child { border-right: none; }
body.page_tubes .icon {
  font-size: 36px;
  text-align: center;
}
body.page_tubes .benefit h3 {
  margin: 0 0 5px;
  font-size: 15px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.page_tubes .benefit p {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
}
@media (max-width: 1120px) {
body.page_tubes header { display:block; margin-bottom:46px; }
body.page_tubes nav { flex-wrap:wrap; gap:14px 18px; margin-top:24px; }
body.page_tubes .product-grid { grid-template-columns: repeat(3, 1fr); }
body.page_tubes .benefits { grid-template-columns: repeat(2, 1fr); }
body.page_tubes .benefit:nth-child(2) { border-right: none; }
}
@media (max-width: 720px) {
body.page_tubes main { width: calc(100% - 30px); }
body.page_tubes h1 { font-size: 56px; }
body.page_tubes .product-grid { grid-template-columns: 1fr; }
body.page_tubes .product-card:nth-last-child(1) { grid-column: auto; }
body.page_tubes .benefits { grid-template-columns: 1fr; }
body.page_tubes .benefit { border-right: none; border-bottom: 1px solid var(--line); }
body.page_tubes .benefit:last-child { border-bottom: none; }
}


body.page_contact .site-logo,
body.page_history .site-logo,
body.page_index .site-logo,
body.page_new_product .site-logo,
body.page_older_amps .site-logo,
body.page_parts_accessories .site-logo,
body.page_tubes .site-logo {
  width:450px;
  height:auto;
  display:block;
  margin-right:auto;
}


/* Isolated 12AX7 tube image viewer */
body.page_tubes .nomad-tube-viewer-button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}

body.page_tubes .nomad-tube-viewer-button img {
  max-width:100%;
  height:175px;
  object-fit:contain;
}

body.page_tubes .nomad-tube-viewer {
  display:none;
  position:fixed;
  inset:0;
  z-index:10000;
  align-items:center;
  justify-content:center;
  padding:30px;
  background:rgba(0,0,0,.08);
  cursor:pointer;
}

body.page_tubes .nomad-tube-viewer.is-open {
  display:flex;
}

body.page_tubes .nomad-tube-viewer img {
  max-width:95vw;
  max-height:92vh;
  object-fit:contain;
  border:1px solid #666;
  border-radius:50px;
  box-shadow:none;
  cursor:pointer;
}

body.page_tubes .nomad-tube-viewer-close {
  display:none;
}


/* Shared header and navigation alignment */
body.page_contact header,
body.page_history header,
body.page_index header,
body.page_new_product header,
body.page_older_amps header,
body.page_parts_accessories header,
body.page_tubes header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}

body.page_contact header nav,
body.page_history header nav,
body.page_index header nav,
body.page_new_product header nav,
body.page_older_amps header nav,
body.page_parts_accessories header nav,
body.page_tubes header nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
  position:relative;
  padding-bottom:150px;
}

body.page_contact .site-logo,
body.page_history .site-logo,
body.page_index .site-logo,
body.page_new_product .site-logo,
body.page_older_amps .site-logo,
body.page_parts_accessories .site-logo,
body.page_tubes .site-logo {
  width:450px;
  height:auto;
  display:block;
  margin-right:auto;
}

/* Navigation schematic divider */
body.page_contact header nav::after,
body.page_history header nav::after,
body.page_index header nav::after,
body.page_new_product header nav::after,
body.page_older_amps header nav::after,
body.page_parts_accessories header nav::after,
body.page_tubes header nav::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  height:150px;
  pointer-events:none;
  background-image:url("images/nav-divider.svg");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 150px;
}


/* Shared footer navigation */
.site-footer {
  width:100%;
  margin-top:70px;
  padding:24px 52px 30px;
  border-top:1px solid rgba(17,17,17,.32);
  background:rgba(246,239,227,.82);
  box-sizing:border-box;
}

.site-footer .footer-nav {
  width:100%;
  max-width:1400px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:34px;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
  line-height:1.4;
}

.site-footer .footer-nav a {
  color:#111;
  text-decoration:none;
  white-space:nowrap;
}

.site-footer .footer-nav a:hover {
  color:#8a5a24;
}

@media (max-width:820px) {
  .site-footer {
    padding:22px 24px 28px;
  }

  .site-footer .footer-nav {
    flex-wrap:wrap;
    justify-content:center;
    gap:14px 20px;
    text-align:center;
  }
}


/* Prevent header schematic divider from appearing in footer */
.site-footer .footer-nav::after {
  content:none !important;
  display:none !important;
  background-image:none !important;
}


/* Shared modal windows */
.nomad-modal {
  display:none;
  position:fixed;
  inset:0;
  z-index:10000;
  align-items:center;
  justify-content:center;
  padding:34px;
  background:rgba(0,0,0,.18);
  box-sizing:border-box;
}

.nomad-modal.is-open {
  display:flex;
}

.nomad-modal-panel {
  width:min(720px, 92vw);
  max-height:88vh;
  overflow:auto;
  position:relative;
  padding:42px 48px 44px;
  background:rgba(246,239,227,.96);
  border:1px solid rgba(17,17,17,.32);
  box-shadow:0 18px 48px rgba(0,0,0,.24);
  color:#111;
  font-family:Georgia, "Times New Roman", serif;
  line-height:1.38;
}

.nomad-modal-panel h2 {
  margin:0 42px 24px 0;
  color:#8a5a24;
  font-size:34px;
  line-height:1;
}

.nomad-modal-panel p {
  margin:0 0 18px;
  font-size:21px;
}

.nomad-modal-close {
  position:absolute;
  top:14px;
  right:18px;
  border:0;
  background:transparent;
  color:#111;
  font-size:34px;
  line-height:1;
  cursor:pointer;
}

.nomad-modal-close:hover {
  color:#8a5a24;
}

@media (max-width:820px) {
  .nomad-modal {
    padding:22px;
  }

  .nomad-modal-panel {
    padding:34px 28px 34px;
  }

  .nomad-modal-panel p {
    font-size:19px;
  }
}


/* archive.html */
body.page_archive {
  --paper: #f6efe3;
  --ink: #111;
  --accent: #8a5a24;
  --rule: rgba(17,17,17,.22);
  --muted: #6e5948;
}
body.page_archive * { box-sizing: border-box; }
html, body.page_archive { margin:0; min-height:100%; }
body.page_archive {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  background-color: var(--paper);
  line-height: 1.38;
}
body.page_archive::before {
  content:"";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(246,239,227,.85), rgba(246,239,227,.85)), url('images/archive-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body.page_archive .page {
  min-height:100vh;
  padding: 34px 52px 70px;
}
body.page_archive header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  margin-bottom:74px;
}
body.page_archive .site-logo {
  width:450px;
  max-width:42vw;
  height:auto;
  display:block;
  margin-right:auto;
}
body.page_archive nav {
  display:flex;
  gap:28px;
  padding-top:9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body.page_archive nav a { color:var(--ink); text-decoration:none; }
body.page_archive nav a.active { color:var(--accent); border-bottom:1px solid var(--accent); padding-bottom:5px; }
body.page_archive main {
  width:min(900px, 100%);
  margin-left:4vw;
  padding:44px 48px 50px;
  background:rgba(246,239,227,.78);
  border-left:1px solid var(--rule);
}
body.page_archive h1 {
  margin:0 0 20px;
  font-size:clamp(58px, 7vw, 104px);
  line-height:.84;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.page_archive h2 {
  margin:36px 0 14px;
  color:var(--accent);
  font-size:34px;
  line-height:1;
}
body.page_archive .subtitle {
  margin:0 0 34px;
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
body.page_archive .rule {
  width:210px;
  height:1px;
  background:var(--accent);
  margin:0 0 34px;
}
body.page_archive p {
  margin:0 0 22px;
  font-size:22px;
}
body.page_archive .archive-feature {
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  align-items:start;
  margin:36px 0;
  padding:28px 0;
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
body.page_archive .archive-feature img {
  width:100%;
  display:block;
  border:1px solid var(--rule);
  filter:sepia(.16) contrast(.97);
  box-shadow:0 14px 38px rgba(0,0,0,.13);
}
body.page_archive .archive-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:28px;
}
body.page_archive .archive-card{
  background:#000;
  border:2px solid #b8832f;
  border-radius:4px;
  padding:26px 24px;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  transition:.18s ease;
}
body.page_archive .archive-card:hover{
  transform:translateY(-3px);
  background:#0b0b0b;
  border-color:#d4a64a;
}
body.page_archive .archive-card h3{
  margin:0 0 14px;
  color:#f6efe3;
  font-size:28px;
  line-height:1;
}
body.page_archive .archive-card p{
  margin:0;
  color:#f6efe3;
  font-size:18px;
  line-height:1.55;
}
body.page_archive .standard {
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--rule);
  color:var(--accent);
  font-size:30px;
  font-style:italic;
}
@media (max-width:820px) {
body.page_archive .page { padding:24px 24px 50px; }
body.page_archive header { display:block; margin-bottom:46px; }
body.page_archive .site-logo { max-width:100%; }
body.page_archive nav { flex-wrap:wrap; gap:14px 18px; margin-top:24px; }
body.page_archive main { margin-left:0; padding:30px 26px 36px; }
body.page_archive p { font-size:20px; }
body.page_archive .archive-feature { grid-template-columns:1fr; }
body.page_archive .archive-list { grid-template-columns:1fr; }
}


body.page_archive header nav {
  position:relative;
  padding-bottom:150px;
}
body.page_archive header nav::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  height:150px;
  pointer-events:none;
  background-image:url("images/nav-divider.svg");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 150px;
}

/* HERO */
body.page_index main{width:min(1400px,96%);padding:0;background:transparent;border-left:none;overflow:visible;}
body.page_index .hero-layout{display:grid;grid-template-columns:680px 760px;align-items:start;}
body.page_index .hero-copy{background:rgba(246,239,227,.78);border-left:1px solid var(--rule);padding:44px 48px 50px;position:relative;z-index:2;}
body.page_index .hero-art{margin-left:-20px;padding-top:30px;}
body.page_index .hero-art img{width:700px;display:block;}


/* Home page composite images */
body.page_index .hero-art {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-left:-20px;
  padding-top:30px;
}

body.page_index .hero-composite {
  width:700px;
  max-width:100%;
  height:auto;
  display:block;
}

body.page_index .secondary-composite {
  margin-top:38px;
}