@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-500.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-600.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}
:root{--ink:#0b1220;--gold:#c8a96a;--gold2:#e4cf9f;--text:#e8e6e1;--muted:#9aa3b2;--rule:rgba(200,169,106,.35);--line:rgba(255,255,255,.08);--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--ink);color:var(--text);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--gold2);text-decoration:none;border-bottom:1px solid var(--rule)}
a:hover,a:focus-visible{color:#fff;border-color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{width:min(1120px,100% - 48px);margin-inline:auto}
.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--gold);color:var(--ink);padding:8px 14px;border:0}
.skip:focus{top:16px}

/* top of every page: contour lines, menu, title */
.top{position:relative;overflow:hidden;isolation:isolate;display:grid;align-items:end}
.home .top{min-height:100svh}
.page .top{min-height:min(64svh,620px)}
.lines{position:absolute;inset:-10% -20% auto auto;width:140%;height:120%;z-index:-1;opacity:.55;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.lines{animation:drift 60s linear infinite alternate}}
@keyframes drift{to{transform:translate3d(-6%,3%,0)}}
.top::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 80% 10%,transparent 0 40%,var(--ink) 75%),linear-gradient(to top,var(--ink) 0 18%,transparent 60%)}
.menu{position:absolute;top:0;left:0;right:0;padding:28px 0}
.menu .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px}
.mark{display:block;border:0;line-height:0}
.mark img{height:34px;width:auto}
.links{display:flex;flex-wrap:wrap;gap:6px 28px;list-style:none}
.links a{font-size:14px;color:var(--muted);border:0;padding:6px 0}
.links a:hover,.links a:focus-visible,.links a[aria-current=page]{color:var(--text)}
.links a[aria-current=page]{box-shadow:inset 0 -1px var(--gold)}
.title{padding:150px 0 12vh}
.page .title{padding-bottom:9vh}
.kicker{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
h1{font:500 clamp(54px,11vw,140px)/.92 var(--serif);letter-spacing:-.01em;margin:.25em 0 .2em}
h1 span{display:block;font-size:.42em;letter-spacing:.42em;text-transform:uppercase;color:var(--gold2);margin-top:.35em;font-weight:600}
.page h1{font-size:clamp(44px,7vw,96px);line-height:1}
.lede{max-width:34ch;font:500 clamp(22px,2.6vw,30px)/1.3 var(--serif)}

/* sections */
main section{padding:clamp(72px,10vw,128px) 0;border-top:1px solid var(--rule)}
.grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,72px)}
.stack h2{margin-bottom:clamp(28px,4vw,48px)}
.stack .intro{font:500 clamp(22px,2.4vw,28px)/1.45 var(--serif);max-width:40ch;margin-bottom:clamp(32px,5vw,56px)}
h2{font:600 13px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.big p{font:500 clamp(22px,2.4vw,28px)/1.45 var(--serif);max-width:40ch}
.big p+p{margin-top:.7em}
.more{display:inline-block;margin-top:28px;font-size:15px}
dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
dt,dd{padding:18px 0;border-bottom:1px solid var(--line)}
dt{color:var(--muted);font-size:14px}
dd{font-size:16px}
.mail a{font:500 clamp(26px,3.4vw,40px)/1.2 var(--serif)}
.note{margin-top:24px;color:var(--muted);font-size:15px;max-width:60ch}
.coords{margin-top:20px;font-size:13px;letter-spacing:.18em;color:var(--gold)}
.big .note,.big .coords{font:400 15px/1.65 var(--sans);max-width:60ch}
.big .note{margin-top:28px;color:var(--muted)}
.big .coords{margin-top:20px;font-size:13px;letter-spacing:.18em;color:var(--gold)}
address{font-style:normal}
.n{font-size:13px;letter-spacing:.18em;color:var(--gold)}

/* a large statement */
.quote blockquote::before{content:"";display:block;width:56px;height:1px;background:var(--gold);margin-bottom:36px}
.quote blockquote p{font:500 clamp(30px,4.4vw,58px)/1.15 var(--serif);max-width:24ch;letter-spacing:-.005em}
.quote figcaption{margin-top:28px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}

/* three columns divided by fine rules */
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cols>div{padding:4px 32px 4px 28px;border-left:1px solid var(--line)}
.cols>div:first-child{padding-left:0;border-left:0}
.cols h3{font:500 clamp(26px,2.6vw,32px)/1.15 var(--serif);margin:12px 0}
.cols p{color:var(--muted);font-size:15px;max-width:36ch}

/* facts band */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts div{padding:32px 24px 28px 0}
.facts div+div{padding-left:24px;border-left:1px solid var(--line)}
.facts strong{display:block;font:500 clamp(28px,3vw,40px)/1.05 var(--serif)}
.facts span{display:block;margin-top:10px;color:var(--muted);font-size:13px;letter-spacing:.04em}

/* photo band */
main .photo{padding:0;position:relative;display:grid;align-items:end;min-height:clamp(460px,60vw,680px);overflow:hidden;isolation:isolate}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;z-index:-2}
.photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--ink) 0,rgba(11,18,32,.82) 32%,rgba(11,18,32,.25) 68%,rgba(11,18,32,.5) 100%)}
.photo .wrap{padding:clamp(140px,16vw,220px) 0 clamp(56px,8vw,96px)}
.statement{font:500 clamp(32px,4.6vw,60px)/1.1 var(--serif);max-width:20ch;margin:18px 0 16px}
.sub{max-width:52ch}

