:root {
  --bg:#333333;
  --panel:#4d4d4d;
  --black:#000000;
  --text:#b3b3b3;
  --muted:#999999;
  --white:#ffffff;
  --blue:#00adf2;
  --orange:#f05f24;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/2.1 "Montserrat","Helvetica Neue",Arial,sans-serif;
}
a{color:var(--blue);text-decoration:none}
a:hover{color:#fff}
.container{width:min(960px,92vw);margin:0 auto}
.site-header{background:#000;position:sticky;top:0;z-index:10;border-bottom:1px solid #222}
.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between}
.logo{height:42px;max-width:220px;object-fit:contain}
.nav{display:flex;gap:24px;list-style:none;margin:0;padding:0;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.nav a{color:#fff;border-top:3px solid transparent;padding-top:25px}
.nav a:hover{border-top-color:var(--orange)}
.section{padding:92px 0;background:#333}
.section.alt{background:#4d4d4d}
.hero{min-height:620px;background:#333 url('https://web.archive.org/web/20240324060058im_/https://littlebonsai.com/wp-content/uploads/2013/04/jakeandollie_MC1.jpg') center/cover no-repeat;position:relative}
.hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.story h1{font-size:48px;line-height:1.15;font-weight:700;color:#fff;text-transform:none;letter-spacing:-.04em}
.story h1 span{font-weight:400}
.story p{max-width:820px}
.signatures{width:500px;max-width:80%;margin-top:22px}
.big-title{font-size:62px;line-height:1;text-transform:uppercase;color:#fff;text-align:center;margin:0 0 18px;font-weight:700;letter-spacing:-.05em}
.subtitle{text-align:center;text-transform:uppercase;color:#aaa;font-size:20px;margin:0}
.note{text-align:center;color:#aaa;font-style:italic;margin:2px 0 42px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.card{background:#333;overflow:hidden}
.card img{width:100%;height:300px;object-fit:cover;display:block;background:#fff}
.card-body{padding:22px 22px 28px}
.card h3{font-size:22px;color:#2b80c3;margin:0 0 8px}
.milestone-box{height:650px;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;font-size:12px}
.contact{text-align:center}
.contact p{max-width:850px;margin:22px auto}
.footer{background:#000;color:#999;padding:42px 0}
.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:36px}
.footer h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.footer a{display:block;margin:6px 0}
.copy{border-top:1px solid #222;padding-top:22px}
@media(max-width:800px){
  .header-inner{height:auto;align-items:flex-start;gap:16px;padding:16px 0;flex-direction:column}
  .nav{flex-wrap:wrap;gap:10px 16px}
  .nav a{padding-top:0;border-top:0}
  .story h1,.big-title{font-size:36px}
  .grid,.footer-grid{grid-template-columns:1fr}
  .hero{min-height:360px}
}