*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg:#0b0e11;--surface:#11171b;--text:#eae9e3;--text-secondary:#b2b7b9;--text-muted:#9aabad;--text-faint:#8d9b9e;--border:#2c353a;--border-light:#20292e;--accent:#ffb454;--cyan:#6cc8da;--green:#8bc8a4;--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:var(--font-sans);--content-width:1184px}[data-theme=light]{color-scheme:light;--bg:#edf0ef;--surface:#e2e7e5;--text:#172529;--text-secondary:#44565c;--text-muted:#50636a;--text-faint:#56696f;--border:#bfcacb;--border-light:#d1d9d8;--accent:#93500b;--cyan:#246d83;--green:#347454}html{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;scroll-padding-top:100px;line-height:1.6}body{isolation:isolate;max-width:var(--content-width);margin:0 auto;padding:0 48px;position:relative}main{min-width:0}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}.skip-link{background:var(--text);color:var(--bg);z-index:200;padding:10px 16px;position:absolute;top:-100px;left:24px}.skip-link:focus{top:12px}.section{border-top:1px solid var(--border);grid-template-columns:230px minmax(0,1fr);gap:40px;padding:56px 0;display:grid}.section-label{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.section-title{letter-spacing:-.5px;font-size:20px;font-weight:500;line-height:1.3}.section-note{color:var(--text-faint);font:12px/1.6 var(--font-mono)}.section-body{min-width:0}.section-body>:last-child{margin-bottom:0}.reading-width{max-width:720px;margin-inline:auto}.prose{overflow-wrap:break-word;font-size:17px}.prose h1{letter-spacing:-.8px;margin-bottom:16px;font-size:32px;font-weight:500}.prose h2{letter-spacing:-.6px;margin:48px 0 18px;font-size:27px;font-weight:500;line-height:1.3}.prose h3{letter-spacing:-.3px;margin:32px 0 12px;font-size:21px;font-weight:500}.prose p{color:var(--text-secondary);margin-bottom:22px;line-height:1.8}.prose ul,.prose ol{color:var(--text-secondary);margin-bottom:22px;padding-left:24px}.prose li{margin-bottom:8px;line-height:1.75}.prose code{font-family:var(--font-mono);background:var(--surface);border-radius:3px;padding:3px 5px;font-size:.85em}.prose pre{border:1px solid var(--border);border-radius:4px;margin:24px 0;padding:20px;font-size:14px;line-height:1.7;overflow-x:auto}.prose pre code{background:0 0;padding:0}:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.prose blockquote{border-left:2px solid var(--accent);color:var(--text-muted);margin:28px 0;padding-left:22px}.prose img{border-radius:3px;margin:32px 0}.prose strong{color:var(--text);font-weight:600}.prose table{border-collapse:collapse;margin:24px 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:10px 14px}.embed-container{aspect-ratio:16/9;border-radius:3px;width:100%;margin:32px 0;position:relative;overflow:hidden}.embed-container iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=900px){body{padding-inline:32px}.section{grid-template-columns:180px minmax(0,1fr);gap:28px}}@media (width<=640px){body{padding-inline:22px}.section{grid-template-columns:1fr;gap:24px;padding:34px 0}.section-label{flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px}.section-title{font-size:19px}.section-note{text-align:right;font-size:10px}.prose{font-size:16px}.prose h2{font-size:24px}}[data-design=matrix]{color-scheme:light;--bg:#d4d5d7;--surface:#c8c9cb;--text:#17181a;--text-secondary:#414244;--text-muted:#545557;--text-faint:#595a5c;--border:#9b9c9e;--border-light:#b8b9bb;--accent:#2f60e9;--link:#234fc5;--cyan:#2f60e9;--font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:var(--font-sans);--content-width:1240px}[data-design=matrix][data-theme=dark]{color-scheme:dark;--bg:#252628;--surface:#353638;--text:#dadbdd;--text-secondary:#bcbdbf;--text-muted:#adaeb0;--text-faint:#a7a8aa;--border:#696a6c;--border-light:#48494b;--accent:#5287ff;--link:#80a8ff;--cyan:#5287ff}[data-design=matrix] body .nav{border-bottom:0;align-items:center;min-height:80px}[data-design=matrix] body .nav-logo{display:none}[data-design=matrix] body .nav-site{letter-spacing:-.4px;font-size:14px;font-weight:700}[data-design=matrix] body .nav-links a{color:var(--text);font-size:13px}[data-design=matrix] body .appearance-controls button{border:0;border-radius:0}[data-design=matrix] body .landing{isolation:isolate;min-height:790px;padding:42px 0 80px;position:relative}[data-design=matrix] body .landing-copy{z-index:1;max-width:390px;position:relative}[data-design=matrix] body .landing-greeting{display:none}[data-design=matrix] body .landing h1{letter-spacing:-1.9px;margin-left:-2px;font-size:46px;font-weight:700;line-height:.96}[data-design=matrix] body .name-period{display:none}[data-design=matrix] body .landing-current{letter-spacing:-.75px;max-width:330px;margin-top:28px;font-size:23px;font-weight:600;line-height:1.13}[data-design=matrix] body .landing-current a{color:var(--accent);text-decoration-thickness:1px;text-decoration-color:var(--accent)}[data-design=matrix] body .landing-history{max-width:300px;color:var(--text-secondary);margin-top:34px;font-size:15px;line-height:1.65}[data-design=matrix] body .landing-links{gap:22px;margin-top:23px;font-size:13px;font-weight:500}html[data-design=matrix] body .landing .landing-links a{color:var(--link);text-underline-offset:3px;text-decoration:underline}[data-design=matrix] body .landing-links span{display:none}[data-design=matrix] body .section{border-top:1px solid var(--border);grid-template-columns:230px minmax(0,1fr);gap:40px;padding:46px 0}[data-design=matrix] body .section-title{letter-spacing:-.7px;font-size:23px;font-weight:700;line-height:1.1}[data-design=matrix] body .section-note{color:var(--text-muted);font-size:12px}[data-design=matrix] body .launch-title,[data-design=matrix] body .post-row .post-title{letter-spacing:-.4px;font-size:19px;font-weight:600}[data-design=matrix] body .launch-summary{color:var(--text-secondary);font-size:15px;line-height:1.65}[data-design=matrix] body .launch-year,[data-design=matrix] body .post-year{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:12px}[data-design=matrix] body .launch-arrow{display:none}[data-design=matrix] body .post-meta{font-size:13px}[data-design=matrix] body .project-grid img{border-radius:0}[data-design=matrix] body a{color:var(--link)}[data-design=matrix] body .nav-site,[data-design=matrix] body .nav-links a{color:var(--text)}[data-design=matrix] body .nav-links a:hover,[data-design=matrix] body .nav-links a[aria-current],[data-design=matrix] body .landing-history a:hover{color:var(--link)}[data-design=matrix] ::selection{background:var(--accent);color:#fff}@media (width<=900px){[data-design=matrix] body .landing{min-height:760px}[data-design=matrix] body .landing h1{font-size:40px}[data-design=matrix] body .landing-copy{max-width:300px}[data-design=matrix] body .landing-current{max-width:280px;font-size:21px}[data-design=matrix] body .landing-history{max-width:260px}[data-design=matrix] body .section{grid-template-columns:180px minmax(0,1fr);gap:28px}}@media (width<=640px){[data-design=matrix] body .nav{min-height:68px}[data-design=matrix] body .nav-site span{display:inline}[data-design=matrix] body .nav-links{gap:12px}[data-design=matrix] body .nav-links a{font-size:11px}[data-design=matrix] body .appearance-controls{gap:0}[data-design=matrix] body .appearance-controls button{width:27px}[data-design=matrix] body .landing{min-height:850px;padding-top:38px}[data-design=matrix] body .landing-copy{max-width:100%}[data-design=matrix] body .landing h1{font-size:39px}[data-design=matrix] body .landing-current{max-width:300px}[data-design=matrix] body .landing-history{max-width:300px;margin-top:26px}[data-design=matrix] body .section{grid-template-columns:1fr;gap:26px;padding:32px 0}[data-design=matrix] body .section-title{font-size:22px}}html[data-design=matrix] body .landing .landing-history a{color:var(--link);text-decoration-color:var(--link)}html[data-design=matrix]:has(.matrix-field[data-source=film]){color-scheme:dark;--bg:#0c0c0d;--surface:#18181a;--text:#e8e8e6;--text-secondary:#abadb1;--text-muted:#95979c;--text-faint:#95979c;--border:#36373a;--border-light:#27282b;--accent:#769eff;--link:#769eff}html[data-design=matrix] body .landing:has([data-source=film]){background:var(--bg);grid-template-rows:auto 490px auto auto;grid-template-columns:1fr 1fr;column-gap:48px;min-height:850px;padding-top:48px;padding-bottom:50px;display:grid}html[data-design=matrix] body .landing:has([data-source=film]) .landing-copy{display:contents}html[data-design=matrix] body .landing:has([data-source=film]) h1{z-index:1;letter-spacing:-.045em;text-shadow:0 0 10px var(--bg),0 0 22px var(--bg),0 0 40px var(--bg);grid-area:1/1/auto/-1;font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1;position:relative}html[data-design=matrix] body .landing:has([data-source=film]) h1 br{display:inline}html[data-design=matrix] body .landing:has([data-source=film]) h1 br:after{content:" "}html[data-design=matrix] body .landing:has([data-source=film]) .matrix-field{mix-blend-mode:screen;width:100vw;height:720px;position:absolute;inset:0 auto auto 50%;transform:translate(-50%)}html[data-design=matrix] body .landing:has([data-source=film]) .landing-current{z-index:1;letter-spacing:-.5px;grid-area:3/1;max-width:330px;margin:0;font-size:23px;font-weight:500;line-height:1.25;position:relative}html[data-design=matrix] body .landing:has([data-source=film]) .landing-history{z-index:1;grid-area:3/2;justify-self:end;max-width:370px;margin:0;font-size:14px;line-height:1.65;position:relative}html[data-design=matrix] body .landing:has([data-source=film]) .landing-links{z-index:1;grid-area:4/1;margin-top:22px;position:relative}@media (width<=900px){html[data-design=matrix] body .landing:has([data-source=film]){grid-template-rows:auto 490px auto auto;column-gap:32px;min-height:820px;padding-top:35px}html[data-design=matrix] body .landing:has([data-source=film]) .matrix-field{height:650px;top:30px}html[data-design=matrix] body .landing:has([data-source=film]) .landing-current{font-size:22px}}@media (width<=480px){html[data-design=matrix] body .landing:has([data-source=film]){grid-template-rows:auto 430px auto auto auto;grid-template-columns:1fr;min-height:0;padding-top:28px;padding-bottom:48px}html[data-design=matrix] body .landing:has([data-source=film]) h1{font-size:31px}html[data-design=matrix] body .landing:has([data-source=film]) .matrix-field{height:550px;top:25px}html[data-design=matrix] body .landing:has([data-source=film]) .landing-current{grid-area:3/1}html[data-design=matrix] body .landing:has([data-source=film]) .landing-history{grid-area:4/1;justify-self:start;margin-top:22px}html[data-design=matrix] body .landing:has([data-source=film]) .landing-links{grid-row:5}}html[data-design=matrix]:has(.matrix-field[data-source=film]) #theme-toggle{display:none}html[data-design=matrix] body .landing .matrix-field[data-source=film][data-film-kind=abstract]{isolation:isolate;mix-blend-mode:normal;width:100vw;height:660px;top:0;mask-image:linear-gradient(90deg,#0000,#0002 4%,#0007 9%,#000c 14%,#000 19% 81%,#000c 86%,#0007 91%,#0002 96%,#0000),linear-gradient(#0000,#0002 4%,#0007 9%,#000c 14%,#000 19% 70%,#000c 77%,#0007 85%,#0002 93%,#0000);mask-composite:intersect}@media (width<=900px){html[data-design=matrix] body .landing .matrix-field[data-source=film][data-film-kind=abstract]{height:570px;top:45px}}@media (width<=480px){html[data-design=matrix] body .landing .matrix-field[data-source=film][data-film-kind=abstract]{height:480px;top:42px}}button[data-astro-cid-cyp3wpwp]{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}button[data-astro-cid-cyp3wpwp][hidden]{display:none}button[data-astro-cid-cyp3wpwp]:hover{color:var(--accent);border-color:var(--accent)}@media (width<=640px){button[data-astro-cid-cyp3wpwp]{width:34px;height:34px}}.nav[data-astro-cid-wpvy4v7s]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:90px;display:flex}.nav-site[data-astro-cid-wpvy4v7s]{color:var(--text);letter-spacing:-.2px;align-items:center;gap:12px;font-size:14px;text-decoration:none;display:flex}.nav-logo[data-astro-cid-wpvy4v7s]{color:var(--accent)}.nav-links[data-astro-cid-wpvy4v7s]{align-items:center;gap:30px;display:flex}.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--text-secondary);padding-block:12px;font-size:13px;text-decoration:none}.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover,.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s][aria-current]{color:var(--accent)}.appearance-controls[data-astro-cid-wpvy4v7s]{align-items:center;gap:8px;display:flex}.field-pause[data-astro-cid-wpvy4v7s]{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.field-pause[data-astro-cid-wpvy4v7s][hidden],.field-pause[data-astro-cid-wpvy4v7s][data-paused=false] .play-symbol[data-astro-cid-wpvy4v7s],.field-pause[data-astro-cid-wpvy4v7s][data-paused=true] .pause-symbol[data-astro-cid-wpvy4v7s]{display:none}.field-pause[data-astro-cid-wpvy4v7s]:hover{color:var(--accent);border-color:var(--accent)}@media (width<=640px){.nav[data-astro-cid-wpvy4v7s]{gap:10px;min-height:74px}.nav-links[data-astro-cid-wpvy4v7s]{gap:18px}.nav-site[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]{display:none}.field-pause[data-astro-cid-wpvy4v7s]{width:34px;height:34px}.nav-site[data-astro-cid-wpvy4v7s]{gap:7px;font-size:12px}.nav-logo[data-astro-cid-wpvy4v7s]{width:23px}.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{font-size:12px}}@media (width<=370px){.nav-links[data-astro-cid-wpvy4v7s]{gap:12px}.nav-site[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]{display:none}}.footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-faint);justify-content:space-between;padding:32px 0;font-size:11px;display:flex}.footer-links[data-astro-cid-jo6i4kqk]{gap:16px;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--text-faint);text-decoration:none}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--text)}@media (width<=640px){.footer[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:12px}}
