.jh{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(214,168,95,.08),transparent 24%),radial-gradient(circle at 82% 12%,rgba(124,92,252,.14),transparent 34%)}.jh-amb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.68}.jh-amb--p{width:480px;height:320px;right:4%;top:16%;background:radial-gradient(circle,rgba(124,92,252,.22),transparent 70%)}.jh-amb--g{width:420px;height:280px;left:-8%;top:12%;background:radial-gradient(circle,rgba(214,168,95,.16),transparent 70%)}.jh-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 75% 54% at 50% 22%,#000 16%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 75% 54% at 50% 22%,#000 16%,transparent 82%)}.jh-section{position:relative;z-index:1;padding:clamp(4.5rem,8vw,7rem) 0}.jh-sec-head{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;max-width:700px;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.jh-sec-eyebrow{color:var(--color-purple-500);font-weight:700;letter-spacing:.08em}.jh-sec-title{font-family:var(--font-display);font-weight:400;letter-spacing:0;line-height:1.08}.jh-sec-sub{max-width:680px;line-height:1.65}.jh-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:82svh;padding-top:clamp(7rem,12vw,9rem);padding-bottom:clamp(3rem,6vw,5rem)}@media(max-width:768px){.jh-hero{grid-template-columns:1fr;min-height:auto;padding-top:7rem;gap:3rem}}.jh-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:0}.jh-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--color-gold-500);box-shadow:0 0 10px var(--color-gold-500);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.jh-h1{margin:0 0 1.125rem;font-size:clamp(2.25rem,5.5vw,4.25rem);font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:0;color:var(--color-ink)}.jh-h1 span{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.jh-hero-sub{font-size:clamp(.9375rem,1.8vw,1.0625rem);line-height:1.72;color:var(--color-ink-muted);margin:0 0 1.875rem;max-width:34rem}.jh-stat-row{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.jh-stat{display:flex;flex-direction:column;gap:2px}.jh-stat-num{font-size:1.625rem;font-weight:700;line-height:1;color:var(--color-ink);letter-spacing:-.03em}.jh-stat-label{font-size:.75rem;letter-spacing:.06em;color:var(--color-ink-faint)}.jh-stat-sep{width:1px;height:2rem;background:var(--color-line);flex-shrink:0}.jh-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.jh-hero-gallery{position:relative;display:flex;flex-direction:column;max-height:clamp(420px,48vw,540px);overflow:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:2px;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 88%,transparent 100%)}.jh-hero-gallery::-webkit-scrollbar{display:none}.jh-hero-gallery-track{display:flex;flex-direction:column;gap:8px;animation:jhHeroRoll 48s linear infinite;will-change:transform}.jh-hero-gallery:hover .jh-hero-gallery-track{animation-play-state:paused}.jh-hero-gallery-set{display:flex;flex-direction:column;gap:8px}@keyframes jhHeroRoll{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 4px))}}@media(max-width:768px){.jh-hero-gallery{max-height:280px}}.jh-hero-char-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in oklch,var(--ft) 18%,var(--color-line));background:linear-gradient(to right,color-mix(in oklch,var(--ft) 5%,var(--color-surface)),color-mix(in oklch,var(--color-surface) 84%,transparent));backdrop-filter:blur(14px);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;flex-shrink:0}.jh-hero-char-card:hover{background:linear-gradient(to right,color-mix(in oklch,var(--ft) 12%,var(--color-surface)),color-mix(in oklch,var(--ft) 4%,var(--color-surface)));border-color:color-mix(in oklch,var(--ft) 45%,transparent);box-shadow:0 4px 18px -6px color-mix(in oklch,var(--ft) 35%,rgba(0,0,0,.2));transform:translate(3px)}.jh-hero-char-thumb{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;background:color-mix(in oklch,var(--ft) 18%,var(--color-surface-soft))}.jh-hero-char-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .3s}.jh-hero-char-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:2;opacity:0;transition:opacity .35s ease}.jh-hero-char-card:hover .jh-hero-char-video{opacity:1}.jh-hero-char-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:800;color:color-mix(in oklch,var(--ft) 70%,var(--color-ink-muted));opacity:0;z-index:1}.jh-hero-char-thumb img[src=""],.jh-hero-char-thumb img:not([src]){opacity:0}.jh-hero-char-thumb img[src=""]~.jh-hero-char-fallback,.jh-hero-char-thumb img:not([src])~.jh-hero-char-fallback{opacity:1}.jh-hero-char-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.jh-hero-char-title-row{display:flex;align-items:baseline;gap:6px}.jh-hero-char-name{font-size:.9375rem;font-weight:700;color:var(--color-ink);line-height:1.2;white-space:nowrap}.jh-hero-char-faction{font-size:.6875rem;letter-spacing:.04em;white-space:nowrap;opacity:.9}.jh-hero-char-tags{display:flex;flex-wrap:wrap;gap:3px}.jh-hero-tag{font-size:.625rem;padding:1px 6px;border-radius:999px;background:color-mix(in oklch,var(--ft) 10%,transparent);border:1px solid color-mix(in oklch,var(--ft) 25%,transparent);opacity:.85}.jh-hero-char-play-hint{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:color-mix(in oklch,var(--ft) 15%,transparent);color:color-mix(in oklch,var(--ft) 80%,var(--color-ink-muted));opacity:0;transition:opacity .2s}.jh-hero-char-card:hover .jh-hero-char-play-hint{opacity:1}.jh-atlas{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,1fr);gap:18px;align-items:stretch}.jh-atlas-map{position:relative;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-gold-500) 24%,var(--color-line));background:radial-gradient(ellipse at 32% 28%,rgba(214,168,95,.1),transparent 46%),radial-gradient(ellipse at 78% 74%,rgba(124,92,252,.12),transparent 44%),linear-gradient(155deg,color-mix(in oklch,var(--color-surface) 82%,transparent),color-mix(in oklch,var(--color-inset) 72%,transparent));box-shadow:0 36px 86px -56px #000000e6}.jh-atlas-map:after{content:"";position:absolute;inset:12px;border:1px solid color-mix(in oklch,var(--color-gold-500) 20%,transparent);border-radius:12px;pointer-events:none}.jh-atlas-terrain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.jh-terrain-grid line{stroke:color-mix(in oklch,var(--color-gold-500) 12%,transparent);stroke-width:1;stroke-dasharray:1 5;vector-effect:non-scaling-stroke}.jh-terrain-range path{fill:color-mix(in oklch,var(--color-gold-500) 16%,transparent);stroke:color-mix(in oklch,var(--color-gold-500) 46%,transparent);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.jh-terrain-ridge path{fill:none;stroke:color-mix(in oklch,var(--color-gold-500) 32%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.jh-terrain-river{fill:none;stroke:color-mix(in oklch,var(--color-azure-400, #38bdf8) 46%,transparent);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke}.jh-terrain-river--minor{stroke-width:1;opacity:.7}.jh-terrain-lake{fill:color-mix(in oklch,#38bdf8 18%,transparent);stroke:color-mix(in oklch,#38bdf8 42%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.jh-terrain-sea{fill:color-mix(in oklch,#38bdf8 7%,transparent)}.jh-terrain-coast{fill:none;stroke:color-mix(in oklch,#38bdf8 50%,transparent);stroke-width:1.4;vector-effect:non-scaling-stroke}.jh-terrain-isobath{fill:none;stroke:color-mix(in oklch,#38bdf8 20%,transparent);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.jh-terrain-hatch path{stroke:color-mix(in oklch,#38bdf8 34%,transparent);stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}.jh-atlas-compass{position:absolute;right:20px;bottom:18px;width:56px;height:56px;opacity:.6;pointer-events:none}.jh-atlas-compass circle{fill:none;stroke:color-mix(in oklch,var(--color-gold-500) 38%,transparent);stroke-width:1}.jh-compass-inner{stroke:color-mix(in oklch,var(--color-gold-500) 24%,transparent)!important}.jh-compass-star{fill:color-mix(in oklch,var(--color-gold-500) 54%,transparent)}.jh-compass-star--minor{fill:color-mix(in oklch,var(--color-gold-500) 26%,transparent)}.jh-atlas-compass text{fill:color-mix(in oklch,var(--color-gold-500) 88%,var(--color-ink));font-size:5px;font-weight:800}.jh-atlas-cartouche{position:absolute;left:22px;top:22px;z-index:1;padding:5px 12px;border-radius:7px;border:1px solid color-mix(in oklch,var(--color-gold-500) 34%,transparent);background:color-mix(in oklch,var(--color-canvas) 64%,transparent);color:color-mix(in oklch,var(--color-gold-500) 88%,var(--color-ink));font-family:var(--font-display);font-size:13px;letter-spacing:.14em;backdrop-filter:blur(6px)}.jh-atlas-scale{position:absolute;left:22px;bottom:20px;z-index:1;display:inline-flex;align-items:center;gap:7px;color:var(--color-ink-faint);font-size:10.5px;letter-spacing:.08em}.jh-atlas-scale i{width:46px;height:6px;border:1px solid color-mix(in oklch,var(--color-gold-500) 50%,transparent);border-top:0;background:repeating-linear-gradient(90deg,color-mix(in oklch,var(--color-gold-500) 40%,transparent) 0 11.5px,transparent 11.5px 23px)}.jh-atlas-region-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:1;pointer-events:none;color:color-mix(in oklch,var(--color-gold-500) 40%,var(--color-ink-faint));font-family:var(--font-display);font-size:13px;letter-spacing:.26em}.jh-atlas-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:5px;padding:0;border:0;background:none;cursor:pointer;z-index:2}.jh-pin-dot{position:absolute;top:20px;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in oklch,var(--ft) 60%,transparent) 0 16%,transparent 30%);z-index:-1;opacity:.55;transition:opacity .25s ease,transform .25s ease}.jh-pin-seal{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid color-mix(in oklch,var(--ft) 52%,transparent);background:linear-gradient(160deg,color-mix(in oklch,var(--ft) 30%,var(--color-surface)),color-mix(in oklch,var(--ft) 16%,var(--color-inset)));box-shadow:0 12px 28px -14px color-mix(in oklch,var(--ft) 66%,rgba(0,0,0,.8)),inset 0 0 0 1px color-mix(in oklch,var(--color-canvas) 30%,transparent);color:color-mix(in oklch,var(--ft) 92%,var(--color-ink));font-family:var(--font-display);font-size:21px;line-height:1;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,outline-color .2s ease}.jh-pin-label{padding:1px 7px;border-radius:999px;background:color-mix(in oklch,var(--color-canvas) 72%,transparent);border:1px solid color-mix(in oklch,var(--ft) 28%,transparent);color:var(--color-ink-muted);font-size:11px;font-weight:600;white-space:nowrap;backdrop-filter:blur(6px);transition:color .2s ease,border-color .2s ease}.jh-atlas-pin:hover .jh-pin-seal,.jh-atlas-pin.is-active .jh-pin-seal{transform:translateY(-3px) scale(1.06);border-color:color-mix(in oklch,var(--ft) 80%,transparent);box-shadow:0 16px 34px -12px color-mix(in oklch,var(--ft) 78%,rgba(0,0,0,.8))}.jh-atlas-pin.is-active{z-index:3}.jh-atlas-pin.is-active .jh-pin-seal{outline:2px solid color-mix(in oklch,var(--ft) 58%,transparent);outline-offset:3px}.jh-atlas-pin.is-active .jh-pin-label,.jh-atlas-pin:hover .jh-pin-label{color:var(--color-ink);border-color:color-mix(in oklch,var(--ft) 55%,transparent)}.jh-atlas-pin.is-active .jh-pin-dot,.jh-atlas-pin:hover .jh-pin-dot{opacity:1;transform:translate(-50%,-50%) scale(1.7)}.jh-atlas-detail{position:relative}.jh-atlas-card{display:flex;flex-direction:column;gap:16px;height:100%;padding:22px;border-radius:18px;border:1px solid color-mix(in oklch,var(--ft) 30%,var(--color-line));background:radial-gradient(circle at 100% 0,color-mix(in oklch,var(--ft) 14%,transparent),transparent 44%),linear-gradient(160deg,color-mix(in oklch,var(--color-surface) 90%,transparent),color-mix(in oklch,var(--color-inset) 72%,transparent));box-shadow:0 30px 70px -48px #000000d9}.jh-atlas-card[hidden]{display:none}.jh-ac-head{display:flex;align-items:center;gap:14px}.jh-ac-seal{position:relative;flex:0 0 auto;display:grid;place-items:center;width:64px;height:64px;border-radius:16px;overflow:hidden;border:1px solid color-mix(in oklch,var(--ft) 50%,transparent);background:color-mix(in oklch,var(--ft) 20%,var(--color-surface));box-shadow:0 14px 34px -18px color-mix(in oklch,var(--ft) 64%,rgba(0,0,0,.76))}.jh-ac-seal i{font-family:var(--font-display);font-style:normal;font-size:32px;line-height:1;color:color-mix(in oklch,var(--ft) 90%,var(--color-ink))}.jh-ac-seal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.jh-ac-region{display:block;color:var(--color-ink-faint);font-size:11.5px;letter-spacing:.05em}.jh-ac-title h3{margin:5px 0 0;color:var(--color-ink);font-size:22px;line-height:1.15}.jh-ac-desc{margin:0;color:var(--color-ink-muted);font-size:13.5px;line-height:1.68}.jh-ac-block{display:grid;gap:8px}.jh-ac-label{color:var(--color-ink-faint);font-size:10.5px;font-weight:700;letter-spacing:.12em}.jh-ac-roles{display:flex;flex-wrap:wrap;gap:6px}.jh-ac-roles span{padding:3px 10px;border-radius:8px;border:1px solid color-mix(in oklch,var(--color-line) 80%,transparent);background:color-mix(in oklch,var(--color-surface) 60%,transparent);color:var(--color-ink-muted);font-size:11.5px}.jh-ac-members{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.jh-ac-member{display:inline-flex;align-items:center;gap:8px;padding:4px 11px 4px 4px;border-radius:999px;border:1px solid color-mix(in oklch,var(--ft) 32%,var(--color-line));background:color-mix(in oklch,var(--ft) 8%,var(--color-surface));color:var(--color-ink);font-size:12.5px;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.jh-ac-member:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--ft) 56%,transparent)}.jh-ac-avatar{position:relative;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;overflow:hidden;background:color-mix(in oklch,var(--ft) 24%,var(--color-surface-soft))}.jh-ac-avatar i{font-family:var(--font-display);font-style:normal;font-size:13px;color:color-mix(in oklch,var(--ft) 88%,var(--color-ink))}.jh-ac-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}@media(max-width:900px){.jh-atlas{grid-template-columns:1fr}.jh-atlas-map{aspect-ratio:3 / 2}.jh-pin-seal{width:34px;height:34px;font-size:18px;border-radius:10px}.jh-pin-label{font-size:10px}}@media(max-width:520px){.jh-atlas-map{aspect-ratio:1 / 1}.jh-pin-label{display:none}}.jh-faction-traits{display:flex;flex-wrap:wrap;gap:4px}.jh-trait-pill{display:inline-block;font-size:.6875rem;padding:2px 8px;border-radius:999px;background:color-mix(in oklch,var(--ft) 12%,var(--color-surface-soft));border:1px solid color-mix(in oklch,var(--ft) 28%,transparent);color:color-mix(in oklch,var(--ft) 85%,var(--color-ink));letter-spacing:.02em}.jh-voices-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:960px){.jh-voices-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.jh-voices-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:360px){.jh-voices-grid{grid-template-columns:1fr}}.jh-voice-card{border-radius:12px;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-line) 80%,transparent);background:radial-gradient(circle at 50% 0,color-mix(in oklch,var(--ft) 10%,transparent),transparent 45%),var(--color-surface);transition:transform .24s ease,box-shadow .24s ease,border-color .24s}.jh-voice-card:hover{transform:translateY(-5px);border-color:color-mix(in oklch,var(--ft) 40%,var(--color-line));box-shadow:0 20px 44px -16px color-mix(in oklch,var(--ft) 40%,rgba(0,0,0,.35))}.jh-voice-visual{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:color-mix(in oklch,var(--ft) 12%,var(--color-surface-soft))}.jh-voice-flip{position:absolute;inset:0;z-index:1;perspective:1200px}.jh-voice-flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.1,.2,1)}.jh-voice-flip-inner.is-flipped{transform:rotateY(180deg)}.jh-voice-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.jh-voice-face--back{transform:rotateY(180deg)}.jh-voice-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease;z-index:1}.jh-voice-card:hover .jh-voice-img{transform:scale(1.06)}.jh-voice-flip-btn{position:absolute;top:10px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border-radius:999px;border:1px solid color-mix(in oklch,var(--ft) 45%,transparent);background:color-mix(in oklch,var(--color-canvas) 72%,transparent);backdrop-filter:blur(8px);color:color-mix(in oklch,var(--ft) 80%,var(--color-ink));font-size:.6875rem;font-weight:600;letter-spacing:.04em;cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease,background .18s,border-color .18s}.jh-voice-card:hover .jh-voice-flip-btn,.jh-voice-flip-btn:focus-visible{opacity:1;transform:translateY(0)}.jh-voice-flip-btn:hover{background:color-mix(in oklch,var(--ft) 22%,var(--color-surface-soft));border-color:color-mix(in oklch,var(--ft) 65%,transparent)}.jh-voice-flip-btn svg{width:12px;height:12px;transition:transform .5s ease}.jh-voice-card.is-flipped .jh-voice-flip-btn svg{transform:rotate(180deg)}.jh-voice-img-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800;color:color-mix(in oklch,var(--ft) 55%,var(--color-ink-faint));z-index:0}.jh-voice-faction-pill{position:absolute;top:10px;right:10px;z-index:3;font-size:.6875rem;font-weight:600;letter-spacing:.06em;padding:3px 9px;border-radius:999px;background:color-mix(in oklch,var(--color-canvas) 75%,transparent);border:1px solid;backdrop-filter:blur(8px)}.jh-voice-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:2;opacity:0;transition:opacity .45s ease}.jh-voice-card:hover .jh-voice-video{opacity:1}.jh-voice-glass{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:3.5rem .875rem .875rem;background:linear-gradient(to top,rgba(6,8,18,.97) 0%,rgba(6,8,18,.82) 35%,rgba(6,8,18,.38) 62%,transparent 100%);display:flex;flex-direction:column;gap:.4rem}.jh-voice-name{font-size:1.1875rem;font-weight:700;color:#fff;margin:0;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.6)}.jh-voice-tags{display:flex;flex-wrap:wrap;gap:3px}.jh-tag-sm{display:inline-block;font-size:.6875rem;padding:2px 7px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#ffffffe0}.jh-voice-quote{font-size:.75rem;line-height:1.55;color:#ffffffa6;margin:0;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jh-play-btn{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:5px 12px;border-radius:999px;border:1px solid color-mix(in oklch,var(--ft) 40%,var(--color-line));background:color-mix(in oklch,var(--ft) 14%,var(--color-surface-soft));color:var(--color-ink);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;text-decoration:none}.jh-play-btn:hover{background:color-mix(in oklch,var(--ft) 24%,var(--color-surface-soft));border-color:color-mix(in oklch,var(--ft) 60%,var(--color-line));box-shadow:0 4px 12px color-mix(in oklch,var(--ft) 20%,transparent)}.jh-play-icon,.jh-stop-icon{width:12px;height:12px}.jh-stop-icon,.jh-play-btn.is-playing .jh-play-icon{display:none}.jh-play-btn.is-playing .jh-stop-icon{display:block}.jh-play-btn.is-playing{background:color-mix(in oklch,var(--ft) 22%,var(--color-surface-soft));border-color:color-mix(in oklch,var(--ft) 55%,transparent)}.jh-play-btn--studio{background:#ffffff0f;border-color:#fff3;color:#ffffffbf}.jh-web{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:18px;align-items:stretch}.jh-web-canvas{position:relative;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-gold-500) 18%,var(--color-line));background:radial-gradient(ellipse at 26% 22%,rgba(124,92,252,.14),transparent 48%),radial-gradient(ellipse at 80% 78%,rgba(214,168,95,.1),transparent 46%),radial-gradient(1.4px 1.4px at 18% 32%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.4px 1.4px at 62% 18%,rgba(255,255,255,.42),transparent 60%),radial-gradient(1.2px 1.2px at 84% 52%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1.2px 1.2px at 38% 76%,rgba(255,255,255,.38),transparent 60%),radial-gradient(1.2px 1.2px at 72% 88%,rgba(255,255,255,.32),transparent 60%),linear-gradient(160deg,color-mix(in oklch,var(--color-surface) 84%,transparent),color-mix(in oklch,var(--color-inset) 72%,transparent));box-shadow:0 36px 86px -56px #000000e6}.jh-web-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.jh-web-edge{fill:none;stroke:color-mix(in oklch,var(--rel) 42%,transparent);stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.62;transition:opacity .2s ease,stroke-width .2s ease}.jh-web.has-active .jh-web-edge{opacity:.16}.jh-web.has-active .jh-web-edge.is-lit{opacity:1;stroke-width:2.2;filter:drop-shadow(0 0 5px color-mix(in oklch,var(--rel) 60%,transparent))}.jh-web-glyph{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid color-mix(in oklch,var(--rel) 55%,transparent);background:color-mix(in oklch,var(--color-canvas) 78%,transparent);color:color-mix(in oklch,var(--rel) 90%,var(--color-ink));font-size:13px;font-weight:900;backdrop-filter:blur(4px);transition:opacity .2s ease,transform .2s ease}.jh-web.has-active .jh-web-glyph{opacity:.28}.jh-web.has-active .jh-web-glyph.is-lit{opacity:1;background:var(--rel);color:#fff;transform:translate(-50%,-50%) scale(1.12);box-shadow:0 6px 16px -5px color-mix(in oklch,var(--rel) 70%,rgba(0,0,0,.6))}.jh-web-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;display:grid;justify-items:center;gap:5px;padding:0;border:0;background:none;cursor:pointer;transition:opacity .2s ease,filter .2s ease}.jh-web-avatar{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;overflow:hidden;border:2px solid color-mix(in oklch,var(--ft) 56%,var(--color-surface));background:color-mix(in oklch,var(--ft) 22%,var(--color-surface-soft));box-shadow:0 12px 28px -14px color-mix(in oklch,var(--ft) 60%,rgba(0,0,0,.8));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,outline-color .2s ease}.jh-web-avatar i{font-family:var(--font-display);font-style:normal;font-size:24px;color:color-mix(in oklch,var(--ft) 88%,var(--color-ink))}.jh-web-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.jh-web-node-name{padding:1px 8px;border-radius:999px;background:color-mix(in oklch,var(--color-canvas) 74%,transparent);border:1px solid color-mix(in oklch,var(--ft) 28%,transparent);color:var(--color-ink-muted);font-size:11px;font-weight:600;white-space:nowrap;backdrop-filter:blur(6px);transition:color .2s ease,border-color .2s ease}.jh-web-node:hover .jh-web-avatar{transform:translateY(-2px) scale(1.06)}.jh-web.has-active .jh-web-node.is-dim{opacity:.34;filter:grayscale(.5)}.jh-web-node.is-linked .jh-web-avatar{border-color:color-mix(in oklch,var(--ft) 78%,transparent)}.jh-web-node.is-active{z-index:4}.jh-web-node.is-active .jh-web-avatar{transform:scale(1.14);outline:2px solid color-mix(in oklch,var(--ft) 60%,transparent);outline-offset:3px;box-shadow:0 16px 34px -12px color-mix(in oklch,var(--ft) 80%,rgba(0,0,0,.8))}.jh-web-node.is-active .jh-web-node-name,.jh-web-node.is-linked .jh-web-node-name{color:var(--color-ink);border-color:color-mix(in oklch,var(--ft) 55%,transparent)}.jh-web-legend{position:absolute;left:16px;bottom:14px;z-index:5;display:flex;flex-wrap:wrap;gap:6px 12px;padding:7px 12px;border-radius:999px;background:color-mix(in oklch,var(--color-canvas) 64%,transparent);border:1px solid color-mix(in oklch,var(--color-line) 80%,transparent);backdrop-filter:blur(8px)}.jh-web-leg{display:inline-flex;align-items:center;gap:6px;color:var(--color-ink-muted);font-size:11.5px}.jh-web-leg i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--rel);color:#fff;font-style:normal;font-size:10px;font-weight:900}.jh-web-detail{position:relative}.jh-web-card{display:flex;flex-direction:column;gap:16px;height:100%;padding:22px;border-radius:18px;border:1px solid color-mix(in oklch,var(--ft) 30%,var(--color-line));background:radial-gradient(circle at 100% 0,color-mix(in oklch,var(--ft) 14%,transparent),transparent 44%),linear-gradient(160deg,color-mix(in oklch,var(--color-surface) 90%,transparent),color-mix(in oklch,var(--color-inset) 72%,transparent));box-shadow:0 30px 70px -48px #000000d9}.jh-web-card[hidden]{display:none}.jh-wc-head{display:flex;align-items:center;gap:14px}.jh-wc-avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;width:66px;height:66px;border-radius:16px;overflow:hidden;border:1px solid color-mix(in oklch,var(--ft) 50%,transparent);background:color-mix(in oklch,var(--ft) 20%,var(--color-surface));box-shadow:0 14px 34px -18px color-mix(in oklch,var(--ft) 64%,rgba(0,0,0,.76))}.jh-wc-avatar i{font-family:var(--font-display);font-style:normal;font-size:30px;color:color-mix(in oklch,var(--ft) 90%,var(--color-ink))}.jh-wc-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.jh-wc-faction{display:block;color:color-mix(in oklch,var(--ft) 72%,var(--color-ink-faint));font-size:11.5px;font-weight:600;letter-spacing:.05em}.jh-wc-id h3{margin:3px 0 6px;color:var(--color-ink);font-size:21px;line-height:1.1}.jh-wc-tags{display:flex;flex-wrap:wrap;gap:5px}.jh-wc-tags span{padding:1px 8px;border-radius:999px;border:1px solid color-mix(in oklch,var(--ft) 26%,var(--color-line));color:var(--color-ink-muted);font-size:10.5px}.jh-wc-quote{margin:0;padding:0 0 0 12px;border-left:2px solid color-mix(in oklch,var(--ft) 55%,transparent);color:var(--color-ink-muted);font-size:13px;line-height:1.6;font-style:italic}.jh-wc-rels{display:grid;gap:8px;margin-top:auto}.jh-wc-rels .jh-ac-label{margin-bottom:2px}.jh-wc-rel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;width:100%;padding:11px 13px;border-radius:12px;border:1px solid color-mix(in oklch,var(--color-line) 78%,transparent);border-left:3px solid var(--rel);background:color-mix(in oklch,var(--color-surface) 60%,transparent);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.jh-wc-rel:hover{transform:translate(3px);background:color-mix(in oklch,var(--rel) 8%,var(--color-surface));border-color:color-mix(in oklch,var(--rel) 40%,var(--color-line));border-left-color:var(--rel)}.jh-wc-rel-type{display:inline-flex;align-items:center;gap:7px;color:color-mix(in oklch,var(--rel) 86%,var(--color-ink));font-size:12px;font-weight:700}.jh-wc-rel-type em{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--rel);color:#fff;font-style:normal;font-size:11px;font-weight:900}.jh-wc-rel-who{color:var(--color-ink);font-size:14px;font-weight:700;justify-self:end}.jh-wc-rel-who i{margin-left:6px;color:color-mix(in oklch,var(--ft) 70%,var(--color-ink-faint));font-style:normal;font-size:11px;font-weight:600}.jh-wc-rel-note{grid-column:1 / -1;color:var(--color-ink-muted);font-size:11.5px;line-height:1.5}.jh-outro{position:relative;z-index:1;padding:clamp(5rem,9vw,8rem) 0 clamp(4rem,7vw,6rem);text-align:center}.jh-outro-inner{display:flex;flex-direction:column;align-items:center;gap:.875rem;position:relative;padding:clamp(2.5rem,5vw,4rem) 2rem;border-radius:20px;border:1px solid color-mix(in oklch,var(--color-line) 70%,transparent);background:linear-gradient(160deg,color-mix(in oklch,var(--color-surface) 75%,transparent),color-mix(in oklch,var(--color-surface-soft) 55%,transparent));backdrop-filter:blur(20px);overflow:hidden}.jh-outro-inner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 100%,color-mix(in oklch,var(--color-blue-700) 25%,transparent),transparent 70%);pointer-events:none}.jh-outro-title{margin:0;font-size:clamp(1.625rem,3.5vw,2.5rem);font-family:var(--font-display);font-weight:400;letter-spacing:0;color:var(--color-ink);line-height:1.2;position:relative}.jh-outro-br{display:none}@media(min-width:480px){.jh-outro-br{display:inline}}.jh-outro-sub{font-size:1rem;color:var(--color-ink-muted);margin:0;max-width:36rem;line-height:1.65;position:relative}.jh-outro-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem;position:relative}@media(max-width:900px){.jh-web{grid-template-columns:1fr}.jh-web-canvas{aspect-ratio:3 / 2}}@media(max-width:560px){.jh-sec-head{margin-bottom:1.25rem}.jh-web-canvas{aspect-ratio:1 / 1}.jh-web-avatar{width:44px;height:44px}.jh-web-avatar i{font-size:19px}.jh-web-node-name{display:none}.jh-wc-rel-who{font-size:13px}}@media(prefers-reduced-motion:reduce){.jh-hero-gallery-track{animation:none}}