/* Sietch shared design system — used by /founders and /investors.
   The home page (index.html) keeps its own inline styles; these classes
   mirror them so every page reads as one site. */

:root{
  --bg:#07070B; --ink:#EDE8D0; --amber:#C89A2A; --amber2:#D4A847;
  --muted:rgba(237,232,208,0.55); --muted-2:rgba(237,232,208,0.4); --faint:rgba(237,232,208,0.3);
  --line:rgba(200,154,42,0.18); --line-2:rgba(200,154,42,0.30); --line-soft:rgba(200,154,42,0.12);
  --panel:rgba(200,154,42,0.02);
  --sans:'Chakra Petch',sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}

/* ---- Nav ---- */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px clamp(20px,5vw,64px);border-bottom:1px solid var(--line);background:rgba(7,7,11,0.82);backdrop-filter:blur(10px);gap:16px;flex-wrap:wrap;}
.nav__brand{display:flex;align-items:center;gap:11px;}
.nav__brand img{width:54px;height:54px;display:block;}
.nav__brand b{font-weight:800;font-size:22px;letter-spacing:-0.02em;}
.nav__links{display:flex;align-items:center;gap:clamp(14px,2.6vw,34px);flex-wrap:wrap;}
.nav__link{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(237,232,208,0.6);transition:color .15s;}
.nav__link:hover{color:var(--ink);}
.nav__link.is-active{color:var(--amber);}
.nav__cta{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#07070B;background:var(--amber);padding:9px 18px;font-weight:500;}

/* ---- Page atmosphere ---- */
.page{position:relative;overflow:hidden;min-height:60vh;}
.page::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(200,154,42,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(200,154,42,0.035) 1px,transparent 1px);background-size:72px 72px;}
.page::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(200,154,42,0.06),transparent 60%);}

/* ---- Layout ---- */
.container{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,64px);position:relative;z-index:1;}
.section{padding:clamp(56px,9vh,110px) 0;position:relative;z-index:1;}
.section--head{padding-top:clamp(64px,11vh,130px);}
.rule{border-top:1px solid var(--line-soft);}

/* ---- Type ---- */
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:rgba(200,154,42,0.6);margin:0 0 18px;display:flex;align-items:center;gap:14px;}
.kicker::before{content:"";width:34px;height:1px;background:var(--amber);opacity:.7;}
.h1{font-weight:800;font-size:clamp(40px,7vw,86px);letter-spacing:-0.03em;line-height:0.95;margin:0;}
.h2{font-weight:700;font-size:clamp(26px,4vw,46px);letter-spacing:-0.02em;line-height:1.06;margin:0;}
.am{color:var(--amber);}
.lead{font-size:clamp(15px,1.6vw,19px);line-height:1.65;color:var(--muted);max-width:740px;margin:26px 0 0;}
.lead .ink{color:var(--ink);}
.mono{font-family:var(--mono);}

/* ---- Cards / grids ---- */
.grid{display:grid;gap:18px;margin-top:clamp(36px,5vh,56px);}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.card{border:1px solid var(--line-2);background:var(--panel);padding:clamp(24px,2.6vw,34px);}
.card .n{font-family:var(--mono);font-size:15px;letter-spacing:0.2em;color:rgba(200,154,42,0.6);}
.card h3{font-weight:700;font-size:23px;letter-spacing:-0.01em;margin:16px 0 0;}
.card p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:14px 0 0;}
.stat{font-weight:800;font-size:clamp(40px,5vw,60px);color:var(--amber);letter-spacing:-0.02em;line-height:1;}

/* placeholder chip (founder bios you fill later) */
.ph{border:1px dashed rgba(200,154,42,0.5);background:rgba(200,154,42,0.02);color:var(--amber2);}
.ph-tag{font-family:var(--mono);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(200,154,42,0.75);}

/* founder avatar placeholder */
.avatar{width:120px;height:120px;flex-shrink:0;border:1px dashed var(--line-2);background:rgba(200,154,42,0.03);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:40px;color:rgba(200,154,42,0.7);}

/* ---- Buttons ---- */
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
.btn{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:0.16em;text-transform:uppercase;padding:14px 30px;font-weight:500;}
.btn--primary{color:#07070B;background:var(--amber);}
.btn--ghost{color:rgba(237,232,208,0.85);border:1px solid var(--line-2);}

/* ---- Footer ---- */
.footer{border-top:1px solid var(--line);padding:clamp(44px,6vh,70px) clamp(20px,5vw,64px) 34px;position:relative;z-index:1;}
.footer__inner{max-width:1180px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:28px;}
.footer__tag{font-family:var(--mono);font-size:10px;letter-spacing:0.24em;text-transform:uppercase;color:var(--amber);margin-top:10px;}
.footer__links{display:flex;gap:28px;flex-wrap:wrap;}
.footer__link{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(237,232,208,0.5);}
.footer__link:hover{color:var(--ink);}
.footer__bar{max-width:1180px;margin:40px auto 0;padding-top:22px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer__meta{font-family:var(--mono);font-size:10px;letter-spacing:0.14em;color:var(--faint);}
.footer__dune{font-family:var(--mono);font-size:10px;line-height:1.7;letter-spacing:0.04em;color:rgba(237,232,208,0.28);max-width:560px;text-align:right;}
