.digital-media-page{min-height:100vh;padding:54px 0 76px;background:#f6f8fb;color:#111827}.digital-media-hero{text-align:center;margin:0 auto 34px}.digital-media-hero span{color:#d39a2e;font-size:12px;font-weight:800;letter-spacing:.16em}.digital-media-hero h1{margin:8px 0;color:#0b1220;font-size:clamp(34px,5vw,58px);font-weight:800}.digital-media-hero p{color:#64748b}.digital-media-tools{display:flex;justify-content:flex-end;gap:12px;margin-bottom:24px}.digital-media-tools input,.digital-media-tools select{min-height:44px;border:1px solid #dce3ec;border-radius:10px;padding:0 14px;background:#fff}.digital-media-tools input{width:min(360px,100%)}.digital-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.digital-media-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.08);transition:transform .3s ease,box-shadow .3s ease}.digital-media-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(15,23,42,.16)}.digital-media-card.is-poster:hover{transform:perspective(900px) translateY(-7px) rotateX(2deg) rotateY(-2deg) scale(1.01);box-shadow:0 20px 50px rgba(211,154,46,.24)}.digital-media-preview{position:relative;display:block;width:100%;border:0;padding:0;overflow:hidden;aspect-ratio:16/10;background:#111}.is-poster .digital-media-preview{aspect-ratio:4/5}.digital-media-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.digital-media-card:hover img{transform:scale(1.055)}.digital-media-preview span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;background:linear-gradient(transparent,rgba(0,0,0,.38));opacity:0;transition:.3s}.digital-media-card:hover .digital-media-preview span{opacity:1}.digital-media-card>div{padding:15px}.digital-media-card h2{margin:0 0 10px;font-size:16px}.digital-media-card p{display:flex;justify-content:space-between;margin:0;color:#64748b;font-size:12px}.digital-media-load{display:block;min-width:220px;margin:34px auto 0;border:0;border-radius:10px;padding:13px 22px;color:#fff;background:#d39a2e;font-weight:800}.digital-media-empty{text-align:center;padding:50px}.digital-media-viewer{position:fixed;inset:0;z-index:7000;display:grid;visibility:hidden;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s}.digital-media-viewer.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .35s cubic-bezier(.22,1,.36,1)}.digital-media-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(3,7,12,.84);backdrop-filter:blur(15px)}.digital-media-dialog{position:relative;z-index:1;width:min(1120px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(13,18,25,.88);box-shadow:0 30px 100px rgba(0,0,0,.58);transform:scale(.8);opacity:0;filter:blur(15px);transition:.35s cubic-bezier(.22,1,.36,1)}.digital-media-viewer.is-open .digital-media-dialog{transform:scale(1);opacity:1;filter:blur(0)}.digital-media-dialog figure{margin:0}.digital-media-dialog figure>img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#05070a}.digital-media-dialog figcaption{padding:16px 22px;color:#fff}.digital-media-dialog figcaption h2{margin:0 0 5px;color:#fff}.digital-media-dialog figcaption p{margin:0;color:#cbd5e1}.digital-media-close,.digital-media-nav{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;background:rgba(0,0,0,.52)}.digital-media-close{top:14px;right:14px;width:42px;height:42px}.digital-media-nav{top:42%;width:46px;height:46px}.digital-media-nav.prev{left:14px}.digital-media-nav.next{right:14px}.digital-media-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 20px}.digital-media-actions button,.digital-media-actions a,.digital-media-comment button{border:1px solid #d39a2e;border-radius:9px;padding:9px 14px;color:#fff;background:#d39a2e;text-decoration:none}.digital-media-comment{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 22px}.digital-media-comment textarea,.digital-media-comment small,.digital-media-comment button{grid-column:1/-1}.digital-media-comment input,.digital-media-comment textarea{border:1px solid #334155;border-radius:8px;padding:10px;color:#fff;background:#111827}.digital-media-comment textarea{min-height:90px}.digital-media-comment small{color:#fff}.digital-media-lock{overflow:hidden}@media(max-width:991px){.digital-media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.digital-media-page{padding-top:34px}.digital-media-grid{grid-template-columns:1fr}.digital-media-tools{flex-direction:column}.digital-media-tools input{width:100%}.digital-media-viewer{padding:10px}.digital-media-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.digital-media-comment{grid-template-columns:1fr}}
.recent-digital-media{padding:58px 0;background:#fff}.recent-digital-media header{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.recent-digital-media header span{color:#d39a2e;font-size:11px;font-weight:800;letter-spacing:.12em}.recent-digital-media header h2{margin:5px 0 0}.recent-digital-media header>a,.recent-digital-grid article a{border-radius:8px;padding:10px 15px;color:#fff;background:#d39a2e;text-decoration:none}.recent-digital-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.recent-digital-grid article{overflow:hidden;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08)}.recent-digital-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.recent-posters .recent-digital-grid img{aspect-ratio:4/5}.recent-digital-grid article>div{padding:14px}.recent-digital-grid h3{margin:0 0 8px;font-size:15px}.recent-digital-grid p{display:flex;gap:15px;color:#64748b;font-size:12px}.recent-digital-grid article a{display:inline-block;padding:7px 12px;font-size:12px}@media(max-width:991px){.recent-digital-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.recent-digital-grid{grid-template-columns:1fr}.recent-digital-media header{align-items:start;flex-direction:column;gap:15px}}