:root{
  --bg:#000;
  --card:#0d0d0d;
  --border:#1f1f1f;
  --text:#fff;
  --muted:#b8b8b8;
  --orange:#FF5C00;
  --orange-dim:rgba(255,92,0,.08);
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Arial,sans-serif;
  line-height:1.8;
  min-height:100vh;
}

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

.container{
  max-width:900px;
  margin:auto;
  padding:3rem 1.5rem 5rem;
}

.back-link{
  color:var(--orange);
  font-size:.95rem;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  transition:.25s;
}

.back-link:hover{
  opacity:.8;
}

.hero{
  margin-top:2rem;
}

.builder-photo{
  width:160px;
  height:160px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid var(--orange);
  margin-bottom:1.5rem;
}

.builder-name{
  font-size:3rem;
  font-weight:800;
  line-height:1.1;
  margin-bottom:.5rem;
}

.builder-meta{
  color:var(--muted);
  margin-bottom:1rem;
}

.builder-badges{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  margin-bottom:2rem;
}

.badge{
  background:var(--orange-dim);
  color:var(--orange);
  border:1px solid rgba(255,92,0,.2);
  padding:.45rem .85rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.03em;
}

.quote-highlight{
  border-left:4px solid var(--orange);
  padding-left:1rem;
  margin-bottom:3rem;
  font-size:1.15rem;
  color:#f2f2f2;
}

.section{
  margin-bottom:4rem;
}

.section-title{
  color:var(--orange);
  font-size:1.3rem;
  margin-bottom:1rem;
  font-weight:700;
}

.section p{
  color:#e3e3e3;
}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  padding:1rem 1.2rem;
  margin-bottom:1rem;
}

ul{
  padding-left:1.5rem;
}

li{
  margin-bottom:.8rem;
}

.pull-quote{
  background:var(--orange-dim);
  border:1px solid rgba(255,92,0,.2);
  padding:1.5rem;
  border-radius:12px;
  color:#fff;
}

.watch-btn{
  display:inline-block;
  background:var(--orange);
  color:#fff;
  padding:.95rem 1.5rem;
  border-radius:10px;
  margin-top:1rem;
  font-weight:600;
  transition:.25s;
}

.watch-btn:hover{
  transform:translateY(-2px);
}

.links{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
}

.link-pill{
  border:1px solid var(--border);
  padding:.75rem 1rem;
  border-radius:999px;
  transition:.25s;
}

.link-pill:hover{
  border-color:var(--orange);
  color:var(--orange);
}

.footer-note{
  margin-top:5rem;
  padding-top:2rem;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:.9rem;
}

.archive-nav{
  margin-top:4rem;
  display:flex;
  justify-content:space-between;
  gap:1rem;
}

.archive-nav a{
  flex:1;
  text-align:center;
  border:1px solid var(--border);
  padding:1rem;
  border-radius:12px;
  transition:.25s;
}

.archive-nav a:hover{
  border-color:var(--orange);
  color:var(--orange);
}

@media(max-width:768px){

  .container{
    padding:2rem 1.25rem 4rem;
  }

  .builder-name{
    font-size:2.2rem;
  }

  .builder-photo{
    width:130px;
    height:130px;
  }

  .archive-nav{
    flex-direction:column;
  }

  .links{
    flex-direction:column;
  }

  .link-pill{
    text-align:center;
  }

}