.screen{--u:clamp(1px, min(100vw / 1440, 100vh / 640), 1.6px);grid-template-columns:minmax(0, 1fr) minmax(0, calc(400 * var(--u)));gap:calc(40 * var(--u));min-height:100svh;padding-block:calc(56 * var(--u)) calc(40 * var(--u));padding-left:max(calc(48 * var(--u)), var(--gutter-l));padding-right:max(calc(48 * var(--u)), var(--gutter-r));display:grid;position:relative;overflow:hidden}.screen .title{font-size:clamp(44px, 7vw, calc(76 * var(--u)))}.screen .menu{gap:calc(2 * var(--u))}.screen .menu a,.screen .menu button{font-size:calc(26 * var(--u));padding:calc(7 * var(--u)) 0 calc(7 * var(--u)) calc(24 * var(--u))}.screen .menu a:before,.screen .menu button:before{margin-top:calc(-5 * var(--u));border-width:calc(5 * var(--u)) 0 calc(5 * var(--u)) calc(9 * var(--u))}.screen .btn{height:calc(48 * var(--u));padding:0 calc(26 * var(--u));font-size:calc(17 * var(--u))}.screen .tag{font-size:calc(11 * var(--u));padding:calc(3 * var(--u)) calc(6 * var(--u))}.screen .link{font-size:calc(14 * var(--u))}.screen .sub{font-size:calc(16 * var(--u))}.screen .actions{gap:calc(12 * var(--u)) calc(20 * var(--u))}.screen .art{animation:2s cubic-bezier(.45,0,.2,1) .1s both art-wipe;position:absolute;inset:0 0 0 36%;-webkit-mask:linear-gradient(90deg,#0000 40%,#000 60%) 100% 0/300% 100% no-repeat;mask:linear-gradient(90deg,#0000 40%,#000 60%) 100% 0/300% 100% no-repeat}.screen .art div{filter:saturate(.9);opacity:0;background:50%/cover no-repeat;transition:opacity .75s,transform 1.5s cubic-bezier(.22,1,.36,1);animation:30s ease-in-out infinite alternate drift;position:absolute;inset:0 -3% 0 0;transform:translate(16px)}.screen .art div.shown{opacity:1;transform:none}.screen .art .covers{place-items:center;display:grid;overflow:hidden}.screen .art .covers ul{grid-template-columns:repeat(auto-fill, calc(200 * var(--u)));justify-content:center;gap:calc(10 * var(--u));width:170%;margin:0;padding:0;list-style:none;display:grid;transform:rotate(-12deg)}.screen .art .covers li{aspect-ratio:616/353;background:var(--panel);border:1px solid var(--line);filter:brightness(.55)saturate(.85);border-radius:3px;place-items:center;display:grid;overflow:hidden}.screen .art .covers li.gold{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));filter:brightness(.8)}.screen .art .covers img{object-fit:cover;width:100%;height:100%}.screen .art .covers span{padding:calc(10 * var(--u));font:700 calc(20 * var(--u)) / 1 var(--display);text-transform:uppercase;text-align:center;color:color-mix(in srgb, var(--ink) 55%, transparent);text-wrap:balance}.screen .art .catalogue{padding:0 calc(40 * var(--u)) calc(64 * var(--u)) 0;justify-content:flex-end;align-items:flex-end;display:flex;overflow:hidden}.screen .art .catalogue ul{gap:calc(14 * var(--u));margin:0;padding:0;list-style:none;display:flex}.screen .art .catalogue li{width:calc(210 * var(--u));gap:calc(10 * var(--u));flex-direction:column;flex:none;display:flex}.screen .art .catalogue img{aspect-ratio:616/353;object-fit:cover;border:1px solid var(--line);filter:brightness(.6)saturate(.85);border-radius:3px;width:100%}.screen .art .catalogue span{font:600 calc(18 * var(--u)) / 1 var(--display);letter-spacing:.06em;color:color-mix(in srgb, var(--ink) 45%, transparent)}.screen .art .sheet{place-items:center;display:grid;overflow:hidden}.screen .art .sheet ul{grid-template-columns:repeat(auto-fill, calc(190 * var(--u)));justify-content:center;gap:calc(8 * var(--u));width:130%;margin:0;padding:0;list-style:none;display:grid}.screen .art .sheet img{aspect-ratio:16/9;object-fit:cover;filter:brightness(.5)saturate(.8);border-radius:2px;width:100%;display:block}.screen .art .mark{background:color-mix(in srgb, var(--accent) 9%, transparent);-webkit-mask:url(/images/home/mark.png) 112% 70%/auto 115% no-repeat;mask:url(/images/home/mark.png) 112% 70%/auto 115% no-repeat}@keyframes art-wipe{0%{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes drift{to{translate:-1.5%;scale:1.015}}.screen:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--bg) 36%, #12151ba6 54%, #12151b1f 80%, transparent), linear-gradient(0deg, #12151bcc, #12151b59 20%, transparent 45%);position:absolute;inset:0}.screen>:not(.art){z-index:1;position:relative}.left{justify-content:space-between;gap:calc(48 * var(--u));flex-direction:column;min-width:0;display:flex}.screen .edge{height:calc(180 * var(--u));pointer-events:none;background:linear-gradient(0deg, color-mix(in srgb, var(--ink) 12%, transparent), transparent);opacity:var(--glow,0);transform:scaleY(calc(.5 + .5 * var(--glow,0)));transform-origin:50% 100%;position:absolute;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(90deg,#000,#0000 55%);mask:linear-gradient(90deg,#000,#0000 55%)}.bio{max-width:34ch;font-size:calc(16 * var(--u));color:var(--muted);margin:calc(18 * var(--u)) 0 0;animation:1s cubic-bezier(.22,1,.36,1) .4s both from-left}@keyframes from-left{0%{opacity:0;transform:translate(-20px)}}.panels{margin-top:calc(64 * var(--u));align-self:start;animation:2s cubic-bezier(.22,1,.36,1) 1s both card-rise}.panel{background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--line);padding:calc(20 * var(--u)) calc(22 * var(--u)) calc(22 * var(--u));gap:calc(12 * var(--u));backdrop-filter:blur(6px);border-color:color-mix(in srgb, var(--ink) calc(var(--glow,0) * 40%), var(--line));box-shadow:0 0 calc(var(--glow,0) * 40px) color-mix(in srgb, var(--ink) calc(var(--glow,0) * 20%), transparent);border-radius:3px;flex-direction:column;animation:.4s ease-out card-fade;display:flex}.panel>*{filter:brightness(calc(1 + var(--glow,0) * .4))}.panel>.actions{filter:brightness(calc(1 + var(--glow,0) * .12))}@keyframes card-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes card-fade{0%{opacity:0}}.panel h2{font:700 calc(34 * var(--u))/.95 var(--display);text-transform:uppercase;text-wrap:balance;margin:0}.panel h2.gold{color:var(--accent)}.panel p{color:var(--muted);font-size:calc(15 * var(--u));margin:0}.panel p.label{font-size:calc(11 * var(--u))}.panel .points{font-size:calc(15 * var(--u))}.panel hr{border:0;border-top:1px solid var(--line);margin:calc(4 * var(--u)) 0 0;width:100%}.panel .rows li{padding:calc(8 * var(--u)) 0;font-size:calc(15 * var(--u))}.panel .rows b{font-size:calc(18 * var(--u))}.panel .rows a:hover b{color:var(--accent)}.panel .rows span{font-size:calc(13 * var(--u))}@media (width<=820px){.screen{--u:1px;padding-block:32px 24px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);grid-template-columns:1fr;align-content:start;gap:24px}.left{gap:28px}.screen .art{inset:0}.screen .edge{background:radial-gradient(ellipse 70% 100% at 50% 100%, color-mix(in srgb, var(--ink) 12%, transparent), transparent);height:160px;-webkit-mask:none;mask:none}.screen .art div.shown{opacity:.35}.panels{margin-top:0}}