/* Primitive base · page reset and shared text styles */
*{box-sizing:border-box}
html,body{margin:0;background:var(--ground);color:var(--text)}
body{font:400 var(--type-body)/1.55 var(--font-body);-webkit-font-smoothing:antialiased}
a{color:var(--orange);text-decoration:none} a:hover{color:var(--orange-hover)}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-button)}
img{display:block;max-width:100%}
.pc-label{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-label);margin:0}
.pc-display{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,7vw,96px);line-height:.96;letter-spacing:-.04em;margin:0;text-wrap:balance}
.pc-h2{font-family:var(--font-display);font-weight:700;font-size:var(--type-h2);line-height:1.2;letter-spacing:-.03em;margin:0}
/* demo pages only */
.demo{max-width:var(--content-max);margin:0 auto;padding:64px clamp(20px,4vw,56px) 96px;display:flex;flex-direction:column;gap:32px}
.demo__head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--hairline);padding-bottom:14px}
.demo__btn{font:500 12.5px var(--font-body);color:var(--text);background:transparent;border:1px solid var(--line-control);border-radius:var(--r-button);padding:7px 12px;cursor:pointer}
.demo__btn:hover{background:rgba(245,245,245,.06)}
.demo__spacer{height:60vh;display:grid;place-items:center;color:var(--text-label);font:12px var(--font-mono)}