.jp .hd-wrap{place-items:center;height:clamp(360px,46vw,500px);display:grid;position:relative}.jp .hd-svg{width:min(100%,470px);height:auto;overflow:visible}.jp .hd-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.jp .hd-ink{stroke:#2a211cc7;stroke-width:1.5px}.jp .hd-axis{stroke:#2a211ce6;stroke-width:2.1px}.jp .hd-thin{stroke-width:1.1px;stroke:#2a211c99}.jp .hd-glyph{stroke-width:1.15px}.jp .hd-aspect{stroke-width:1.7px}.jp .hd-aspect.coral{stroke:#de5c40f2}.jp .hd-aspect.teal{stroke:#468077f2}.jp .hd-pencil{will-change:transform}.jp .hd-pencil-art path{stroke:#2a211c;stroke-width:1.15px;stroke-linejoin:round;stroke-linecap:round}.jp .hd-pencil-art .hd-pencil-shadow{fill:#4632191f;stroke:none;filter:blur(3px)}.jp .hd-pencil-body{fill:#ee8a6c}.jp .hd-pencil-line{fill:none;stroke-opacity:.25}.jp .hd-pencil-wood{fill:#f3d9b5}.jp .hd-pencil-lead{fill:#2a211c}.jp .hd-pencil-band{fill:#e8c77a}.jp .hd-pencil-eraser{fill:#f2b3a6}@media (max-width:980px){.jp .hd-wrap{order:-1;height:auto;margin:-6px 0 6px}.jp .hd-svg{width:min(88%,380px)}}