*{box-sizing:border-box}html,body{background:#020103;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;grid-template-columns:clamp(180px,20vw,300px) minmax(0,1fr);display:grid}.branding{background:#000;align-items:flex-end;padding:28px;display:flex}.branding h1{color:#000;letter-spacing:-.04em;text-transform:uppercase;-webkit-text-stroke:.6px currentColor;background:#fff;width:100%;margin:0;padding:12px;font:900 clamp(14px,clamp(180px,20vw,300px)/7 - 11.4286px,31px)/.9 Arial Black,sans-serif}.branding h1>span{display:block}.wordmark-letter{display:inline-block;position:relative}.wordmark-letter.scrambling{color:#0000}.wordmark-letter.scrambling:after{color:#000;content:attr(data-glyph);text-align:center;font-family:monospace;position:absolute;inset:0}.wordmark-letter.scrambling.block-glyph:after{font-family:inherit}@media (max-width:600px){body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.branding{padding:16px 20px}.branding h1{width:auto;font-size:18px}}#artwork{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}