:root{--bg:#fff;--fg:#111;--mut:#8a8a86;--line:#e4e4e0}
:root[data-theme=dark]{--bg:#0c0c0c;--fg:#ececea;--mut:#7d7d79;--line:#232322}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0c0c;--fg:#ececea;--mut:#7d7d79;--line:#232322}}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:4rem}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
.m,nav,.meta,footer,.tools,.n,.c,.y{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}
img,video{max-width:100%;height:auto;display:block;margin:2rem 0}audio{width:100%;display:block;margin:1.5rem 0}iframe{border:0;width:100%;max-width:100%;margin:1.5rem 0}iframe[src*=vimeo],iframe[src*=youtube]{aspect-ratio:16/9;height:auto}
header,main,footer{max-width:72rem;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}
header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding-top:1.5rem}
header a{text-decoration:none}nav a{margin-left:1.5rem;color:var(--mut)}nav a:hover,nav a[aria-current]{color:var(--fg)}
nav button{all:unset;cursor:pointer;margin-left:1.5rem;color:var(--mut);font:inherit;text-transform:uppercase}nav button:hover{color:var(--fg)}
main{padding-top:5rem;padding-bottom:5rem}
h1{font-weight:400;font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.3;letter-spacing:-.01em;margin:0 0 .6em}
h2,h3,h4,h5{font-weight:500;line-height:1.3}article{max-width:40rem}
article h4,article h5{font-size:1rem;font-weight:400;margin:1em 0}article h4{font-weight:500}article ol,article ul{padding-left:1.3rem}article li h5,article li p{margin:0}
.pdf{display:block;width:100%;height:80vh;border:1px solid var(--line);margin:1.5rem 0}
.meta{color:var(--mut);margin-bottom:3rem}blockquote{margin:1.5rem 0;padding-left:1.2rem;border-left:1px solid var(--line);color:var(--mut)}hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.hero{max-width:52rem;margin-bottom:4rem}.tools{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline;margin-bottom:1rem}
.tools button{all:unset;cursor:pointer;color:var(--mut);font:inherit;text-transform:uppercase}.tools button[aria-pressed=true]{color:var(--fg);text-decoration:underline;text-underline-offset:.35em}.tools button:hover{color:var(--fg)}
.tools input{all:unset;margin-left:auto;border-bottom:1px solid var(--line);min-width:9rem;font:inherit;text-transform:uppercase;color:var(--fg)}.tools input::placeholder{color:var(--mut)}
.sp{display:flex;gap:1.4rem}.list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.list li{border-top:1px solid var(--line)}.list li a{display:grid;grid-template-columns:3.5rem 1fr 15rem 4rem;gap:1rem;align-items:baseline;padding:.9rem 0;text-decoration:none}
.list .t{font-size:1rem;line-height:1.4}.list .ph{display:none}.list .n,.list .c,.list .y{color:var(--mut)}.list .y{text-align:right}.list img{display:none}
.list:hover li:not(:hover){opacity:.3}
.list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2.5rem 1.5rem;border:0}.list.grid li{border:0}.list.grid li a{display:block;padding:0}
.list.grid img{display:block;margin:0 0 .8rem;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--line)}.list.grid .ph{display:block;aspect-ratio:4/3;background:var(--line);margin-bottom:.8rem}
.list.grid .n,.list.grid .y,.list.grid .c{display:inline-block;margin-right:.8rem}.list.grid .t{display:block;margin:.2rem 0}
#pv{position:fixed;pointer-events:none;width:16rem;aspect-ratio:4/3;object-fit:cover;margin:0;z-index:9;display:none}
.pn{display:flex;justify-content:space-between;gap:1rem;margin-top:5rem;padding-top:1rem;border-top:1px solid var(--line)}.pn a{text-decoration:none;color:var(--mut)}.pn a:hover{color:var(--fg)}
footer{padding-bottom:2rem;color:var(--mut)}footer a{text-decoration:none}footer a:hover{color:var(--fg)}
@media(max-width:700px){.list li a{grid-template-columns:2.5rem 1fr 3rem}.list .c{display:none}main{padding-top:3rem}.tools input{margin-left:0;width:100%}}