Wayline — notes on history and other detours
:root{
–paper:#EDE6D6;
–paper-dim:#E4DBC7;
–ink:#262220;
–ink-soft:#5B5449;
–rule:#C9BFA5;
–rust:#A8452F;
–forest:#3E5C4E;
–dusty:#4A6B8A;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
background:var(–paper);
color:var(–ink);
font-family:’Source Serif 4′, serif;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
body::before{
content:””;
position:fixed; inset:0;
background-image:
repeating-linear-gradient(0deg, rgba(90,80,60,0.035) 0px, rgba(90,80,60,0.035) 1px, transparent 1px, transparent 3px);
pointer-events:none;
z-index:0;
}
a{color:var(–rust); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:920px; margin:0 auto; padding:0 28px; position:relative; z-index:1;}
/* ———- masthead ———- */
header.masthead{
border-bottom:1.5px solid var(–ink);
padding:36px 0 18px;
}
.masthead-row{
display:flex; justify-content:space-between; align-items:flex-start; gap:24px;
}
.brand h1{
font-family:’Fraunces’, serif;
font-optical-sizing:auto;
font-weight:600;
font-size:44px;
letter-spacing:-0.01em;
margin:0 0 6px;
}
.brand p{
margin:0;
font-family:’IBM Plex Mono’, monospace;
font-size:12.5px;
letter-spacing:0.06em;
text-transform:uppercase;
color:var(–ink-soft);
}
nav.mastnav{
display:flex; gap:22px;
font-family:’IBM Plex Mono’, monospace;
font-size:12.5px;
letter-spacing:0.04em;
text-transform:uppercase;
padding-top:10px;
}
nav.mastnav a{color:var(–ink); border-bottom:1px solid transparent;}
nav.mastnav a:hover{color:var(–rust); text-decoration:none; border-bottom:1px solid var(–rust);}
/* ———- postmark signature element ———- */
.postmark{
width:104px; height:104px;
flex-shrink:0;
transform:rotate(-9deg);
opacity:0.92;
}
.postmark circle, .postmark path, .postmark line{
stroke:var(–rust);
fill:none;
}
.postmark text{
fill:var(–rust);
font-family:’IBM Plex Mono’, monospace;
}
/* ———- hero / featured entry ———- */
.hero{
padding:46px 0 40px;
border-bottom:1px dashed var(–rule);
display:grid;
grid-template-columns:1fr;
gap:14px;
}
.eyebrow-row{
display:flex; align-items:center; gap:12px;
}
.tag{
font-family:’IBM Plex Mono’, monospace;
font-size:11px;
letter-spacing:0.06em;
text-transform:uppercase;
padding:3px 9px;
border:1px solid currentColor;
border-radius:2px;
}
.tag.history{color:var(–forest);}
.tag.adventure{color:var(–dusty);}
.entry-date{
font-family:’IBM Plex Mono’, monospace;
font-size:12px;
color:var(–ink-soft);
}
.hero h2{
font-family:’Fraunces’, serif;
font-weight:600;
font-size:38px;
line-height:1.12;
margin:6px 0 4px;
max-width:14ch;
}
.hero .dek{
font-size:17px;
color:var(–ink-soft);
max-width:56ch;
margin:0 0 6px;
}
.read-link{
font-family:’IBM Plex Mono’, monospace;
font-size:12.5px;
letter-spacing:0.03em;
}
/* ———- section label ———- */
.section-label{
display:flex; align-items:baseline; gap:14px;
margin:44px 0 22px;
}
.section-label h3{
font-family:’Fraunces’, serif;
font-weight:500;
font-style:italic;
font-size:20px;
margin:0;
white-space:nowrap;
}
.section-label .line{
flex:1;
height:1px;
background:var(–rule);
}
/* ———- entry index (card grid) ———- */
.entries{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:22px;
padding-bottom:12px;
}
.card{
background:var(–paper-dim);
border:1px solid var(–rule);
padding:18px 16px 16px;
position:relative;
display:flex; flex-direction:column; gap:8px;
min-height:210px;
}
.card .corner{
position:absolute; top:10px; right:10px;
width:38px; height:38px;
opacity:0.85;
}
.card .corner circle, .card .corner path{
stroke:currentColor; fill:none;
}
.card.history .corner{color:var(–forest);}
.card.adventure .corner{color:var(–dusty);}
.card .tag{align-self:flex-start;}
.card h4{
font-family:’Fraunces’, serif;
font-weight:600;
font-size:18.5px;
line-height:1.22;
margin:2px 0 0;
padding-right:34px;
}
.card p{
font-size:14px;
color:var(–ink-soft);
margin:0;
flex:1;
}
.card .meta{
font-family:’IBM Plex Mono’, monospace;
font-size:11px;
color:var(–ink-soft);
letter-spacing:0.02em;
padding-top:6px;
border-top:1px dashed var(–rule);
}
/* ———- about strip ———- */
.about{
margin-top:50px;
padding:28px 0 32px;
border-top:1.5px solid var(–ink);
display:grid;
grid-template-columns:120px 1fr;
gap:24px;
align-items:start;
}
.about .stamp-mini{width:78px; height:78px; transform:rotate(6deg); color:var(–ink-soft);}
.about .stamp-mini circle, .about .stamp-mini path{stroke:currentColor; fill:none;}
.about h5{
font-family:’IBM Plex Mono’, monospace;
text-transform:uppercase;
letter-spacing:0.06em;
font-size:12px;
color:var(–ink-soft);
margin:0 0 8px;
}
.about p{margin:0; font-size:15px; max-width:62ch;}
/* ———- footer ———- */
footer{
padding:22px 0 40px;
display:flex; justify-content:space-between; align-items:center;
font-family:’IBM Plex Mono’, monospace;
font-size:11.5px;
color:var(–ink-soft);
flex-wrap:wrap; gap:10px;
}
footer a{color:var(–ink-soft);}
footer a:hover{color:var(–rust);}
@media (max-width:760px){
.entries{grid-template-columns:1fr;}
.masthead-row{flex-direction:column;}
.postmark{align-self:flex-end;}
.hero h2{font-size:30px; max-width:none;}
.about{grid-template-columns:1fr; }
}
Wayline
Field notes on history, and other places I got lost
POSTED
FROM SOMEWHERE
EST.
12 JUL 2026 · Cairngorms, Scotland
Three wrong turns and a bothy fire
I meant to be off the mountain by four. Instead I spent the night sharing a stone hut with a Dutch geologist, a box of damp matches, and the growing suspicion that my map was twenty years out of date.
Recent entries
The Silk Road’s forgotten detours
Everyone knows the trunk route through Samarkand. Fewer know about the traders who went north instead, chasing furs through mountain passes that swallowed whole caravans.
Sleeping in a 1920s fire lookout
The last ranger to staff this tower kept a logbook that’s still up there, wedged under a coffee tin. I added a line of my own before I left.
Why Byzantium never fell, until it did
A city that survived eleven sieges across a thousand years, and the one Tuesday in 1453 when the walls finally didn’t hold.
The bus that never came
Nine hours in a village outside Oaxaca with no working Spanish, a dead phone, and a family who fed me anyway.
The library that burned twice
Alexandria’s fate gets all the attention. The second great library fire, four centuries later and half forgotten, might be the stranger story.
Learning to sail badly, in public
My instructor’s entire teaching method was pointing and saying “not that one.” Somehow it worked.
About this notebook
I write about the past because it’s the only place stranger than the present, and about my own trips because I keep making the same mistakes in new countries. No theme beyond curiosity. New entries roughly every week, whenever there’s a story worth the ink.
hegelmat.com 