.blog-page{padding:clamp(40px, 6vh, 86px) var(--gutter) clamp(56px, 8vh, 110px);background-color:var(--ink);color:var(--paper)}.blog-page>div{width:100%;max-width:var(--sheet);margin-inline:auto}.wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.2vw,56px);margin:0;padding:0;list-style:none;display:grid}@media (max-width:1100px){.wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.wall{grid-template-columns:minmax(0,1fr)}}.wall-card{--card-ink:var(--paper);--card-ground:transparent;border:1px solid color-mix(in srgb, var(--paper) 16%, transparent);background-color:var(--card-ground);color:var(--card-ink);grid-template-rows:auto 1fr;transition:background-color .34s,border-color .3s,color .34s,transform .6s cubic-bezier(.22,1,.36,1),opacity .6s;display:grid;position:relative;overflow:hidden}.wall-card.is-on{--card-ink:var(--ink);--card-ground:var(--paper);border-color:var(--accent)}.wall-card:before{content:"";z-index:3;pointer-events:none;border:1px solid var(--accent);clip-path:inset(0 0 calc((1 - var(--drawn,0)) * 100%) 0);position:absolute;inset:0}.wall-card{opacity:0;transform:translateY(18px)}.wall-card.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.wall-card,.wall-card.is-in{opacity:1;transform:none}}:root[data-motion=calm] .wall-card,:root[data-motion=calm] .wall-card.is-in{opacity:1;transform:none}.wall-shot{aspect-ratio:16/10;background-color:color-mix(in srgb, var(--card-ink) 9%, var(--card-ground));border-bottom:1px solid color-mix(in srgb, var(--paper) 16%, transparent);transition:background-color .34s,border-color .3s;display:block;position:relative;overflow:hidden}.wall-card.is-on .wall-shot{border-bottom-color:color-mix(in srgb, var(--ink) 16%, transparent)}.wall-shot img{object-fit:contain;width:100%;height:100%;padding:clamp(14px,1.4vw,24px);position:absolute;inset:0}.wall-shot .hero-paper{opacity:.5;position:absolute;inset:0}.wall-shot .hero-paper:before,.wall-shot .hero-paper:after{animation:none}.wall-of{grid-template-rows:auto auto auto 1fr auto;gap:clamp(10px,1vw,16px);padding:clamp(20px,2vw,30px);display:grid}.wall-kind{font-size:var(--meta);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:600}.wall-head{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:.01em;color:var(--card-ink);margin:0;font-size:clamp(20px,1.6vw,28px);font-weight:700;line-height:1.18}.wall-when{font-size:var(--meta);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--card-ink) 46%, transparent);flex-wrap:wrap;gap:.6em;margin:0;font-weight:600;display:flex}.wall-say{font-size:calc(var(--read) * .94);color:color-mix(in srgb, var(--card-ink) 74%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3.2em;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.wall-open{color:inherit;font-size:var(--meta);letter-spacing:.06em;text-transform:uppercase;place-self:end start;align-items:center;gap:12px;margin-top:clamp(4px,.6vw,10px);font-weight:600;text-decoration:none;display:inline-flex}.wall-open>span{background-color:var(--accent);width:34px;height:34px;color:var(--on-accent);flex:none;place-items:center;transition:transform .25s;display:grid}.wall-open svg{width:16px;height:16px}@media (hover:hover){.wall-open:hover>span{transform:translate(2px,-2px)}}.wall-open:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.post-page{padding:clamp(40px, 6vh, 86px) var(--gutter) clamp(56px, 8vh, 110px);background-color:var(--ink);color:var(--paper)}.post-page>article{width:100%;max-width:72ch;margin-inline:auto}.post-page p,.post-page li{font-size:var(--read);line-height:1.7}.post-page p{color:color-mix(in srgb, var(--paper) 84%, transparent);margin:0 0 1.2em}.post-page h2{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;margin:clamp(32px,4vh,56px) 0 clamp(12px,1.4vw,20px);font-size:clamp(22px,2vw,32px);font-weight:700;line-height:1.2}.post-page ul{margin:0 0 1.2em;padding-left:1.1em}.post-page li{color:color-mix(in srgb, var(--paper) 84%, transparent);margin-bottom:.5em}.post-page li::marker{color:var(--accent)}.post-quote{border-left:2px solid var(--accent);margin:clamp(28px,3.4vh,44px) 0;padding-left:clamp(18px,2vw,28px)}.post-quote p{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;color:var(--paper);margin:0;font-size:clamp(18px,1.5vw,24px);font-weight:700;line-height:1.35}.post-quote cite{font-family:var(--font-sans), system-ui, sans-serif;font-size:var(--meta);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 50%, transparent);margin-top:.8em;font-style:normal;font-weight:600;display:block}.post-code{border:1px solid color-mix(in srgb, var(--paper) 16%, transparent);background-color:color-mix(in srgb, var(--paper) 6%, transparent);color:color-mix(in srgb, var(--paper) 90%, transparent);tab-size:2;margin:0 0 1.4em;padding:clamp(14px,1.6vw,22px);font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.6;overflow-x:auto}.post-code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.post-when{font-size:var(--meta);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 46%, transparent);flex-wrap:wrap;gap:.6em;margin:0 0 clamp(28px,3.4vh,48px);font-weight:600;display:flex}.post-back{border-top:1px solid color-mix(in srgb, var(--paper) 16%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(14px,2vw,28px);margin-top:clamp(40px,5vh,72px);padding-top:clamp(20px,2.4vh,32px);display:flex}.post-back a{color:inherit;font-size:var(--meta);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-weight:600;text-decoration:none;transition:color .25s;display:inline-flex}.post-back svg{width:16px;height:16px}@media (hover:hover){.post-back a:hover{color:var(--accent)}}.post-back a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.post-shot{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--paper) 16%, transparent);background-color:color-mix(in srgb, var(--paper) 7%, transparent);margin:0 0 clamp(28px,3.4vh,48px);display:block;position:relative;overflow:hidden}.post-shot .hero-paper{opacity:.5;position:absolute;inset:0}.post-shot .hero-paper:before,.post-shot .hero-paper:after{animation:none}.post-shot img{object-fit:contain;width:100%;height:100%;padding:clamp(18px,2.4vw,40px);position:absolute;inset:0}.post-figure{margin:clamp(28px,3.4vh,44px) 0}.post-media{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--paper) 16%, transparent);background-color:color-mix(in srgb, var(--paper) 7%, transparent);display:block;position:relative;overflow:hidden}.post-media .hero-paper{opacity:.5;position:absolute;inset:0}.post-media .hero-paper:before,.post-media .hero-paper:after{animation:none}.post-media img{object-fit:contain;width:100%;height:100%;padding:clamp(14px,2vw,32px);position:absolute;inset:0}.post-film{border:1px solid color-mix(in srgb, var(--paper) 16%, transparent);background-color:#000;width:100%;height:auto;display:block}.post-figure figcaption{font-size:var(--meta);letter-spacing:.04em;color:color-mix(in srgb, var(--paper) 50%, transparent);margin-top:.8em;line-height:1.5}