/* ==========================================================================
   The Sacred Yes — Global Stylesheet (styles.css)
   ========================================================================== */
:root{
  --bg:#000000;
  --green:#2EE66B;        /* darker-than-neon green */
  --green-bright:#48FF8B; /* brighter hover */
  --green-dim:#22B855;    /* subtle borders */
  --link-underline:rgba(46,230,107,.4);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--green);
  font-family:"Courier New",Courier,monospace;line-height:1.6;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
a{color:var(--green);text-decoration:underline;text-decoration-color:var(--link-underline);text-underline-offset:3px}
a:hover,a:focus{color:var(--green-bright);text-decoration-color:var(--green-bright)}
.container{max-width:960px;margin:0 auto;padding:2rem 1rem}
.header{border-bottom:1px solid var(--green-dim);padding:1rem 0 1.25rem;margin-bottom:2rem}
.logo{font-size:2rem;margin:0;font-weight:400}
.logo .script{
  font-family:"Brush Script MT","Lucida Handwriting","Segoe Script","Snell Roundhand",cursive;
  letter-spacing:.02em;font-size:clamp(2.2rem,4vw,3rem)
}
.nav{margin-top:.5rem;display:flex;gap:1rem;flex-wrap:wrap}
.nav a{text-decoration:none;border-bottom:1px dashed var(--green-dim);padding-bottom:2px}
.nav a:hover,.nav a:focus{border-bottom-color:var(--green-bright)}
.nav a.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;border-bottom-color:transparent}
.footer{border-top:1px solid var(--green-dim);margin-top:3rem;padding:1rem 0;font-size:.9rem;opacity:.85}
h1,h2,h3{font-weight:700;margin:1.2rem 0 .6rem;color:var(--green)}
p,li{color:var(--green)}
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.project-card{border:1px dashed var(--green-dim);padding:.75rem;border-radius:.5rem;display:flex;flex-direction:column}
.project-card img{width:100%;height:160px;object-fit:cover;background:#0a0a0a;border:1px solid var(--green-dim)}
figcaption{font-size:.9rem;margin-top:.5rem;color:var(--green)}
.form-field{margin-bottom:1rem}
label{display:block;margin-bottom:.35rem}
input,textarea,select,button{
  width:100%;background:transparent;color:var(--green);border:1px solid var(--green-dim);
  padding:.6rem .7rem;border-radius:.5rem;font-family:inherit
}
textarea{min-height:140px;resize:vertical}
button{cursor:pointer}
button:hover{border-color:var(--green-bright)}
.visually-hidden{position:absolute;left:-9999px}
/* End styles.css */