:root[data-page=art]{--paper:var(--color-art)}[data-page=art] body:before{content:none}body{--ww:var(--wall-w,100vw);--pw:calc(var(--ww) / 2);--ph:calc(var(--ww) / 2 * 1.77);--hole:max(1.5px, calc(var(--ww) * .0032));--tie:#230000b3 0 var(--hole), #23000047 calc(var(--hole) * 1.35), transparent calc(var(--hole) * 1.7);--seam:#1e00006b 0 2px, #1e00002e 2px 4px, #ffffff12 4px 5px, transparent 5px;background:radial-gradient(circle at 50% 37%, var(--tie)) 0 0 / var(--pw) var(--ph), radial-gradient(circle at 50% 88%, var(--tie)) 0 0 / var(--pw) var(--ph), linear-gradient(to right, var(--seam)) -2px 0 / var(--pw) var(--ph), linear-gradient(var(--seam)) 0 -2px / var(--ww) var(--ph), url(data:image/webp;base64,UklGRkwFAABXRUJQVlA4IEAFAABwdwCdASq8ArwCPm02mEmkIqIhIDM4MIANiWlu/F+55etQzrLOMstNls6c6dD8DWsAe6n+jagwNR/K6n+jagwl+WAehFAPdT/RtQ5xlS4up/o2lgOsBSzquHNAJDk0GnQCP9G1DnGUA91P9G1DnGUA0NjKTGBnGUA91P9G1DnGUA91P9G1DnGUA91P9G1DbJMXU/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3CbLzvIp1xI2oc4ygHup/o2oc4ygHup/o2oc4ygHup/o2oc4ygHup/o2oc4ygHns/QhHumSX5YB7qf6NqDCdCp/o2oc4ygHuqHOocx7prG1DnGUA91P9G1DnGUA91O4EOqDW9Wep/o2oc4ygHup/o2ocwECbKNqDHhmiQTKAe6n+jahzjKAaCAQKB21jahzjQcPdT/PxL8sA91P9G2gzjKAe6n+jahzjKD3dT/RtQ5xlAPdT/Rl4suJrOaVG7WNqHOMoB7qf6NqHOMoB7qf6NqHOMoB7qf6NqHOMoB7qf6NqHOMoB7qf6NqHOMoB7qf6NqHOMoB7qf3gdtY2obdDQQI/0bUOcZQD3U/0bUGEvywDzwoAMoB7qf6NqHOMoB6EUA91P9G1Bg4zAPdT/RtQ5xlAPdT/RtLpY2liTF1P9G1DnGUA91P9G1DnGUA9CKAe6n+jahzgCTF1P9G1DnGUA91P9G1DnGQyRZJi6n+jahzjKAe6n+jahzjKAe6mpJi6n+jahzjKAe6n+jahzjKAe6n+jahzjKAe6n+jahzB02UbUOcZQD3U/0bUOcZQD3U/0bUOcZO/1QD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUOcZQD3U/0bUG3UOcASYup/o2oc4ygHup/o2oc4yIucXCTNW1HXMBOlgI/0bUOcZQD3U/0bUOcZQD3U/0bUOYcVNOHupqSYup/o2oc4ygHup/o2oMXAG+NqHOREjF1P9G1DnGUA91P9G1DnGTuJwCPuIED3EYup/o2oc4ygHnp7m1jahzjJ/qKIR7qf6NqHOMoB7qf6NqHOMoB7qf6NqHOMoB7qf6NqHOMoB7qf6NqG3UD3EYup/o2oc4ygHup9xAB21jahzjJ/pUljWNqHOMoB7qf6NqHOMoB7qf6NqHOMoB54Xsl7qf6NqHOMoB7qf6NiE6FT/RtRFzAPcBJi6mpfXDjKAe6n+jahzAAAP6MneL6hEpF7yR+R5RDjB1laGcuIGSnel2wcTawqB2oMNgw86hFqFxiBrYDwmADLNVe16AAAAQo0EQQmRlXtzrXrJRAADOm62uOIz96fi3PrRQMaM16SpbiB4BDbBQIcLs8tE6ZhEwh0LNcbGnmSsmBmCKORjQtIlMqrHBOUBRh9QjkXclfv9/IAjsLWddMr+0EqW1PFBCioEIuKAAHN0z7QTVXs4JJeiIpV3Vb4JJgYPDbo9qCmOOIY5KF+knGFrc9SYsefywtxE3BisTbaGwOOrtlcNgMsTKtKsoAw2GIBSPoMkwF8hgXu1Lu3pvOAA0vJkYBIdriGMAAAADQqtkwAfUocojzoAPCekb6/a3qErScimhsPBTGP7twj3wAsAJrPovFBUoz1uUc+9yPHF3n4AKBfCFcAgWooo0O1x3ASN0BtfqwAAALa7YZA2c6CH0107bBBABi6tZMWp2cxjS/IKpolFNjpy0gvEAe/qaiK8aaIiEmTAAAAAA=) 0 0 / 700px 700px, url(/assets/grain-M6wK7mBI.webp) 0 0 / 256px 256px, url(/assets/panels-BjfZNmQj.webp) 0 0 / var(--ww) calc(var(--ph) * 2), var(--color-art);background-blend-mode:normal, normal, normal, normal, hard-light, hard-light, hard-light}.art-wall{padding:clamp(128px, 20vh, 220px) var(--gutter);flex-direction:column;align-items:center;gap:clamp(140px,26vh,280px);margin:0;list-style:none;display:flex}.art-piece{--iw:clamp(170px, 20vw, 280px);padding:calc(var(--iw) * .2);background:linear-gradient(#ffffff0d, #0000000f), var(--accent);transition:transform var(--dur-medium) var(--ease-out);margin:0;position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003,0 1px 1px #32020042,0 2px 4px #32020040,0 6px 10px #3202003d,0 14px 22px #3202003d,0 28px 44px #3202003b,0 48px 80px #32020038}.art-piece.is-wide{--iw:clamp(220px, 27vw, 380px)}.art-piece:after{content:"";inset:calc(var(--iw) * .2);pointer-events:none;position:absolute;box-shadow:inset 0 1px 2px #3c000066,inset 0 4px 12px #3c000038}.art-piece:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003,0 2px 3px #32020040,0 5px 8px #3202003d,0 12px 18px #3202003d,0 24px 36px #3202003b,0 42px 64px #3202003b,0 64px 108px #32020038}.art-piece img{width:var(--iw);background:#00000014;max-width:none;height:auto;display:block}@media (max-width:640px){.art-piece{--iw:56vw}.art-piece.is-wide{--iw:62vw}}.curl--back{--curl-under:var(--paper-light);--curl-ink:#000;--curl-tip:#c9260c;--curl-lit:#e04428;--curl-crease:#741002;--curl-cast:#2800008c}@supports (color:lab(0% 0 0)){.curl--back{--curl-ink:lab(0% 0 0)}}[data-back=dark] .curl--back{--curl-under:var(--paper-dark);--curl-ink:#fff}@supports (color:lab(0% 0 0)){[data-back=dark] .curl--back{--curl-ink:lab(100% 0 0)}}
@media (hover:none),(pointer:coarse){.art-piece:hover{transform:none}}.art-piece:hover{box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003,0 1px 1px #32020042,0 2px 4px #32020040,0 6px 10px #3202003d,0 14px 22px #3202003d,0 28px 44px #3202003b,0 48px 80px #32020038}.art-piece:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 42px 64px #3202001f,0 64px 108px #3202001f;opacity:0;transition:opacity var(--dur-medium) var(--ease-out)}@media (hover:hover) and (pointer:fine){.art-piece:hover:before{opacity:1}}