.lg-app{--lg-gutter:clamp(20px, 4.5vw, 60px);--lg-nav-h:52px;--lg-card:clamp(232px, 24vw, 320px);color:var(--cj-text)}.lg-hero{margin-top:calc(-1 * var(--lg-nav-h));isolation:isolate;height:75vh;min-height:520px;display:flex;position:relative;overflow:hidden}.lg-hero-bg{z-index:0;position:absolute;inset:0}.lg-hero-bg .lg-thumb-img{object-position:center 26%;transform-origin:50%;animation:22s ease-out forwards lg-kenburns}@keyframes lg-kenburns{0%{transform:scale(1.07)}to{transform:scale(1)}}.lg-hero-scrim{background:linear-gradient(to bottom, #0b11201f 0%, #0b112000 42%, #0b11208c 78%, var(--cj-bg) 100%);position:absolute;inset:0}.lg-hero-inner{z-index:1;text-align:center;padding:clamp(80px, 12vh, 140px) var(--lg-gutter) clamp(56px, 9vh, 104px);pointer-events:none;flex-direction:column;align-items:center;margin:auto auto 0;display:flex;position:relative}.lg-hero-play{-webkit-backdrop-filter:blur(6px);width:clamp(64px,7vw,88px);height:clamp(64px,7vw,88px);transition:transform .35s var(--cj-ease), background .25s ease, box-shadow .35s ease;background:#ffffff24;border:2px solid #ffffffe0;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 40px #0006}.lg-hero-play svg{fill:#fff;width:clamp(24px,2.6vw,32px);height:auto;margin-left:4px}.lg-hero:hover .lg-hero-play{background:#ffffff38;transform:scale(1.08);box-shadow:0 12px 50px #23f2f547}.lg-hero-title{letter-spacing:-.03em;color:#fff;text-wrap:balance;text-shadow:0 2px 30px #00000080;max-width:16ch;margin:clamp(26px,3.5vw,40px) 0 0;font-size:clamp(38px,6.4vw,84px);font-weight:800;line-height:1.04}.lg-hero-meta{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#f1f5f9d6;text-shadow:0 1px 12px #00000080;align-items:center;gap:9px;margin-top:clamp(14px,1.8vw,20px);font-size:clamp(.72rem,1vw,.82rem);display:inline-flex}.lg-hero-meta svg{width:18px;height:18px;color:var(--cj-cyan);flex-shrink:0}.lg-hero-hit{z-index:2;cursor:pointer;background:0 0;border:none;position:absolute;inset:0}.lg-shelves{--lg-gutter:40px;flex-direction:column;gap:clamp(30px,4vw,48px);max-width:1200px;margin-inline:auto;padding:clamp(30px,4vw,52px) 0 clamp(64px,8vw,110px);display:flex}.lg-shelf-head{padding:0 var(--lg-gutter);margin-bottom:16px}.lg-shelf-title{letter-spacing:-.015em;color:var(--cj-text);align-items:center;gap:10px;margin:0;font-size:clamp(18px,2vw,25px);font-weight:700;display:inline-flex}.lg-shelf-viewport{position:relative}.lg-track{scroll-snap-type:x proximity;scroll-padding-left:var(--lg-gutter);padding:clamp(16px, 1.8vw, 22px) var(--lg-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:clamp(12px,1.2vw,18px);display:flex;overflow:auto hidden}.lg-track::-webkit-scrollbar{display:none}.lg-card{width:var(--lg-card);scroll-snap-align:start;text-align:left;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:none;gap:11px;padding:0;font-family:inherit;display:flex}.lg-thumb{aspect-ratio:16/9;background:var(--cj-surface);border:1px solid var(--cj-border);transition:transform .35s var(--cj-ease), border-color .3s ease, box-shadow .35s ease;border-radius:12px;position:relative;overflow:hidden}.lg-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--cj-ease);display:block}.lg-thumb-scrim{opacity:0;background:linear-gradient(#0000 55%,#00000073);transition:opacity .3s;position:absolute;inset:0}.lg-card:hover .lg-thumb,.lg-card:focus-visible .lg-thumb{border-color:#ffffff38;transform:translateY(-6px)scale(1.035);box-shadow:0 18px 34px -12px #000000b3,0 0 0 1px #ffffff0d}.lg-card:hover .lg-thumb-img,.lg-card:focus-visible .lg-thumb-img{transform:scale(1.06)}.lg-card:hover .lg-thumb-scrim,.lg-card:focus-visible .lg-thumb-scrim{opacity:1}.lg-card:focus-visible{outline:none}.lg-card:focus-visible .lg-thumb{outline:2px solid var(--cj-cyan);outline-offset:2px}.lg-play{-webkit-backdrop-filter:blur(6px);opacity:0;width:54px;height:54px;transition:opacity .3s ease, transform .35s var(--cj-ease);background:#0b112080;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0;transform:scale(.82)}.lg-play svg{fill:#fff;width:22px;height:22px;margin-left:3px}.lg-card:hover .lg-play,.lg-card:focus-visible .lg-play{opacity:1;transform:scale(1)}.lg-card--texture .lg-play{opacity:1;background:#0b11208c;border-color:#ffffff57;width:34px;height:34px;margin:0;inset:auto auto 12px 12px;transform:none}.lg-card--texture .lg-play svg{width:14px;height:14px;margin-left:2px}.lg-card--texture:hover .lg-play,.lg-card--texture:focus-visible .lg-play{background:#0b1120b3;transform:none}.lg-duration{color:#fff;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);background:#0b1120d1;border-radius:6px;padding:3px 8px;font-size:.64rem;position:absolute;bottom:8px;right:8px}.lg-card-meta{flex-direction:column;gap:3px;padding:0 2px;display:flex}.lg-card-title{color:var(--cj-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.lg-card-sub{color:var(--cj-text2);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.3;overflow:hidden}.lg-edge{width:calc(var(--lg-gutter) + 30px);cursor:pointer;z-index:3;opacity:0;border:none;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:0;bottom:0}.lg-edge--prev{background:linear-gradient(to right, var(--cj-bg) 12%, transparent);justify-content:flex-start;padding-left:8px;left:0}.lg-edge--next{background:linear-gradient(to left, var(--cj-bg) 12%, transparent);justify-content:flex-end;padding-right:8px;right:0}.lg-shelf-viewport:hover .lg-edge{opacity:1}.lg-edge svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px #0009);width:26px;height:26px;transition:transform .25s var(--cj-ease)}.lg-edge:hover svg{transform:scale(1.18)}@media (hover:none){.lg-edge{display:none}}.lg-modal{z-index:10050;-webkit-backdrop-filter:blur(14px)saturate(1.1);background:#05080fdb;justify-content:center;align-items:center;padding:clamp(16px,4vw,56px);animation:.25s both lg-fade;display:flex;position:fixed;inset:0}@keyframes lg-fade{0%{opacity:0}to{opacity:1}}.lg-modal-stage{width:min(100%,177.778vh - 213.333px,1280px)}.lg-modal-frame{aspect-ratio:16/9;width:100%;animation:lg-pop .35s var(--cj-ease) both;background:#000;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 120px #000000b3,0 0 0 1px #ffffff14}.lg-modal-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@keyframes lg-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}.lg-modal-close{color:#fff;cursor:pointer;z-index:2;width:44px;height:44px;transition:background .2s ease, transform .3s var(--cj-ease);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:clamp(14px,2.4vw,26px);right:clamp(14px,2.4vw,26px)}.lg-modal-close:hover{background:#fff3;transform:rotate(90deg)}.lg-modal-close svg{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;fill:none;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.lg-hero-bg .lg-thumb-img{animation:none;transform:none}}