.access-art{background:var(--background);--access-art-tile:url(/login-arte/paper-tile-art-1280.webp);--access-art-band:216px;--access-art-veil-solid:64px;--access-art-veil-end:112px;flex-direction:column;min-height:100svh;display:flex;position:relative}@supports (background-image:image-set(url("x.webp") 1x)){.access-art{--access-art-tile:image-set(url(/login-arte/paper-tile-art-640.webp) 1x, url(/login-arte/paper-tile-art-1280.webp) 2x)}}.access-art-media{background-color:var(--art-paper);position:relative;overflow:hidden}.access-art-media picture,.access-art-media img{width:100%;height:100%;display:block}.access-art-media img{object-fit:cover;object-position:50% 100%}.access-art-media picture{position:relative}.access-art-media picture:after{content:"";background:linear-gradient(to bottom, var(--art-paper) 0%, var(--art-paper) var(--access-art-veil-solid), transparent var(--access-art-veil-end));pointer-events:none;position:absolute;inset:0}.access-art-grain{background-image:var(--access-art-tile);mix-blend-mode:multiply;pointer-events:none;background-size:640px 640px;position:absolute;inset:0}.access-art-grain:not([data-ready]){visibility:hidden}.access-art-copy{z-index:1;flex-direction:column;display:flex;position:relative}.access-art-title,.access-art-text{display:none}.access-art-main{z-index:1;padding:14px calc(20px + var(--safe-area-right)) calc(20px + var(--safe-area-bottom)) calc(20px + var(--safe-area-left));flex:1;justify-content:center;display:flex;position:relative}.access-art-card{flex-direction:column;flex:1;gap:14px;width:100%;max-width:420px;display:flex}.access-art-points,.access-art-calendar{z-index:1;border-top:1px solid var(--border);width:calc(100% - 40px);max-width:420px;margin:4px auto 0;padding:16px 0 32px;position:relative}.access-art-points{gap:10px;list-style:none;display:grid}.access-art-calendar{box-sizing:content-box;min-height:6.5em;min-height:4lh}@media (max-width:767px){.access-art-media{height:var(--access-art-band);transition:height .26s var(--ease-out-quad);-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.access-art-media img{transition:object-position .26s var(--ease-out-quad)}.access-art:has(.access-art-main :is(input,textarea,select):focus){--access-art-band:76px}.access-art:has(.access-art-main :is(input,textarea,select):focus) .access-art-media img{object-position:50% 0}.access-art-copy{padding:calc(24px + var(--safe-area-top)) calc(20px + var(--safe-area-right)) 24px calc(20px + var(--safe-area-left));position:absolute;top:0;left:0}.access-art-main{padding-top:4px}}@media (min-width:768px){.access-art{--access-art-veil-solid:max(26%, 300px);--access-art-veil-end:max(50%, 460px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.access-art-media{grid-area:1/1/3/2}.access-art-media picture{position:absolute;inset:0}.access-art-copy{grid-area:1/1;align-self:start;padding:48px 64px 0}.access-art-title,.access-art-text{display:block}.access-art-main{grid-area:1/2/3/3;align-items:center;padding:48px 32px}.access-art-card{flex:0 auto;gap:16px}.access-art-points,.access-art-calendar{border-top:0;grid-area:2/1;align-self:start;width:auto;max-width:548px;margin:0;padding:28px 64px 48px}.access-art-calendar{max-width:420px;padding-top:14px}}@media (min-width:768px) and (max-width:899px){.access-art{--access-art-veil-solid:max(26%, 340px);--access-art-veil-end:max(50%, 500px)}}@media (prefers-reduced-motion:reduce){.access-art-media,.access-art-media img{transition:none}}