/* ══════════════════════════════════════════════════════════════
   NEELY BRUCE · site.css
   Shared styles for all pages — nav, dropdown, footer, base.
   Page-specific styles live in each page's own <style> block.
   ══════════════════════════════════════════════════════════════ */

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

/* ── Base ── */
body{
  background:#B8A9CC;
  color:#1A0A2E;
  font-family:'Cormorant Garamond',serif;
  min-height:100vh;
  position:relative;
}

/* ── Nav ── */
.nav{
  position:relative;
  z-index:10;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 32px 16px 28px;
  border-bottom:2px solid #E8416A;
}
.nav-logo{
  font-family:'Space Mono',monospace;
  font-size:13px;
  font-weight:700;
  color:#1A0A2E;
  letter-spacing:.18em;
  text-decoration:none;
}
.nav-links{display:flex;gap:20px;align-items:center}
.nav-link{
  font-family:'Space Mono',monospace;
  font-size:14px;
  color:#1A0A2E;
  letter-spacing:.12em;
  cursor:pointer;
  text-decoration:none;
}
.nav-link:hover{color:#E8416A}
.nav-link.active{color:#E07020;font-weight:700}

/* ── Works dropdown ── */
.nav-dropdown{position:relative}
.nav-dropdown-toggle{
  font-family:'Space Mono',monospace;
  font-size:14px;
  color:#1A0A2E;
  letter-spacing:.12em;
  cursor:pointer;
  background:none;
  border:none;
  padding:0;
  display:flex;
  align-items:center;
  gap:5px;
}
.nav-dropdown-toggle:hover,
.nav-dropdown-toggle.open{color:#E8416A}
.nav-dropdown-toggle .chevron{font-size:8px;transition:transform .2s}
.nav-dropdown-toggle.open .chevron{transform:rotate(180deg)}
.nav-dropdown-menu{
  display:none;
  position:absolute;
  top:calc(100% + 13px);
  right:0;
  background:#B8A9CC;
  border:2px solid #1A0A2E;
  box-shadow:5px 5px 0 #E8416A;
  min-width:220px;
  padding:5px;
  z-index:200;
  flex-direction:column;
}
.nav-dropdown-menu.open{display:flex}
.nav-dropdown-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:'Space Mono',monospace;
  font-size:11px;
  font-weight:700;
  color:#1A0A2E;
  letter-spacing:.1em;
  padding:12px 13px;
  text-decoration:none;
  border-bottom:1px solid rgba(26,10,46,.2);
  transition:background-color .15s,color .15s,transform .15s;
}
.nav-dropdown-item::before{
  content:'→';
  color:#2A8C5A;
  font-size:13px;
  transition:transform .15s;
}
.nav-dropdown-item:last-child{border-bottom:none}
.nav-dropdown-item:hover,
.nav-dropdown-item:focus-visible{
  background:#E8D8FF;
  color:#E8416A;
  outline:none;
  transform:translateX(2px);
}
.nav-dropdown-item:hover::before,
.nav-dropdown-item:focus-visible::before{transform:translateX(2px)}
.nav-dropdown-item.active{
  background:#1A0A2E;
  color:#E8D8FF;
}
.nav-dropdown-item.active::before{color:#E8416A}

/* ── Footer ── */
.footer{
  position:relative;
  z-index:5;
  padding:14px 24px;
  border-top:2px solid #E8416A;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.footer-name{font-family:'Space Mono',monospace;font-size:12px;color:#1A0A2E;letter-spacing:.14em;opacity:.65}
.footer-credit{margin-top:6px}
.footer-links{display:flex;gap:16px}
.footer-link{font-family:'Space Mono',monospace;font-size:12px;color:#E8416A;letter-spacing:.1em;cursor:pointer;text-decoration:none}

/* ── Responsive nav & footer ── */
@media(max-width:768px){
  .nav{padding:12px 16px}
  .nav-logo{font-size:11px}
  .nav-links{gap:12px}
  .nav-link,.nav-dropdown-toggle{font-size:11px}
  .footer{padding:12px 16px;flex-direction:column;gap:8px;text-align:center}
}