.nb-head h1{font-family:Caveat,cursive;font-weight:700;font-size:72px;line-height:.98;letter-spacing:0;color:var(--ink);margin:0 0 6px}.nb-head h1 .serifit{font-family:Newsreader,serif;font-style:italic;font-weight:400;font-size:30px;color:var(--muted);display:block;letter-spacing:-.01em;margin-top:4px}.snaps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 36px;padding:8px 0}.snap{background:#fff;padding:12px 12px 0;box-shadow:0 10px 26px -16px #14283a6b;border:1px solid rgba(22,32,42,.1);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.snap:nth-child(3n+1){transform:rotate(-.8deg)}.snap:nth-child(3n+2){transform:rotate(.5deg)}.snap:nth-child(3n+3){transform:rotate(-.3deg)}.snap:hover{transform:translateY(-6px) rotate(0);box-shadow:0 22px 40px -18px #14283a80}.snap .img{aspect-ratio:4 / 3;background:var(--paper-deep);background-size:cover;background-position:center;filter:grayscale(1) contrast(1.04)}.snap .snap-body{padding:15px 4px 18px;display:flex;flex-direction:column;flex:1}.snap .meta{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--rule)}.snap .meta span{white-space:nowrap}.snap .meta .cat{color:var(--ochre-deep)}.snap .cap{font-family:Newsreader,serif;font-weight:400;font-size:21px;line-height:1.22;letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;text-wrap:pretty}.snap .excerpt{font-family:Newsreader,serif;font-size:14.5px;line-height:1.5;color:var(--muted);margin:0 0 16px;text-wrap:pretty}.snap .readlink{margin-top:auto;align-self:flex-start;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ochre-deep);white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.snap:hover .readlink{border-bottom-color:var(--ochre);color:var(--ochre-deep)}.loose{margin-top:16px;padding-top:46px;border-top:1px solid var(--rule)}.loose-head{margin-bottom:30px}.loose-head h2{font-family:Caveat,cursive;font-weight:700;font-size:58px;line-height:1;letter-spacing:0;color:var(--ink);margin:0}.loose-sub{font-family:Newsreader,serif;font-style:italic;font-size:18px;line-height:1.5;color:var(--muted);max-width:58ch;margin:6px 0 0;text-wrap:pretty}.leaves{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 32px}.leaf{position:relative;display:block;text-decoration:none;color:inherit;background-color:#fbfaf4;background-image:linear-gradient(to right,transparent 30px,rgba(176,116,51,.34) 30px,rgba(176,116,51,.34) 31px,transparent 31px),repeating-linear-gradient(#fbfaf4,#fbfaf4 31px,#1f3a520f 31px 32px);border:1px solid rgba(22,32,42,.12);box-shadow:0 10px 24px -18px #14283a6b;padding:22px 24px 22px 46px;transition:transform .22s ease,box-shadow .22s ease}.leaf:nth-child(odd){transform:rotate(-.5deg)}.leaf:nth-child(2n){transform:rotate(.5deg)}.leaf:before{content:"";position:absolute;top:-9px;left:30px;width:66px;height:18px;background:#b0743326;border:1px solid rgba(176,116,51,.22);transform:rotate(-3deg)}.leaf:hover{transform:translateY(-4px) rotate(0);box-shadow:0 20px 36px -20px #14283a80}.leaf-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.leaf-date{font-family:Caveat,cursive;font-weight:600;font-size:25px;line-height:1;color:var(--blue);white-space:nowrap}.leaf-cat{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ochre-deep);white-space:nowrap}.leaf-title{font-family:Caveat,cursive;font-weight:700;font-size:33px;line-height:1.02;letter-spacing:0;color:var(--ink);margin:0 0 6px}.leaf-teaser{font-family:Newsreader,serif;font-size:15.5px;line-height:1.5;color:var(--muted);margin:0 0 14px;text-wrap:pretty}.leaf-go{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ochre-deep);border-bottom:1px solid transparent;transition:border-color .2s}.leaf:hover .leaf-go{border-bottom-color:var(--ochre)}@media(max-width:900px){.nb-head h1{font-size:56px}.snaps{grid-template-columns:repeat(2,1fr);gap:36px 28px}}@media(max-width:700px){.leaves{grid-template-columns:1fr}.loose-head h2{font-size:46px}}@media(max-width:560px){.nb-head h1{font-size:46px}.snaps{grid-template-columns:1fr;gap:30px}.snap,.snap:nth-child(3n+1),.snap:nth-child(3n+2),.snap:nth-child(3n+3){transform:rotate(0)}}
