@layer quartz-base{.mediashelf{margin-top:3rem}.center:has(.mediashelf) .page-listing{display:none}.center:has(.mediashelf) .mediashelf{margin-top:0}.mediashelf-header{margin-bottom:1.75rem}.mediashelf-header h2{font-family:var(--bodyFont);letter-spacing:0;color:var(--dark);margin:0;font-size:1.5rem;font-weight:600}.mediashelf-header h2 span{color:var(--gray);margin-left:.15rem;font-size:.95rem;font-weight:400}.mediashelf-section+.mediashelf-section{margin-top:2.75rem}.mediashelf-section-heading{font-family:var(--headerFont);text-transform:uppercase;letter-spacing:.07em;color:var(--darkgray);border-bottom:1px solid var(--lightgray);margin:0 0 1.25rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600}.mediashelf-section-heading span{color:var(--gray);letter-spacing:.04em;margin-left:.15rem;font-size:.75rem;font-weight:500}.mediashelf-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:2rem 1.4rem;margin:0;padding:0;list-style:none;display:grid}.mediashelf-card{--rest-tilt:0deg;margin:0}.mediashelf-card:nth-child(8n+1){--rest-tilt:-.4deg}.mediashelf-card:nth-child(8n+2){--rest-tilt:0deg}.mediashelf-card:nth-child(8n+3){--rest-tilt:.3deg}.mediashelf-card:nth-child(8n+4){--rest-tilt:-.2deg}.mediashelf-card:nth-child(8n+5){--rest-tilt:.4deg}.mediashelf-card:nth-child(8n+6){--rest-tilt:0deg}.mediashelf-card:nth-child(8n+7){--rest-tilt:.2deg}.mediashelf-card:nth-child(8n+8){--rest-tilt:-.3deg}.mediashelf-card>a{color:inherit;transform:rotate(var(--rest-tilt));transform-origin:bottom;background:0 0;flex-direction:column;text-decoration:none;transition:transform .22s cubic-bezier(.2,.7,.3,1.2);display:flex}.mediashelf-card>a.internal{background:0 0}.mediashelf-card>a:hover{transform:translateY(-5px)rotate(0)scale(1.02)}.mediashelf-card>a:hover .mediashelf-cover{box-shadow:0 16px 28px -8px #00000047,0 6px 10px -3px #00000024}.mediashelf-card>a:hover .mediashelf-cover:before{opacity:1}.mediashelf-card>a:hover h3{color:var(--secondary)}.mediashelf-card--c0 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#3a5460 0%,#243640 100%)}.mediashelf-card--c1 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#3f5a4f 0%,#243a30 100%)}.mediashelf-card--c2 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#4f4359 0%,#312839 100%)}.mediashelf-card--c3 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#564433 0%,#38291c 100%)}.mediashelf-card--c4 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#314557 0%,#1d2c39 100%)}.mediashelf-card--c5 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#5a3838 0%,#3a2222 100%)}.mediashelf-card--c6 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#3c4f47 0%,#25342e 100%)}.mediashelf-card--c7 .mediashelf-cover-placeholder{background:linear-gradient(168deg,#34343f 0%,#1f1f28 100%)}.mediashelf-cover{aspect-ratio:2/3;border-radius:4px;transition:box-shadow .22s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 6px -1px #0000002e,0 1px 2px #0000001a}.mediashelf-cover:before{content:"";pointer-events:none;opacity:0;z-index:1;border-radius:inherit;background:linear-gradient(135deg,#ffffff29 0%,#fff0 35%,#0000 65%,#0000001f 100%);transition:opacity .22s;position:absolute;inset:0}.mediashelf-cover img{object-fit:cover;border-radius:0;width:100%;height:100%;margin:0;display:block}.mediashelf-progress-badge{z-index:2;background:var(--secondary);max-width:calc(100% - .8rem);color:var(--light);font-family:var(--codeFont);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:.16rem .4rem;font-size:.62rem;font-weight:600;line-height:1.1;position:absolute;top:.4rem;right:.4rem;overflow:hidden;box-shadow:0 1px 3px #00000059}.mediashelf-cover-placeholder{box-sizing:border-box;color:#fffffff0;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.1rem .85rem;display:flex;box-shadow:inset 0 0 60px #00000038,inset 0 1px #ffffff0d}.mediashelf-placeholder-title{-webkit-line-clamp:4;font-family:var(--bodyFont);letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:1rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.mediashelf-placeholder-rule{opacity:.4;background:currentColor;width:1.4rem;height:1px;margin:.65rem 0 .5rem}.mediashelf-placeholder-subtitle{-webkit-line-clamp:2;max-width:100%;font-family:var(--codeFont);letter-spacing:.02em;opacity:.82;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;font-size:.7rem;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.mediashelf-card-body{min-width:0;margin-top:.75rem}.mediashelf-card-body h3{color:var(--dark);font-family:var(--bodyFont);letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:500;line-height:1.25;transition:color .15s;display:-webkit-box;overflow:hidden}.mediashelf-card-body .mediashelf-meta{color:var(--gray);font-family:var(--codeFont);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:.28rem 0 0;font-size:.68rem;font-weight:500;line-height:1.2;overflow:hidden}.mediashelf-card-body .mediashelf-studios{color:var(--gray);font-family:var(--bodyFont);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:.2rem 0 0;font-size:.74rem;font-style:italic;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:600px){.mediashelf{margin-top:2rem}.mediashelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem .85rem}.mediashelf-card-body h3{font-size:.78rem}.mediashelf-card-body .mediashelf-studios{font-size:.7rem}.mediashelf-placeholder-title{font-size:.85rem}}@media (max-width:400px){.mediashelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}