* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  background-image: url("../assets/ascend-engineering-bg.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;

  color: #e6edf3;
}

/* NAVBAR */

.nav{
position:fixed;
top:0;
width:100%;
background:linear-gradient(
180deg,
rgba(5,8,14,.92),
rgba(5,8,14,.75)
);
backdrop-filter: blur(12px);
border-bottom:1px solid rgba(212,175,55,.25);
z-index:1000;
}

.nav-inner{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 20px;
}

/* BRAND BLOCK */

.brand{
display:flex;
align-items:center;
gap:10px;
}

/* monogram */

.nav-logo{
height:28px;
}
/* stacked brand text */

.brand-text{
display:flex;
flex-direction:column;
line-height:1;
}

/* brand text container */

.brand-text{
display:flex;
flex-direction:column;
line-height:1;
}
/* main brand */

.brand-main{
font-size:16px;
font-weight:700;
letter-spacing:3px;
color:#d4af37;
}



/* ASCEND */

.brand-main{
font-size:16px;
letter-spacing:3px;
font-weight:700;
color:#d4af37;
}

/* IP HOLDINGS */

.brand-sub{
font-size:10px;
letter-spacing:2px;
opacity:.8;
color:#e6edf3;
}

/* Links */

.nav-links a{
margin-left:26px;
text-decoration:none;
font-size:13px;
letter-spacing:1px;
font-weight:500;
color:#e6edf3;
transition:all .25s ease;
}

/* Hover */

.nav-links a:hover{
color:#d4af37;
text-shadow:0 0 8px rgba(212,175,55,.35);
}


.hero{
padding-top:120px;
}

.hero::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.45);
z-index:0;
}

.hero-content{
position:relative;
z-index:1;
}

max-width: 720px;

}

.logo {
  width: 95px;
  margin-bottom: 30px;

  filter: drop-shadow(0 0 18px rgba(212,185,112,.25));
  transition: transform .35s ease;
}

.logo:hover {
  transform: scale(1.04);
}
.divider {
  width: 120px;
  height: 1px;
  margin: 20px auto 24px auto;

  background: linear-gradient(
    to right,
    transparent,
    #d4c08a,
    transparent
  );
}

h1 {
  font-size: 54px;
  font-weight: 600;
  letter-spacing: .5px;
  margin-bottom: 12px;
}

.subtitle {
  font-size: 20px;
  opacity: .8;
  margin-bottom: 28px;
  line-height: 1.6;
}

.description {
  font-size: 16px;
  opacity: .65;
  margin-bottom: 36px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
/* secondary descriptor */

.brand-sub{
font-size:10px;
letter-spacing:2px;
color:#e6edf3;
opacity:.8;
}


.cta{
background:linear-gradient(135deg,#d4af37,#f2d27a);
color:#0a0e18;
padding:14px 28px;
border-radius:6px;
font-weight:600;
text-decoration:none;
display:inline-block;

  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.08) inset;

  transition: all .25s ease;
}


.cta:hover{
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(212,175,55,.35);
}

.footer {
  text-align: center;
  padding: 50px 30px;

  font-size: 13px;
  opacity: .55;

  border-top: 1px solid rgba(255,255,255,.05);
}

.footer-small {

margin-top: 6px;

}