.hp{--hp-ground:var(--ground);--hp-ink:var(--ink);--hp-edge:var(--edge);--hp-mono:var(--font-sans);--hp-top:var(--s-6);--hp-toggle:16px;position:fixed;inset:0;background:var(--hp-ground);color:var(--hp-ink);font-family:var(--hp-mono);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hp:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay}.hp-nav{position:absolute;top:var(--hp-top);left:var(--hp-edge);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.5rem,1.6vh,.9rem)}.hp-nav a{display:inline-block;font-size:var(--t-head);font-weight:500;letter-spacing:0;text-transform:uppercase;line-height:var(--leading-heading);color:var(--hp-ink);opacity:.95;transition:opacity var(--dur) var(--ease-soft)}.hp-nav a:hover{opacity:.6}.hp-tag{position:absolute;bottom:7.1%;left:var(--hp-edge);right:var(--hp-edge);z-index:2;margin:0;font-size:var(--t-size);letter-spacing:0;text-transform:uppercase;line-height:1.6;color:var(--hp-ink)}.hp .themer{display:none}.hp .themer-inline{display:inline-flex;position:absolute;z-index:3;right:var(--hp-edge);bottom:7.1%;color:var(--hp-ink);font-family:var(--hp-mono);font-size:var(--t-size);letter-spacing:0;opacity:.45}.hp .themer-inline:hover{opacity:.8}@media (max-width:620px){.hp .themer-inline{top:var(--hp-top);right:var(--hp-edge);bottom:auto;left:auto;transform:translateY(calc((var(--t-head) * var(--leading-heading) - var(--hp-toggle)) / 2))}}:root[data-theme=light] .hp:after{mix-blend-mode:multiply;opacity:.06}