.media-container{width:100%;margin:2.5rem auto!important}.page-lead{font-size:.9rem;font-style:italic;opacity:.6;margin-bottom:3rem;letter-spacing:.2px;color:var(--subtle)}.section-title{font-size:1.1rem;font-weight:500;margin-bottom:1.8rem;letter-spacing:.5px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 1.5rem;margin-bottom:3.5rem;width:100%}.media-empty-state{grid-column:1 / -1;text-align:center;color:var(--muted);font-style:italic;font-size:.9rem;padding:3rem 0;letter-spacing:.3px}.media-card{display:flex;flex-direction:column;gap:.8rem;min-width:0;position:relative}.card-media{position:relative;width:100%;transition:transform .2s cubic-bezier(.4,0,.2,1)}.image-wrapper{width:100%;height:100%;overflow:hidden;border-radius:inherit;background:color-mix(in srgb,var(--muted) 15%,transparent)}.image-wrapper img{width:100%;height:100%;object-fit:cover}.media-card:hover .card-media{transform:translateY(-4px)}.card-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.text-center{align-items:center;text-align:center}.card-title,.card-sub{position:relative;width:100%}html.dk .card-title.has-ellipsis,html.dk .card-sub.has-ellipsis{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ccfd8' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='2' fill='%23c4a7e7'></circle><path d='M12 5v3M12 16v3M5 12h3M16 12h3'></path></svg>") 12 12,pointer}html.lt .card-title.has-ellipsis,html.lt .card-sub.has-ellipsis{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2356949f' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='2' fill='%23907aa9'></circle><path d='M12 5v3M12 16v3M5 12h3M16 12h3'></path></svg>") 12 12,pointer}.card-title span,.card-sub span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.card-title span{font-size:.95rem;font-weight:500;color:var(--text)}.card-sub span{font-size:.8rem;color:var(--subtle)}.card-meta{font-size:.75rem;color:var(--muted);font-weight:500;letter-spacing:.2px}.card-title.has-ellipsis:after,.card-sub.has-ellipsis:after{display:block;position:absolute;opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:50;content:attr(data-tooltip);font-weight:400!important;font-style:italic!important;text-transform:none!important;top:calc(100% + 6px);padding:.3em .6em;font-size:.7rem;border:1px solid var(--muted);background:var(--overlay);color:var(--text);white-space:normal;width:max-content;max-width:280px;overflow-wrap:break-word}@media(min-width:52em){.media-grid .media-card:nth-child(4n+1) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(4n+1) .card-sub.has-ellipsis:after{left:0;right:auto;transform:translateY(4px)}.media-grid .media-card:nth-child(4n+1) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(4n+1) .card-sub.has-ellipsis:hover:after{transform:translateY(0);opacity:1}.media-grid .media-card:nth-child(4n+2) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(4n+2) .card-sub.has-ellipsis:after,.media-grid .media-card:nth-child(4n+3) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(4n+3) .card-sub.has-ellipsis:after{left:50%;right:auto;transform:translate(-50%) translateY(4px);text-align:center}.media-grid .media-card:nth-child(4n+2) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(4n+2) .card-sub.has-ellipsis:hover:after,.media-grid .media-card:nth-child(4n+3) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(4n+3) .card-sub.has-ellipsis:hover:after{transform:translate(-50%) translateY(0);opacity:1}.media-grid .media-card:nth-child(4n) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(4n) .card-sub.has-ellipsis:after{left:auto;right:0;transform:translateY(4px)}.media-grid .media-card:nth-child(4n) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(4n) .card-sub.has-ellipsis:hover:after{transform:translateY(0);opacity:1}}@media(max-width:52em)and (min-width:38em){.media-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem 1.2rem}.media-grid .media-card:nth-child(3n+1) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(3n+1) .card-sub.has-ellipsis:after{left:0;right:auto;transform:translateY(4px)}.media-grid .media-card:nth-child(3n+1) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(3n+1) .card-sub.has-ellipsis:hover:after{transform:translateY(0);opacity:1}.media-grid .media-card:nth-child(3n+2) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(3n+2) .card-sub.has-ellipsis:after{left:50%;right:auto;transform:translate(-50%) translateY(4px);text-align:center}.media-grid .media-card:nth-child(3n+2) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(3n+2) .card-sub.has-ellipsis:hover:after{transform:translate(-50%) translateY(0);opacity:1}.media-grid .media-card:nth-child(3n) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(3n) .card-sub.has-ellipsis:after{left:auto;right:0;transform:translateY(4px)}.media-grid .media-card:nth-child(3n) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(3n) .card-sub.has-ellipsis:hover:after{transform:translateY(0);opacity:1}}@media(max-width:38em){.media-container{margin:1.5rem auto!important}.page-lead{margin-bottom:2.2rem}.section-title{margin-bottom:1.2rem}.media-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem 1rem}.card-title span{font-size:.9rem}.card-sub span{font-size:.75rem}.card-title[data-tooltip]:after,.card-sub[data-tooltip]:after{max-width:140px}.media-grid .media-card:nth-child(odd) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(odd) .card-sub.has-ellipsis:after{left:0;right:auto;transform:translateY(4px)}.media-grid .media-card:nth-child(odd) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(odd) .card-sub.has-ellipsis:hover:after{transform:translateY(0);opacity:1}.media-grid .media-card:nth-child(2n) .card-title.has-ellipsis:after,.media-grid .media-card:nth-child(2n) .card-sub.has-ellipsis:after{left:auto;right:0;transform:translateY(4px)}.media-grid .media-card:nth-child(2n) .card-title.has-ellipsis:hover:after,.media-grid .media-card:nth-child(2n) .card-sub.has-ellipsis:hover:after{transform:translateY(0);opacity:1}}
