*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --dark-brown:  #2C1F0E;
  --mid-brown:   #3D2B10;
  --gold:        #C9952A;
  --gold-light:  #D4B86A;
  --cream:       #EDE0C4;
  --teal:        #4A8C8C;
  --olive:       #5C6B2E;
  --tan:         #B8934A;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
  background-color: var(--dark-brown);
  color: var(--cream);
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Daytime sky — teal top fading to warm gold horizon like the logo */
.bg-texture {
  position: fixed;
  inset: 0;
  background: linear-gradient(to bottom,
    #3a7a78 0%,
    #4A8B7A 20%,
    #72a888 38%,
    #c8b05a 58%,
    #d49040 74%,
    #b87030 88%,
    #7a4a18 100%
  );
  pointer-events: none;
  z-index: 0;
}

/* Mountain + tree scenery image — multiply blends white away, leaving silhouettes over sky */
.bg-scenery {
  position: fixed;
  inset: 0;
  background: url('trees.png') no-repeat bottom center / 100% auto;
  mix-blend-mode: multiply;
  z-index: 0;
  pointer-events: none;
}

/* trees rendered as inline SVG in HTML — see .bg-trees */
.bg-texture::after-DISABLED {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 320' preserveAspectRatio='xMidYMax slice'><rect x='0' y='295' width='1200' height='25' fill='%230b160a'/><g fill='%230e1a08'><path transform='translate(0,20) scale(1.3,2.9)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(60,42) scale(1.3,2.68)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(120,71) scale(1.3,2.39)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(180,97) scale(1.3,2.13)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(240,119) scale(1.3,1.91)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(300,137) scale(1.3,1.73)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(360,153) scale(1.3,1.57)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(420,165) scale(1.3,1.45)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(480,173) scale(1.3,1.37)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(540,178) scale(1.3,1.32)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(600,180) scale(1.3,1.3)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(660,178) scale(1.3,1.32)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(720,173) scale(1.3,1.37)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(780,165) scale(1.3,1.45)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(840,153) scale(1.3,1.57)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(900,137) scale(1.3,1.73)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(960,119) scale(1.3,1.91)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(1020,97) scale(1.3,2.13)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(1080,71) scale(1.3,2.39)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(1140,42) scale(1.3,2.68)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/><path transform='translate(1200,20) scale(1.3,2.9)' d='M0,0 L2,9 L12,12 L3,18 L16,24 L6,31 L20,38 L9,46 L24,53 L13,61 L27,69 L18,78 L29,87 L22,93 L18,96 L5,96 L5,100 L-5,100 L-5,96 L-18,96 L-22,93 L-29,87 L-18,78 L-27,69 L-13,61 L-24,53 L-9,46 L-20,38 L-6,31 L-16,24 L-3,18 L-12,12 L-2,9 Z'/></g></svg>");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  pointer-events: none;
}

.container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

/* ── Profile ── */
.profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}

.logo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 3px solid var(--gold);
  box-shadow: 0 0 0 6px rgba(201,168,76,0.15), 0 8px 32px rgba(0,0,0,0.6);
  object-fit: cover;
}

.callsign {
  font-family: 'Oswald', sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.12em;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
  line-height: 1.1;
  margin-top: 0.5rem;
}

.name {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--cream);
  letter-spacing: 0.08em;
}

.tagline {
  font-size: 0.78rem;
  color: var(--cream);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 0.25rem;
  text-shadow: 0 1px 6px rgba(0,0,0,0.8), 0 0 12px rgba(0,0,0,0.6);
}

/* ── Link Buttons ── */
.links {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  width: 100%;
}

.links-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem 1.25rem;
  width: 100%;
}

.links-column {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.column-header {
  font-family: 'Oswald', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  border-bottom: 1px solid rgba(201,168,76,0.35);
  padding-bottom: 0.35rem;
  margin-bottom: 0.1rem;
}

.link-btn {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.9rem 1.4rem;
  border-radius: 6px;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cream);
  background: var(--mid-brown);
  border: 1px solid rgba(201,168,76,0.3);
  transition: background 0.2s, border-color 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

.link-btn:hover {
  border-color: var(--gold);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.45);
}

.link-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.link-btn .icon svg {
  width: 22px;
  height: 22px;
}

/* Per-platform accent colors on hover */
.about:hover  { background: #1a1608; border-color: var(--gold); color: var(--cream); }
.about .icon  { color: var(--gold); }

.youtube:hover  { background: #1a0a0a; border-color: #ff4444; color: #ff8888; }
.youtube .icon  { color: #cc3333; }

.instagram:hover { background: #1a0d12; border-color: #c96a9a; color: #e8a0c0; }
.instagram .icon { color: #c96a9a; }

.facebook:hover { background: #0d1220; border-color: #4a6fa5; color: #a0b8d8; }
.facebook .icon { color: #4a6fa5; }

.linkedin:hover { background: #0a1020; border-color: #3a7bbf; color: #90b8e0; }
.linkedin .icon { color: #3a7bbf; }

.email:hover    { background: #0e1a12; border-color: var(--teal); color: #a0d4c8; }
.email .icon    { color: var(--teal); }

.wrl:hover  { background: #0e1520; border-color: #5a8fc4; color: #a0c8e8; }
.wrl .icon  { color: #5a8fc4; }

.dxe:hover  { background: #1a0e06; border-color: var(--gold); color: var(--gold-light); }
.dxe .icon  { color: var(--tan); }

.amazon:hover { background: #1a1000; border-color: #ff9900; color: #ffb84d; }
.amazon .icon { color: #ff9900; }

/* ── Newsletter Section ── */
.newsletter-section {
  width: 100%;
  background: rgba(44, 31, 14, 0.75);
  border: 1px solid rgba(201,168,76,0.3);
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}

.newsletter-title {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.1em;
}

.newsletter-desc {
  font-size: 0.8rem;
  color: var(--cream);
  line-height: 1.6;
  max-width: 420px;
}

.newsletter-btn {
  display: inline-block;
  margin-top: 0.25rem;
  background: var(--gold);
  color: var(--dark-brown);
  font-family: 'Oswald', sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.6rem 1.75rem;
  border-radius: 5px;
  transition: background 0.2s, transform 0.15s;
}

.newsletter-btn:hover {
  background: var(--gold-light);
  transform: translateY(-2px);
}

/* ── Footer ── */
footer {
  text-align: center;
}

footer p {
  font-size: 0.75rem;
  color: rgba(184,147,74,0.6);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ── Mobile / Tablet ── */
@media (max-width: 600px) {
  body {
    align-items: flex-start;
    overflow-y: auto;
  }

  .container {
    padding: 1.25rem 1rem 1.5rem;
    gap: 1.25rem;
    justify-content: flex-start;
    align-items: center;
    min-height: unset;
  }

  .logo {
    width: 100px;
    height: 100px;
  }

  .callsign { font-size: 2rem; }
  .name     { font-size: 1rem; }
  .tagline  { font-size: 0.7rem; }

  .link-btn {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
  }

  .links-grid {
    grid-template-columns: 1fr;
  }

  footer p { font-size: 0.65rem; }

  /* Newsletter mobile fixes */
  .newsletter-section {
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
  }

  .newsletter-desc {
    font-size: 0.82rem;
    max-width: 100%;
  }

  .newsletter-btn {
    width: 100%;
    text-align: center;
    padding: 0.75rem 1rem;
  }
}