/* gh.capital: two pages, black on white. Design = prototype 13 "Logo + Number" (Francesco, 31 Oct 2026). */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-tight-latin.woff2) format("woff2")}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:#fff;color:#000;min-height:100dvh}
a{color:#000}
::selection{background:#000;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* home */
body.home{font:15px/1.5 Inter,sans-serif;position:relative;padding:28px 32px}
/* the logo at two thirds of the page width (Francesco, 31 Oct 2026: 1.5x smaller), centred */
h1.mark{position:absolute;left:50%;width:calc((100% - 56px) / 1.5);top:50%;transform:translate(-50%,-58%)}
h1.mark img{width:100%;height:auto;display:block}
.bl{position:absolute;left:32px;bottom:32px;max-width:360px}
p.line{margin-bottom:10px}
a.go{text-decoration:underline;text-underline-offset:3px}
.home .foot{position:absolute;right:32px;bottom:32px;text-align:right;font-size:11.5px;line-height:1.6;opacity:.55;max-width:360px}
/* phones: the desktop composition stacked: the logo centred in the page, the line, the link and the footer at the foot */
@media (max-width:600px){
  body.home{display:flex;flex-direction:column;padding-bottom:32px}
  h1.mark{position:static;transform:none;width:calc(100% / 1.5);margin:auto}
  .bl,.home .foot{position:static;text-align:left;max-width:none}
  .home .foot{margin-top:20px}
}

/* performance */
body.perf-page{font:15px/1.5 "Inter Tight",sans-serif;display:flex;flex-direction:column;padding:28px 32px}
.logo{width:132px;height:auto;display:block}
main{margin:auto 0;padding:48px 0}
/* the return: centred, 1.5x smaller than the round-four design (Francesco, 31 Oct 2026) */
.num{font-size:clamp(48px,8vw,112px);font-weight:700;letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums;text-align:center}
.chart{width:100%;margin-top:36px}
/* wider screens: a margin of a tenth of the page on each side of the line (Francesco, 31 Oct 2026) */
@media (min-width:601px){.chart{width:auto;margin-left:10vw;margin-right:10vw}}
.perf-page .foot{font-size:11.5px;line-height:1.6;opacity:.55;display:flex;justify-content:space-between;gap:24px}
@media (max-width:600px){.perf-page .foot{flex-direction:column;gap:4px}}

/* the line */
.perf{width:100%;height:auto;display:block;overflow:visible}
.perf .line{stroke:#000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.perf .zero{stroke:#000;stroke-opacity:.25;stroke-width:1;vector-effect:non-scaling-stroke}
.perf .dot{fill:#000}
.perf .ax{fill:#000;fill-opacity:.55;font-size:11px}
.perf .end{fill:#000;font-size:13px;font-weight:600}
.perf .hair{stroke:#000;stroke-opacity:.3;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}
.perf .ring{fill:#fff;stroke:#000;stroke-width:2;pointer-events:none}
.perf .tipbox{fill:#fff;stroke:#000;stroke-width:1;vector-effect:non-scaling-stroke}
.perf .tip1,.perf .tip2{fill:#000;font-size:12px;pointer-events:none}
.perf .tip1{font-weight:600}
.perf .hit{fill:transparent;cursor:crosshair;outline:none}
.perf .hit:focus-visible{fill:#000;fill-opacity:.04}

/* not found */
body.nf{font:15px/1.5 Inter,sans-serif;padding:28px 32px}
.nf p{margin-top:36vh}
.nf a.go{display:inline-block;margin-top:10px}