/* Portfolio — 1:1 Canva layout. Fixed 1366px stage, scaled to fit the viewport. */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #ebe1db;
  font-family: "Playfair Display", Didot, "Bodoni MT", Georgia, serif;
  color: #111;
  overflow-x: hidden;
}

.stage-wrap { width: 100%; overflow: hidden; }

.stage {
  position: relative;
  width: 1366px;
  left: 50%;
  margin-left: -683px;
  transform-origin: top center;
  background: #ebe1db;
}

.el { position: absolute; }
img.el { display: block; }

.serif { font-family: "Playfair Display", Didot, "Bodoni MT", Georgia, serif; }
.script { font-family: "Pinyon Script", cursive; font-weight: 400; }

a { color: inherit; text-decoration: none; }

/* ---------- nav ---------- */
.nav {
  position: absolute;
  top: 18px;
  right: 36px;
  display: flex;
  gap: 30px;
  font-size: 24px;
}
.nav a { color: #555; }
.nav a.active { color: #111; font-weight: 700; }

.logo {
  position: absolute;
  left: 38px;
  top: 12px;
  width: 64px;
  height: auto;
}

/* ---------- shared text ---------- */
.title {
  font-size: 80px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0.5px;
}
.bodytext { font-size: 20px; line-height: 1.4; }
.entry-head { font-size: 28px; font-weight: 700; }
.skill-head { font-size: 28px; font-weight: 700; }
.dash-list { list-style: none; font-size: 20px; line-height: 1.4; }
.dash-list li::before { content: "– "; }