.series-constellation{--series-ivory: rgb(242 235 222);--series-muted: rgb(180 171 154);--series-dim: rgb(126 118 104);--series-line: rgb(255 255 255 / .09);--series-pan-x: 0px;--series-pan-y: 0px;--series-atmo-a: rgba(110, 110, 105, .12);--series-atmo-b: rgba(60, 60, 58, .1);--series-atmo-c: rgba(210, 205, 190, .05);--series-accent: rgba(210, 205, 190, .22);--series-glow-x: 50%;--series-glow-y: 50%;--series-glow-opacity: .56;position:relative;min-height:100svh;overflow:hidden;isolation:isolate;cursor:grab;touch-action:none;user-select:none;background:radial-gradient(58rem 36rem at var(--series-glow-x) var(--series-glow-y),var(--series-atmo-a),transparent 72%),radial-gradient(42rem 28rem at 26% 68%,var(--series-atmo-b),transparent 74%),linear-gradient(180deg,#050505,#070707 52%,#040404);color:var(--series-ivory);transition:background 1.2s cubic-bezier(.16,1,.3,1)}.series-constellation[data-dragging=true]{cursor:grabbing;user-select:none}.series-constellation:focus{outline:none}.series-constellation:focus-visible{box-shadow:0 0 0 1px #f2ebde2e inset}.series-constellation__atmosphere,.series-constellation:before,.series-constellation:after{content:"";position:absolute;inset:0;pointer-events:none}.series-constellation:before{z-index:0;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .018) 0 1px,transparent 1px 10rem),repeating-linear-gradient(180deg,rgb(255 255 255 / .011) 0 1px,transparent 1px 8rem);opacity:.35;mask-image:linear-gradient(180deg,transparent 0%,black 16%,black 84%,transparent 100%)}.series-constellation:after{z-index:1;background:linear-gradient(180deg,rgb(5 5 5 / .7),transparent 24%,transparent 70%,rgb(5 5 5 / .78)),linear-gradient(90deg,rgb(5 5 5 / .72),transparent 22%,transparent 72%,rgb(5 5 5 / .68))}.series-constellation__atmosphere{inset:-12%;z-index:1;background:radial-gradient(48rem 34rem at var(--series-glow-x) var(--series-glow-y),var(--series-atmo-a),transparent 72%),radial-gradient(38rem 25rem at 35% 65%,var(--series-atmo-b),transparent 76%),radial-gradient(32rem 20rem at 72% 58%,var(--series-atmo-c),transparent 78%);filter:blur(.2px);mix-blend-mode:screen;opacity:var(--series-glow-opacity);transform:scale(1);animation:seriesAtmosphereBreath 18s ease-in-out infinite;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),background 1.3s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1)}.series-constellation__atmosphere:before{content:"";position:absolute;inset:8% 16%;pointer-events:none;background:radial-gradient(ellipse at center,var(--series-accent),transparent 68%);filter:blur(28px);opacity:.22}.series-constellation__coordinate{position:absolute;z-index:6;color:#cdc3b070;font-size:.54rem;letter-spacing:.28em;text-transform:uppercase;pointer-events:none}.series-constellation__coordinate--top{left:clamp(1.25rem,3vw,3rem);top:7rem}.series-constellation__coordinate--side{right:clamp(1.25rem,3vw,3rem);bottom:2.2rem}.series-constellation__plane{position:absolute;left:50%;top:50%;z-index:3;width:198vw;height:156vh;min-width:112rem;min-height:58rem;transform:translate3d(-50%,-50%,0) translate3d(var(--series-pan-x),var(--series-pan-y),0);transform-style:preserve-3d;will-change:transform}.series-constellation__plane:before,.series-constellation__plane:after{content:"";position:absolute;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent,var(--series-accent),transparent);opacity:.16;transform-origin:center;transition:opacity .9s cubic-bezier(.16,1,.3,1),background 1.1s cubic-bezier(.16,1,.3,1)}.series-constellation__plane:before{left:25%;top:45%;width:58%;height:1px;transform:rotate(-8deg)}.series-constellation__plane:after{left:42%;top:30%;width:36%;height:1px;transform:rotate(24deg);opacity:.09}.series-constellation__thread{position:absolute;left:25%;top:37%;width:60%;height:38%;border-top:1px solid rgb(255 255 255 / .055);border-bottom:1px solid rgb(255 255 255 / .035);transform:rotate(-8deg);opacity:.54;pointer-events:none;box-shadow:0 0 28px var(--series-accent);transition:box-shadow 1.1s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1)}.series-constellation__nodeShell{--node-width: 18rem;--node-opacity: .42;--node-scale: .78;--node-blur: .25px;--node-float-delay: 0s;--node-float-distance: 4px;--node-opening-scale: 1;position:absolute;left:var(--node-x);top:var(--node-y);width:var(--node-width);opacity:var(--node-opacity);filter:blur(var(--node-blur)) saturate(.92) brightness(.78);transform:translate3d(-50%,-50%,0) scale(calc(var(--node-scale) * var(--node-opening-scale)));transform-origin:center;transition:opacity .76s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),transform .92s cubic-bezier(.16,1,.3,1)}.series-constellation__nodeShell[data-size=hero]{--node-width: clamp(24rem, 30vw, 38rem)}.series-constellation__nodeShell[data-size=large]{--node-width: clamp(21rem, 25vw, 31rem)}.series-constellation__nodeShell[data-size=medium]{--node-width: clamp(18rem, 21vw, 27rem)}.series-constellation__nodeShell[data-size=small]{--node-width: clamp(14rem, 17vw, 22rem)}.series-constellation__nodeShell[data-state=active]{--node-opacity: 1;--node-scale: 1;--node-blur: 0px;z-index:6;filter:blur(0) saturate(1.04) contrast(1.02) brightness(1) drop-shadow(0 34px 76px rgb(0 0 0 / .42))}.series-constellation__nodeShell[data-state=near]{--node-opacity: .62;--node-scale: .84;--node-blur: .15px;z-index:4;filter:blur(var(--node-blur)) saturate(.86) brightness(.72)}.series-constellation__nodeShell[data-state=far]{--node-opacity: .34;--node-scale: .7;--node-blur: .45px;z-index:2;filter:blur(var(--node-blur)) saturate(.68) brightness(.5)}.series-constellation__nodeShell:hover,.series-constellation__nodeShell:focus-within{--node-opacity: .95;filter:blur(0) saturate(1.02) brightness(.98) drop-shadow(0 22px 54px rgb(0 0 0 / .34));outline:none}.series-constellation__node{position:relative;display:grid;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer;user-select:none;-webkit-user-drag:none}.series-constellation[data-dragging=true] .series-constellation__node{cursor:grabbing}.series-constellation__node:focus-visible .series-constellation__imageWrap,.series-constellation__nodeShell:focus-within .series-constellation__imageWrap{box-shadow:0 0 0 1px #f2ebde3d,0 26px 74px #0000006b}.series-constellation__imageWrap{display:block;width:100%;overflow:hidden;border:1px solid var(--series-line);background:#080808b8;box-shadow:0 1px #ffffff06 inset,0 26px 74px #0000005c;transform:translateY(0);animation:seriesCoverFloat 16s ease-in-out infinite;animation-delay:var(--node-float-delay);transition:border-color .76s cubic-bezier(.16,1,.3,1),box-shadow .98s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.series-constellation__nodeShell[data-state=active] .series-constellation__imageWrap{border-color:color-mix(in srgb,var(--series-accent) 46%,rgb(255 255 255 / .1));box-shadow:0 1px #ffffff09 inset,0 28px 92px var(--series-atmo-a),0 34px 86px #00000070}.series-constellation__nodeShell[data-tone=cold] .series-constellation__imageWrap,.series-constellation__nodeShell[data-tone=blue] .series-constellation__imageWrap{box-shadow:0 1px #ffffff06 inset,0 28px 78px #2680b424,0 26px 74px #0000005c}.series-constellation__imageWrap img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center;pointer-events:none;user-select:none;-webkit-user-drag:none}.series-constellation__nodeShell[data-size=medium] .series-constellation__imageWrap img,.series-constellation__nodeShell[data-size=small] .series-constellation__imageWrap img{aspect-ratio:4 / 5}.series-constellation__nodeShell[data-orientation=landscape] .series-constellation__imageWrap img{aspect-ratio:16 / 10}.series-constellation__nodeLabel{display:flex;justify-content:space-between;gap:1rem;margin-top:.72rem;color:#e0d6c4b3;font-size:.55rem;letter-spacing:.22em;line-height:1.5;text-transform:uppercase}.series-constellation__nodeShell[data-state=far] .series-constellation__nodeLabel{opacity:.55}.series-constellation__nodeOpen{position:absolute;right:.95rem;bottom:2.15rem;z-index:3;display:inline-flex;align-items:center;gap:.62rem;min-height:1.7rem;padding:.2rem 0 .28rem;border-bottom:1px solid color-mix(in srgb,var(--series-accent) 58%,rgb(255 255 255 / .16));background:transparent;color:#f8f1e4db;font-size:.55rem;letter-spacing:.26em;line-height:1;text-decoration:none;text-transform:uppercase;text-shadow:0 .25rem 1.25rem rgb(0 0 0 / .74);opacity:0;pointer-events:none;transform:translate3d(.55rem,0,0);transition:opacity .36s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),color .42s cubic-bezier(.16,1,.3,1),border-color .42s cubic-bezier(.16,1,.3,1)}.series-constellation__nodeOpen:before{content:"";width:clamp(1.25rem,2vw,2.1rem);height:1px;background:currentColor;opacity:.58;transform-origin:right center;transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1)}.series-constellation__nodeShell:hover .series-constellation__nodeOpen,.series-constellation__node:focus-visible+.series-constellation__nodeOpen,.series-constellation__nodeOpen:focus-visible{opacity:1;pointer-events:auto;transform:translateZ(0)}.series-constellation__nodeOpen:hover,.series-constellation__nodeOpen:focus-visible{border-color:#f8f1e49e;color:#fffaf0fa;outline:none;transform:translate3d(-.12rem,0,0)}.series-constellation__nodeOpen:hover:before,.series-constellation__nodeOpen:focus-visible:before{opacity:.9;transform:scaleX(1.18)}.series-constellation__panel{position:absolute;left:clamp(1.5rem,4vw,4.5rem);bottom:clamp(2rem,5vh,4rem);z-index:7;width:min(30rem,calc(100vw - 3rem));pointer-events:auto}.series-constellation__panel:before{content:"";position:absolute;left:-2rem;right:-1rem;top:50%;height:1px;background:linear-gradient(90deg,var(--series-accent),transparent);opacity:.18;transform:translateY(-50%);pointer-events:none}.series-constellation__panelInner{animation:seriesPanelSettle .7s cubic-bezier(.16,1,.3,1) both}.series-constellation__eyebrow,.series-constellation__meta,.series-constellation__actions,.series-constellation__hint{font-size:.58rem;letter-spacing:.24em;text-transform:uppercase}.series-constellation__eyebrow{color:#cbc1b085}.series-constellation__panel h1{margin:1rem 0 0;max-width:9ch;color:#f7f1e7f5;font-size:clamp(3rem,5.4vw,5.9rem);line-height:.92;letter-spacing:0}.series-constellation__panel p:not(.series-constellation__eyebrow){max-width:28rem;margin:1.2rem 0 0;color:#cac1b2c2;font-size:.98rem;line-height:1.72}.series-constellation__meta{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:1.2rem;color:#9e9585cc;transition:color .9s cubic-bezier(.16,1,.3,1)}.series-constellation__actions{display:flex;flex-wrap:wrap;gap:.62rem;margin-top:1.45rem;max-width:27rem}.series-constellation__actions a,.series-constellation__actions button{min-height:2.3rem;border:1px solid rgb(255 255 255 / .12);border-radius:999px;padding:.68rem .92rem;background:#0c0c0c70;color:#ede4d3c7;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;backdrop-filter:blur(10px);cursor:pointer;transition:border-color .52s cubic-bezier(.16,1,.3,1),background-color .52s cubic-bezier(.16,1,.3,1),color .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1)}.series-constellation__actions button{cursor:pointer}.series-constellation__actions a:hover,.series-constellation__actions a:focus-visible,.series-constellation__actions button:hover,.series-constellation__actions button:focus-visible{border-color:#f2ebde47;background:#f2ebde0b;color:#fffaf0f5;outline:none;transform:translateY(-.06rem)}.series-constellation__actions a{border-color:color-mix(in srgb,var(--series-accent) 34%,rgb(255 255 255 / .1))}.series-constellation__actions a:last-child{background:linear-gradient(135deg,color-mix(in srgb,var(--series-accent) 20%,transparent),#0c0c0c7a);color:#f8f0e1e6}.series-constellation__hint{position:absolute;right:clamp(1.5rem,4vw,4.5rem);top:7rem;z-index:7;color:#cbc1b075}.series-constellation[data-dragging=true] .series-constellation__hint{color:#e8decaad}.series-constellation[data-returning=true] .series-constellation__nodeShell[data-active=true] .series-constellation__imageWrap{animation:seriesCoverFloat 16s ease-in-out infinite,seriesReturnPulse 1.2s cubic-bezier(.16,1,.3,1) both}.series-constellation[data-returning=true] .series-constellation__panelInner{animation:seriesPanelSettle .7s cubic-bezier(.16,1,.3,1) both}.series-constellation[data-opening=true]{cursor:wait}.series-constellation[data-opening=true]:after{background:radial-gradient(42rem 28rem at var(--series-glow-x) var(--series-glow-y),var(--series-atmo-a),transparent 68%),linear-gradient(180deg,#020202db,#040404ad 48%,#020202e6)}.series-constellation[data-opening=true] .series-constellation__plane{pointer-events:none}.series-constellation[data-opening=true] .series-constellation__atmosphere{opacity:.92;transform:scale(1.055)}.series-constellation[data-opening=true] .series-constellation__nodeShell:not([data-active=true]){--node-opening-scale: .94;opacity:.12;filter:blur(1.8px) saturate(.46) brightness(.42)}.series-constellation[data-opening=true] .series-constellation__nodeShell[data-active=true]{--node-opening-scale: 1.06;opacity:1;z-index:14;filter:blur(0) saturate(1.06) contrast(1.035) brightness(1.03) drop-shadow(0 42px 98px var(--series-atmo-a)) drop-shadow(0 28px 82px rgb(0 0 0 / .58))}.series-constellation[data-opening=true] .series-constellation__nodeShell[data-active=true] .series-constellation__imageWrap{border-color:color-mix(in srgb,var(--series-accent) 62%,rgb(255 255 255 / .16));box-shadow:0 1px #ffffff0d inset,0 34px 110px var(--series-atmo-a),0 42px 92px #0000008f}.series-constellation[data-opening=true] .series-constellation__panel{z-index:15}.series-constellation[data-opening=true] .series-constellation__coordinate,.series-constellation[data-opening=true] .series-constellation__hint{opacity:.22}.series-constellation__actions button:disabled,.series-constellation__actions a[aria-disabled=true]{cursor:wait;opacity:.62;transform:none}.series-constellation__actions button:disabled:hover,.series-constellation__actions a[aria-disabled=true]:hover{border-color:#ffffff1f;background:#0c0c0c70;color:#ede4d3c7}@keyframes seriesAtmosphereBreath{0%,to{opacity:calc(var(--series-glow-opacity) * .78);transform:scale(1)}50%{opacity:var(--series-glow-opacity);transform:scale(1.035)}}@keyframes seriesCoverFloat{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--node-float-distance) * -1))}}@keyframes seriesPanelSettle{0%{opacity:0;transform:translate3d(0,.8rem,0);filter:blur(4px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes seriesReturnPulse{0%{box-shadow:0 0 0 1px #ffffff14,0 0 #fff0,0 26px 74px #0000005c}45%{box-shadow:0 0 0 1px color-mix(in srgb,var(--series-accent) 52%,rgb(255 255 255 / .1)),0 0 54px var(--series-accent),0 34px 86px #00000070}to{box-shadow:0 1px #ffffff09 inset,0 28px 92px var(--series-atmo-a),0 34px 86px #00000070}}@media(max-width:800px){.series-constellation{min-height:auto;overflow:hidden;cursor:auto;touch-action:pan-y;padding:7rem 1rem 2rem;--series-glow-opacity: .42}.series-constellation__coordinate,.series-constellation__hint,.series-constellation__thread{display:none}.series-constellation__plane{position:relative;left:auto;top:auto;z-index:4;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(18rem,82vw);gap:1rem;width:auto;height:auto;min-width:0;min-height:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 0 1rem;transform:none!important}.series-constellation__nodeShell{position:relative;left:auto;top:auto;width:auto;opacity:1;filter:none;transform:none!important;animation:none!important;scroll-snap-align:center;cursor:pointer}.series-constellation__node{width:100%}.series-constellation__atmosphere{opacity:.36;animation:none}.series-constellation__nodeShell[data-size],.series-constellation__nodeShell[data-state]{--node-width: auto;--node-scale: 1;--node-opacity: 1;--node-blur: 0px}.series-constellation__imageWrap img,.series-constellation__nodeShell[data-orientation=landscape] .series-constellation__imageWrap img{aspect-ratio:4 / 5;object-fit:cover}.series-constellation__nodeOpen{right:.85rem;bottom:2.35rem}.series-constellation__panel{position:relative;left:auto;bottom:auto;width:auto;margin-bottom:1.8rem}.series-constellation__actions{gap:.7rem;max-width:none}.series-constellation__actions a,.series-constellation__actions button{min-height:2.75rem;padding:.82rem .95rem}.series-constellation__panel h1{max-width:11ch;font-size:clamp(2.8rem,13vw,4.6rem)}.series-constellation__panel p:not(.series-constellation__eyebrow){font-size:.95rem}}@media(prefers-reduced-motion:reduce){.series-constellation__atmosphere,.series-constellation__imageWrap,.series-constellation__panelInner{animation:none!important}.series-constellation__nodeShell,.series-constellation__node,.series-constellation__nodeOpen,.series-constellation__atmosphere,.series-constellation__imageWrap,.series-constellation__panelInner,.series-constellation__actions a,.series-constellation__actions button{transition-duration:80ms!important;animation-duration:80ms!important}}
