/* Quiet, serial presentation */

:root{
  --bg:#f4f4f2;
  --fg:#111;
  --muted:#666;
  --max:1100px;
  --pad:20px;
  --space:80px;
  --gap:110px;
}

*{ box-sizing:border-box; }

html,body{ height:100%; }

body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Header */
.header{
  max-width:var(--max);
  margin:56px auto 0;
  padding:0 var(--pad);
}

.title{
  font-size:14px;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

/* About */
.about{
  max-width:var(--max);
  margin:56px auto 0;
  padding:0 var(--pad);
  font-size:15px;
  line-height:1.7;
  color:#222;
}

/* Gallery */
.gallery{
  max-width:var(--max);
  margin:var(--space) auto 0;
  padding:0 var(--pad);
  display:flex;
  flex-direction:column;
  gap:var(--gap);
}

figure{ margin:0; }

img{
  width:100%;
  height:auto;
  display:block;
}

/* Series title (centered, same style as .title) */
.series-title{
  max-width:var(--max);
  margin:140px auto 0;
  padding:0 var(--pad);
  display:flex;
  justify-content:center;
}

.series-title h2{
  margin:0;
  font-size:14px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-weight:normal;
  color:var(--fg);
  text-align:center;
}

/* Footer */
.footer{
  max-width:var(--max);
  margin:140px auto 72px;
  padding:0 var(--pad);
  color:var(--muted);
  font-size:13px;
}

.footer a{
  color:var(--muted);
  text-decoration:none;
}

.footer a:hover{
  text-decoration:underline;
}

.small{
  margin-top:10px;
  font-size:12px;
}