.hero:where(.astro-mj6ar3np){position:relative;width:100%;aspect-ratio:16 / 7.2;min-height:660px;max-height:880px;display:flex;align-items:center;overflow:hidden}.hero-bg:where(.astro-mj6ar3np){position:absolute;inset:0}.hero-bg:where(.astro-mj6ar3np) img:where(.astro-mj6ar3np){width:100%;height:100%;object-fit:cover;object-position:center 38%}.hero-overlay:where(.astro-mj6ar3np){position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent calc(100% - var(--hero-fade, 42%)),color-mix(in srgb,var(--color-bg) 12%,transparent) calc(100% - var(--hero-fade, 42%) * .7),color-mix(in srgb,var(--color-bg) 42%,transparent) calc(100% - var(--hero-fade, 42%) * .28),color-mix(in srgb,var(--color-bg) 82%,transparent) calc(100% - var(--hero-fade, 42%) * .06),var(--color-bg) 100%),linear-gradient(100deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.48) 26%,rgba(0,0,0,.26) 46%,rgba(0,0,0,.08) 66%,transparent 80%)}@media(prefers-color-scheme:dark){.hero-overlay:where(.astro-mj6ar3np){background:linear-gradient(to bottom,transparent 0%,transparent calc(100% - var(--hero-fade, 42%)),color-mix(in srgb,var(--color-bg) 15%,transparent) calc(100% - var(--hero-fade, 42%) * .7),color-mix(in srgb,var(--color-bg) 48%,transparent) calc(100% - var(--hero-fade, 42%) * .28),color-mix(in srgb,var(--color-bg) 86%,transparent) calc(100% - var(--hero-fade, 42%) * .06),var(--color-bg) 100%),linear-gradient(100deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.52) 26%,rgba(0,0,0,.28) 46%,rgba(0,0,0,.09) 66%,transparent 80%)}}.hero-portrait:where(.astro-mj6ar3np){position:absolute;bottom:0;right:0;height:100%;z-index:5;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}.hero-portrait:where(.astro-mj6ar3np) img:where(.astro-mj6ar3np){height:100%;width:auto;object-fit:contain;object-position:bottom right}.hero-content:where(.astro-mj6ar3np){position:relative;z-index:10;width:100%;padding-top:128px;padding-bottom:72px}.hero-inner:where(.astro-mj6ar3np){max-width:640px}.hero-name:where(.astro-mj6ar3np){display:flex;align-items:center;gap:12px;color:#ffffffb3;font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.hero-name:where(.astro-mj6ar3np) .dot:where(.astro-mj6ar3np){width:7px;height:7px;border-radius:50%;background:var(--color-accent);flex:none}.hero-tagline:where(.astro-mj6ar3np){color:#fff;font-size:clamp(18px,2.2vw,22px);font-weight:500;line-height:1.5;margin-bottom:18px;max-width:40ch}.hero-h1:where(.astro-mj6ar3np){font-size:clamp(26px,4.4vw,44px);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.05;margin-bottom:26px}.hero-bio:where(.astro-mj6ar3np){color:#ffffffb8;font-size:16px;line-height:1.75;max-width:54ch}.hero-bio:where(.astro-mj6ar3np) strong{color:var(--color-accent);font-weight:600}.creds:where(.astro-mj6ar3np){display:flex;align-items:flex-start;column-gap:38px;row-gap:18px;margin-top:30px;flex-wrap:wrap}.cred:where(.astro-mj6ar3np){display:flex;flex-direction:column;gap:6px}.cred-label:where(.astro-mj6ar3np){font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff80}.cred-val:where(.astro-mj6ar3np){font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap}.cred-val:where(.astro-mj6ar3np) .em:where(.astro-mj6ar3np){color:var(--color-accent)}.cred-val:where(.astro-mj6ar3np) .sep:where(.astro-mj6ar3np){color:#fff6;font-weight:400}.co:where(.astro-mj6ar3np){display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;transition:color .2s}a:where(.astro-mj6ar3np).co-link{cursor:pointer}a:where(.astro-mj6ar3np).co-link:hover{color:var(--color-accent)}.lg:where(.astro-mj6ar3np){height:18px;display:inline-flex;align-items:center;flex:none}.lg:where(.astro-mj6ar3np) img:where(.astro-mj6ar3np){height:100%;width:auto;display:block}.cta-row:where(.astro-mj6ar3np){display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.btn:where(.astro-mj6ar3np){display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:9999px;font-size:15px;font-weight:600;transition:all .25s;cursor:pointer}.btn:where(.astro-mj6ar3np) svg:where(.astro-mj6ar3np){width:16px;height:16px;transition:transform .25s}.btn-primary:where(.astro-mj6ar3np){background:var(--color-accent);color:#1d1d1f}.btn-primary:where(.astro-mj6ar3np):hover{background:var(--color-accent-hover);color:#fff}.btn-primary:where(.astro-mj6ar3np):hover svg:where(.astro-mj6ar3np){transform:translate(3px)}.btn-ghost:where(.astro-mj6ar3np){background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(4px)}.btn-ghost:where(.astro-mj6ar3np):hover{background:#ffffff29;border-color:#fff9}.scroll-cue:where(.astro-mj6ar3np){position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:11;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:color .25s,opacity .45s;opacity:0;pointer-events:none}html.hero-fills .scroll-cue:where(.astro-mj6ar3np){opacity:1;pointer-events:auto}html.scrolled-past .scroll-cue:where(.astro-mj6ar3np){opacity:0!important;pointer-events:none}.scroll-cue:where(.astro-mj6ar3np):hover{color:var(--color-text)}.scroll-cue:where(.astro-mj6ar3np) svg:where(.astro-mj6ar3np){width:20px;height:20px}@media(prefers-reduced-motion:no-preference){.scroll-cue:where(.astro-mj6ar3np) svg:where(.astro-mj6ar3np){animation:cueBounce 1.9s ease-in-out infinite}}@keyframes cueBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.featured-head:where(.astro-mj6ar3np){display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:40px;padding-bottom:16px;border-bottom:2px solid var(--color-border);position:relative}.featured-head:where(.astro-mj6ar3np) h2:where(.astro-mj6ar3np){font-size:clamp(24px,3vw,30px);font-weight:700;color:var(--color-text);flex:none;white-space:nowrap}.featured-head:where(.astro-mj6ar3np) .more:where(.astro-mj6ar3np){font-size:20px;font-weight:500;text-decoration:underline;text-underline-offset:4px;color:var(--color-text);transition:color .2s}.featured-head:where(.astro-mj6ar3np) .more:where(.astro-mj6ar3np):hover{color:var(--color-accent)}.featured-head:where(.astro-mj6ar3np):after{content:"";position:absolute;left:0;bottom:-2px;width:52px;height:2px;background:var(--color-accent);border-radius:9999px}.exp-section:where(.astro-mj6ar3np){padding-top:80px}.exp-grid:where(.astro-mj6ar3np){display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.exp-card:where(.astro-mj6ar3np){display:block;container-type:inline-size;border-radius:10px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 1px 2px #0000000a;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s,border-color .35s}.exp-card:where(.astro-mj6ar3np):hover{transform:translateY(-5px);box-shadow:0 18px 36px -12px #00000042;border-color:color-mix(in srgb,var(--color-accent) 32%,var(--color-border))}.exp-band:where(.astro-mj6ar3np){aspect-ratio:16 / 9;position:relative;overflow:hidden;background:var(--color-bg-secondary)}.exp-band:where(.astro-mj6ar3np) img:where(.astro-mj6ar3np){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.exp-card:where(.astro-mj6ar3np):hover .exp-band:where(.astro-mj6ar3np) img:where(.astro-mj6ar3np){transform:scale(1.04)}.exp-ph:where(.astro-mj6ar3np){position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.035) 0 11px,transparent 11px 22px);display:grid;place-items:center}.exp-ph:where(.astro-mj6ar3np) span:where(.astro-mj6ar3np){font:600 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.exp-grad:where(.astro-mj6ar3np){position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),rgba(0,0,0,.05) 52%,transparent)}.exp-lock:where(.astro-mj6ar3np){position:absolute;left:15px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:10px}.exp-lock:where(.astro-mj6ar3np) .mk:where(.astro-mj6ar3np){position:static;inset:auto;height:30px;width:auto;flex:none;display:block;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))}.exp-lock:where(.astro-mj6ar3np) .mk-netease:where(.astro-mj6ar3np){height:24px}.exp-lock:where(.astro-mj6ar3np) .wm:where(.astro-mj6ar3np){font-size:18px;font-weight:800;letter-spacing:.005em;color:#fff;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.45)}.exp-body:where(.astro-mj6ar3np){padding:16px 18px 18px;text-align:left}.exp-row:where(.astro-mj6ar3np){display:flex;align-items:baseline;justify-content:space-between;gap:10px}.exp-co:where(.astro-mj6ar3np){font-size:16px;font-weight:700;color:var(--color-text)}.exp-co:where(.astro-mj6ar3np) .en:where(.astro-mj6ar3np){font-size:12.5px;font-weight:600;color:var(--color-text-muted);margin-left:9px}@container (max-width: 360px){.exp-co:where(.astro-mj6ar3np) .en:where(.astro-mj6ar3np){display:none}}.exp-when:where(.astro-mj6ar3np){font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--color-text-muted);white-space:nowrap}.exp-when:where(.astro-mj6ar3np).now{color:var(--color-accent)}.exp-meta:where(.astro-mj6ar3np){margin-top:13px;padding-top:13px;border-top:1px solid var(--color-border);display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem}.exp-meta:where(.astro-mj6ar3np) dt:where(.astro-mj6ar3np){font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding-top:.15rem}.exp-meta:where(.astro-mj6ar3np) dd:where(.astro-mj6ar3np){font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.featured:where(.astro-mj6ar3np){padding-top:80px;padding-bottom:80px}.row-large:where(.astro-mj6ar3np){display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:56px}.row-small:where(.astro-mj6ar3np){display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.card:where(.astro-mj6ar3np){text-align:center}.media:where(.astro-mj6ar3np){border-radius:10px;overflow:hidden;position:relative;display:block;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s;box-shadow:0 1px 2px #0000000a}.card:where(.astro-mj6ar3np):hover .media:where(.astro-mj6ar3np){transform:translateY(-5px);box-shadow:0 18px 36px -12px #0000004d}.media:where(.astro-mj6ar3np).video{aspect-ratio:16/9;background:#000}.media:where(.astro-mj6ar3np).cover{aspect-ratio:16/9}.media:where(.astro-mj6ar3np) iframe:where(.astro-mj6ar3np){width:100%;height:100%;border:0;display:block}.media:where(.astro-mj6ar3np).cover img:where(.astro-mj6ar3np){width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.media:where(.astro-mj6ar3np).cover:hover img:where(.astro-mj6ar3np){transform:scale(1.05)}.media:where(.astro-mj6ar3np).cover .arrow:where(.astro-mj6ar3np){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .4s}.media:where(.astro-mj6ar3np).cover:hover .arrow:where(.astro-mj6ar3np){background:#00000052}.media:where(.astro-mj6ar3np).cover .arrow:where(.astro-mj6ar3np) svg:where(.astro-mj6ar3np){width:38px;height:38px;color:#fff;opacity:0;transform:translate(-6px);transition:opacity .4s,transform .4s;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.media:where(.astro-mj6ar3np).cover:hover .arrow:where(.astro-mj6ar3np) svg:where(.astro-mj6ar3np){opacity:1;transform:translate(0)}.card:where(.astro-mj6ar3np) .title:where(.astro-mj6ar3np){display:inline-block;margin-top:16px;font-size:18px;font-weight:600;color:var(--color-text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:transparent;transition:color .2s,text-decoration-color .2s}.card:where(.astro-mj6ar3np):hover .title:where(.astro-mj6ar3np){color:var(--color-accent);text-decoration-color:var(--color-accent)}.card:where(.astro-mj6ar3np) .genre:where(.astro-mj6ar3np){margin-top:6px;font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.tags:where(.astro-mj6ar3np){display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.tag:where(.astro-mj6ar3np){font-size:12px;font-weight:500;line-height:1.4;padding:2px 10px;border-radius:9999px;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.tag:where(.astro-mj6ar3np).engine{color:var(--color-accent);background:var(--color-accent-bg);border-color:#ff930038}@media(max-width:1180px){.hero-portrait:where(.astro-mj6ar3np){display:none}}@media(max-width:860px){.row-large:where(.astro-mj6ar3np){grid-template-columns:1fr}.row-small:where(.astro-mj6ar3np){grid-template-columns:1fr}.exp-grid:where(.astro-mj6ar3np){grid-template-columns:1fr}.hero:where(.astro-mj6ar3np){aspect-ratio:auto;min-height:auto;max-height:none}.hero-content:where(.astro-mj6ar3np){padding-top:120px;padding-bottom:56px}.hero-inner:where(.astro-mj6ar3np){max-width:100%}}