.post-card{display:grid;gap:18px}.post-card.featured{gap:22px}.post-card__rule{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.post-card__rule>span{height:1px;background:var(--line)}.post-card__image{display:block;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line);background:var(--surface-high)}.post-card__image img{height:100%;object-fit:cover;filter:grayscale(100%) contrast(.86);transition:filter .22s ease,transform .5s ease}.post-card:hover .post-card__image img{filter:grayscale(0%) contrast(1);transform:scale(1.03)}.post-card__body{max-width:780px}.post-card h3 a{text-decoration:none}.post-card p{color:var(--muted)}@media(max-width:560px){.post-card__rule{grid-template-columns:1fr;align-items:start}.post-card__rule>span{display:none}}.note-entry:before,.note-entry__clipping:before{content:none}.note-entry__clipping{display:block;margin-top:0;padding:6px;border-color:rgba(var(--writing-accent-rgb),.2);background:#fffdf5e6;box-shadow:none;transform:none}@media(max-width:900px){.note-entry{grid-template-columns:minmax(0,1fr) 104px}}@media(max-width:560px){.note-entry{grid-template-columns:1fr;padding:18px}.note-entry__clipping{order:-1!important;width:100%!important;max-width:none!important}.note-entry__clipping img{aspect-ratio:4 / 3}}.notes-shell{padding-bottom:clamp(56px,8vw,110px)}.notes-title-block{width:max-content;max-width:100%;margin-bottom:clamp(28px,5vw,56px);padding:10px 18px 14px;border:1px solid rgba(var(--writing-accent-rgb),.2);background:#fffdf5e0;box-shadow:12px 12px rgba(var(--writing-accent-rgb),.09)}.notes-title-block h1{margin:0;color:var(--writing-accent);font-size:clamp(4.5rem,12vw,9rem);font-style:italic}.notes-title-block--compact h1{font-size:clamp(3.4rem,8vw,6.5rem)}.notes-taxonomy-eyebrow{margin:0 0 8px;color:var(--writing-accent);font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.notes-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:clamp(24px,4vw,46px);align-items:start}.notes-list{display:grid;gap:20px}.notes-pocket{position:sticky;top:24px;display:grid;gap:24px;padding:20px;border:1px solid rgba(var(--writing-accent-rgb),.28);background:#e9cbc4;box-shadow:0 18px 40px #3031291c;transform:rotate(1deg)}.notes-pocket:before{content:"";position:absolute;top:-13px;right:34px;width:96px;height:26px;border:1px solid rgba(139,113,106,.18);background:#fff6bbb8;transform:rotate(4deg)}.notes-pocket h2,.notes-pocket h3{margin:0 0 10px;color:var(--writing-accent);font-family:var(--label);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.notes-pocket .tag{border-color:rgba(var(--writing-accent-rgb),.28);background:#ffffff85;color:var(--writing-accent)}.note-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(112px,16vw,168px);gap:clamp(16px,3vw,28px);align-items:start;padding:clamp(18px,3vw,28px);border:1px solid rgba(var(--writing-accent-rgb),.28);background:#fff8f2f5;box-shadow:0 14px 32px rgba(var(--writing-accent-rgb),.08)}.note-entry:nth-child(odd){transform:rotate(-.35deg)}.note-entry:nth-child(2n){transform:rotate(.3deg)}.note-entry:before{content:"";position:absolute;top:-12px;left:34px;width:82px;height:22px;border:1px solid rgba(139,113,106,.16);background:#fff6bbad;transform:rotate(-4deg)}.note-entry:nth-child(2n):before{right:42px;left:auto;transform:rotate(5deg)}.note-entry__meta a{color:inherit;text-decoration:none}.note-entry__meta>*+*:before{content:"/";margin-right:10px;color:rgba(var(--writing-accent-rgb),.5)}.note-entry h3{margin-bottom:8px;color:var(--text)}.note-entry h3 a{text-decoration:none}.note-entry p{margin-bottom:0;color:var(--muted)}.note-entry .tag{background:var(--surface-low);color:var(--writing-accent)}.note-entry__clipping{position:relative;display:block;align-self:start;margin-top:8px;padding:7px 7px 20px;border:1px solid rgba(var(--writing-accent-rgb),.28);background:#fff;transform:rotate(1.8deg);text-decoration:none}.note-entry__clipping:before{content:"";position:absolute;top:-10px;left:26%;width:54px;height:18px;background:#fff6bbb8;border:1px solid rgba(139,113,106,.14);transform:rotate(-5deg)}.note-entry__clipping img{aspect-ratio:4 / 3;height:100%;object-fit:cover;filter:grayscale(84%) contrast(.92);transition:filter .18s ease,transform .22s ease}.note-entry:hover .note-entry__clipping img{filter:grayscale(0%) contrast(1);transform:scale(1.02)}@media(max-width:900px){.notes-spread{grid-template-columns:1fr}.notes-pocket{position:relative;top:auto;order:-1;transform:rotate(.4deg)}.note-entry{grid-template-columns:1fr;transform:none}.note-entry__clipping{width:min(100%,260px)}}@media(max-width:560px){.notes-title-block{width:100%}.note-entry{padding:18px}.note-entry__meta>*+*:before{margin-right:7px}}body.blog-page{overflow-x:clip;background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(var(--writing-accent-rgb),.055) 32px,transparent 33px),var(--background)}.notes-shell--index{width:min(100%,1180px);margin:0 auto}.notes-title-block{margin-bottom:clamp(34px,5vw,58px);padding:0;border:0;background:transparent;box-shadow:none}.notes-title-block h1{color:var(--writing-accent);font-size:clamp(4.2rem,11vw,8rem)}.notes-spread{grid-template-columns:minmax(0,1fr) minmax(230px,300px)}.notes-list{gap:18px}.notes-pocket{gap:22px;padding:20px;border-color:rgba(var(--writing-accent-rgb),.24);background:#fffdf59e;box-shadow:0 14px 32px #3031290e;transform:none}.notes-pocket:before{content:none}.notes-pocket .tag{background:#fffdf5c2}.note-entry{grid-template-columns:minmax(0,1fr) clamp(92px,14vw,132px);background:#fffdf5b8;box-shadow:0 14px 32px #3031290b;transform:none!important}.note-entry:before{content:none}.note-entry__meta,.note-post-metadata{color:var(--writing-accent)}.note-entry__clipping{margin-top:0;padding:6px;border-color:rgba(var(--writing-accent-rgb),.2);background:#fffdf5e6;box-shadow:none;transform:none}.note-entry__clipping:before{content:none}.note-entry__clipping img{filter:saturate(.9) contrast(.98)}@media(max-width:900px){.notes-spread{grid-template-columns:1fr}.note-entry{grid-template-columns:minmax(0,1fr) 104px}}@media(max-width:560px){.note-entry{grid-template-columns:1fr}.note-entry{padding:18px}.note-entry__clipping{order:-1;width:100%}.note-entry__clipping img{aspect-ratio:4 / 3}}.blog-fab{display:none;position:fixed;z-index:100;right:auto;bottom:max(18px,env(safe-area-inset-bottom));left:calc(100svw - 86px);align-items:center;justify-content:center;flex-direction:column;gap:3px;width:70px;height:62px;min-height:62px;padding:9px 8px 7px;transform:rotate(-1.5deg);border:1px solid rgba(var(--writing-accent-rgb),.34);border-radius:2px;background:#fffdf5f0;box-shadow:0 10px 22px #30312924,6px 6px rgba(var(--writing-accent-rgb),.12);color:var(--archive-writing);cursor:pointer;font-family:var(--label);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease}.blog-fab:before{content:"";position:absolute;top:-7px;left:50%;width:30px;height:12px;border:1px solid rgba(139,113,106,.14);background:#fff6bbc7;transform:translate(-50%) rotate(-5deg)}.blog-fab[aria-expanded=true]{opacity:0;pointer-events:none;transform:translateY(10px) rotate(-1.5deg) scale(.92)}.blog-fab span{display:block;font-size:.64rem;line-height:1}.blog-fab svg{width:20px;height:20px}.blog-fab:hover{transform:translate(-2px,-2px) rotate(-1.5deg);box-shadow:0 14px 28px #30312929,8px 8px rgba(var(--writing-accent-rgb),.14)}.blog-fab:active{transform:translate(1px,1px) rotate(-1.5deg)}.blog-fab__backdrop{display:none;position:fixed;inset:0;z-index:90;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-fab__panel-header,.blog-mobile-filter-toggle{display:none}@media(max-width:900px){.blog-fab{right:20px;bottom:20px;left:auto;display:inline-flex;flex-direction:row;width:auto;max-width:calc(100vw - 48px);height:auto;min-height:40px;padding:10px 14px;border:1px solid rgba(var(--writing-accent-rgb),.32);border-radius:2px;background:#fffdf5f5;box-shadow:0 10px 24px #30312924;color:var(--archive-writing);transform:none}.blog-fab:before,.blog-fab:after{content:none}.blog-fab svg{display:none}.blog-fab span{position:static;display:block;color:var(--archive-writing);contain:layout;font-size:.68rem;line-height:1;text-shadow:none;transform:none}html:not(.blog-browse-open) .blog-fab span{view-transition-name:blog-browse-keyword}html.blog-browse-open .blog-fab span{view-transition-name:none}.blog-fab:hover{transform:none;box-shadow:none}.blog-fab:active{transform:translateY(1px)}.blog-fab[aria-expanded=true]{opacity:0;pointer-events:none;transform:translateY(8px)}.blog-fab__backdrop--visible{display:block;background:#3031292e;-webkit-backdrop-filter:none;backdrop-filter:none}.blog-fab__panel{position:fixed;inset:0;z-index:95;display:block;max-height:none;overflow-y:auto;padding:calc(26px + env(safe-area-inset-top)) 20px calc(34px + env(safe-area-inset-bottom));border:0;background:linear-gradient(90deg,transparent 0 38px,rgba(var(--writing-accent-rgb),.14) 39px,transparent 40px),repeating-linear-gradient(to bottom,#fffdf5 0 33px,rgba(var(--writing-accent-rgb),.055) 34px,#fffdf5 35px),#fffdf5;box-shadow:-16px 0 34px #30312929;transform:translate(105%);transition:transform .28s cubic-bezier(.22,1,.36,1)}.blog-fab__panel:before,.blog-fab__panel:after{content:none}.blog-fab__panel--open{transform:translate(0)}.blog-fab__panel-header{display:flex;align-items:center;justify-content:space-between;margin:18px 0 22px 30px}.blog-fab__panel-header h2{margin:0;color:var(--archive-writing);contain:layout;font-family:var(--display);font-size:2.4rem;font-style:italic;font-weight:600;letter-spacing:-.03em;text-transform:none;view-transition-name:none}html.blog-browse-open .blog-fab__panel-header h2{view-transition-name:blog-browse-keyword}html.blog-browse-transition .notes-title-block h1{view-transition-name:none!important}::view-transition-group(blog-browse-keyword){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.blog-fab__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(var(--writing-accent-rgb),.28);border-radius:2px;background:#fffdf5d1;color:var(--archive-writing);cursor:pointer;box-shadow:4px 4px rgba(var(--writing-accent-rgb),.08);transition:background .16s ease,color .16s ease}.blog-fab__close:hover{background:var(--surface-mid);color:var(--text)}.notes-spread>.notes-pocket{display:none}.blog-fab__panel .notes-pocket{display:grid;position:static;gap:26px;margin-left:30px;padding:0;border:0;background:transparent;box-shadow:none;transform:none}.blog-fab__panel .notes-pocket:before{content:none;display:none}.blog-fab__panel .notes-pocket h2:first-child,.blog-fab__panel .notes-pocket h3{color:var(--archive-writing)}.blog-fab,.blog-fab__backdrop,.blog-fab__panel-header{display:none}.blog-mobile-filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0;padding:12px 14px;border:1px solid rgba(var(--writing-accent-rgb),.22);background:#fffdf5b8;color:var(--archive-writing);cursor:pointer;font-family:var(--label);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-mobile-filter-toggle span[aria-hidden=true]{font-size:1.05rem;line-height:1}.blog-fab__panel{position:static;order:-1;display:block;padding:0;background:transparent;box-shadow:none;transform:none;transition:none;overflow:visible}.blog-fab__panel .notes-pocket{display:none;margin:10px 0 2px;padding:18px;border:1px solid rgba(var(--writing-accent-rgb),.22);background:#fffdf59e}.blog-fab__panel--mobile-open .notes-pocket{display:grid}}
