body { font-family: 'Montserrat', sans-serif; background: #ffffff; color: #0a0a0a; overflow-x: hidden; margin: 0; }
a { color: #C9A84C; }
a:hover { color: #e8c96a; }
.body-copy { font-size: 16px; line-height: 1.95; color: #555; font-weight: 300; margin: 0 0 22px; }
.lead-copy { font-size: 19px; line-height: 1.8; color: #2a2a2a; font-weight: 400; margin: 0 0 32px; }
.sub-head { font-size: 20px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; color: #0a0a0a; margin: 48px 0 18px; }
.gear-row { display: flex; gap: 14px; align-items: flex-start; padding: 13px 0; border-bottom: 1px solid #eee; }
.gear-mark { width: 7px; height: 7px; background: #C9A84C; transform: rotate(45deg); flex-shrink: 0; margin-top: 8px; }
.gear-text { font-size: 15px; color: #333; font-weight: 500; margin: 0; line-height: 1.6; }
.slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.7s ease; }
.slide.on { opacity: 1; }
.slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sld-dot { width: 26px; height: 3px; border-radius: 2px; border: none; padding: 0; background: rgba(255,255,255,0.35); cursor: pointer; transition: background 0.25s; }
.sld-dot.on { background: #C9A84C; }
.sld-arrow { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(201,168,76,0.55); background: rgba(0,0,0,0.45); color: #C9A84C; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.sld-arrow:hover { background: rgba(0,0,0,0.7); }

@media (max-width: 991px) {
  #gearSlider { height: 420px !important; }
}
@media (max-width: 767px) {
  #gearSlider { height: 320px !important; }
}