.jhero::before{background:radial-gradient(40% 55% at 82% 40%,var(--glow),transparent 70%),radial-gradient(45% 55% at 15% 10%,var(--spot),transparent 70%)}.jhero .head{margin-bottom:0;row-gap:28px}.jhero-side{display:grid;gap:22px;justify-self:end;max-width:50ch}.jhero-side .lead{justify-self:start}.jhero-meta{display:flex;flex-wrap:wrap;gap:8px 0;padding-top:18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.jhero-meta span+span::before{content:"·";margin:0 12px}@media (max-width:860px){.jhero-side{justify-self:start}}@media (max-width:600px){.jhero-meta{gap:6px 18px}.jhero-meta span+span::before{content:none}.jhero-meta span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:1px;background:var(--fg-3);vertical-align:middle}}.fp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r-l);background:var(--bg-2);overflow:hidden;transition:border-color .3s,box-shadow .4s var(--ease),opacity .8s var(--ease) var(--d, 0ms),transform .9s var(--ease) var(--d, 0ms)}.fp:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.fp-cover{position:relative;display:block;align-self:stretch;min-height:340px;overflow:hidden;background:#000;border-right:1px solid var(--line)}.fp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}@media (min-width:901px){.fp-cover img{inset:auto;left:50%;top:50%;translate:-50% -50%;width:auto;height:auto;min-width:100%;min-height:133.4%;max-width:none;object-fit:cover}}.fp:hover .fp-cover img{transform:scale(1.04)}.fp-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:clamp(28px,3.6vw,52px)}.fp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.fp-flag{display:inline-flex;align-items:center;height:26px;padding:0 10px;margin-right:14px;border-radius:var(--r-xs);background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg)}.fp-sub{white-space:nowrap}.fp-sub span+span::before{content:"·";margin:0 12px}.fp-title{font-size:clamp(2rem, 1.35rem + 1.9vw, 3.25rem);line-height:1.04;font-weight:300;letter-spacing:-.04em}.fp-ex{color:var(--fg-2);max-width:48ch}.fp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:6px;padding-top:22px;border-top:1px solid var(--line)}.who{display:flex;align-items:center;gap:12px}.who>span:last-child{display:grid;line-height:1.35}.who b{font-size:15.5px;font-weight:600}.who small{font-size:13.5px;color:var(--fg-2)}.av{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2);font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--fg)}@media (max-width:900px){.fp{grid-template-columns:minmax(0,1fr)}.fp-cover{min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:520px){.fp-foot .btn{width:100%}}.nbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:8px}.count,.filters button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:var(--r-xs);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color 250ms,color 250ms,box-shadow 250ms,transform .3s var(--ease)}.filters button:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg-3)}.filters button:active{transform:scale(.96)}.filters button[aria-pressed=true]{background:var(--solid);color:var(--on-solid);box-shadow:inset 0 0 0 1px var(--solid)}.count{box-shadow:none;padding-right:0}.count b{color:var(--fg);margin-right:6px;font-weight:500}@media (max-width:600px){.nbar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.filters button{padding:0 8px}.count{justify-content:flex-start;padding-left:0;min-height:28px}}.notes{list-style:none;padding:0;border-top:1px solid var(--line)}.notes.is-sizing{overflow:hidden;transition:height .5s var(--ease)}.note-row{position:relative;border-bottom:1px solid var(--line);transition:opacity .5s var(--ease) var(--d, 0ms),transform .6s var(--ease),clip-path 1.1s var(--ease-io) var(--d, 0ms)}.note-row.is-hiding{opacity:0;transform:translateY(10px)}.note-row.is-gone{display:none}.note{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr) 118px 22px;column-gap:28px;align-items:baseline;padding:32px 4px;text-decoration:none;color:var(--fg);transition:padding .5s var(--ease)}.note::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.note:hover{padding-left:20px}.note:focus-visible::after,.note:hover::after{transform:scaleX(1)}.note:focus-visible{outline-offset:-2px}.note-cat,.note-date,.note-time{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap}.note-cat{color:var(--fg-2)}.note-tags{display:contents}.note-main{min-width:0}.note-title{font-size:clamp(1.5rem, 1.05rem + 1.35vw, 2.25rem);line-height:1.1;font-weight:300;letter-spacing:-.035em;transition:transform .5s var(--ease)}.note-ex{margin-top:10px;font-size:15.5px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-arr{width:20px;height:20px;align-self:center;color:var(--fg);opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .5s var(--ease)}.note:focus-visible .note-arr,.note:hover .note-arr{opacity:1;transform:none}.note-thumb{display:none}.note-peek{position:fixed;z-index:60;left:0;top:0;width:300px;aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(-3deg);transition:opacity .3s var(--ease),transform .5s var(--ease);box-shadow:0 30px 60px -20px rgb(0 0 0 / .8);border:1px solid var(--line-2);background:#000}.note-peek img{width:100%;height:100%;object-fit:cover}.note-peek.is-on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}@media (max-width:960px){.note-peek{display:none}}@media (max-width:1100px) and (min-width:761px){.note{grid-template-columns:112px minmax(0,1fr) 104px 22px}}@media (max-width:760px),(hover:none){.note{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"thumb date" "thumb tags" "main main";column-gap:16px;row-gap:4px;align-items:center;padding:22px 0 24px}.note:hover{padding-left:0}.note-thumb{grid-area:thumb;display:block;position:relative;aspect-ratio:16/9;border-radius:var(--r-xs);overflow:hidden;background:#000}.note-thumb img{width:100%;height:100%;object-fit:cover}.note-date{grid-area:date;align-self:end}.note-tags{grid-area:tags;display:flex;flex-wrap:wrap;align-self:start}.note-tags span+span::before{content:"·";margin:0 10px;color:var(--fg-3)}.note-main{grid-area:main;margin-top:14px}.note-ex{white-space:normal;margin-top:8px;font-size:15px}.note-arr{display:none}}.nl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(28px,4.5vw,60px);border:1px solid var(--line);border-radius:var(--r-l);transition:border-color .3s,opacity .9s var(--ease),filter .9s var(--ease)}.nl:focus-within,.nl:hover{border-color:var(--line-2)}.nl-copy{display:grid;gap:16px;justify-items:start}.nl-h{font-size:clamp(2rem, 1.4rem + 1.9vw, 3.25rem);line-height:1.04;font-weight:300;letter-spacing:-.04em}.nl-copy .muted{max-width:44ch}.nl-form{display:grid;gap:12px}.nl-row{display:flex;gap:10px}.nl-row .input{flex:1;min-width:0}.nl-row .btn{flex:none;min-height:54px}.nl-note{font-size:13.5px;color:var(--fg-2)}@media (max-width:860px){.nl{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.nl-row{flex-direction:column}.nl-row .input{flex:none}.nl-row .btn{width:100%}}@media (prefers-reduced-motion:reduce){.fp-cover img,.note,.note-title{transition:none}}