.writing-page{--page-title-margin-bottom:1.35rem;--panel-bg-pos-x:calc(50% + 0px);--panel-bg-pos-y:calc(50% + 0px);--panel-bg-layer-opacity:.94;--panel-bg-saturation:.97;--panel-bg-brightness:.985;--panel-bg-contrast:.97;--panel-padding-top:10%;--panel-padding-left:10%;--panel-padding-bottom:24%;--writing-row-gap:2cqi;--writing-group-gap-mult:3;--writing-row-min-h:5.8cqi;--writing-row-max-h:6.8cqi;--writing-row-pad-block:.32cqi}ul.post-list{margin:0;padding:0;list-style:none}ul.post-list>li{padding-left:0}ul.post-list>li:before{content:none;display:none}.writing-groups{text-wrap:pretty;flex-direction:column;display:flex}.writing-page .writing-groups.writing-groups--pending{opacity:0;pointer-events:none}.writing-page .writing-groups.writing-groups--visible{opacity:1;pointer-events:auto;transition:opacity .18s ease-out}@media (prefers-reduced-motion:reduce){.writing-page .writing-groups.writing-groups--visible{transition:none}}.writing-page .page-buttons{gap:var(--writing-row-gap,var(--panel-row-gap))}.writing-page .writing-groups>.post-list+.post-list{margin-top:calc(var(--writing-row-gap,2.8cqi) * var(--writing-group-gap-mult,3))}.writing-page .page-buttons-panel{aspect-ratio:1;background-color:var(--color-page-bg)}.writing-page .page-buttons-panel:before{content:none}.writing-page .page-buttons-panel__media{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.writing-page .page-buttons-panel__media picture{width:100%;height:100%;display:block}.writing-page .page-buttons-panel__media img{object-fit:cover;object-position:var(--panel-bg-pos-x,50%) var(--panel-bg-pos-y,50%);image-rendering:auto;width:100%;height:100%;filter:saturate(var(--panel-bg-saturation,1)) brightness(var(--panel-bg-brightness,1)) contrast(var(--panel-bg-contrast,1));opacity:var(--panel-bg-layer-opacity,1);display:block}.writing-page .writing-groups{z-index:1;position:relative}.writing-page .page-button{min-height:clamp(var(--panel-row-min-h), var(--writing-row-min-h,5.8cqi), 2.35rem);max-height:clamp(2.2rem, var(--writing-row-max-h,6.8cqi), var(--panel-row-max-h))}.writing-page .page-button__inner{--writing-title-lh:clamp(1.18, 1.14 + .24cqi, 1.34);padding-block:var(--writing-row-pad-block,.32cqi);justify-content:space-between;gap:.65em;font-size:clamp(.78rem,.68rem + 1.1cqi,1.1rem)}@container (width<=34rem){.writing-page .page-button__inner{--writing-title-lh:1.06}}@container (width>=52rem){.writing-page .page-button__inner{--writing-title-lh:1.3}}.writing-page .page-button__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.98em;line-height:var(--writing-title-lh);letter-spacing:.06em;color:rgba(var(--color-ink-rgb), .99);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:auto;padding:.2em;font-weight:600;overflow:hidden}.writing-page .page-button__date{text-align:right;letter-spacing:.02em;color:rgba(var(--color-ink-rgb), .74);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-shrink:0;padding:.15em;font-size:.78em;font-weight:500;line-height:1.4;transition:color .18s;position:relative}@container (width<=34rem){.writing-page .page-button__text{letter-spacing:.02em}.writing-page .page-button__date{letter-spacing:.027em}}.writing-page .page-button:focus-visible .page-button__date{color:var(--color-page-bg)}@media (hover:hover){.writing-page .page-button:hover .page-button__date{color:var(--color-page-bg)}}.blog-post .article-meta{color:var(--color-ink);margin:1rem 0;font-weight:400}.blog-post .article-meta time{margin-top:0}.blog-post .article-body{text-wrap:pretty}.blog-post .article-body sp[space=xs]{--sp-y:.45rem}.blog-post .article-body sp[space=sm]{--sp-y:.75rem}.blog-post .article-body sp[space=md]{--sp-y:1.35rem}.blog-post .article-body sp[space=lg]{--sp-y:1.85rem}.blog-post .article-body sp[space=xl]{--sp-y:2.25rem}.blog-post .article-body sp+sp{margin-top:1.2rem}.blog-post .article-body fz[size=lg]{font-size:1.035em}.blog-post .article-body fz[size=xl]{font-size:1.055em}.blog-post .article-body h2{letter-spacing:-.005em;margin:2.1rem 0 1.7rem;font-size:clamp(1.35rem,1.95vw,1.75rem)}.blog-post .article-body h3{letter-spacing:-.003em;margin:1.5rem 0 1.05rem;font-size:clamp(1.12rem,1.45vw,1.32rem)}.blog-post .article-body>p:first-of-type{text-indent:0}.blog-post .article-body>p:first-of-type:first-letter{float:left;color:var(--color-ink);margin:.21em .8rem 0 0;padding:0;font-size:2.7em;font-weight:600;line-height:.8}