* { box-sizing: border-box; margin: 0; padding: 0; }

/* Page */
html { scroll-behavior: smooth; }
body {
  background: #ffffff;
  color: #000000;
  line-height: 1.6;
}

/* Layout containers */
.wrapper {
  max-width: 72ch;               /* comfy line length */
  margin: 0 auto;
  padding: 1.25rem;
}

/* Hero is centered, but only the hero */
.hero {
  min-height: 60vh;              /* tall enough to feel “centered” */
  display: grid;
  place-items: center;           /* centers hero content */
  text-align: center;
}

/* Typography (fluid with clamp) */
h1 { font-size: clamp(1.8rem, 5vw, 3rem); margin-bottom: 0.6em; }
h2 { font-size: clamp(1.3rem, 3.5vw, 2rem); margin-top: 2rem; margin-bottom: 0.5em; }
p  { font-size: clamp(1rem, 2.2vw, 1.125rem); margin: 0.75rem 0; }

/* Nav / links */
.nav { text-align: center; margin: 1rem 0 2rem; }
a { color: #0a66c2; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Images scale */
img { max-width: 100%; height: auto; display: block; margin: 1rem auto; }

.visually-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}