:root{
  --black:#0a0a0a;
  --black-soft:#121212;
  --panel:#161513;
  --gold:#c9a24b;
  --gold-bright:#e9c869;
  --white:#f5f3ee;
  --grey:#8a8680;
  --line:#2a2824;
  --maxw:1180px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--white);
  font-family:'Space Grotesk', sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
h1,h2,h3{font-family:'Bebas Neue', sans-serif; letter-spacing:0.02em; font-weight:400;}
.eyebrow{
  font-size:12px; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold);
  display:flex; align-items:center; gap:10px; margin-bottom:18px; font-weight:600;
}
.eyebrow::before{content:''; width:24px; height:1px; background:var(--gold);}
a{color:inherit; text-decoration:none;}
html:not([data-lang="en"]) [data-en]{display:none !important;}
html[data-lang="en"] [data-es]{display:none !important;}

/* NAV */
header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:rgba(9,9,9,0.94);
  border-bottom:1px solid var(--line);
}
nav{
  max-width:var(--maxw); margin:0 auto; padding:16px 24px;
  display:flex; align-items:center; justify-content:space-between;
}
.brand{display:flex; align-items:center; gap:10px;}
.brand img{width:38px; height:38px; border-radius:50%;}
.brand span{font-family:'Bebas Neue'; font-size:17px; letter-spacing:0.06em;}
.navlinks{display:flex; gap:26px; font-size:13px; letter-spacing:0.04em;}
.navlinks a{opacity:0.75; transition:opacity .2s; white-space:nowrap;}
.navlinks a:hover, .navlinks a.active{opacity:1; color:var(--gold);}
.navright{display:flex; align-items:center; gap:18px;}
.langtoggle{display:flex; border:1px solid var(--line); border-radius:20px; overflow:hidden; font-size:11px;}
.langtoggle button{background:transparent; border:none; color:var(--grey); padding:6px 12px; cursor:pointer; font-family:'Space Grotesk'; letter-spacing:0.05em;}
.langtoggle button.active{background:var(--gold); color:var(--black); font-weight:600;}
.menutoggle{display:none; background:none; border:none; color:var(--white); font-size:22px; cursor:pointer;}
@media (max-width:900px){
  .navlinks{display:none;}
  .menutoggle{display:block;}
}
.mobilemenu{
  display:none; position:fixed; top:69px; left:0; right:0; bottom:0; z-index:99;
  background:var(--black); padding:30px 24px; overflow-y:auto;
}
.mobilemenu.open{display:block;}
.mobilemenu a{display:block; font-size:22px; text-transform:uppercase; padding:14px 0; border-bottom:1px solid var(--line); font-family:'Bebas Neue';}

/* PAGE HERO (sub-pages) */
.page-hero{padding:170px 0 70px; border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(40px,7vw,76px); text-transform:uppercase; line-height:1.02;}
.page-hero .lead{max-width:640px; margin-top:20px;}

