/* Shared styles for Entropy Ventures sub-pages (privacy, support, terms). */
:root{
  --ink:#14130F;
  --ink-raise:#1C1A15;
  --bone:#EDE8DD;
  --muted:#9A9486;
  --brass:#D6A04B;
  --line:rgba(237,232,221,0.12);
  --line-strong:rgba(237,232,221,0.22);
  --display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
  --serif:'Newsreader',Georgia,serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
  --maxw:760px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--ink);color:var(--bone);
  font-family:var(--serif);font-size:18px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;}
.skip{
  position:absolute;left:-999px;top:0;z-index:100;
  background:var(--ink-raise);color:var(--bone);
  font-family:var(--mono);font-size:13px;
  padding:10px 16px;border:1px solid var(--brass);border-radius:2px;
}
.skip:focus{left:16px;top:16px;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

/* top bar */
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:26px 0 0;
}
.mark{
  font-family:var(--display);font-weight:700;letter-spacing:-0.01em;font-size:18px;text-decoration:none;
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
}
.mark-icon{width:32px;height:32px;display:block;flex:0 0 auto;}
.mark .dot{color:var(--brass);}
.topbar .back,.topbar nav a{
  font-family:var(--mono);font-size:12.5px;letter-spacing:0.04em;color:var(--muted);
  text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;
  transition:color .25s,border-color .25s;
}
.topbar nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end;}
.topbar nav a[aria-current="page"]{color:var(--bone);border-color:var(--brass);}
.topbar nav .nav-cta{color:var(--bone);border-color:var(--line-strong);}
.topbar .back:hover,.topbar .back:focus-visible,.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--bone);border-color:var(--brass);}

/* document */
.wrap.doc{padding:64px 28px 96px;}
.doc .eyebrow{
  font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--brass);margin:0 0 18px;
}
.doc h1{
  font-family:var(--display);font-weight:500;letter-spacing:-0.025em;
  font-size:clamp(2rem,5vw,3rem);line-height:1.06;margin:0 0 14px;
}
.doc .updated{font-family:var(--mono);font-size:12.5px;letter-spacing:0.04em;color:var(--muted);margin:0 0 48px;}
.doc h2{
  font-family:var(--display);font-weight:500;letter-spacing:-0.015em;
  font-size:1.4rem;line-height:1.2;margin:46px 0 14px;
}
.doc h2 .num{color:var(--brass);font-family:var(--mono);font-size:0.85rem;margin-right:10px;letter-spacing:0.04em;}
.doc p{margin:0 0 18px;color:var(--bone);}
.doc p.lead{font-size:1.18rem;color:var(--bone);}
.doc .soon{
  margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:32px 0;color:var(--muted);font-size:1.1rem;text-wrap:pretty;
}
.doc a.link{color:var(--brass);text-decoration:none;border-bottom:1px solid var(--line-strong);transition:border-color .25s;}
.doc a.link:hover,.doc a.link:focus-visible{border-color:var(--brass);}
.doc ul{margin:0 0 18px;padding:0 0 0 1.1em;}
.doc li{margin:0 0 10px;color:var(--bone);}
.doc li::marker{color:var(--brass);}
.doc .muted{color:var(--muted);}
.callout{
  border:1px solid var(--line-strong);border-radius:3px;
  padding:22px 24px;margin:28px 0;background:rgba(237,232,221,0.02);
}
.callout p:last-child{margin-bottom:0;}

/* footer */
footer{margin-top:24px;padding:30px 0 40px;border-top:1px solid var(--line);}
footer .row{
  display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:baseline;
  font-family:var(--mono);font-size:12px;letter-spacing:0.04em;color:var(--muted);
}
footer .row b{color:var(--bone);font-weight:500;}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;}
footer nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .25s,border-color .25s;}
footer nav a:hover,footer nav a:focus-visible{color:var(--bone);border-color:var(--brass);}

:focus-visible{outline:2px solid var(--brass);outline-offset:3px;}

@media (max-width:680px){
  body{font-size:17px;}
  .topbar{align-items:flex-start;gap:18px;flex-direction:column;}
  .topbar nav{justify-content:flex-start;gap:12px 18px;}
  footer .row{gap:14px;justify-content:flex-start;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* Portfolio is a brand page, not a legal document. */
.portfolio-page .wrap{max-width:1120px;}
.portfolio-page .portfolio-main{
  padding-top:86px;padding-bottom:70px;
}
.portfolio-hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,0.68fr);
  gap:48px;align-items:end;padding-bottom:64px;border-bottom:1px solid var(--line);
}
.portfolio-page .doc h1{
  font-size:clamp(2.55rem,7vw,5.15rem);
  max-width:11ch;text-wrap:balance;margin-bottom:18px;
}
.portfolio-page .doc p.lead{max-width:30ch;text-wrap:pretty;color:var(--muted);}
.portfolio-note{
  border-left:1px solid var(--line-strong);
  padding-left:24px;color:var(--muted);font-size:1.05rem;
}
.portfolio-note a{
  color:var(--bone);text-decoration:none;border-bottom:1px solid var(--line-strong);
}
.portfolio-note a:hover,.portfolio-note a:focus-visible{border-color:var(--brass);}
.build-areas{padding:64px 0 0;}
.build-areas h2{
  font-family:var(--display);font-weight:500;letter-spacing:-0.02em;
  font-size:clamp(1.75rem,3.6vw,2.8rem);line-height:1.08;margin:0 0 34px;
  max-width:19ch;text-wrap:balance;
}
.area-grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);border-left:1px solid var(--line);
}
.area-card{
  min-height:232px;padding:25px 24px 24px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(237,232,221,0.028),rgba(237,232,221,0.008));
}
.area-icon{
  width:48px;height:48px;margin-bottom:48px;color:var(--brass);
}
.area-icon svg{width:100%;height:100%;display:block;}
.area-card h3{
  font-family:var(--display);font-weight:500;letter-spacing:-0.01em;
  font-size:1.18rem;line-height:1.16;margin:0 0 10px;
}
.area-card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.45;text-wrap:pretty;}
.portfolio-page footer{margin-top:76px;}

@media (max-width:680px){
  .portfolio-page .portfolio-main{
    padding-top:70px;
    padding-bottom:56px;
  }
  .portfolio-hero{grid-template-columns:1fr;gap:26px;padding-bottom:50px;}
  .portfolio-note{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;}
  .portfolio-page .doc h1{font-size:clamp(2.3rem,11vw,3.1rem);}
  .build-areas{padding-top:50px;}
  .area-grid{grid-template-columns:1fr;}
  .area-card{min-height:auto;padding:23px 20px;}
  .area-icon{margin-bottom:36px;}
  .portfolio-page footer{margin-top:62px;}
}
@media (min-width:681px) and (max-width:960px){
  .area-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}