/* Leaton Capital public holding page. Colours are palette tokens only
   (store leaton/design-palette.md). No webfonts, no JS. */
:root{
  --bg:#151515;      /* page background */
  --mark-bg:#111111; /* sidebar / brand-favicon background */
  --outline:#D0B98F; /* accent */
  --wheat:#F1DBB3;   /* headings, logo */
  --muted:#AAA69D;   /* muted labels */
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,Arial,sans-serif;
  --inset:24px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)}
body{min-height:100vh;min-height:100dvh;padding:var(--inset);display:flex}
.frame{flex:1;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--outline);padding:48px 20px;text-align:center}
.stack{display:flex;flex-direction:column;align-items:center;max-width:100%}
.mark{width:60px;height:60px;display:flex;align-items:center;justify-content:center;
  background:var(--mark-bg);border:1px solid var(--outline);
  font:400 51px/1 var(--serif);color:var(--wheat);padding-bottom:3px}
.name{margin:63px 0 0;font:400 clamp(36px,8.2vw,84px)/1.05 var(--serif);
  letter-spacing:-0.045em;color:var(--wheat);overflow-wrap:break-word}
.entity{margin:20px 0 0;font:400 13px/1 var(--sans);letter-spacing:.26em;
  margin-right:-.26em;text-transform:uppercase;color:var(--wheat)}
.rule{width:34px;height:0;margin:52px 0 0;border:0;border-top:1px solid var(--outline)}
.status{margin:26px 0 0;font:400 14px/1.3 var(--sans);color:var(--muted)}
@media (max-width:480px){
  :root{--inset:14px}
  .frame{padding:40px 16px}
  .name{margin-top:52px}
  .rule{margin-top:40px}
}