/* Before, design A ("Spine"), 10 November 2026 */
@font-face{font-family:"Inter Tight";src:url(fonts/InterTight-normal-400-900.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-normal-400-800.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:Newsreader;src:url(fonts/Newsreader-normal-400-700.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/IBMPlexMono-normal-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/IBMPlexMono-normal-500.woff2) format("woff2");font-weight:500;font-display:swap}

:root{--bone:#F0E3CE;--bone2:#E6D5BA;--rule:#DCC9AA;--ink:#1F2328;--orange:#F26C1C;--rust:#A84A17;--brown:#6F5A48;--date:#C2551A;
 --mono:"IBM Plex Mono",monospace;--serif:Newsreader,Georgia,serif;--display:"Inter Tight",Inter,sans-serif;--pad:5vw}
body{background:var(--bone);color:var(--ink);font:400 18px/1.7 Inter,sans-serif;margin:0}
.wp-site-blocks{padding:0}
.wp-site-blocks>*{margin-block-start:0}
a{color:inherit;text-decoration:none}
img,video,iframe,embed{max-width:100%;height:auto}

/* masthead */
.bf-mast{padding:22px var(--pad) 0}
.bf-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.bf-home{font:500 13px/1 var(--mono);letter-spacing:.06em}
.bf-nav{display:flex;gap:28px;align-items:center;font:600 13px/1 Inter;letter-spacing:.14em;text-transform:uppercase}
.bf-nav a:hover,.bf-home:hover{color:var(--orange)}
.bf-search{position:relative}
.bf-search summary{list-style:none;cursor:pointer;display:flex;padding:4px}
.bf-search summary::-webkit-details-marker{display:none}
.bf-search summary:hover{color:var(--orange)}
.bf-search form{position:absolute;right:0;top:34px;z-index:5}
.bf-search input{width:min(320px,80vw);font:400 16px/1.2 Inter;padding:10px 14px;border:0;border-radius:8px;background:#fff8;box-shadow:0 0 0 2px var(--orange);color:var(--ink);outline:0}
.bf-word-link{display:block}
.bf-word{display:block;margin:22px 0 0 -.035em;font:900 calc(90vw / 3.415)/.76 var(--display);letter-spacing:0;white-space:nowrap;
 background:url(russell-street-2002-sodium.jpg) 50% 42%/cover;-webkit-background-clip:text;background-clip:text;color:transparent}
.bf-sub{display:flex;justify-content:space-between;margin-top:14px;padding-bottom:14px;border-bottom:3px solid var(--orange);font:500 14px/1.3 var(--mono);color:var(--brown)}
.bf-mast.is-compact .bf-word{font-size:calc(34vw / 3.415);margin-top:18px}
.bf-mast.is-compact .bf-sub{margin-top:10px}

/* the spine: a rail with the year, the post beside it */
.bf-main{padding:0 var(--pad);margin:0}
.bf-spine{max-width:960px;margin:0 auto}
.bf-spine .wp-block-post-template{list-style:none;margin:0;padding:0}
.bf-spine li.wp-block-post,.bf-row{display:grid;grid-template-columns:200px minmax(0,700px);column-gap:56px;margin:0!important}
.bf-spine li.wp-block-post>*,.bf-row>*{grid-column:2;margin-block-start:0}
.bf-rail{grid-column:1!important;grid-row:1/span 50;border-right:2px solid var(--rule)}
.bf-rail b{position:sticky;top:18px;display:block;text-align:right;padding:42px 24px 0 0;font:800 72px/1 var(--display);letter-spacing:-.05em;color:var(--rust)}
.bf-head{display:grid;grid-template-columns:1fr 190px;gap:28px;align-items:start;padding-top:46px;position:relative}
.bf-head:before{content:"";position:absolute;left:-66px;top:58px;width:12px;height:12px;border-radius:50%;background:var(--bone);border:3px solid var(--orange)}
.bf-date{font:500 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--date)}
.bf-ccount{color:var(--brown);margin-left:14px;border-bottom:1px solid #C9B79C;text-transform:none;letter-spacing:.02em}
.bf-ccount:hover{color:var(--orange)}
.bf-title{font:600 44px/1.08 var(--serif);letter-spacing:-.015em;margin:12px 0 14px}
.bf-title a:hover{color:var(--rust)}
.bf-tags{display:flex;gap:8px;flex-wrap:wrap}
.bf-tags a{font:500 12px/1 var(--mono);padding:6px 9px;border-radius:99px;background:var(--bone2);color:#4A3B2E}
.bf-tags a:hover{background:var(--orange);color:#fff}
.bf-map img{display:block;width:190px;aspect-ratio:4/3;border-radius:8px;box-shadow:0 8px 24px -10px #6b3a1466}
.bf-spine .wp-block-post-content{padding:22px 0 40px;border-bottom:1px solid var(--rule)}
.wp-block-post-content>*{margin-block:0 1em}
.wp-block-post-content a{color:var(--date);text-decoration:underline;text-decoration-color:#C9B79C;text-underline-offset:3px}
.wp-block-post-content blockquote{margin:1.2em 0 1.2em 0;padding-left:20px;border-left:3px solid var(--orange)}
.wp-block-post-content figcaption,.wp-caption-text{font-size:.85rem;color:var(--brown)}
.wp-block-post-content img{border-radius:6px}
.alignleft{float:left;margin:.3em 1.4em 1em 0}.alignright{float:right;margin:.3em 0 1em 1.4em}.aligncenter{display:block;margin-inline:auto}
.wp-block-post-content:after{content:"";display:table;clear:both}

/* pagination, post navigation */
.bf-pages{max-width:700px;margin:40px 0 0 256px!important;font:500 14px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.bf-pages a:hover{color:var(--orange)}.bf-pages .current{color:var(--orange)}
.bf-postnav{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--rule)}
.bf-postnav a{font:600 20px/1.25 var(--serif)}.bf-postnav a:hover{color:var(--rust)}
.bf-postnav span{display:block;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--date);margin-bottom:8px}
.bf-postnav .next{text-align:right}

/* single post */
.bf-row .bf-title{font-size:52px}
.bf-row .bf-map img{width:220px}
.bf-row .bf-head{padding-top:40px}
.bf-row .wp-block-post-content{padding:26px 0 30px;font-size:19px}

/* comments */
.bf-comments{padding:30px 0 10px}
.bf-comments h3,.bf-comments .wp-block-comments-title{font:600 28px/1.2 var(--serif);margin:0 0 18px}
.bf-comments ol{list-style:none;margin:0;padding:0}.bf-comments ol ol{padding-left:28px;border-left:2px solid var(--rule);margin-left:4px}
.bf-comment{padding:16px 0;border-top:1px solid var(--rule)}
.bf-comment-meta{gap:12px;align-items:baseline}
.bf-comment-meta .wp-block-comment-author-name{font:600 17px/1.2 Inter}
.bf-comment-meta .wp-block-comment-date{font:500 12px/1 var(--mono);color:var(--brown)}
.bf-comment .wp-block-comment-content p{margin:.4em 0}
.bf-comment .wp-block-comment-reply-link{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--date)}
.bf-comments .comment-respond{margin-top:24px}
.bf-comments .comment-reply-title{font:600 24px/1.2 var(--serif)}
.bf-comments input:not([type=submit]):not([type=checkbox]),.bf-comments textarea{width:100%;font:400 16px/1.5 Inter;padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:#fff6;box-sizing:border-box}
.bf-comments input[type=submit],.bf-archive button{font:600 13px/1 Inter;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--bone);border:0;border-radius:99px;padding:12px 20px;cursor:pointer}
.bf-comments input[type=submit]:hover,.bf-archive button:hover{background:var(--orange)}
.bf-comments .no-comments,.wp-block-post-comments-form p.comments-closed{font:500 13px/1.4 var(--mono);color:var(--brown)}

/* tag, search, year pages */
.bf-archive{max-width:960px;margin:0 auto;padding:40px 0 6px 256px}
.bf-label{font:500 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--date)}
.bf-archive h1{font:800 64px/1 var(--display);letter-spacing:-.04em;margin:10px 0 8px;color:var(--rust)}
.bf-count{font:500 13px/1 var(--mono);color:var(--brown)}
.bf-archive form{display:flex;gap:10px;margin-top:18px}
.bf-archive input,.bf-searchbox input{flex:1;font:400 17px/1.2 Inter;padding:11px 14px;border:1px solid var(--rule);border-radius:8px;background:#fff6}
.bf-none{max-width:700px;margin:30px auto 0 256px}

/* pages: Timeline, Tags, About */
.bf-page{max-width:960px;margin:0 auto;padding-bottom:30px}
.bf-page-title{font:800 64px/1 var(--display)!important;letter-spacing:-.04em;color:var(--rust);margin:44px 0 26px}
.bf-page .wp-block-post-content{max-width:700px}
.bf-timeline .yr{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:18px 0;border-top:1px solid var(--rule)}
.bf-timeline .yr>b{font:800 40px/1 var(--display);letter-spacing:-.04em;color:var(--rust)}
.bf-timeline .empty>b{color:#C9B79C}.bf-timeline .note{font:500 13px/40px var(--mono);color:#A8957A}
.bf-timeline .bar{display:flex;align-items:center;gap:10px;margin:10px 0 12px}
.bf-timeline .bar i{display:block;height:8px;border-radius:4px;background:var(--orange)}
.bf-timeline .bar span{font:500 12px/1 var(--mono);color:var(--brown)}
.bf-timeline ul{list-style:none;margin:0;padding:0}
.bf-timeline li{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:4px 0;align-items:baseline}
.bf-timeline time,.bf-timeline li span{font:500 12px/1 var(--mono);color:var(--brown);text-transform:uppercase}
.bf-timeline li a{font:500 19px/1.3 var(--serif)}.bf-timeline li a:hover{color:var(--orange)}
.bf-tagindex{display:flex;flex-wrap:wrap;gap:10px}
.bf-tagindex a{font:500 14px/1 var(--mono);padding:9px 13px;border-radius:99px;background:var(--bone2)}
.bf-tagindex a span{color:var(--date);margin-left:4px}
.bf-tagindex a:hover{background:var(--orange);color:#fff}.bf-tagindex a:hover span{color:#fff}

/* footer */
.bf-foot{display:flex;justify-content:space-between;gap:20px;margin:70px var(--pad) 0;padding:18px 0 30px;border-top:3px solid var(--orange);font:500 13px/1.4 var(--mono);color:var(--brown)}

/* phone */
@media (max-width:760px){
 :root{--pad:20px}
 body{font-size:17px}
 .bf-mast{padding-top:16px}.bf-home{display:none}.bf-top{justify-content:flex-end}
 .bf-nav{gap:0;width:100%;justify-content:space-between;font-size:11px}
 .bf-word{margin-top:14px;font-size:calc((100vw - 40px) / 3.415)}
 .bf-mast.is-compact .bf-word{font-size:calc((100vw - 40px) / 3.415 * .5)}
 .bf-sub{font-size:12px}
 .bf-spine li.wp-block-post,.bf-row{display:block}
 .bf-rail{border:0;position:sticky;top:0;z-index:2;background:var(--bone)}
 .bf-rail:empty{display:none}
 .bf-rail b{position:static;text-align:left;font-size:44px;padding:24px 0 4px}
 .bf-head{grid-template-columns:1fr 104px;gap:14px;padding-top:24px}.bf-head:before{display:none}
 .bf-title,.bf-row .bf-title{font-size:30px}.bf-map img,.bf-row .bf-map img{width:104px;border-radius:6px}
 .bf-pages,.bf-archive,.bf-none{margin-left:0;padding-left:0}
 .bf-archive h1,.bf-page-title{font-size:44px!important}
 .bf-timeline .yr{grid-template-columns:1fr;gap:4px}.bf-timeline li{grid-template-columns:58px 1fr}.bf-timeline li span{display:none}
 .bf-postnav{grid-template-columns:1fr}.bf-postnav .next{text-align:left}
 .bf-foot{flex-direction:column;gap:4px}
}
/* fixes after the first look */
.bf-page{padding-top:44px}.bf-page .bf-page-title{margin-top:0}
.bf-timeline a,.bf-tagindex a{color:inherit!important;text-decoration:none!important}
.bf-timeline li a:hover{color:var(--orange)!important}
.bf-archive,.bf-page,.bf-spine,.bf-none{box-sizing:border-box}
.bf-top{position:relative;z-index:10}.bf-word-link{position:relative;z-index:1}
/* wide screens: the masthead stops growing at 1440 px wide, centred */
.bf-mast{max-width:1440px;margin:0 auto;box-sizing:border-box;padding-left:min(5vw,72px);padding-right:min(5vw,72px)}
.bf-word{font-size:calc(min(90vw, 1296px) / 3.415)}
.bf-mast.is-compact .bf-word{font-size:calc(min(34vw, 490px) / 3.415)}
.bf-foot{max-width:1296px;margin-left:auto;margin-right:auto}
@media (max-width:760px){.bf-mast{padding-left:20px;padding-right:20px}.bf-word{font-size:calc((100vw - 40px) / 3.415)}.bf-mast.is-compact .bf-word{font-size:calc((100vw - 40px) / 3.415 * .5)}.bf-foot{margin:70px 20px 0}}
/* footer keeps the header's side margins at every width */
.bf-foot{box-sizing:border-box;width:calc(100% - 2 * min(5vw, 72px));max-width:1296px;margin:70px auto 0}
@media (max-width:760px){.bf-foot{width:calc(100% - 40px);margin:70px auto 0}}