:root{
  --background:oklch(0.14 0.012 25);
  --foreground:oklch(0.96 0.01 80);
  --card:oklch(0.18 0.018 25);
  --muted-foreground:oklch(0.72 0.02 70);
  --border:oklch(0.28 0.03 35 / 60%);
  --gold:oklch(0.82 0.14 82);
  --blood:oklch(0.48 0.19 25);
  --gradient-gold:linear-gradient(135deg,oklch(0.85 0.14 85),oklch(0.65 0.13 70));
  --gradient-blood:linear-gradient(135deg,oklch(0.52 0.2 25),oklch(0.28 0.13 22));
  --shadow-blood:0 20px 60px -20px oklch(0.45 0.2 25 / 0.6);
}
*{box-sizing:border-box;margin:0;padding:0;border-color:var(--border)}
html{scroll-behavior:smooth}
body{
  background:var(--background);color:var(--foreground);
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.5;
}
h1,h2,h3,h4{font-family:"Cormorant Garamond",ui-serif,Georgia,serif;font-weight:500;letter-spacing:-0.02em;line-height:1.1}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
em{font-style:italic}

.container{max-width:80rem;margin:0 auto;padding:0 1.5rem}
.text-gold{color:var(--gold)}
.text-muted{color:var(--muted-foreground)}
.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.4em;color:var(--gold)}
.eyebrow-sm{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}
.serif{font-family:"Cormorant Garamond",serif}
.bg-card{background:color-mix(in oklab,var(--card) 40%,transparent)}
.bg-blood{background:var(--gradient-blood)}
.ring-gold{box-shadow:inset 0 0 0 1px oklch(0.78 0.13 80 / 0.25)}

/* Header */
header.site{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);
  background:color-mix(in oklab,var(--background) 70%,transparent);
  border-bottom:1px solid var(--border)}
header.site .row{display:flex;align-items:center;justify-content:space-between;height:5rem}
.brand{display:flex;align-items:center;gap:.75rem}
.brand img{height:3rem;width:3rem;object-fit:contain}
.brand .name{font-family:"Cormorant Garamond",serif;font-size:1.5rem}
.brand .tag{font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:var(--muted-foreground);margin-top:.25rem}
nav.main{display:none;gap:.25rem;align-items:center}
nav.main a{padding:.5rem 1rem;font-size:.875rem;letter-spacing:.05em;color:var(--muted-foreground)}
nav.main a:hover{color:var(--foreground)}
nav.main a.active{color:var(--gold)}
.header-actions{display:none;gap:1rem;align-items:center}
.lang{display:inline-flex;border:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.25em}
.lang a{padding:.4rem .6rem;color:var(--muted-foreground)}
.lang a + a{border-left:1px solid var(--border)}
.lang a.active{background:var(--gradient-blood);color:#fff}
.btn-blood{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--gradient-blood);color:#fff;font-size:.875rem;box-shadow:inset 0 0 0 1px oklch(0.78 0.13 80 / 0.25);transition:box-shadow .2s}
.btn-blood:hover{box-shadow:var(--shadow-blood)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.75rem;border:1px solid color-mix(in oklab,var(--gold) 40%,transparent);color:var(--gold)}
.btn-ghost:hover{background:color-mix(in oklab,var(--gold) 10%,transparent)}
.btn-blood.lg{padding:1rem 1.75rem}

@media(min-width:1024px){nav.main{display:flex}.header-actions{display:flex}}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in oklab,var(--background) 60%,transparent),color-mix(in oklab,var(--background) 40%,transparent),var(--background))}
.hero .inner{position:relative;padding:7rem 0 10rem}
.hero h1{margin-top:2rem;font-size:clamp(3rem,9vw,8rem);max-width:60rem}
.hero p.lede{margin-top:2.5rem;max-width:36rem;font-size:1.125rem;color:var(--muted-foreground)}
.hero .ctas{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1rem}

/* Sections */
section{padding:5rem 0}
.section-head .eyebrow{margin-bottom:1.5rem}
.section-head h1{font-size:clamp(2.5rem,6vw,4.5rem);max-width:48rem}
.section-head p.lede{margin-top:1.5rem;font-size:1.125rem;color:var(--muted-foreground);max-width:48rem}

