@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Mono:wght@300;400&display=swap');

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

:root{
  --ink:#0a0a08;
  --paper:#f5f0e8;
  --gold:#b8922a;
  --gold-light:#d4aa4a;
  --gold-dim:#6b5218;
  --smoke:#1a1a16;
  --ash:#2e2e28;
  --mist:#8a8878;
  --fog:#c8c4b4;
}

body{
  background:var(--ink);
  color:var(--paper);
  font-family:'Cormorant Garamond',serif;
  overflow-x:hidden;
  cursor:default;
}

.noise{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:128px;
}

.grid-bg{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(184,146,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(184,146,42,.04) 1px,transparent 1px);
  background-size:60px 60px;
}

nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
  padding:1.5rem 3rem;
  border-bottom:1px solid rgba(184,146,42,.15);
  background:rgba(10,10,8,.85);
  backdrop-filter:blur(12px);
}

.nav-brand{
  font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.18em;
  color:var(--gold);text-transform:uppercase;
}

.nav-links{
  display:flex;gap:2.5rem;list-style:none;
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;
  color:var(--mist);text-transform:uppercase;
  padding-left:0;
}

.nav-links li{cursor:pointer;transition:color .2s;}
.nav-links li:hover{color:var(--gold-light);}

.nav-cta{
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink);background:var(--gold);
  padding:8px 20px;cursor:pointer;border:none;
  transition:background .2s;
}
.nav-cta:hover{background:var(--gold-light);}

.link-reset{ text-decoration:none; }

.hero{
  min-height:100vh;display:flex;flex-direction:column;
  justify-content:center;align-items:center;
  padding:8rem 3rem 5rem;text-align:center;
  position:relative;z-index:1;
}

.hero-eyebrow{
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.25em;
  color:var(--gold);text-transform:uppercase;margin-bottom:2rem;
  opacity:0;animation:fadeUp .8s .2s forwards;
}

.hero-title{
  font-size:clamp(3.5rem,8vw,7.5rem);font-weight:300;line-height:1.02;
  letter-spacing:-.02em;margin-bottom:1.5rem;
  opacity:0;animation:fadeUp .9s .35s forwards;
}

.hero-title em{
  font-style:italic;color:var(--gold);
}

.hero-subtitle{
  font-size:clamp(1rem,1.8vw,1.35rem);font-weight:300;
  color:var(--fog);line-height:1.8;max-width:580px;
  margin:0 auto 3.5rem;
  opacity:0;animation:fadeUp .9s .5s forwards;
}

.hero-actions{
  display:flex;gap:1rem;justify-content:center;
  opacity:0;animation:fadeUp .9s .65s forwards;
}

.btn-primary{
  font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;background:var(--gold);color:var(--ink);
  padding:14px 32px;border:none;cursor:pointer;
  transition:all .2s;
}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px);}

.btn-ghost{
  font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;background:transparent;color:var(--fog);
  padding:14px 32px;border:1px solid rgba(200,196,180,.25);cursor:pointer;
  transition:all .2s;
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light);}

.cta-btn{font-size:12px;padding:16px 40px;}

.scroll-line{
  width:1px;height:48px;background:linear-gradient(to bottom,var(--gold-dim),transparent);
  animation:scrollPulse 2s ease-in-out infinite;
}

.section-divider{
  display:flex;align-items:center;gap:1.5rem;padding:0 3rem;
  margin:1rem 0;position:relative;z-index:1;
}
.divider-line{flex:1;height:1px;background:rgba(184,146,42,.18);}
.divider-mark{
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;
  color:var(--gold-dim);text-transform:uppercase;white-space:nowrap;
}

.advisors-section{
  padding:4rem 3rem 6rem;position:relative;z-index:1;
}

.section-header{
  text-align:center;margin-bottom:4rem;
}

.section-label{
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.25em;
  color:var(--gold);text-transform:uppercase;display:block;margin-bottom:1rem;
}

.section-title{
  font-size:clamp(2rem,4vw,3.2rem);font-weight:300;
  letter-spacing:-.01em;color:var(--paper);
}

.section-title em{font-style:italic;color:var(--fog);}

.advisor-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:rgba(184,146,42,.12);
  border:1px solid rgba(184,146,42,.12);
  max-width:900px;margin:0 auto 2rem;
}

.advisor-card{
  background:var(--ink);padding:2rem 1.5rem;
  position:relative;overflow:hidden;cursor:pointer;
  transition:all .35s cubic-bezier(.25,.46,.45,.94);
}

.advisor-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(184,146,42,.08) 0%,transparent 60%);
  opacity:0;transition:opacity .35s;
}

.advisor-card:hover{background:var(--smoke);}
.advisor-card:hover::before{opacity:1;}

.advisor-number{
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.15em;
  color:var(--gold-dim);margin-bottom:1.25rem;display:block;
}

.advisor-role{
  font-size:1.35rem;font-weight:400;letter-spacing:-.01em;
  color:var(--paper);line-height:1.2;margin-bottom:.5rem;
}

.advisor-mandate{
  font-size:1rem;font-weight:300;color:var(--mist);
  line-height:1.6;font-style:italic;
}

.advisor-card:hover .advisor-role{color:var(--gold-light);}

.chairman-row{
  background:rgba(184,146,42,.06);
  border:1px solid rgba(184,146,42,.2);
  padding:1.75rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
  max-width:900px;margin:0 auto;
}

