/* ------------ Base / Layout ------------ */
* { box-sizing: border-box; margin: 0; padding: 0; }

html { background:#282828; }
body {
  font-family: Arial, Helvetica, sans-serif;
  color:#fff;
  background:#000;
  display:flex; flex-direction:column; align-items:center;
}

.site-header, .page-canvas, .site-footer, .main-wrap { width:1217px; }

/* ------------ Header ------------ */
.header-image { width:1217px; overflow:hidden; }
.header-banner { width:1217px; height:auto; display:block; }

.gold-hairline {
  height:2px;
  background:#c9a44e; /* gold line under header */
  box-shadow: 0 1px 0 rgba(0,0,0,.6);
}

.nav-bar {
  display:flex; justify-content:center; gap:56px;
  background:#000; /* black bar behind links (comp shows black with gold text) */
  padding:16px 0;
  border-top:1px solid rgba(255,215,112,.25);
  border-bottom:1px solid rgba(255,215,112,.25);
}
.nav-bar a {
  color:#e6c466; font-weight:700; text-decoration:none; letter-spacing:.02em;
  text-transform:capitalize;
}
.nav-bar a:hover { color:#ffe6a4; }

/* ------------ Wood band under nav ------------ */
.wood-band {
  height:160px;
  background: url('/images/wood-texture-background.jpg') center top repeat-x;
  border-bottom: 1px solid rgba(0,0,0,.65);
  box-shadow: inset 0 -80px 120px rgba(0,0,0,.65); /* dark fade like comp */
}

/* ------------ Main content wrapper ------------ */
.main-wrap {
  margin-top:-120px; /* pull content up so Welcome sits over the darkened wood */
  padding:0 24px 40px;
}

/* ------------ Top row (Welcome + News) ------------ */
.top-row { display:grid; grid-template-columns: 1fr 420px; gap:32px; }

.welcome { padding:24px 0 8px; }
.welcome h1 {
  font-size:56px; line-height:1; text-transform:uppercase;
  text-shadow: 0 2px 0 rgba(0,0,0,.9), 0 0 18px rgba(255,255,255,.08);
  margin-bottom:14px;
}
.welcome p { font-size: 11px; color:#cfcfcf; max-width:640px; line-height:1.55; margin-bottom: 10px; }

/* News block */
.news { align-self:start; }
.news-bar {
  position: relative;
  background:#0f0f0f;
  border:1px solid #2c2c2c;
  box-shadow: inset 0 0 24px rgba(0,0,0,.8), 0 8px 18px rgba(0,0,0,.4);
  padding:14px 16px;
  overflow: hidden;              /* add this */
}

.news-label {
  position:absolute;
  right:12px;
  top:8px;                       /* was 50% */
  transform:none;                /* remove the translateY */
  font-size:44px;
  letter-spacing:.06em;
  color:#595959;
  opacity:.15;                   /* was .9 */
  pointer-events:none;           /* ensure clicks go through */
  z-index:0;                     /* behind the content */
}

.news-date,
.news-copy {
  position:relative;
  z-index:1;                     /* keep these above the watermark */
}


.photoops { background:#0f0f0f; border:1px solid #2c2c2c; margin-top:10px; padding:12px 14px; }
.photoops h3 {
  font-size:14px; color:#e6c466; margin-bottom:8px; text-transform:uppercase; letter-spacing:.06em;
}
.thumbs { display:flex; gap:10px; }
.thumbs img { width:90px; height:90px; object-fit:cover; border:2px solid #1b1b1b; outline:1px solid #3a3a3a; }

/* ------------ Feature panel ------------ */
.feature-panel {
  display:grid; grid-template-columns: 1fr 1fr; gap:28px;
  margin:26px 0 0;
  background: linear-gradient(#2a1414, #1c0f0f);
  border:1px solid #2b1c1c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.55);
  border-radius:18px;
  padding:26px 24px;
  position:relative;
}

/* left: quote */
.quote { position:relative; padding:8px 8px 8px 96px; min-height:120px; }
.quote .badge {
  position:absolute; left:20px; top:10px; width:64px; height:64px;
  background: url('/images/star-watermark.png') center/contain no-repeat;
  opacity:.25; filter:grayscale(100%);
}
.quote h4 {
  font-size:20px; line-height:1.35; color:#e6c466; font-weight:800;
  text-shadow: 0 1px 0 rgba(0,0,0,.7);
}
.quote .attribution { margin-top:12px; color:#d9bf76; font-weight:700; }
.quote .attribution span { font-weight:600; color:#b39642; }

/* right: opportunities */
.opps-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.opps-header h3 {
  font-size:16px; color:#e6c466; text-transform:uppercase; letter-spacing:.06em;

}
.view-more { color:#e6c466; text-decoration:none; font-size:13px; }
.view-more:hover { text-decoration:underline; }

.opp-list { list-style:none; display:flex; flex-direction:column; gap:10px; }
.opp {
  display:grid; grid-template-columns:40px 1fr; gap:12px;
  background:#2a0f0f; border:1px solid #3b1e1e; border-radius:8px; padding:12px;
  box-shadow: inset 0 0 22px rgba(0,0,0,.45);
}
.opp .icon {
  width:40px; height:40px; border-radius:6px;
  background: radial-gradient(circle at 30% 30%, #ffb26a, #a34d16 60%, #5a210c 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 2px 6px rgba(0,0,0,.6);
}
.opp .title { font-weight:700; color:#e1a07b; margin-bottom:2px; }
.opp .desc { color:#cbb7b0; font-size:13px; line-height:1.45; }
.read-more { color:#e6c466; text-decoration:none; font-size:13px; }
.read-more:hover { text-decoration:underline; }

/* ------------ Footer ------------ */
.site-footer {
  background:#0f0f0f;
  border-top:1px solid #242424;
  text-align:center; padding:16px 0 22px; margin-top:24px;
}
.legal-links { color:#a7a7a7; font-size:12px; margin-bottom:6px; }
.legal-links a { color:#c7c7c7; text-decoration:none; }
.legal-links a:hover { text-decoration:underline; }
.copyright { color:#6f6f6f; font-size:12px; }

/* ------------ Responsive ------------ */
@media (max-width: 1217px) {
  .site-header, .page-canvas, .site-footer, .main-wrap { width:100%; }
  .header-image, .header-banner { width:100%; }
  .main-wrap { padding:0 16px 24px; }
  .top-row { grid-template-columns: 1fr; }
  .feature-panel { grid-template-columns: 1fr; }
}

/* Private site notice (small bar; does not affect layout) */
.private-notice{
  background:#121212;
  border:1px solid #2c2c2c;
  border-radius:12px;
  padding:12px 14px;
  margin:10px 24px 16px;   /* lines up with your main padding */
  color:#cfcfcf;
  font-size:14px;
}

/* Section header style, matches gold accents you already use */
.section-h{
  font-size:16px; color:#e6c466;
  text-transform:uppercase; letter-spacing:.06em;
  margin:6px 0 10px;
}

/* Brand tiles (compact, neutral; won't disturb existing grids) */
.brand-grid{
  display:grid; grid-template-columns: repeat(5, minmax(0,1fr));
  gap:10px;
}
.brand-card{
  display:flex; align-items:center; justify-content:center; text-align:center;
  min-height:70px;
  background:#121212; border:1px solid #2c2c2c; border-radius:10px;
  color:#cfcfcf; text-decoration:none; padding:8px 10px;
}
.brand-card:hover{ border-color:#3a3a3a; box-shadow:0 4px 14px rgba(0,0,0,.35); }
.brand-card.disabled{ opacity:.65; pointer-events:none; }

/* Membership block */
.membership-block{
  margin-top:16px; padding:18px; background:#111; border:1px solid #333; border-radius:12px;
}
.benefits{ margin:8px 0 14px 18px; color:#cfcfcf; }
.cta-row{ display:flex; gap:12px; flex-wrap:wrap; }
.apply-btn{
  display:inline-block; background:#d4a017; color:#000; padding:10px 18px;
  border-radius:8px; font-weight:700; text-decoration:none;
}
.apply-btn:hover{ background:#e6c466; }
.ghost-btn{
  display:inline-block; padding:10px 18px; border-radius:8px;
  border:1px solid #555; color:#ddd; text-decoration:none;
}
.ghost-btn:hover{ border-color:#777; }
.fineprint{ margin-top:10px; color:#9c9c9c; font-size:12px; }

/* NEWS watermark stays behind copy (keeps your earlier fix) */
.news-bar{ overflow:hidden; }
.news-label{
  top:8px; transform:none; opacity:.15; pointer-events:none; z-index:0;
}
.news-date, .news-copy{ position:relative; z-index:1; }

/* Responsive: keep it tidy without touching your top layout */
@media (max-width:1217px){
  .brand-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .brand-grid{ grid-template-columns: 1fr; }
  .cta-row{ flex-direction:column; }
}