:root{--bg:#08090d;--bg-elevated:#0d0f16;--paper:#f3efe6;--text:#e7e3da;--muted:#98958d;--muted-soft:#6f6d66;--warm:#ffb88c;--lavender:#c9a7ff;--cyan:#8ae7ff;--line:#f3efe624;--line-soft:#f3efe613;--shell:1480px;--gutter:clamp(22px, 4.2vw, 64px);--ease:cubic-bezier(.22, .61, .24, 1);--sans:var(--font-space-grotesk), "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--serif:var(--font-fraunces), "Songti SC", "STSong", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;font-weight:300;line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(740px 540px at 82% 8%,#ffb88c1a,#0000 66%),radial-gradient(900px 680px at 8% 34%,#c9a7ff12,#0000 64%),radial-gradient(700px 560px at 50% 102%,#8ae7ff0f,#0000 68%),linear-gradient(#08090d 0%,#090b11 48%,#08090d 100%);position:fixed;inset:0}body:after{content:"";z-index:60;pointer-events:none;opacity:.038;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{z-index:1;position:relative}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .3s}button,input,summary{font:inherit;color:inherit}::selection{background:var(--warm);color:var(--bg)}:focus-visible{outline:1px solid var(--warm);outline-offset:5px}h1,h2,h3,h4,h5,h6{color:var(--paper);letter-spacing:-.035em;margin:0 0 .55em;font-weight:300;line-height:1.18}h1{font-size:clamp(2.6rem,6vw,6.6rem)}h2{font-size:clamp(1.8rem,3.5vw,3.6rem)}h3{font-size:clamp(1.2rem,1.8vw,1.6rem)}p{margin:0 0 1em}strong{color:var(--paper);font-weight:500}code{font-family:var(--mono);border:1px solid var(--line);color:#e7d9ce;background:#f3efe60f;border-radius:3px;padding:.12em .38em;font-size:.86em}pre{border:1px solid var(--line);border-radius:2px;margin:1.8em 0;padding:1.25rem 1.35rem;overflow-x:auto;box-shadow:0 18px 60px #00000038;background:#030508d1!important}pre>code{all:unset;font-family:var(--mono);font-size:.84em;line-height:1.75;display:block}blockquote{color:var(--muted);border-left:1px solid #ffb88c73;margin:1.8em 0;padding:.2em 0 .2em 1.4em}hr{background:linear-gradient(90deg, transparent, var(--line), transparent);border:none;height:1px;margin:2.5rem 0}table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.92rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem .5rem}.sr-only{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}.shell{width:min(var(--shell), calc(100% - var(--gutter) * 2));margin-inline:auto}.kicker{color:#f3efe6ad;letter-spacing:.21em;text-transform:uppercase;align-items:center;gap:11px;margin:0;font-size:10px;font-weight:400;line-height:1.5;display:flex}.kicker:before{content:"";background:var(--warm);border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 13px #ffb88ccc}.kicker--accent{color:var(--warm)}.kicker--accent:before{display:none}.site-header{z-index:100;padding:22px var(--gutter);transition:background .5s var(--ease), padding .5s var(--ease), border-color .5s var(--ease);border-bottom:1px solid #0000;align-items:center;gap:34px;display:flex;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{border-bottom-color:var(--line-soft);backdrop-filter:blur(20px)saturate(1.3);background:#08090dbd;padding-top:14px;padding-bottom:14px}.brand{flex:none;align-items:center;gap:12px;display:inline-flex}.brand-mark{width:21px;height:21px;color:var(--warm);transition:transform .85s var(--ease);flex:none}.brand:hover .brand-mark{transform:rotate(90deg)}.brand-copy{flex-direction:column;gap:4px;display:flex}.brand-copy strong{color:var(--paper);letter-spacing:.24em;font-size:12px;font-weight:500;line-height:1}.brand-copy small{color:var(--muted-soft);letter-spacing:.17em;font-size:7px;font-weight:400;line-height:1}.site-nav{align-items:center;gap:clamp(17px,2.4vw,34px);margin-left:24px;display:flex}.site-nav a{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;padding:7px 0;font-size:10px;font-weight:400;line-height:1;transition:color .3s;position:relative}.site-nav a:after{content:"";background:var(--warm);transform-origin:0;height:1px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--paper)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.header-right{align-items:center;gap:24px;margin-left:auto;display:flex}.clock{color:var(--muted);font-family:var(--mono);letter-spacing:.11em;font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:9px;display:flex}.clock span{color:var(--warm);letter-spacing:.16em}.github-link{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;transition:color .3s,border-color .3s,background .3s;display:grid}.github-link:hover{border-color:var(--paper);background:var(--paper);color:var(--bg)}.cursor-glow{z-index:55;pointer-events:none;opacity:0;background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%), #ffb88c1a, #c9a7ff0b 40%, transparent 70%);mix-blend-mode:screen;transition:opacity .8s;position:fixed;inset:0}.cursor-glow.is-active{opacity:1}html[data-reveal-ready=true] [data-reveal]{opacity:0;filter:blur(5px);transition:opacity .85s var(--ease), transform .85s var(--ease), filter .85s var(--ease);transition-delay:calc(var(--i,0) * 55ms);transform:translateY(34px)}html[data-reveal-ready=true] [data-reveal].is-visible{opacity:1;filter:none;transform:none}.site-footer{padding:94px var(--gutter) 30px;border-top:1px solid var(--line);margin-top:150px}.footer-inner{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.footer-big{letter-spacing:-.055em;margin:0;font-size:clamp(3.2rem,8vw,8.5rem);font-weight:300;line-height:.92}.footer-big em{color:var(--warm);font-family:var(--serif);font-style:italic;font-weight:400}.footer-links{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:flex-end;gap:12px;padding-bottom:6px;font-size:10px;display:flex}.footer-links a:hover{color:var(--paper)}.footer-bottom{border-top:1px solid var(--line-soft);color:var(--muted-soft);letter-spacing:.08em;align-items:center;gap:28px;margin-top:78px;padding-top:20px;font-size:9px;display:flex}.footer-bottom p{margin:0}.footer-bottom nav{gap:18px;display:flex}.footer-bottom nav a:hover{color:var(--paper)}.footer-spacer{margin-left:auto}.page-hero{padding:clamp(150px,19vh,240px) 0 clamp(50px,7vw,92px)}.page-hero__top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:20px;display:flex}.page-hero h1{letter-spacing:-.07em;max-width:1000px;margin:30px 0 0;font-size:clamp(4.4rem,12vw,12rem);line-height:.88}.page-hero h1 em{color:var(--warm);font-family:var(--serif);font-style:italic;font-weight:400}.page-hero__meta{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-align:right;white-space:nowrap;font-size:9px;line-height:1.8}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.055em;margin:13px 0 0;font-size:clamp(2.5rem,5.4vw,5.6rem);line-height:.94}.section-heading h2 em{color:var(--warm);font-family:var(--serif);font-style:italic;font-weight:400}.section-heading__meta{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-align:right;margin:0;font-size:9px;line-height:1.8}.poster-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(26px,4.2vw,62px) clamp(16px,2.1vw,30px);margin:0;padding:0;list-style:none;display:grid}.poster{grid-column:span 4;min-width:0}.poster:first-child{grid-column:span 7}.poster:nth-child(2){grid-column:span 5;margin-top:clamp(35px,7vw,112px)}.poster:nth-child(3){grid-column:span 4}.poster:nth-child(4){grid-column:span 4;margin-top:clamp(24px,4vw,68px)}.poster:nth-child(5){grid-column:span 4}.poster:nth-child(6){grid-column:span 7;margin-top:clamp(20px,4vw,56px)}.poster:nth-child(7){grid-column:span 5}.poster:nth-child(8){grid-column:span 6;margin-top:clamp(16px,3vw,48px)}.poster:nth-child(9){grid-column:span 6}.poster-link{height:100%;display:block}.poster-media{aspect-ratio:4/5;background:#101218;margin:0;display:block;position:relative;overflow:hidden;container-type:inline-size}.poster:first-child .poster-media,.poster:nth-child(6) .poster-media{aspect-ratio:16/10}.poster:nth-child(4) .poster-media,.poster:nth-child(8) .poster-media,.poster:nth-child(9) .poster-media{aspect-ratio:4/3}.poster-media img{object-fit:cover;filter:brightness(.76)saturate(.82)contrast(1.03);width:100%;height:100%;transition:transform 1.4s var(--ease), filter 1s var(--ease);transform:scale(1.015)}.poster-link:hover .poster-media img{filter:brightness(.9)saturate(.98)contrast(1.03);transform:scale(1.06)}.poster-shade{pointer-events:none;background:radial-gradient(80% 65% at 76% 14%,#ffb88c1f,#0000 65%),linear-gradient(#08090d2e 0%,#08090d08 35%,#08090de0 100%);position:absolute;inset:0}.poster-index{color:#f3efe6c2;font-family:var(--mono);letter-spacing:.15em;font-size:9px;position:absolute;top:18px;left:20px}.poster-caption{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:clamp(18px,2.3vw,32px);left:clamp(18px,2.3vw,34px);right:clamp(18px,2.3vw,34px)}.poster-meta{color:#f3efe694;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin:0;font-size:8px;line-height:1.5;display:flex}.poster h2{color:var(--paper);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(1.55rem,7.3cqw,4.5rem);font-weight:300;line-height:1.04}.poster-desc{color:#f3efe694;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:76%;margin:0;font-size:clamp(11px,1vw,14px);line-height:1.8;display:-webkit-box;overflow:hidden}.poster-arrow{z-index:3;width:36px;height:36px;color:var(--paper);opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease), background .3s ease, color .3s ease;border:1px solid #f3efe647;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;bottom:20px;right:20px;transform:translateY(7px)}.poster-link:hover .poster-arrow{opacity:1;background:var(--paper);color:var(--bg);transform:none}.poster-link:hover h2{color:#fff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-reveal-ready=true] [data-reveal]{opacity:1;filter:none;transform:none}}@media (width<=1000px){.poster:nth-child(n){grid-column:span 6;margin-top:0}.poster:first-child,.poster:nth-child(6){grid-column:span 12}.poster:first-child .poster-media,.poster:nth-child(6) .poster-media{aspect-ratio:16/9}}@media (width<=680px){.site-header{gap:0;padding-top:16px;padding-bottom:16px}.site-header.is-scrolled{padding-top:12px;padding-bottom:12px}.brand{gap:9px}.brand-mark{width:18px;height:18px}.brand-copy small{display:none}.brand-copy strong{letter-spacing:.17em;font-size:10px}.site-nav{gap:13px;margin-left:auto}.site-nav a{letter-spacing:.1em;padding:9px 0;font-size:8px}.header-right{gap:10px;margin-left:12px}.clock{display:none}.github-link{width:28px;height:28px}.footer-inner{display:block}.footer-links{align-items:flex-start;margin-top:36px}.footer-bottom{margin-top:48px;line-height:2;display:block}.footer-bottom p+p{margin-top:4px}.footer-spacer{margin-left:0}.page-hero{padding-top:132px}.page-hero__top{display:block}.page-hero h1{margin-top:22px;font-size:clamp(3.4rem,16vw,6rem)}.page-hero__meta{text-align:left;margin-top:18px}.section-heading{display:block}.section-heading__meta{text-align:left;margin-top:18px}.poster-grid{display:block}.poster{margin-bottom:34px}.poster:last-child{margin-bottom:0}.poster:nth-child(n) .poster-media{aspect-ratio:4/5}.poster h2{font-size:clamp(2rem,9vw,3rem)}.poster-desc{max-width:100%}}