.chairman-left{display:flex;align-items:center;gap:1.5rem;}

.chairman-insignia{
  width:44px;height:44px;
  border:1px solid var(--gold-dim);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--gold);flex-shrink:0;
}

.chairman-title{
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;
  color:var(--gold);text-transform:uppercase;display:block;margin-bottom:.4rem;
}

.chairman-desc{
  font-size:1.1rem;font-weight:400;color:var(--paper);
}

.chairman-right{
  font-size:.8rem;color:var(--mist);font-style:italic;max-width:280px;text-align:right;line-height:1.6;
}

.process-section{
  padding:4rem 3rem 6rem;position:relative;z-index:1;
}

.process-steps{
  display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;
  align-items:center;max-width:800px;margin:0 auto;gap:0;
}

.process-step{padding:2rem 1.5rem;}

.step-num{
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;
  color:var(--gold-dim);text-transform:uppercase;margin-bottom:1rem;
  display:block;
}

.step-title{
  font-size:1.5rem;font-weight:400;letter-spacing:-.01em;
  color:var(--paper);margin-bottom:.6rem;line-height:1.2;
}

.step-desc{
  font-size:.85rem;color:var(--mist);line-height:1.7;font-weight:300;
}

.step-arrow{
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-dim);font-size:1rem;padding-top:1rem;
}

.quote-section{
  padding:4rem 3rem;position:relative;z-index:1;text-align:center;
  border-top:1px solid rgba(184,146,42,.1);
  border-bottom:1px solid rgba(184,146,42,.1);
  background:rgba(184,146,42,.02);
}

.quote-text{
  font-size:clamp(1.4rem,3vw,2.4rem);font-weight:300;font-style:italic;
  letter-spacing:-.01em;color:var(--fog);line-height:1.5;
  max-width:700px;margin:0 auto 1.5rem;
}

.quote-source{
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;
  color:var(--gold-dim);text-transform:uppercase;
}

.cta-section{
  padding:6rem 3rem 5rem;position:relative;z-index:1;text-align:center;
}

.cta-title{
  font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;
  letter-spacing:-.02em;line-height:1.1;margin-bottom:1.25rem;
}

.cta-title em{font-style:italic;color:var(--gold);}

.cta-sub{
  font-size:1.1rem;color:var(--mist);margin-bottom:3rem;
  font-weight:300;
}

footer{
  padding:2rem 3rem;border-top:1px solid rgba(184,146,42,.12);
  display:flex;justify-content:space-between;align-items:center;
  position:relative;z-index:1;
}

.footer-brand{
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;
  color:var(--gold-dim);text-transform:uppercase;
}

.footer-note{
  font-size:.75rem;color:rgba(138,136,120,.5);font-style:italic;
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes scrollPulse{
  0%,100%{opacity:.4;transform:scaleY(1);}
  50%{opacity:1;transform:scaleY(1.1);}
}

.reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);
}
.reveal.visible{opacity:1;transform:translateY(0);}

.reveal-delay-1{transition-delay:.1s;}
.reveal-delay-2{transition-delay:.2s;}
.reveal-delay-3{transition-delay:.3s;}
.reveal-delay-4{transition-delay:.4s;}
.reveal-delay-5{transition-delay:.5s;}

.gold-rule{
  width:40px;height:1px;background:var(--gold);
  margin:1.5rem auto;
}

@media (max-width: 992px){
  nav,
  .hero,
  .section-divider,
  .advisors-section,
  .process-section,
  .quote-section,
  .cta-section,
  footer{padding-left:2rem;padding-right:2rem;}

  .advisor-grid{grid-template-columns:repeat(2,1fr);}

  .process-steps{
    grid-template-columns:1fr;
    gap:1rem;
    max-width:620px;
  }

  .step-arrow{
    padding-top:0;
    transform:rotate(90deg);
  }

  .chairman-row{
    flex-direction:column;
    align-items:flex-start;
    gap:1rem;
  }

  .chairman-right{
    max-width:none;
    text-align:left;
  }
}

@media (max-width: 768px){
  nav{flex-wrap:wrap;gap:1rem;padding-top:1rem;padding-bottom:1rem;}

  .nav-brand{width:100%;}

  .nav-links{
    width:100%;
    gap:1rem;
    flex-wrap:wrap;
  }

  .hero{padding-top:10rem;}

  .hero-actions{
    flex-direction:column;
    width:100%;
    max-width:360px;
    margin:0 auto;
  }

  .btn-primary,
  .btn-ghost,
  .cta-btn{
    width:100%;
    text-align:center;
  }

  .advisor-grid{grid-template-columns:1fr;}

  .section-header{margin-bottom:2.5rem;}

  footer{
    flex-direction:column;
    align-items:flex-start;
    gap:.75rem;
  }
}

@media (max-width: 576px){
  nav,
  .hero,
  .section-divider,
  .advisors-section,
  .process-section,
  .quote-section,
  .cta-section,
  footer{padding-left:1rem;padding-right:1rem;}

  .hero{padding-bottom:4rem;}

  .hero-eyebrow,
  .section-label,
  .divider-mark,
  .chairman-title,
  .quote-source,
  .footer-brand{letter-spacing:.14em;}

  .chairman-row{padding:1.25rem;}

  .advisor-card,
  .process-step{padding:1.25rem;}
}