section{padding:110px 0; position:relative;}
.section-line{border-top:1px solid var(--line);}
h2{font-size:clamp(32px,4.5vw,52px); text-transform:uppercase; line-height:1.05; margin-bottom:22px;}
.lead{font-size:19px; line-height:1.65; color:#d9d6cf; margin-bottom:18px;}
p.body-text{font-size:15.5px; line-height:1.75; color:var(--grey); margin-bottom:16px;}

.btn{display:inline-block; padding:14px 28px; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; font-weight:600; border-radius:2px; position:relative; overflow:hidden; isolation:isolate; transition:color .35s ease, border-color .3s ease;}

.btn-gold{background:var(--gold-bright); color:var(--black);}
.btn-gold::after{
  content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(115deg, transparent, rgba(255,255,255,0.65), transparent);
  transform:skewX(-20deg); pointer-events:none;
  transition:left .65s cubic-bezier(.2,.6,.2,1);
}
.btn-gold:hover::after{ left:130%; }

.btn-outline{
  border:1px solid rgba(245,243,238,0.4); color:var(--white);
  background:linear-gradient(to right, var(--gold-bright) 50%, transparent 50%);
  background-size:202% 100%; background-position:right bottom;
  transition:background-position .45s cubic-bezier(.2,.6,.2,1), color .45s ease, border-color .3s ease;
}
.btn-outline:hover{ background-position:left bottom; color:var(--black); border-color:var(--gold-bright); }
@media (prefers-reduced-motion: reduce){
  .btn-gold::after{ display:none; }
  .btn-outline{ transition:color .2s ease, border-color .2s ease; }
}

.stat-row{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:36px;}
.stat{border-left:1px solid var(--line); padding-left:14px;}
.stat b{display:block; font-family:'Bebas Neue'; font-size:30px; color:var(--gold-bright);}
.stat span{font-size:11.5px; color:var(--grey); letter-spacing:0.03em; line-height:1.3; display:block; margin-top:4px;}

.pull-quote{margin-top:34px; padding:22px 26px; border-left:2px solid var(--gold); background:var(--panel); font-size:16px; line-height:1.6; font-style:italic; color:#e8e5dd;}
.pull-quote cite{display:block; margin-top:10px; font-size:11.5px; font-style:normal; color:var(--grey); letter-spacing:0.05em;}

/* TRUST STRIP (social proof logos) */
.trust-strip{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--panel); overflow-x:hidden;}
.trust-row{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:28px; padding-top:30px; padding-bottom:30px; min-width:0;}
.trust-label{font-size:11px; letter-spacing:0.2em; color:var(--grey); text-transform:uppercase; white-space:nowrap;}
.trust-logos{display:flex; align-items:center; gap:40px; flex-wrap:wrap; min-width:0;}
.trust-logo{font-family:'Bebas Neue'; font-size:20px; letter-spacing:0.06em; color:#c7c3ba; text-transform:uppercase; opacity:0.85; white-space:nowrap;}
.trust-logo small{display:block; font-family:'Space Grotesk'; font-size:9.5px; letter-spacing:0.12em; color:var(--grey); margin-top:-2px;}
.trust-logo-img{display:flex; align-items:center; gap:10px; white-space:nowrap;}
.trust-logo-img img{height:32px; width:32px; object-fit:contain; border-radius:6px;}
.trust-logo-img small{display:block; font-family:'Space Grotesk'; font-size:9.5px; letter-spacing:0.12em; color:var(--grey); text-transform:uppercase;}
.trust-logo-img b{display:block; font-family:'Bebas Neue'; font-size:15px; letter-spacing:0.05em; color:#c7c3ba; text-transform:uppercase;}
@media (max-width:700px){
  .trust-row{flex-direction:column; align-items:flex-start; gap:16px; padding-top:26px; padding-bottom:26px;}
  .trust-logos{gap:18px 26px; row-gap:14px;}
  .trust-logo{font-size:16px;}
}

/* PILLARS */
.pillars{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.pillar{background:var(--black); padding:32px 26px; position:relative; min-height:260px; display:flex; flex-direction:column;}
.pillar .pnum{font-family:'Bebas Neue'; font-size:36px; color:var(--line); position:absolute; top:20px; right:22px;}
.pillar h3{font-size:19px; text-transform:uppercase; margin:34px 0 14px; letter-spacing:0.02em; color:var(--gold-bright);}
.pillar p{font-size:13.5px; line-height:1.65; color:var(--grey);}
.pillar-img{margin-top:auto; padding-top:18px;}
.pillar-img img{width:100%; height:110px; object-fit:cover; filter:grayscale(0.3) brightness(0.85);}
@media (max-width:900px){ .pillars{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .pillars{grid-template-columns:1fr;} }

/* PROOF GRID */
.proof-strip{background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.proof-grid{display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:0;}
.proof-item{padding:44px 40px; border-left:1px solid var(--line);}
.proof-item:first-child{border-left:none;}
.proof-item h4{font-family:'Bebas Neue'; font-size:22px; color:var(--gold-bright); text-transform:uppercase; margin-bottom:10px;}
.proof-item p{font-size:14px; color:var(--grey); line-height:1.65;}
.proof-media img{width:100%; height:100%; min-height:260px; object-fit:cover;}
@media (max-width:900px){ .proof-grid{grid-template-columns:1fr;} .proof-item{border-left:none; border-top:1px solid var(--line);} .proof-item:first-child{border-top:none;} }

/* ROADMAP TIMELINE */
.timeline{display:grid; grid-template-columns:repeat(4,1fr); gap:28px;}
.tl-item{border-top:2px solid var(--gold); padding-top:20px;}
.tl-item .phase{font-size:11.5px; letter-spacing:0.15em; color:var(--gold); text-transform:uppercase; margin-bottom:10px;}
.tl-item h3{font-size:20px; margin-bottom:12px; text-transform:uppercase;}
.tl-item p{font-size:13.5px; color:var(--grey); line-height:1.6;}
@media (max-width:900px){ .timeline{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .timeline{grid-template-columns:1fr;} }
.scale-numbers{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:60px; padding-top:40px; border-top:1px solid var(--line);}
.scale-numbers .stat b{font-size:38px;}
@media (max-width:700px){ .scale-numbers{grid-template-columns:1fr 1fr;} }

/* CAREER TIMELINE (About Max) */
.career{border-left:1px solid var(--line); padding-left:28px; margin-top:20px;}
.career-item{position:relative; padding-bottom:32px;}
.career-item::before{content:''; position:absolute; left:-33px; top:4px; width:9px; height:9px; border-radius:50%; background:var(--gold-bright);}
.career-item .yr{font-family:'Bebas Neue'; font-size:22px; color:var(--gold-bright);}
.career-item p{font-size:14px; color:var(--grey); margin-top:4px; line-height:1.6;}

/* ROLES / PARTNERS */
.roles-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); margin-top:48px; border:1px solid var(--line);}
.role-card{background:var(--black); padding:30px 26px;}
.role-card h3{font-size:16px; text-transform:uppercase; color:var(--gold-bright); margin-bottom:10px; letter-spacing:0.02em;}
.role-card p{font-size:13px; color:var(--grey); line-height:1.6;}
@media (max-width:820px){ .roles-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .roles-grid{grid-template-columns:1fr;} }
.disclaimer{margin-top:30px; font-size:12px; color:var(--grey); line-height:1.6; max-width:640px; border-top:1px solid var(--line); padding-top:20px;}
.partner-cta{margin-top:44px; display:flex; gap:16px; flex-wrap:wrap; align-items:center;}

/* PARTNERS: highlight CTA tile filling the grid gap */
.role-highlight{position:relative; display:block; overflow:hidden; min-height:160px;}
.role-highlight img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(0.3) brightness(0.55); transition:transform .5s ease, filter .5s ease;}
.role-highlight .rh-overlay{position:absolute; inset:0; background:linear-gradient(135deg, rgba(10,10,10,0.55) 0%, rgba(201,162,75,0.35) 100%);}
.role-highlight .rh-text{position:relative; z-index:2;}
.role-highlight h3{color:var(--white) !important;}
.role-highlight p{color:#f0ead9 !important; font-weight:600;}
.role-highlight:hover img{transform:scale(1.06); filter:grayscale(0.1) brightness(0.65);}

/* SCROLL REVEAL */
.reveal{opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.2,.6,.2,1), transform .7s cubic-bezier(.2,.6,.2,1);}
.reveal.in-view{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1; transform:none; transition:none;}
}

/* JOURNAL */
.journal-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:20px;}
.journal-card{background:var(--black); padding:32px; display:flex; flex-direction:column;}
.journal-card .jtag{font-size:11px; letter-spacing:0.15em; color:var(--gold); text-transform:uppercase; margin-bottom:12px;}
.journal-card h3{font-size:22px; text-transform:uppercase; margin-bottom:12px; line-height:1.15;}
.journal-card p{font-size:14px; color:var(--grey); line-height:1.65; margin-bottom:16px;}
.journal-card .jsource{font-size:12px; color:var(--grey); margin-top:auto;}
.journal-card .jsource a{color:var(--gold-bright); border-bottom:1px solid transparent;}
.journal-card .jsource a:hover{border-color:var(--gold-bright);}
.journal-card.soon{opacity:0.55; border:1px dashed var(--line);}
@media (max-width:820px){ .journal-grid{grid-template-columns:1fr;} }

/* CONTACT */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px;}
.contact-card{border:1px solid var(--line); padding:34px; border-radius:2px;}
.contact-card h3{font-size:20px; text-transform:uppercase; color:var(--gold-bright); margin-bottom:14px;}
.contact-card p{font-size:14px; color:var(--grey); line-height:1.6; margin-bottom:20px;}
.contact-links a{display:block; font-size:15px; margin-bottom:10px; border-bottom:1px solid transparent; padding-bottom:4px;}
.contact-links a:hover{border-color:var(--gold); color:var(--gold-bright);}
.contact-options{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:10px;}
.contact-option{border:1px solid var(--line); padding:22px; transition:border-color .2s;}
.contact-option:hover{border-color:var(--gold);}
.contact-option .otag{font-size:11px; letter-spacing:0.15em; color:var(--gold); text-transform:uppercase; margin-bottom:8px;}
.contact-option h4{font-family:'Bebas Neue'; font-size:18px; text-transform:uppercase; margin-bottom:8px;}
.contact-option p{font-size:12.5px; color:var(--grey); line-height:1.5; margin-bottom:12px;}
.contact-option a{font-size:12px; color:var(--gold-bright); letter-spacing:0.05em; text-transform:uppercase; font-weight:600;}
@media (max-width:820px){ .contact-options{grid-template-columns:1fr;} }
@media (max-width:900px){ .about-grid, .contact-grid{grid-template-columns:1fr; gap:40px;} }

/* FULL-BLEED IMAGE BANNER */
.img-banner{position:relative; height:380px; overflow:hidden; margin:70px 0;}
.img-banner img{width:100%; height:100%; object-fit:cover; filter:grayscale(0.2) brightness(0.8);}
.img-banner .banner-fade{position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,10,0) 40%, rgba(10,10,10,0.85) 100%);}
.img-banner .cap{position:absolute; bottom:22px; left:24px; right:24px; font-size:12px; letter-spacing:0.12em; color:#d9d6cf; text-transform:uppercase; max-width:600px; line-height:1.5;}
@media (max-width:700px){ .img-banner{height:260px;} }

/* JOURNAL CARD IMAGE */
.journal-card .jimg{width:100%; height:170px; object-fit:cover; margin-bottom:18px; filter:grayscale(0.25) brightness(0.85); border:1px solid var(--line);}

/* CONTACT PORTRAIT */
.contact-portrait{position:relative;}
.contact-portrait img{width:100%; border-radius:2px; filter:grayscale(0.2);}
.contact-portrait .frame{position:absolute; top:16px; left:16px; right:-16px; bottom:-16px; border:1px solid var(--gold); z-index:-1;}

/* PROOF MEDIA COLUMN */
.proof-media{padding:0;}
.proof-media img{width:100%; height:100%; min-height:260px; object-fit:cover; filter:grayscale(0.15);}

footer{border-top:1px solid var(--line); padding:44px 0;}
.foot-row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;}
.foot-brand{display:flex; align-items:center; gap:12px;}
.foot-brand img{width:34px; height:34px; border-radius:50%;}
.foot-brand span{font-family:'Bebas Neue'; font-size:15px; letter-spacing:0.05em;}
footer .foot-tag{font-size:12px; color:var(--grey); max-width:340px; line-height:1.5;}
footer .foot-social a{font-size:12px; color:var(--grey); letter-spacing:0.08em;}
footer .foot-links{display:flex; gap:18px; font-size:12px;}
footer .foot-links a{opacity:0.75;}
footer .foot-links a:hover{opacity:1; color:var(--gold-bright);}

@media (max-width:900px){
  .stat-row{grid-template-columns:repeat(2,1fr);}
}