:root{
  --ink:   #070707;
  --paper: #efeeec;
  --paper-dim: rgba(239,238,236,0.74);
  --teal:  #3ea6a0;
  --magenta: #e2137a;
  --line:  rgba(239,238,236,0.18);
}

*,*::before,*::after{ box-sizing:border-box; }

html,body{
  margin:0; min-height:100%;
  background:var(--ink); color:var(--paper);
  font-family:'Cormorant Garamond', serif;
  -webkit-font-smoothing:antialiased;
}

.back-link{
  position:fixed; top:26px; right:9vw; z-index:30;
  font-family:'Inter', sans-serif; font-size:12.5px; color:var(--paper-dim);
  text-decoration:none; letter-spacing:0.01em;
  border-bottom:1px solid var(--line); padding-bottom:2px;
  transition:color .2s ease, border-color .2s ease;
}
.back-link:hover,.back-link:focus-visible{ color:var(--paper); border-color:var(--teal); }

.project{
  min-height:100vh; display:flex; flex-direction:column;
  padding:0 6vw;
}

.intro{
  flex:1; display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:center; padding:9rem 0 3rem;
}

.kicker{
  font-family:'Libre Bodoni', serif; font-weight:500; font-size:0.9rem;
  letter-spacing:0.08em; text-transform:uppercase; color:var(--teal);
  margin:0 0 1.2rem;
}

h1{
  font-family:'Libre Bodoni', serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(2.6rem,7.5vw,5.2rem); letter-spacing:-0.008em; line-height:1.04;
  margin:0 0 1.6rem;
}

.teaser{
  text-wrap: pretty;
  text-align:left; /*teaser*/
  font-weight:400; font-size:clamp(1.2rem,1.9vw,1.55rem); line-height:1.55;
  color:var(--paper-dim); max-width:46ch; margin:0;
}

.cta{ display:flex; justify-content:center; padding:0 0 10vh; }

.deck-btn{
  display:inline-flex; align-items:center; gap:0.7em;
  font-family:'Inter', sans-serif; font-weight:500; font-size:0.85rem;
  letter-spacing:0.12em; text-transform:uppercase; text-decoration:none;
  color:var(--paper); border:1px solid var(--teal); padding:1.05em 2.1em;
  transition:background .25s ease, color .25s ease;
}
.deck-btn:hover,.deck-btn:focus-visible{ background:var(--teal); color:var(--ink); }

@media (max-width:600px){
  .back-link{ right:6vw; }
  .intro{ padding-top:7rem; }
}