/* base */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.55 'Bricolage Grotesque',system-ui,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--g2);z-index:51}
h1,h2,h3,.d{font-family:Anton,'Arial Narrow',Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.92;margin:0;letter-spacing:.01em}
h2{font-size:clamp(44px,8vw,104px);transform:skewX(-8deg);transform-origin:left}
p{margin:0 0 14px;max-width:56ch}
:focus-visible{outline:4px solid #f0b232;outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.rough{filter:url(#rough)}