:root{
  --chrome-1:#f2f3f5;
  --chrome-2:#c7cbd1;
  --chrome-3:#8b8f96;
  --chrome-4:#4a4d52;
  --void:#08080a;
  --void-2:#121214;
  --moon:#eceeec;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--void);
  color:#c7cbd1;
  font-family:'Oswald',sans-serif;
  font-weight:300;
  line-height:1.75;
}
.chrome-text{
  font-family:'Cinzel',serif;
  font-weight:900;
  background:linear-gradient(180deg,#ffffff 0%,#d9dce0 18%,#9a9fa6 32%,#5d6066 46%,#c9cdd2 58%,#ffffff 68%,#6b6e74 82%,#e7e9eb 100%);
  background-size:100% 280%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.6));
}
header{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 5%;
  background:rgba(8,8,10,.92);
  border-bottom:1px solid var(--void-2);
}
.brand{font-family:'Cinzel',serif;font-weight:700;font-size:1.1rem;letter-spacing:.18em;text-decoration:none;}
header nav a{
  color:var(--chrome-2);text-decoration:none;font-size:.78rem;
  letter-spacing:.16em;text-transform:uppercase;margin-left:28px;
  transition:color .25s;
}
header nav a:hover{color:var(--chrome-1);}

main{
  max-width:760px;margin:0 auto;padding:90px 6% 110px;
}
main h1{
  font-family:'Cinzel',serif;font-size:clamp(2rem,5vw,3rem);
  letter-spacing:.05em;margin-bottom:8px;
}
.hr-chrome{
  width:90px;height:2px;margin:18px 0 46px;
  background:linear-gradient(90deg,var(--chrome-1),transparent);
}
main h2{
  font-family:'Cinzel',serif;font-size:1.3rem;letter-spacing:.04em;
  color:var(--chrome-1);margin:44px 0 14px;
}
main h2:first-of-type{margin-top:0;}
main p{margin-bottom:14px;color:#aeb1b7;}
main a{color:var(--chrome-1);text-decoration:underline;text-decoration-color:var(--chrome-4);}
main a:hover{text-decoration-color:var(--chrome-1);}
.kv{
  border-left:2px solid var(--chrome-4);padding-left:18px;margin:18px 0 28px;
}
.kv div{margin-bottom:4px;}
.kv .label{color:var(--chrome-3);text-transform:uppercase;font-size:.74rem;letter-spacing:.14em;}
.placeholder{color:#8a6d6d;font-style:italic;}

footer{
  padding:34px 5%;text-align:center;
  color:var(--chrome-4);font-size:.75rem;letter-spacing:.1em;
  border-top:1px solid var(--void-2);
}
.footer-links{display:flex;justify-content:center;gap:14px;margin-bottom:14px;flex-wrap:wrap;}
.footer-links a{
  color:var(--chrome-3);text-decoration:none;text-transform:uppercase;
  letter-spacing:.14em;font-size:.72rem;transition:color .25s;
}
.footer-links a:hover{color:var(--chrome-1);}
.footer-links span{color:var(--chrome-4);}

@media (max-width:760px){
  header nav a{margin-left:16px;font-size:.7rem;}
}