.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--card) 40%,transparent)}
.stats .grid{display:grid;gap:3rem;padding:4rem 0}
.stats .k{font-family:"Cormorant Garamond",serif;font-size:4rem;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats .v{margin-top:.75rem;font-size:.875rem;color:var(--muted-foreground)}

.pillars-grid{display:grid;gap:1px;background:var(--border);margin-top:5rem}
.pillars-grid .cell{background:var(--background);padding:2.5rem}
.pillars-grid h3{margin-top:1.5rem;font-size:1.5rem}
.pillars-grid p{margin-top:1rem;color:var(--muted-foreground)}

.quote{position:relative;padding:8rem 0}
.quote .mark{position:absolute;left:0;top:3rem;font-family:"Cormorant Garamond",serif;font-size:12rem;line-height:1;color:color-mix(in oklab,var(--blood) 30%,transparent)}
.quote blockquote{position:relative;max-width:64rem;font-family:"Cormorant Garamond",serif;font-size:clamp(1.75rem,4vw,3rem);line-height:1.2}
.quote .by{margin-top:2rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}

/* Science */
.pillar-pair{display:grid;gap:1px;background:var(--border);box-shadow:inset 0 0 0 1px oklch(0.78 0.13 80 / 0.25)}
.pillar-pair .pane{background:color-mix(in oklab,var(--card) 40%,transparent);padding:3rem}
.pillar-pair h3{font-size:2.25rem;margin-top:1.5rem}
.pillar-pair p{margin-top:1.5rem;color:var(--muted-foreground)}
.pillar-pair ul{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;color:var(--muted-foreground)}
.pillar-pair li::before{content:"✓ ";color:var(--gold);font-weight:700}

.steps{display:grid;gap:1px;background:var(--border)}
.steps .step{background:var(--background);padding:3rem}
.steps .n{font-family:"Cormorant Garamond",serif;font-size:5rem;color:color-mix(in oklab,var(--gold) 40%,transparent);line-height:1}
.steps h3{margin-top:1.5rem;font-size:1.875rem}
.steps p{margin-top:1rem;color:var(--muted-foreground)}

.metrics{border-top:1px solid var(--border);background:color-mix(in oklab,var(--card) 40%,transparent)}
.metrics .grid{display:grid;gap:3rem;padding:6rem 0}
.metrics .v{margin-top:1rem;font-size:3rem;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"Cormorant Garamond",serif}
.metrics .b{margin-top:.75rem;font-size:.875rem;color:var(--muted-foreground)}

/* Pipeline */
.pipe-summary{display:grid;gap:1px;background:var(--border)}
.pipe-summary .cell{background:var(--background);padding:2.5rem}
.pipe-summary h3{margin-top:1.5rem;font-size:1.5rem}
.pipe-summary p{margin-top:.75rem;color:var(--muted-foreground);font-size:.875rem}

.pipe-table{border:1px solid var(--border)}
.pipe-row{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--border)}
.pipe-row:last-child{border-bottom:0}
.pipe-row > div{padding:1.25rem}
.pipe-row .prog{font-family:"Cormorant Garamond",serif;font-size:1.5rem;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.pipe-row .ind-mod .mod{margin-top:.25rem;font-size:.75rem;color:var(--muted-foreground)}
.platform-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border:1px solid color-mix(in oklab,var(--gold) 30%,transparent);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}
.stages{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}
.stages .bar{height:.5rem;background:var(--border)}
.stages .bar.on{background:var(--gradient-blood)}
.stages .label{margin-top:.5rem;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground)}
.stages .label.active{color:var(--gold)}
.pipe-head{display:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;color:var(--muted-foreground);border-bottom:1px solid var(--border)}
.pipe-head > div{padding:1.25rem}
@media(min-width:768px){
  .pipe-head,.pipe-row{display:grid;grid-template-columns:1fr 2fr 1.4fr 2.2fr;align-items:center}
}

.milestones{border-top:1px solid var(--border);background:color-mix(in oklab,var(--card) 40%,transparent)}
.milestones .grid{display:grid;gap:3rem;padding:6rem 0}
.milestone{border-left:1px solid color-mix(in oklab,var(--gold) 40%,transparent);padding-left:1.5rem}
.milestone .d{font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}
.milestone .t{margin-top:.75rem;font-family:"Cormorant Garamond",serif;font-size:1.5rem}
.milestone .b{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}

/* Team */
.team-grid{display:grid;gap:1px;background:var(--border);margin-top:2.5rem}
.team-grid .cell{background:var(--background);padding:2.5rem}
.avatar{
  width:120px;
  height:120px;

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  border-radius:0; /* cuadradas */
  
  box-shadow:
    inset 0 0 0 1px oklch(0.78 0.13 80 / 0.25);

  margin-bottom:1.5rem;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* clave: recorta sin deformar */
  object-position: top;
  display: block;
}
.team-grid h3{font-size:1.5rem}
.team-grid .role{margin-top:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;color:var(--gold)}
.team-grid p{margin-top:1rem;color:var(--muted-foreground)}

/* News */
.news-list{border-top:1px solid var(--border)}
.news-item{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2.5rem .5rem;border-bottom:1px solid var(--border)}
.news-item:hover{background:color-mix(in oklab,var(--card) 40%,transparent)}
.news-item h3{font-size:1.5rem;font-family:"Cormorant Garamond",serif}
.news-item p{margin-top:.75rem;color:var(--muted-foreground)}
.news-item .meta .tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}
.news-item .meta .d{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}
@media(min-width:768px){.news-item{grid-template-columns:1fr 4fr auto}}

