/* ===== CSS RESET & VARIABLES ===== */:root {  --punk-red: #562020;  --cream: #daeeff;  --link-blue: #16009e;  --hover-green: #228622;}* {  box-sizing: border-box;  margin: 0;  padding: 0;}/* ===== CORE STRUCTURE ===== */body {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 100.1%;  color: #000;  background: var(--punk-red);  min-width: 1202px;  line-height: 1.4;  overflow-x: hidden;}#fullheightcontainer {  width: 1202px;  margin: 0 auto;  min-height: 100vh;  background: url(/pics/midbg1200x25.jpg) repeat-y center top;  background-color: var(--punk-red);  display: flex;  flex-direction: column;}/* ===== HEADER & NAVIGATION ===== */#header {  height: 210px;  background: url(/pics/topbg1200x210.jpg) no-repeat center top;  position: relative;}#subheader2 {  width: 1202px;  height: 60px;  margin: -10px auto 0;  background: url(/pics/nav1200x60.jpg) repeat-x;  position: relative;  transform: translateX(1px); /* Forces 1px right shift */  left: 0;}.menu-container {  width: 1200px;  margin: 0 auto;  position: relative;  left: 1px;}.menu {  list-style: none;  display: flex;  height: 60px;  padding: 0 10px;  margin: 0 auto;  width: 1200px;  position: relative;  transform: translateX(0.5px); /* Fine-tuning */}.menu li {  margin: 0;}.menu a {  color: var(--cream);  text-decoration: none;  font-family: Arial, Verdana, sans-serif;  font-size: 14px;  font-weight: bold;  padding: 0 15px;  line-height: 60px;}.menu a:hover {  color: #000;  background: url(/images/button4b.gif) no-repeat;}/* ===== MAIN CONTENT AREA ===== */#wrapper {  display: flex;  flex: 1;  background: transparent;  position: relative;}#left, #right {  width: 200px;  background: transparent;}#container-left, #container-right {  padding: 15px;  background: transparent;}#center {  flex: 1;  background: transparent;  padding: 20px;  border-left: 1px solid transparent;  border-right: 1px solid transparent;}/* ===== CONTENT STYLES ===== */.band-member {  margin-bottom: 30px;  padding-bottom: 20px;  border-bottom: 1px solid transparent;}.member-content {  display: flex;}.member-photo {  width: 196px;  height: auto;  padding-right: 20px;  align-self: flex-start;  object-fit: contain;  max-height: 300px;  flex-shrink: 0;}.member-info {  flex: 1;}.wire-img {  width: 280px;  display: block;  margin: 20px auto 10px;  clear: both;}.history-image {  width: 196px;  margin: 5px;}.history-image.left {  float: left;  margin-right: 15px;}.history-image.right {  float: right;  margin-left: 15px;}.history-content {  line-height: 1.6;}/* ===== FOOTER ===== */#footer {  position: relative;  height: 180px;  background: url(/pics/bottombg1200x180.jpg) no-repeat center top;  z-index: 2;}#footer-content {  position: absolute;  top: 100%;  left: 0;  right: 0;  padding: 20px 0;  background: var(--punk-red);  text-align: center;}/* ===== TYPOGRAPHY & LINKS ===== */h1 {   color: #312c4c;  margin: 20px 0 15px;}h2, h3, h4 {   color: #a60d0d;  margin: 15px 0 10px;}a {  font-family: "Times New Roman", serif;  color: var(--link-blue);  text-decoration: none;}a:hover {  color: var(--hover-green);}/* ===== GALLERY STYLES ===== */.band-member .member-photo.gallery-img {  width: 196px !important;  max-width: 196px !important;  margin: 0 !important;  padding-right: 20px !important;  float: left !important;  display: inline !important;  transition: none !important;  cursor: pointer;}/* ===== MOBILE RESPONSIVE ===== */@media (max-width: 1250px) {  body {     min-width: 100%;   }    #fullheightcontainer {     width: 100%;   }    #wrapper {    flex-direction: column;  }    #left, #right {    width: 100%;    display: none;  }    .band-member {    flex-direction: column;  }    .member-content {    flex-direction: column;  }    .member-photo {    padding-right: 0;    padding-bottom: 15px;    width: 100%;    max-width: 196px;  }    .wire-img {    margin: 20px auto;  }}