/* Typography and layout polish (layered after Next/Tailwind bundles) */

@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap");

:root {
  --portfolio-heading-font: "Sora", ui-sans-serif, system-ui, sans-serif;
}

h1,
h2,
h3 {
  font-family: var(--portfolio-heading-font);
}

main section[id] {
  scroll-margin-top: 4.75rem;
}

body {
  text-rendering: optimizeLegibility;
}

main .container {
  padding-left: max(1rem, env(safe-area-inset-left));
  padding-right: max(1rem, env(safe-area-inset-right));
}

/* Remove left logo/brand block from navigation */
header .min-w-0.shrink.items-center,
header .flex.items-center.space-x-2.min-w-0 {
  flex: 0 0 84px;
  width: 84px;
}

header .min-w-0.shrink.items-center a,
header .flex.items-center.space-x-2.min-w-0 a {
  display: none !important;
}

/* Subtle heading accent for section titles */
section .text-center > h2,
section .text-center .relative > h2 {
  position: relative;
  display: inline-block;
}

section .text-center > h2::after,
section .text-center .relative > h2::after {
  content: "";
  display: block;
  width: 3rem;
  height: 2px;
  margin: 0.7rem auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(255, 255, 255, 0.06) 100%
  );
}