post-list{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}post-list list-header,post-list>ul,post-list>ul>li,post-list article{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center}post-list list-header{padding-block-end:var(--sp-8)}post-list list-header,post-list article{border-block-end:var(--sp-1) solid var(--white-shade-12)}post-list article{position:relative;padding-block:var(--sp-10)}post-list article h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}post-list article h3 a:after{content:"";position:absolute;inset:0}post-list post-cover{position:absolute;z-index:1;grid-column:8 / span 2;inset:0;align-self:unsafe center;display:grid;grid-template:auto 1fr auto / 1fr 1fr;aspect-ratio:4 / 5;padding:9.375%;container-type:inline-size;--poster-px: calc(100cqi / 1625);background-color:var(--white-shade-6);opacity:0;scale:1.04;pointer-events:none}post-list post-cover>:nth-child(2){justify-self:end;inline-size:calc(490 * var(--poster-px));margin-block-start:calc(38.5 * var(--poster-px));text-align:justify}post-list post-cover>:nth-child(3){grid-column:1 / -1;align-self:center;display:grid;place-items:center;aspect-ratio:1625 / 1225;background-color:var(--main);color:var(--white)}post-list post-cover>:nth-child(4){align-self:last baseline;inline-size:calc(490 * var(--poster-px))}post-list post-cover>:nth-child(5){place-self:last baseline end}post-list>ul>li:nth-child(2n) post-cover{background-color:var(--black);color:var(--white)}post-list>ul>li:nth-child(2n) post-cover>:nth-child(3){color:var(--black)}@media(hover:hover){post-list>ul:has(article:hover,article :focus-visible) article:not(:hover,:has(:focus-visible)){color:var(--black-tint-46)}post-list>ul{position:relative;isolation:isolate}post-list>ul:after{content:"";position:absolute;z-index:-1;position-anchor:--post-row;inset-block:anchor(start) anchor(end);inset-inline:0;pointer-events:none}post-list>ul:is(:hover,:has(:focus-visible)):after{background-color:var(--white-shade-3)}post-list article:after{--corner: var(--sp-8);content:"";position:absolute;z-index:1;grid-column:8 / span 2;inset:0;align-self:unsafe center;box-sizing:content-box;aspect-ratio:4 / 5;margin:calc(-1 * var(--sp-4));padding:calc(var(--sp-4) - var(--sp-1));border:var(--border-black-1);opacity:0;scale:1.12;-webkit-mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));pointer-events:none}post-list article:is(:hover,:has(:focus-visible)){anchor-name:--post-row}post-list article:is(:hover,:has(:focus-visible)) post-cover,post-list article:is(:hover,:has(:focus-visible)):after{opacity:1;scale:1}post-list article:is(:hover,:has(:focus-visible)) .tag{background-color:var(--white)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){post-list>ul:after{transition:background-color var(--dur-300) var(--ease-in-out-soft),inset-block-start var(--dur-400) var(--ease-out-expo),inset-block-end var(--dur-400) var(--ease-out-expo)}@starting-style{post-list>ul:after{background-color:transparent}}post-list article{transition:color var(--dur-300) var(--ease-in-out-soft),anchor-name 0s var(--dur-300) allow-discrete}post-list article post-cover,post-list article:after{transition:opacity var(--dur-300) var(--ease-in-out-soft),scale var(--dur-600) var(--ease-out-expo)}post-list article .tag{transition:background-color var(--dur-300) var(--ease-in-out-soft)}post-list>ul:is(:hover,:has(:focus-visible)) article{transition:color var(--dur-300) var(--ease-in-out-soft)}post-list post-cover:after{content:"";position:absolute}}post-list :is(list-header,article)>:nth-child(1){grid-column:span 4}post-list :is(list-header,article)>:nth-child(2){grid-column:7 / span 3}post-list :is(list-header,article)>:nth-child(3){grid-column:span 3}::highlight(cover-untyped){color:transparent}::highlight(cover-unlit-light){color:var(--white-shade-17)}::highlight(cover-unlit-dark){color:var(--black-tint-18)}@keyframes caret-blink{50%{opacity:0}}@keyframes caret-out{0%,33%,66%{opacity:1}16%,50%,83%,to{opacity:0}}@media(prefers-reduced-motion:no-preference){:root[data-reveal] section:not([data-seen]) post-list list-header,:root[data-reveal] post-list>ul>li:not([data-seen]){opacity:0}:root[data-reveal] section[data-seen] post-list list-header{animation:reveal-rise var(--dur-600) var(--ease-out-expo) calc(var(--dur-100) / 2) backwards}:root[data-reveal] post-list>ul>li[data-seen]{animation:reveal-rise var(--dur-600) var(--ease-out-expo) calc(var(--step, 0) * var(--dur-100) / 2 + var(--dur-100)) backwards}:root[data-reveal] post-list>ul>li[data-seen]:nth-child(5n+2){--step: 1}:root[data-reveal] post-list>ul>li[data-seen]:nth-child(5n+3){--step: 2}:root[data-reveal] post-list>ul>li[data-seen]:nth-child(5n+4){--step: 3}:root[data-reveal] post-list>ul>li[data-seen]:nth-child(5n+5){--step: 4}}@media only screen and not (min-width:64rem){post-list list-header,post-list article :is(time,post-cover),post-list article:after{display:none}post-list>ul{border-block-start:var(--sp-1) solid var(--white-shade-12)}post-list article h3{white-space:normal}post-list article>:nth-child(1){grid-column:span 2}post-list article .tags{grid-column:span 2;flex-direction:column;align-items:end}}