.media-hub{padding:clamp(72px,9vw,130px) clamp(18px,6vw,92px);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.media-hub__intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:36px}.media-hub__intro h2{max-width:900px;margin:0;font:500 clamp(48px,7vw,104px)/.86 Georgia,serif;letter-spacing:-.055em}.media-hub__intro p:last-child{margin:0;color:#aaaeb6;font-size:clamp(17px,1.7vw,22px);line-height:1.5}
.media-nav{position:sticky;z-index:20;top:72px;display:flex;gap:8px;margin-top:40px;padding:10px;overflow-x:auto;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(8,11,17,.88);backdrop-filter:blur(18px);scrollbar-width:none}.media-nav::-webkit-scrollbar{display:none}.media-nav .btn-segment{flex:0 0 auto}
.media-content{display:grid;gap:clamp(86px,11vw,150px);margin-top:clamp(74px,9vw,120px)}.media-category{scroll-margin-top:150px}.media-category__lead{max-width:760px;margin:22px 0 0;color:#aaaeb6;font-size:clamp(16px,1.5vw,20px);line-height:1.5}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:18px;margin-top:40px}
.btn-card.media-card{display:grid;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.018));color:#f4ecdf;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.btn-card.media-card:hover{transform:translateY(-7px);border-color:rgba(241,210,153,.5);box-shadow:0 26px 65px rgba(0,0,0,.4)}.btn-card.media-card:focus-visible{outline:2px solid #f1d299;outline-offset:4px}.media-card__visual{position:relative;display:block;overflow:hidden;background:#090c12}.media-card__visual img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;transition:transform .35s ease}.media-card:hover .media-card__visual img{transform:scale(1.035)}.media-card__visual i{position:absolute;right:10px;bottom:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(8,11,17,.78);color:#f4ecdf;font-size:10px;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.media-card__body{display:grid;gap:9px;padding:18px}.media-card__body small,.media-card__body em{color:#caa669;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.media-card__body strong{font:500 25px/1.05 Georgia,serif}.media-card__body>span{color:#adb1b8;font-size:14px;line-height:1.45}.media-card__body em{margin-top:6px;color:#7f8a99}
.btn-card.media-card.is-owned{border-color:rgba(156,240,206,.55);box-shadow:inset 0 0 0 1px rgba(156,240,206,.16)}
.media-viewer{width:min(1320px,calc(100% - 24px));height:min(900px,calc(100dvh - 24px));max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid rgba(202,166,105,.34);border-radius:20px;background:#070a0f;color:#f4ecdf;box-shadow:0 50px 140px rgba(0,0,0,.78)}.media-viewer::backdrop{background:rgba(2,4,7,.91);backdrop-filter:blur(9px)}.media-viewer__frame{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.media-viewer__head{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(255,255,255,.12)}.media-viewer__head h2{min-width:0;flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 clamp(18px,2vw,28px)/1 Georgia,serif}.media-viewer__stage{display:grid;place-items:center;min-height:0;overflow:auto;background:radial-gradient(circle,rgba(202,166,105,.09),transparent 52%),#05070a}.media-viewer__stage iframe{width:100%;height:100%;border:0;background:#fff}.media-viewer__stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.media-viewer__source{flex:0 0 auto}
.media-viewer__controls{display:grid;grid-template-columns:repeat(3,42px);gap:6px}.media-viewer__controls button{min-width:42px;padding:0}.media-viewer__seconds{height:42px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#111722;color:#f4ecdf;padding:0 8px}.media-viewer__owned{flex:0 0 auto}.media-viewer__owned.is-owned{border-color:rgba(156,240,206,.4);background:rgba(156,240,206,.14);color:#9cf0ce}
.media-viewer__close{width:44px;min-width:44px;height:44px;padding:0;font-size:26px}
.media-book{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;padding:18px 18px 78px;overflow:auto}.media-book canvas{display:block;max-width:100%;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.62)}.media-book__controls{position:fixed;z-index:2;left:50%;bottom:26px;translate:-50% 0;display:grid;grid-template-columns:auto minmax(120px,auto) auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(7,10,15,.88);backdrop-filter:blur(16px)}.media-book__controls span{color:#d8dbe0;font-size:11px;font-weight:850;letter-spacing:.06em;text-align:center;text-transform:uppercase}.media-book__loading,.media-book__error{max-width:520px;padding:28px;color:#d8dbe0;text-align:center}.media-book__error{color:#f1d299}
@media(max-width:760px){.media-hub__intro{grid-template-columns:1fr}.media-nav{top:112px}.media-viewer__head{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.media-viewer__head h2{grid-column:1/-1}.media-viewer__owned,.media-viewer__source{grid-column:1/-1;justify-content:center}.media-viewer__controls{grid-column:1}.media-card__body strong{font-size:21px}}