*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#000;
  color:#f5f1e6;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.page{max-width:1180px;margin:0 auto;padding:24px}
.hero{
  display:grid;
  gap:24px;
  align-items:center;
  margin-bottom:28px;
}
@media(min-width:920px){
  .hero{grid-template-columns:.95fr 1.05fr;padding-top:10px}
}
.kicker{
  display:inline-block;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:8px 14px;
  letter-spacing:.22em;
  font-size:12px;
  color:#d9d9d9;
}
.hero-copy h1{
  margin:14px 0 10px;
  font-size:46px;
  line-height:1.03;
  letter-spacing:-.03em;
}
@media(min-width:920px){
  .hero-copy h1{font-size:72px}
}
.sub{
  margin:0;
  color:rgba(245,241,230,.72);
  font-size:18px;
  line-height:1.7;
  max-width:580px;
}
.hero-image{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:#0a0a0a;
}
.hero-image img{
  width:100%;
  height:420px;
  object-fit:cover;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.35));
}
.bio-card{
  border:1px solid rgba(255,255,255,.08);
  background:#0b0b0b;
  border-radius:28px;
  padding:28px 22px;
  text-align:center;
  margin-bottom:28px;
}
@media(min-width:920px){
  .bio-card{padding:38px 46px}
}
.section-label{
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:12px;
  color:#9a9a9a;
}
.bio-lines{
  margin-top:18px;
}
.bio-lines p{
  margin:8px 0;
  font-size:18px;
  line-height:1.65;
  color:rgba(245,241,230,.92);
}
@media(min-width:920px){
  .bio-lines p{font-size:21px}
}
.legend-section{
  margin-bottom:28px;
}
.legend-intro{
  margin-bottom:18px;
}
.legend-intro h2{
  margin:10px 0 8px;
  font-size:34px;
  line-height:1.08;
}
.legend-intro p{
  margin:0;
  color:rgba(245,241,230,.68);
  line-height:1.7;
}
.scene-grid{
  display:grid;
  gap:18px;
}
@media(min-width:920px){
  .scene-grid{grid-template-columns:1fr 1fr 1fr}
}
.scene-card{
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:#0b0b0b;
}
.scene-card img{
  width:100%;
  height:240px;
  object-fit:cover;
}
.scene-copy{
  padding:18px;
}
.scene-copy h3{
  margin:0 0 8px;
  font-size:22px;
}
.scene-copy p{
  margin:0;
  color:rgba(245,241,230,.68);
  line-height:1.65;
}
.links-section{
  display:grid;
  gap:18px;
  margin-bottom:24px;
}
@media(min-width:920px){
  .links-section{grid-template-columns:1fr 1fr}
}
.links-card{
  border:1px solid rgba(255,255,255,.08);
  background:#0b0b0b;
  border-radius:24px;
  padding:24px;
}
.links-card h2{
  margin:10px 0 8px;
  font-size:34px;
}
.big-link{
  display:inline-block;
  margin-top:4px;
  font-size:24px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:5px;
  color:#f5f1e6;
  word-break:break-word;
}
.footer{
  border-top:1px solid rgba(255,255,255,.08);
  padding:18px 0 8px;
  text-align:center;
  color:rgba(245,241,230,.5);
  font-size:14px;
}


.ecosystem{
  margin:14px 0 0;
  color:rgba(245,241,230,.58);
  font-size:14px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.bio-lines{
  margin-top:18px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.bio-lines p{
  margin:0;
  font-size:18px;
  line-height:1.75;
  color:rgba(245,241,230,.92);
}

@media(min-width:920px){
  .bio-lines{
    gap:22px;
  }
  .bio-lines p{
    font-size:21px;
  }
}


.scene-card img.xrp-fit{
  object-fit: contain;
  background:#050505;
  padding:0;
}

.ticker{
  margin-top:8px;
  font-size:16px;
  letter-spacing:.12em;
  color:#E0A343;
}