:root{
  --bg:#f6f6f3;
  --paper:#fbfbf9;
  --text:#1f262a;
  --muted:#687177;
  --line:#d9ddda;
  --accent:#3f5963;
  --max:860px
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{
  min-height:100vh;
  margin:0;
  color:var(--text);
  background:
    linear-gradient(rgba(246,246,243,.975),rgba(246,246,243,.985)),
    url("../img/engineering-bg.svg") center/cover fixed;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
.site{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}
.topbar,.footer,main{width:min(var(--max),calc(100% - 36px));margin-inline:auto}
.topbar{padding:22px 0 0;display:flex;justify-content:flex-end}
.lang{
  color:var(--muted);
  font-size:.76rem;
  letter-spacing:.11em;
  text-decoration:none
}
.lang:hover,.lang:focus-visible{color:var(--text)}
main{display:flex;justify-content:center;padding:42px 0 62px}
.hero,.document{
  background:rgba(251,251,249,.86);
  border:1px solid var(--line);
}
.hero{
  width:100%;
  margin-inline:auto;
  padding:clamp(34px,6vw,60px);
  text-align:center;
}
.kicker{
  margin:0 0 18px;
  color:var(--accent);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-align:center
}
h1{
  margin:0 auto;
  max-width:26ch;
  font-size:clamp(1.55rem,3.1vw,2.3rem);
  line-height:1.18;
  letter-spacing:-.03em;
  text-align:center
}
.rule{
  width:54px;
  height:1px;
  margin:24px auto 0;
  border:0;
  background:var(--line)
}
.lead{
  width:min(100%,620px);
  max-width:none;
  margin:26px auto 0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.75;
  text-align:center
}
.lead p{margin:0 0 .8rem}
.lead p:last-child{margin-bottom:0}
.documents{
  width:min(100%,620px);
  max-width:none;
  margin:46px auto 0;
  text-align:left;
  border-top:1px solid var(--line)
}
.doc-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 22px;
  min-height:auto;
  padding:20px 4px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  text-decoration:none;
  transition:padding-left .16s ease,color .16s ease
}
.doc-card:hover,.doc-card:focus-visible{
  padding-left:8px;
  color:var(--accent);
  outline:none;
  box-shadow:none;
  transform:none
}
.doc-title{
  display:block;
  font-weight:650;
  letter-spacing:-.01em
}
.doc-copy{
  grid-column:1;
  display:block;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5
}
.doc-arrow{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  display:block;
  margin:0;
  color:var(--accent);
  font-size:1rem
}
.document{
  padding:clamp(30px,5vw,54px)
}
.document h1{
  max-width:none;
  font-size:clamp(1.7rem,4vw,2.8rem)
}
.placeholder{
  margin-top:30px;
  padding-top:28px;
  border-top:1px solid var(--line)
}
.placeholder-note{
  margin:0 0 22px;
  padding:13px 15px;
  border-left:3px solid var(--accent);
  background:rgba(63,89,99,.05);
  color:var(--muted);
  font-size:.9rem;
  line-height:1.55
}
.document-content{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.02rem;
  line-height:1.78
}
.bottom-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  gap:15px 24px;
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.86rem
}
.bottom-nav a{text-decoration:none}
.bottom-nav a:hover,.bottom-nav a:focus-visible{color:var(--text)}
.footer{
  padding:0 0 26px;
  color:var(--muted);
  font-size:.77rem;
  text-align:center
}
.footer a{text-decoration:none}
.footer a:hover,.footer a:focus-visible{color:var(--text)}
@media(max-width:640px){
  main{padding-top:24px}
  .hero,.document{padding:28px 22px}
  .doc-card{grid-template-columns:1fr auto}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important}
}.documents-kicker{
  margin-top:42px;
  margin-bottom:0;
}
@media(min-width:641px){
  .hero{
    margin-left:auto;
    margin-right:auto;
  }
  .lead,
  .documents{
    margin-left:auto;
    margin-right:auto;
  }
}