/* 1. Page look & feel -------------------------------------------------- */
:root {
  --accent: #3a7dff;
  --bg:     #000000;
  --fg:     #000000;
  font-family: system-ui, sans-serif;
}

div {
  display: flex;
  justify-content: center;
}





section {
  position: relative;          /* establish containing block */
  padding-top: 1rem;           /* optional: breathing room */
  padding-left: 1rem;
}


body { margin: 0; color: var(--fg); background: var(--bg); }

/* 2. Fixed navigation bar --------------------------------------------- */
nav {
  position: fixed;
  inset: 0 0 auto 0;                 /* top:0 right:0 left:0 */
  display: flex; gap: 10rem;
  justify-content: center;
  padding: 2rem 0;
  background: rgba(231, 191, 10, 0.719);
  backdrop-filter: blur(6px);
  z-index: 1000;
}
nav a {
  color: var(--fg); text-decoration: none; font-weight: 600;
  transition: color .2s;
}
nav a:hover  { color: var(--accent); }
nav a.active { color: var(--accent); }

/* 3. Long full-height sections ---------------------------------------- */
section {
  min-height: 100vh;                 /* each = full viewport height      */
  display: grid;
  font-size: clamp(2rem, 4vw, 4rem);
  text-align: center;
  padding-top: 100px;          /* Add vertical spacing */
  scroll-snap-align: start;
}
section:nth-of-type(odd)  { background:#ffffff; }
section:nth-of-type(even) { background:#dab3b3; }

nav .logo {
  position: absolute;          /* pull it out of normal flow */
  top: 0px;                      /* 0 = very top of the section */
  left: 70px;                     /* 0 = very left of the section */
  width: 90px;                /* pick any size you like */
  height: auto;                /* keep aspect ratio */
}

/* For custom Google Fonts (optional) */
/* Style the name */
.studio-name {
  font-size: 5rem;
  color: #352c1f;
}

/* 4. Smooth scroll + snap --------------------------------------------- */
html {
  scroll-behavior: smooth;           /* built-in smooth scrolling        */
  scroll-padding-top: 4rem;          /* keep anchor below fixed nav      */
  scroll-snap-type: y proximity;     /* gentle snap when free-scrolling  */
}