/* home: list of the other pages */
.index{list-style:none;border-top:1px solid var(--line)}
.index a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;column-gap:24px;padding:28px 0;border-bottom:1px solid var(--line);color:var(--text)}
.index .t{font:500 clamp(28px,3.2vw,40px)/1.1 var(--serif);transition:color .2s}
.index a:hover .t,.index a:focus-visible .t{color:var(--gold2)}
.index .d{grid-column:2;color:var(--muted);font-size:15px;margin-top:6px}
.index .go{grid-column:3;grid-row:1;color:var(--gold);font-family:var(--sans);transition:transform .2s}
.index a:hover .go{transform:translateX(4px)}

/* numbered principles */
.steps{list-style:none}
.steps li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:24px;padding:32px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps h3{font:500 clamp(28px,3vw,38px)/1.15 var(--serif);margin-bottom:10px}
.steps p{grid-column:2;color:var(--muted);max-width:52ch}

/* process: gold dots on a fine line */
.flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.flow.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow li{position:relative;padding-top:28px;border-top:1px solid var(--rule)}
.flow li::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.flow .n{display:block;margin-bottom:10px}
.flow h3{font:500 clamp(24px,2.4vw,30px)/1.15 var(--serif);margin-bottom:8px}
.flow p{color:var(--muted);font-size:15px;max-width:40ch}

/* short lines with a gold dash */
.checks{list-style:none;border-top:1px solid var(--line)}
.checks li{position:relative;padding:16px 0 16px 40px;border-bottom:1px solid var(--line);font:500 clamp(22px,2.2vw,26px)/1.35 var(--serif)}
.checks li::before{content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background:var(--gold)}

/* roles */
.roles dt{font:500 clamp(22px,2.2vw,26px)/1.3 var(--serif);color:var(--text);padding:22px 24px 22px 0}
.roles dd{color:var(--muted);padding:22px 0}

/* questions that open on tap */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 0;font:500 clamp(22px,2.2vw,26px)/1.3 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:400 24px/1 var(--sans);color:var(--gold);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--muted);max-width:62ch}

/* about: structure chart */
.chart{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.25fr) 48px minmax(0,1fr);margin-top:clamp(16px,3vw,32px)}
.node{border:1px solid var(--rule);padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.node.fund{border-color:var(--gold);background:rgba(200,169,106,.06)}
.role{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.node strong{font:500 24px/1.2 var(--serif)}
.node .what{color:var(--muted);font-size:14px}
.join{align-self:center;height:1px;background:var(--gold);opacity:.7}

/* legal */
.legal h3{font:600 13px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin:36px 0 12px}
.legal h3:first-child{margin-top:0}
.legal p{max-width:68ch}
.legal p+p{margin-top:12px}

footer{padding:48px 0 56px;border-top:1px solid var(--rule);color:var(--muted);font-size:13px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin-bottom:24px}
.foot-links a{color:var(--text);border:0;font-size:14px}
footer p{max-width:80ch}
footer p+p{margin-top:10px}

@media (max-width:860px){
  .chart{grid-template-columns:1fr}
  .join{width:1px;height:32px;justify-self:center}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div:nth-child(3){padding-left:0;border-left:0}
  .facts div:nth-child(n+3){border-top:1px solid var(--line)}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .grid{grid-template-columns:1fr}
  dl{grid-template-columns:1fr}
  dt,.roles dt{padding-bottom:0;border:0}
  dd,.roles dd{padding-top:6px}
  .title{padding:140px 0 10vh}
  .mark img{height:28px}
  .links{width:100%;gap:6px 20px}
  .index a{grid-template-columns:36px minmax(0,1fr) auto;column-gap:14px}
  .steps li{grid-template-columns:36px minmax(0,1fr);column-gap:14px}
  .cols{grid-template-columns:1fr}
  .cols>div,.cols>div:first-child{padding:24px 0;border-left:0;border-top:1px solid var(--line)}
  .cols>div:first-child{border-top:0;padding-top:0}
  .flow,.flow.two{grid-template-columns:1fr;gap:36px}
}