@property --xh-w0{syntax:"<length>";inherits:true;initial-value:300px}@property --xh-h0{syntax:"<length>";inherits:true;initial-value:400px}@property --xh-w1{syntax:"<length>";inherits:true;initial-value:1368px}@property --xh-h1{syntax:"<length>";inherits:true;initial-value:724px}.xh-hero{--xh-ink:var(--xh-ink-light,#fff);--xh-tint:var(--xh-tint-light,.15);--xh-keep:var(--xh-keep-light,.4);--xh-r:1.375rem;--xh-bg-ink:#1d1d1f;--xh-shadow:0 2px 6px #0000000f, 0 18px 40px -12px #00000038, 0 48px 100px -28px #0000004d;background:var(--background);position:relative}.dark .xh-hero{--xh-ink:var(--xh-ink-dark,#fff);--xh-tint:var(--xh-tint-dark,.15);--xh-keep:var(--xh-keep-dark,.4);--xh-bg-ink:#f5f5f7;--xh-shadow:0 0 0 1px #ffffff24, 0 40px 100px -24px #000000d9}@media (width>=48rem){.xh-hero{--xh-r:1.75rem}}.xh-set{flex-direction:column;align-items:center;gap:1rem;padding:2.5rem max(10px,2.5vw) 0;display:flex}.xh-bg,.xh-shadow,.xh-hint,.xh-title-in,.xh-ruler{display:none}.xh-title{color:var(--foreground);letter-spacing:-.035em;text-align:center;pointer-events:none;flex-direction:column;align-items:center;row-gap:.12em;margin:0;font-size:clamp(2.5rem,1.6rem + 3.2vw,4rem);font-weight:600;line-height:1.05;display:flex}.xh-word{width:max-content;display:block}.xh-word>span{display:block}.xh-meta{order:-1}.xh-title{order:-2}.xh-date{font-variant-numeric:tabular-nums;color:color-mix(in oklab, var(--foreground) 75%, transparent);margin:0;font-size:1.25rem;font-weight:500;line-height:1.5}.xh-date>span,.xh-hint>span{display:block}.xh-frame{aspect-ratio:4/5;border-radius:var(--xh-r);width:min(100%,1368px);box-shadow:var(--xh-shadow);position:relative}@media (width>=48rem){.xh-frame{aspect-ratio:16/9}}.xh-win,.xh-q,.xh-content{position:absolute;inset:0}.xh-q{border-radius:var(--xh-r);overflow:clip}.xh-content{background:#000}.xh-video{object-fit:cover;background:var(--xh-poster-p,none) center / cover no-repeat #000;width:100%;height:100%;position:absolute;inset:0}@media (aspect-ratio>=1){.xh-video{background-image:var(--xh-poster-l,none)}}.xh-tint{opacity:var(--xh-tint);background:#000;position:absolute;inset:0}.xh-toggle{z-index:5;color:#fff;background:#0000006b;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .25s,scale .12s;display:inline-flex;position:absolute;bottom:.875rem;right:.875rem}.xh-toggle:before{content:"";border-radius:inherit;position:absolute;inset:-4px}.xh-toggle:hover{background:#0000008f}.xh-toggle:active{scale:.92}.xh-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.xh-lede{text-align:center;max-width:44rem;margin-inline:auto;padding:2.5rem 1.25rem 3rem}@media (width>=48rem){.xh-lede{padding:2.5rem 2rem 3.5rem}}@media (width>=64rem){.xh-lede{padding:3.5rem 2rem 4.5rem}}.xh-lede-text{color:color-mix(in oklab, var(--foreground) 82%, transparent);text-wrap:pretty;margin:0;font-size:clamp(1.1875rem,1rem + .55vw,1.5rem);line-height:1.45}.xh-cta{color:#fff;background:#1d1d1f;border-radius:9999px;align-items:center;gap:.5rem;height:2.75rem;margin-top:1.5rem;padding-inline:1.375rem;font-size:.9375rem;font-weight:500;transition:background-color .25s,scale .12s;display:inline-flex}.xh-cta svg{transition:translate .25s cubic-bezier(0,0,.5,1)}.xh-cta:hover{background:#000}.xh-cta:hover svg{translate:0 2px}.xh-cta:active{scale:.97}.xh-cta:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.dark .xh-cta{color:#f5f5f7;background:#2c2c2e}.dark .xh-cta:hover{background:#3a3a3c}@media (prefers-reduced-motion:no-preference){.xh[data-xh-live]{--xh-d:75svh;height:calc(max(100svh - 3rem, 30rem) + var(--xh-d))}@media (width>=48rem){.xh[data-xh-live]{--xh-d:100svh}}.xh[data-xh-live] .xh-stage{isolation:isolate;height:max(100svh - 3rem,30rem);position:sticky;top:3rem;overflow-x:clip;container-type:size}.xh[data-xh-live] .xh-set{--xh-g:max(10px, 2.5cqw);--xh-h0:min(400px, (100cqw - 5.5rem) * 4 / 3, 52cqh);--xh-w0:calc(var(--xh-h0) * .75);--xh-w1:min(1550px, 100cqw - 2 * var(--xh-g));--xh-h1:min(600px, 85cqh);--xh-z0:.9;padding:0;display:block;position:absolute;inset:0}@media (width>=48rem){.xh[data-xh-live] .xh-set{--xh-h1:min(800px, 85cqh);--xh-z0:.72}}.xh[data-xh-live] .xh-bg{z-index:0;display:block;position:absolute;inset:0 0 calc(100svh - 100lvh);scale:1.06}.xh[data-xh-live] .xh-bg-in{background:radial-gradient(40% 5% at 50% calc(50cqh + var(--xh-h0) / 2 + 6px), #00000024, transparent), radial-gradient(70% 58% at 50% 44cqh, #fff, #fff0 72%), linear-gradient(#f2f2f5, #e6e6eb);position:absolute;inset:0}.dark .xh[data-xh-live] .xh-bg-in{background:radial-gradient(40% 5% at 50% calc(50cqh + var(--xh-h0) / 2 + 6px), #fff7ee12, transparent), radial-gradient(62% 50% at 50% 44cqh, #1f1f22, #1f1f2200 72%), linear-gradient(#0b0b0c, #030303)}.xh[data-xh-live] .xh-shadow{z-index:1;pointer-events:none;display:block;position:absolute;inset:0}.xh[data-xh-live] .xh-sq{width:50%;height:50%;position:absolute;overflow:clip}.xh-sq1{top:0;left:0}.xh-sq2{top:0;right:0}.xh-sq3{bottom:0;right:0}.xh-sq4{bottom:0;left:0}.xh[data-xh-live] .xh-sq>i{border-radius:var(--xh-r);width:calc(100% + 10rem);height:calc(100% + 10rem);box-shadow:var(--xh-shadow);position:absolute}.xh[data-xh-live] .xh-sq1>i{translate:calc(50cqw - var(--xh-w0) / 2) calc(50cqh - var(--xh-h0) / 2);top:0;left:0}.xh[data-xh-live] .xh-sq2>i{translate:calc(var(--xh-w0) / 2 - 50cqw) calc(50cqh - var(--xh-h0) / 2);top:0;right:0}.xh[data-xh-live] .xh-sq3>i{translate:calc(var(--xh-w0) / 2 - 50cqw) calc(var(--xh-h0) / 2 - 50cqh);bottom:0;right:0}.xh[data-xh-live] .xh-sq4>i{translate:calc(50cqw - var(--xh-w0) / 2) calc(var(--xh-h0) / 2 - 50cqh);bottom:0;left:0}.xh[data-xh-live] .xh-title{z-index:2;color:var(--xh-bg-ink);justify-content:center;position:absolute;inset:0}.xh[data-xh-live] .xh-title-in{z-index:auto;color:var(--xh-ink);text-shadow:0 1px 22px #00000047;display:flex}.xh[data-xh-live] .xh-frame{z-index:3;aspect-ratio:auto;width:auto;box-shadow:none;pointer-events:none;border-radius:0;position:absolute;inset:0}.xh[data-xh-live] .xh-win{pointer-events:none}.xh[data-xh-live] .xh-q1{translate:calc(50% - var(--xh-w0) / 2) calc(50% - var(--xh-h0) / 2)}.xh[data-xh-live] .xh-q2{translate:calc(var(--xh-w0) - 100%) 0}.xh[data-xh-live] .xh-q3{translate:0 calc(var(--xh-h0) - 100%)}.xh[data-xh-live] .xh-q4{translate:calc(100% - var(--xh-w0)) 0}.xh[data-xh-live] .xh-content{translate:calc(var(--xh-w0) / 2 - 50%) calc(50% - var(--xh-h0) / 2)}.xh[data-xh-live] .xh-video{width:var(--xh-w1);height:var(--xh-h1);margin:calc(var(--xh-h1) / -2) 0 0 calc(var(--xh-w1) / -2);scale:var(--xh-z0);inset:50% auto auto 50%}.xh[data-xh-live] .xh-meta{z-index:4;pointer-events:none;translate:0 calc(var(--xh-h0) / 2 + 1rem);flex-direction:column;align-items:center;gap:.125rem;display:flex;position:absolute;top:50%;left:0;right:0}.xh[data-xh-live] .xh-date,.xh[data-xh-live] .xh-hint{width:max-content}.xh[data-xh-live] .xh-date{color:color-mix(in oklab, var(--xh-bg-ink) 88%, transparent)}.xh[data-xh-live] .xh-hint{color:color-mix(in oklab, var(--xh-bg-ink) 58%, transparent);margin:0;font-size:.9375rem;font-weight:500;line-height:1.4;display:block}.xh[data-xh-live] .xh-toggle{pointer-events:auto;translate:calc(var(--xh-w0) / 2 - 3.125rem) calc(var(--xh-h0) / 2 - 3.125rem);inset:50% auto auto 50%}.xh[data-xh-live] .xh-ruler{width:1px;height:var(--xh-d);visibility:hidden;display:block;position:absolute}.xh-word{--xh-k:.4}.xh-date,.xh-hint{--xh-k:.36}.xh-tint{--xh-k:.6}.xh[data-xh-live] .xh-q1{animation-name:xh-q1}.xh[data-xh-live] .xh-q2{animation-name:xh-q2}.xh[data-xh-live] .xh-q3{animation-name:xh-q3}.xh[data-xh-live] .xh-q4{animation-name:xh-q4}.xh[data-xh-live] .xh-content{animation-name:xh-content}.xh[data-xh-live] .xh-sq1>i{animation-name:xh-sq1}.xh[data-xh-live] .xh-sq2>i{animation-name:xh-sq2}.xh[data-xh-live] .xh-sq3>i{animation-name:xh-sq3}.xh[data-xh-live] .xh-sq4>i{animation-name:xh-sq4}.xh[data-xh-live] .xh-video{animation-name:xh-zoom}.xh[data-xh-live] .xh-bg{animation-name:xh-bg}.xh[data-xh-live] .xh-tint{animation-name:xh-tint}.xh[data-xh-live] .xh-meta{animation-name:xh-meta}.xh[data-xh-live] .xh-toggle{animation-name:xh-toggle}.xh[data-xh-live] .xh-word-a,.xh[data-xh-live] .xh-date{animation-name:xh-out-l}.xh[data-xh-live] .xh-word-b,.xh[data-xh-live] .xh-hint{animation-name:xh-out-r}.xh[data-xh-live=css]{view-timeline-name:--xh;view-timeline-axis:block;view-timeline-inset:3rem 0px}.xh[data-xh-live=css] :where(.xh-bg,.xh-q,.xh-content,.xh-video,.xh-tint,.xh-sq>i,.xh-word,.xh-meta,.xh-date,.xh-hint,.xh-toggle){animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--xh;animation-range-start:exit-crossing;animation-range-end:exit-crossing calc(var(--xh-d) * var(--xh-k,1))}.xh[data-xh-live=js] :where(.xh-bg,.xh-q,.xh-content,.xh-video,.xh-tint,.xh-sq>i,.xh-word,.xh-meta,.xh-date,.xh-hint,.xh-toggle){animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both}.xh-intro .xh-bg-in{animation-name:xh-in-fade;animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:backwards}.xh-intro .xh-word>span{animation-name:xh-in-word;animation-duration:1s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-delay:.16s;animation-fill-mode:backwards}.xh-intro .xh-word-b>span{animation-delay:.24s}.xh-intro :is(.xh-date,.xh-hint)>span{animation-name:xh-in-fade;animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-delay:.42s;animation-fill-mode:backwards}.xh-intro .xh-hint>span{animation-delay:.5s}}@keyframes xh-q1{to{translate:calc(50% - var(--xh-w1) / 2) calc(50% - var(--xh-h1) / 2)}}@keyframes xh-q2{to{translate:calc(var(--xh-w1) - 100%) 0}}@keyframes xh-q3{to{translate:0 calc(var(--xh-h1) - 100%)}}@keyframes xh-q4{to{translate:calc(100% - var(--xh-w1)) 0}}@keyframes xh-content{to{translate:calc(var(--xh-w1) / 2 - 50%) calc(50% - var(--xh-h1) / 2)}}@keyframes xh-sq1{to{translate:calc(50cqw - var(--xh-w1) / 2) calc(50cqh - var(--xh-h1) / 2)}}@keyframes xh-sq2{to{translate:calc(var(--xh-w1) / 2 - 50cqw) calc(50cqh - var(--xh-h1) / 2)}}@keyframes xh-sq3{to{translate:calc(var(--xh-w1) / 2 - 50cqw) calc(var(--xh-h1) / 2 - 50cqh)}}@keyframes xh-sq4{to{translate:calc(50cqw - var(--xh-w1) / 2) calc(var(--xh-h1) / 2 - 50cqh)}}@keyframes xh-zoom{to{scale:1}}@keyframes xh-bg{to{opacity:0;scale:1}}@keyframes xh-tint{to{opacity:calc(var(--xh-tint) * var(--xh-keep))}}@keyframes xh-out-l{to{translate:calc(-50cqw - 50% - 1rem)}}@keyframes xh-out-r{to{translate:calc(50cqw + 50% + 1rem)}}@keyframes xh-meta{to{translate:0 calc(var(--xh-h1) / 2 + 1rem)}}@keyframes xh-toggle{to{translate:calc(var(--xh-w1) / 2 - 3.125rem) calc(var(--xh-h1) / 2 - 3.125rem)}}@keyframes xh-in-fade{0%{opacity:0}}@keyframes xh-in-word{0%{opacity:0;filter:blur(8px);translate:0 .35em}}.category-tab[data-astro-cid-z2cqrdzm]{white-space:nowrap;height:2.5rem;color:color-mix(in oklch, var(--foreground) 80%, transparent);background:var(--surface);border-radius:9999px;align-items:center;gap:.5rem;padding-inline:.375rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .25s,color .25s;display:inline-flex}.category-tab-plain[data-astro-cid-z2cqrdzm]{padding-inline:1rem}.category-tab[data-astro-cid-z2cqrdzm]:hover{color:var(--foreground);background:var(--accent)}.category-tab[data-astro-cid-z2cqrdzm][aria-current=true]{color:var(--background);background:var(--foreground)}.dark .category-tab[data-astro-cid-z2cqrdzm][aria-current=true]{color:var(--foreground);background:#48484a}.other-card-zoom[data-astro-cid-z2cqrdzm]{background:var(--poster,#111) center / cover no-repeat}@media (hover:none){.category-controls[data-astro-cid-z2cqrdzm]{backdrop-filter:none;background:color-mix(in oklab, var(--background) 96%, transparent)}}@media (prefers-reduced-motion:no-preference){.other-card-zoom[data-astro-cid-z2cqrdzm]{transition:scale 1.2s cubic-bezier(.22,1,.36,1)}.other-card[data-astro-cid-z2cqrdzm]:hover .other-card-zoom[data-astro-cid-z2cqrdzm]{scale:1.04}@supports (animation-timeline:view()){.other-card[data-astro-cid-z2cqrdzm]{animation-name:oc-open;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry cover 38%}@media (hover:hover) and (pointer:fine){.other-card-poster[data-astro-cid-z2cqrdzm]{animation-name:oc-parallax;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover}}}}@keyframes oc-open{0%{opacity:.4;scale:.94}}@keyframes oc-parallax{0%{translate:0 -4%;scale:1.14}to{translate:0 4%;scale:1.06}}.category-tab-count[data-astro-cid-z2cqrdzm]{font-variant-numeric:tabular-nums;opacity:.6;font-size:.75rem}