@font-face{font-family:"Cormorant";src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --ink:#0F1622; --ink-2:#1B2433; --cream:#F4F1EA; --paper:#FBFAF6; --line:#E2DCCF;
  --brass:#A8844E; --brass-soft:#C9AE82; --muted:#5B6270; --faint:#8A8F99;
  --serif:"Cormorant",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}

/* header */
.top{position:sticky;top:0;z-index:10;background:rgba(244,241,234,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.top .logo img{height:50px;width:auto}
.nav{display:flex;gap:32px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.nav a{text-decoration:none;color:var(--muted);transition:color .2s}
.nav a:hover{color:var(--ink)}

/* type */
.eyebrow{font:500 12px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:32px;height:1px;background:var(--brass)}
h1,h2,h3,.facts b{font-variant-numeric:lining-nums}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:-.005em}
h1{font-size:clamp(44px,6.4vw,82px)}
h2{font-size:clamp(34px,4.4vw,54px)}
h3{font-size:28px;line-height:1.15}
em{font-style:italic;color:var(--brass)}
.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:640px}

/* sections */
section{padding:120px 0}
.paper{background:var(--paper)}
.dark{background:var(--ink);color:var(--cream)}
.dark .lead,.dark p{color:#B9BDC5}
.dark .eyebrow{color:var(--brass-soft)}
.dark .eyebrow::before{background:var(--brass-soft)}
.head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:64px}
.head h2{margin-top:22px}

/* hero */
.hero{padding:140px 0 120px}
.hero h1{margin:28px 0 32px;max-width:900px}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font:500 14px/1 var(--sans);letter-spacing:.06em;text-decoration:none;border:1px solid var(--ink);transition:background .2s,color .2s}
.btn-solid{background:var(--ink);color:var(--cream)}
.btn-solid:hover{background:var(--ink-2)}
.btn-line:hover{background:var(--ink);color:var(--cream)}
.dark .btn{border-color:var(--cream)}
.dark .btn-solid{background:var(--cream);color:var(--ink)}
.dark .btn-solid:hover{background:#fff}

/* audience */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cell{background:var(--paper);padding:40px 36px}
.cell h3{margin-bottom:14px}
.cell p{color:var(--muted);font-size:16px}
.num{font:500 13px/1 var(--sans);letter-spacing:.2em;color:var(--brass);margin-bottom:28px;display:block}

/* principles */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.principles div{border-top:1px solid #2C3647;padding-top:28px}
.principles h3{color:var(--cream);margin-bottom:12px;font-size:26px}
.principles p{font-size:16px}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pillar{background:var(--paper);border:1px solid var(--line);padding:44px 36px 36px;display:flex;flex-direction:column}
.pillar h3{font-size:34px;margin-bottom:6px}
.pillar .via{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:22px}
.pillar p{color:var(--muted);font-size:16px;flex:1}
.pillar ul{list-style:none;margin:22px 0 30px;border-top:1px solid var(--line)}
.pillar li{font-size:15px;padding:11px 0;border-bottom:1px solid var(--line)}
.pillar .links{display:flex;flex-direction:column;gap:10px}
.arrow{font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid var(--brass);padding-bottom:3px;align-self:flex-start}
.arrow:hover{color:var(--brass)}

/* network */
.net{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.net div{border:1px dashed #C9C1AF;padding:30px 26px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}
.net h3{font-size:23px}
.net span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.note{margin-top:36px;font-size:15px;color:var(--muted);max-width:720px}

/* founder */
.founder{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.facts div{background:var(--paper);padding:26px 24px}
.facts b{display:block;font:300 40px/1 var(--sans);letter-spacing:-.02em;margin-bottom:8px}
.facts span{font-size:14px;color:var(--muted)}
.quote{font:italic 400 32px/1.3 var(--serif);border-left:2px solid var(--brass);padding-left:28px}
.founder p{color:var(--muted);margin-top:24px}

/* contact */
.contact{text-align:center}
.contact h2{margin:22px auto 22px;max-width:780px}
.contact .eyebrow{justify-content:center}
.contact .eyebrow::after{content:"";width:32px;height:1px;background:var(--brass-soft)}
.contact .lead{margin:0 auto}
.contact .ctas{justify-content:center}
.who{margin-top:40px;font-size:15px;color:#B9BDC5}

/* footer */
footer{background:var(--ink);color:#8E94A0;border-top:1px solid #222C3C;padding:56px 0 40px;font-size:13px;line-height:1.7}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.foot img{height:48px;width:auto;margin-bottom:20px}
.foot h4{font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-soft);margin-bottom:16px}
.foot a{text-decoration:none;display:block;margin-bottom:6px}
.foot a:hover{color:var(--cream)}
.legal{margin-top:44px;padding-top:24px;border-top:1px solid #222C3C;font-size:12px;color:#6D7380;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}

/* legal pages */
.doc{padding:96px 0 120px}
.doc .wrap{max-width:820px}
.doc h1{font-size:clamp(40px,5vw,60px);margin:24px 0 40px}
.doc h2{font-size:28px;margin:44px 0 12px}
.doc p,.doc li{color:var(--muted);font-size:16px;margin-bottom:12px}
.doc ul{padding-left:20px}

/* responsive */
@media (max-width:960px){
  .head,.founder{grid-template-columns:1fr;gap:28px}
  .grid3,.principles,.pillars{grid-template-columns:1fr}
  .net{grid-template-columns:1fr 1fr}
  .foot{grid-template-columns:1fr 1fr}
  .foot>div:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .wrap{padding:0 22px}
  .nav{display:none}
  section{padding:84px 0}
  .hero{padding:90px 0 80px}
  .lead{font-size:18px}
  .net{grid-template-columns:1fr}
  .quote{font-size:26px}
  .top .logo img{height:36px}
}