/* eline-style.css - global styles for the child theme */
/* Color palette from user */
:root{
  --eline-1: #001F7B;
  --eline-2: #1D3600;
  --eline-3: #DEFFB9;
  --eline-4: #0040FF;
  --eline-5: #F2C6FF;
  --eline-6: #FAFFF4;
  --eline-7: #64EE59;
}

/* Basic typographic approach: brutalist titles + Source Code Pro-like monospace for body */
.eline-animated-name, h1, h2, h3 {
  font-family: Impact, 'Haettenschweiler', 'Arial Black', 'Source Code Pro', monospace;
  letter-spacing: -0.02em;
}

body, p, li, a {
  font-family: 'Source Code Pro', monospace;
  line-height: 1.5;
}

/* Hero adjustments */
.wp-block-cover {
  min-height: 70vh;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.eline-animated-name {
  font-size: clamp(28px, 6vw, 84px);
  margin: 0 0 0.5rem 0;
}

/* Reveal animations */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Projects grid responsive */
.wp-block-query .wp-block-group {
  width: calc(33.333% - 32px);
  margin: 16px;
  box-sizing:border-box;
}
@media(max-width:900px) {
  .wp-block-query .wp-block-group {
    width: calc(50% - 32px);
  }
}
@media(max-width:600px) {
  .wp-block-query .wp-block-group {
    width: 100%;
  }
}

/* Small aesthetic niceties */
a { color: var(--eline-4); text-decoration:none; }
.site-header { background: transparent; position: sticky; top:0; z-index:999; padding: 12px 0;}