.media-library-hero{padding:8rem 0 4rem;background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%);border-bottom:1px solid rgba(15,23,42,.08)}
.media-library-hero-inner{max-width:1100px}.media-library-hero h1{max-width:900px;margin:.8rem 0 1rem;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.94;letter-spacing:-.055em;color:#0f172a}.media-library-hero p{max-width:760px;font-size:1.08rem;line-height:1.75;color:#526071}
.media-library-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.media-library-stats div{min-width:150px;padding:1rem 1.15rem;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 14px 35px rgba(15,23,42,.05)}.media-library-stats strong{display:block;font-size:1.55rem;color:#0f172a}.media-library-stats span{font-size:.84rem;color:#64748b}
.media-library-section{padding:4.5rem 0 6rem;background:#fff}.media-library-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.media-library-heading h2{margin:.45rem 0 0;max-width:720px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em;color:#0f172a}.media-library-heading p{max-width:420px;color:#64748b;line-height:1.65}
.media-filter-row{display:flex;gap:.55rem;overflow-x:auto;padding:.2rem 0 1.3rem;scrollbar-width:none}.media-filter-row::-webkit-scrollbar{display:none}.media-filter{white-space:nowrap;border:1px solid #dbe2ea;background:#fff;color:#334155;border-radius:999px;padding:.65rem .95rem;font:600 .86rem/1 Inter,sans-serif;cursor:pointer;transition:.2s ease}.media-filter:hover,.media-filter.is-active{background:#0f172a;color:#fff;border-color:#0f172a}
.media-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.media-library-card{position:relative;overflow:hidden;min-height:220px;border-radius:22px;background:#eef2f7;border:1px solid #e2e8f0;cursor:pointer;isolation:isolate}.media-library-card:nth-child(7n+1){grid-column:span 2;grid-row:span 2;min-height:460px}.media-library-card img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;transition:transform .5s ease}.media-library-card:hover img{transform:scale(1.035)}.media-library-card::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(2,8,23,.62));pointer-events:none}.media-library-card-meta{position:absolute;z-index:2;left:1rem;right:1rem;bottom:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#fff}.media-library-card-meta span:first-child{font-size:.82rem;font-weight:700;letter-spacing:.01em}.media-kind{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);background:rgba(2,8,23,.3);backdrop-filter:blur(10px);padding:.38rem .6rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.media-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#0f172a;box-shadow:0 10px 30px rgba(2,8,23,.22);font-size:1rem}.media-library-card[hidden]{display:none}
.media-viewer{position:fixed;z-index:9999;inset:0;background:rgba(2,8,23,.92);display:none;align-items:center;justify-content:center;padding:2rem}.media-viewer.is-open{display:flex;flex-direction:column}.media-viewer-stage{width:min(1100px,100%);max-height:80vh;display:grid;place-items:center}.media-viewer-stage img,.media-viewer-stage video{max-width:100%;max-height:78vh;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45);background:#000}.media-viewer-stage video{width:auto;height:auto}.media-viewer-close{position:absolute;right:1.2rem;top:1.1rem;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.7rem;cursor:pointer}.media-viewer-meta{margin-top:1rem;color:#cbd5e1;font-size:.88rem}.media-library-note{margin-top:2rem;padding:1rem 1.15rem;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:.86rem}
@media(max-width:980px){.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-library-card:nth-child(7n+1){grid-column:span 2}.media-library-heading{align-items:start;flex-direction:column}}
@media(max-width:720px){.media-library-hero{padding:6.4rem 0 3rem}.media-library-section{padding:3rem 0 5rem}.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.media-library-card,.media-library-card img{min-height:170px}.media-library-card:nth-child(7n+1){grid-column:span 2;grid-row:auto;min-height:280px}.media-library-heading p{font-size:.94rem}.media-library-stats div{flex:1;min-width:120px}.media-viewer{padding:1rem}}