/* Sinan Mintas — Personal Portfolio Enhancements V1 */

:root {
  --sm-focus: #a9e889;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.hero-intro,
.prose p,
.section-heading > p,
.project-copy > p,
.experience-list li > p,
.approach-grid article > p {
  line-height: 1.7;
}

.hero-intro,
.prose p {
  max-width: 64ch;
}

.project-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 38px rgba(15, 27, 34, .12);
  }
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--sm-focus);
  outline-offset: 4px;
}

#about,
#projects,
#portfolio,
#experience,
#skills,
#contact {
  scroll-margin-top: 100px;
}

@media (max-width: 767px) {
  .hero-intro,
  .prose p,
  .project-copy > p,
  .experience-list li > p,
  .approach-grid article > p {
    font-size: max(15px, 1rem);
    line-height: 1.7;
  }

  .project-grid {
    gap: 20px;
  }

  .project-card {
    min-width: 0;
  }

  .project-screen img {
    max-width: 100%;
    height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .project-card {
    transition: none;
  }
}