.note-post-shell{width:min(100%,1220px);margin:0 auto;padding-bottom:clamp(56px,8vw,110px)}.note-post-page{position:relative;display:grid;grid-template-columns:minmax(0,760px);gap:clamp(28px,5vw,58px);min-height:min(980px,calc(100svh - 124px));padding:clamp(32px,5vw,62px) clamp(24px,4vw,52px) clamp(38px,6vw,72px) clamp(76px,7vw,108px);border:1px solid rgba(139,113,106,.34);background:linear-gradient(90deg,transparent 0 62px,rgba(var(--writing-accent-strong-rgb),.2) 63px,transparent 64px),repeating-linear-gradient(to bottom,transparent 0 34px,rgba(var(--writing-accent-rgb),.11) 35px,transparent 36px),var(--notes-paper);box-shadow:0 24px 60px #30312924,14px 14px rgba(var(--writing-accent-rgb),.07)}.note-post-page--with-media{grid-template-columns:minmax(0,1fr) minmax(220px,360px)}.note-post-page__rings{position:absolute;top:42px;bottom:42px;left:22px;width:22px;background:radial-gradient(circle,rgba(251,250,238,.96) 0 6px,rgba(139,113,106,.38) 6.5px 7.5px,transparent 8px) center 10px / 22px 88px repeat-y;pointer-events:none}.note-post-copy{position:relative;z-index:1;min-width:0}.note-post-masthead{position:relative;padding-bottom:clamp(20px,3vw,34px);border-bottom:1px dashed rgba(var(--writing-accent-rgb),.24)}.note-post-masthead h1{margin-bottom:16px;color:var(--writing-accent);font-size:clamp(3.25rem,7vw,5.9rem);font-style:italic}.note-post-summary{max-width:720px;margin-bottom:18px;color:var(--muted);font-family:var(--blog-body);font-size:clamp(1.08rem,1.45vw,1.24rem);line-height:1.45}.note-post-media{position:sticky;top:28px;z-index:2;display:grid;gap:clamp(22px,3vw,34px);align-self:start;padding-top:clamp(12px,2vw,26px)}.note-post-clipping{position:relative;width:100%;margin:0;padding:10px 10px 30px;border:1px solid rgba(var(--writing-accent-rgb),.28);background:#fff;box-shadow:0 16px 36px #30312924;transform:rotate(-1.6deg)}.note-post-clipping:nth-child(2n){transform:rotate(1.8deg)}.note-post-clipping:before{content:"";position:absolute;top:-12px;left:50%;width:98px;height:24px;border:1px solid rgba(139,113,106,.16);background:#fff6bbb8;transform:translate(-50%) rotate(4deg)}.note-post-clipping:nth-child(2n):before{transform:translate(-50%) rotate(-5deg)}.note-post-clipping img{max-height:430px;object-fit:cover;object-position:center;filter:saturate(.92) contrast(.98)}.note-post-paper{margin-top:clamp(22px,3vw,36px)}.note-post-paper .prose{padding-top:0}.note-post-shell[data-side-images=true] .note-post-paper .prose>p:has(>img:only-child){display:none}.note-post-paper .prose img{border:1px solid var(--line);background:#fff}.note-post-paper .prose a{color:var(--primary);text-decoration:underline;text-decoration-color:#a3381859;text-decoration-thickness:1px;text-underline-offset:.18em;font-weight:500}.note-post-paper .prose a:hover{color:var(--primary-strong);text-decoration-color:currentColor}.note-post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.note-post-nav a{display:grid;gap:6px;min-height:110px;padding:16px;border:1px solid rgba(var(--writing-accent-rgb),.28);background:#fffdf5f0;color:var(--text);text-decoration:none;box-shadow:0 12px 28px #30312914}.note-post-nav a span{color:var(--writing-accent);font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.note-post-nav a strong{font-family:var(--display);font-size:1.5rem;font-weight:500;line-height:1.15}@media(max-width:900px){.note-post-page,.note-post-page--with-media{grid-template-columns:1fr}.note-post-media{position:relative;top:auto;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding-top:0}.note-post-clipping{max-width:340px}}@media(max-width:560px){.note-post-page{padding:28px 18px 34px 58px;background:linear-gradient(90deg,transparent 0 44px,rgba(var(--writing-accent-strong-rgb),.2) 45px,transparent 46px),repeating-linear-gradient(to bottom,transparent 0 34px,rgba(var(--writing-accent-rgb),.11) 35px,transparent 36px),var(--notes-paper)}.note-post-page__rings{left:13px}.note-post-nav{grid-template-columns:1fr}}body.blog-page{background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(var(--writing-accent-rgb),.05) 32px,transparent 33px),var(--background)}.note-post-shell{width:min(100%,1180px)}.note-post-page,.note-post-page--with-media{grid-template-columns:minmax(0,1fr) minmax(210px,320px);min-height:auto;border-color:#8b716a33;background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(var(--writing-accent-rgb),.052) 32px,transparent 33px),#fffdf5c7;box-shadow:0 18px 46px #30312913}.note-post-page__rings{display:none}.note-post-masthead{border-bottom:1px solid rgba(var(--writing-accent-rgb),.18)}.note-post-masthead h1{font-size:clamp(3.25rem,7vw,5.6rem)}.note-post-format{opacity:.68}.note-post-format:first-child:after{content:""}.note-post-media{width:100%;justify-self:end}.note-post-clipping,.note-post-clipping:nth-child(2n){justify-self:end;max-width:300px;padding:8px;border-color:rgba(var(--writing-accent-rgb),.2);background:#fffdf5e6;box-shadow:none;transform:none}.note-post-clipping:before,.note-post-clipping:nth-child(2n):before{content:none}.note-post-clipping img{max-height:360px;filter:saturate(.92) contrast(.98)}.note-post-clipping__caption{display:none}.note-post-paper .prose h2,.note-post-paper .prose h3{position:relative;margin-top:2.4em;padding-top:.7em}.note-post-paper .prose h2:before,.note-post-paper .prose h3:before{content:"";position:absolute;top:0;left:0;width:min(100%,8rem);height:1px;background:rgba(var(--writing-accent-rgb),.2)}@media(max-width:900px){.note-post-shell{width:100%}.note-post-page,.note-post-page--with-media{display:block;min-height:0;padding:24px 18px 34px;border-color:#8b716a29;background:repeating-linear-gradient(to bottom,transparent 0 34px,rgba(var(--writing-accent-rgb),.04) 35px,transparent 36px),var(--notes-paper);box-shadow:0 10px 28px #30312914}.note-post-page__rings{display:none}.note-post-masthead{padding-bottom:22px}.note-post-media{position:static;display:grid;width:100%;grid-template-columns:1fr;gap:18px;margin:22px 0 0;padding:0}.note-post-clipping{width:min(100%,300px);max-width:300px;justify-self:start;transform:none}.note-post-clipping:before{display:none}.note-post-paper{margin-top:24px}.note-post-paper .prose{font-size:1.03rem;line-height:1.72}}@media(max-width:560px){.note-post-page{padding:22px 16px 30px;background:var(--notes-paper)}.note-post-clipping{width:82%}.note-post-metadata{gap:5px 8px}}