/* Contact */
.contact-grid{display:grid;gap:4rem;padding-bottom:8rem}
@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1.3fr}}
.contact-block .t{font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}
.contact-block .v{margin-top:.75rem;font-family:"Cormorant Garamond",serif;font-size:1.5rem;white-space:pre-line}
.contact-block + .contact-block{margin-top:2.5rem}
form.contact{border:1px solid var(--border);padding:2.5rem;background:color-mix(in oklab,var(--card) 40%,transparent)}
form.contact label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}
form.contact input,form.contact textarea{margin-top:.5rem;width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);padding:.75rem 0;color:var(--foreground);font-family:inherit;font-size:1rem}
form.contact input:focus,form.contact textarea:focus{outline:none;border-bottom-color:var(--gold)}
form.contact .field + .field{margin-top:1.5rem}
form.contact button{margin-top:2rem;width:100%;padding:1rem 1.75rem;background:var(--gradient-blood);color:#fff;border:0;font-size:.875rem;cursor:pointer;box-shadow:inset 0 0 0 1px oklch(0.78 0.13 80 / 0.25)}
form.contact button:hover{box-shadow:var(--shadow-blood)}

/* Footer */
footer.site{border-top:1px solid var(--border);margin-top:8rem}
footer.site .grid{display:grid;gap:3rem;padding:4rem 0}
footer.site .blurb{font-size:.875rem;color:var(--muted-foreground);margin-top:1.25rem;max-width:24rem}
footer.site h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;color:var(--gold);margin-bottom:1rem;font-family:inherit;font-weight:600}
footer.site ul li{font-size:.875rem;color:var(--muted-foreground);margin-bottom:.5rem}
footer.site .bottom{border-top:1px solid var(--border)}
footer.site .bottom .row{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;padding:1.5rem 0;font-size:.75rem;color:var(--muted-foreground)}
@media(min-width:768px){
  footer.site .grid{grid-template-columns:2fr 1fr 1fr}
  footer.site .bottom .row{flex-direction:row}
  .stats .grid,.metrics .grid,.milestones .grid{grid-template-columns:repeat(3,1fr)}
  .pillars-grid,.pipe-summary{grid-template-columns:repeat(3,1fr)}
  .pillar-pair,.steps,.team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px){
  footer.site .grid{grid-template-columns:2fr 1fr 1fr}
  footer.site .bottom .row{flex-direction:row}
  .stats .grid,.metrics .grid,.milestones .grid{grid-template-columns:repeat(3,1fr)}
  .pillars-grid,.pipe-summary{grid-template-columns:repeat(3,1fr)}
  .pillar-pair,.steps,.team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:no-preference){
  a,button{transition:color .2s,background .2s,box-shadow .2s,opacity .2s}
}

/* Investment */
.inv-grid{display:grid;gap:1px;background:var(--border)}
.inv-item{background:var(--background);padding:2.5rem}
.inv-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.inv-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-blood);box-shadow:inset 0 0 0 1px oklch(0.78 0.13 80 / 0.25);color:var(--foreground)}
.inv-pct{font-family:"Cormorant Garamond",serif;font-size:3rem}
.inv-body h3{font-size:1.75rem}
.inv-body p{margin-top:.75rem;color:var(--muted-foreground);max-width:36rem}
.inv-bar-bg{margin-top:1.5rem;height:.25rem;background:var(--border);overflow:hidden}
.inv-bar{height:100%;background:var(--gradient-blood)}
.inv-stats{display:grid;gap:1px;background:var(--border);grid-template-columns:repeat(3,1fr)}
.inv-stat-cell{background:var(--background);padding:2.5rem;text-align:center}
.inv-stat-n{font-family:"Cormorant Garamond",serif;font-size:3.5rem;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.inv-stat-l{margin-top:.75rem;font-size:.875rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.2em}

/* Contact form fixes */
.contact-blocks{display:flex;flex-direction:column;gap:2.5rem}
.form-row{display:grid;gap:1.5rem;margin-bottom:1.5rem}
@media(min-width:768px){.form-row{grid-template-columns:1fr 1fr}}
form label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}
form input,form textarea{margin-top:.5rem;width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);padding:.75rem 0;color:var(--foreground);font-family:inherit;font-size:1rem}
form input:focus,form textarea:focus{outline:none;border-bottom-color:var(--gold)}

/* Mobile tuning for investment + stats */
@media (max-width: 767px){
  .inv-item{padding:1.5rem}
  .inv-top{gap:.75rem;margin-bottom:1rem}
  .inv-icon{width:2.25rem;height:2.25rem}
  .inv-pct{font-size:2.25rem}
  .inv-body h3{font-size:1.25rem;line-height:1.25}
  .inv-body p{font-size:.95rem}
  .inv-stats{grid-template-columns:1fr}
  .inv-stat-cell{padding:1.5rem}
  .inv-stat-n{font-size:2.5rem}
}