Something went wrong. Try again.
my personal website pdewey.com
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490:root { --font-body: "Patrick's Iosevka", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
@font-face { font-family: "Patrick's Iosevka"; src: url("/assets/fonts/IosevkaPatrickNerdFont-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: "Patrick's Iosevka"; src: url("/assets/fonts/IosevkaPatrickNerdFont-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: "Patrick's Iosevka"; src: url("/assets/fonts/IosevkaPatrickNerdFont-SemiBold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}
:root,.light { --background: #f0ebe1; --primary: #252f1e; --green: #77824a; --orange: #bb7844; --teal: #5f865f; /* darker yellow for contrast on cream background */ --yellow: #9a8030; --red: #b3664d;}
.dark { --background: #24211e; --primary: #d7c484; --yellow: #c9a654;}
html { background: var(--background); color: var(--primary);}
body { position: relative; background: var(--background); color: var(--primary); max-width: 70ch; margin: 4rem auto; padding: 0 1rem; font-family: var(--font-body); line-height: 1.6;}
a { color: var(--orange);}
::marker { color: var(--teal);}
nav ul { display: flex; flex-direction: row; gap: 1rem; padding: 0; margin: 0; list-style: none;}
nav li + li::before { content: "/"; margin-right: 1rem; color: var(--primary);}
h1,h2,h3,h4 { color: var(--green);}
article :where(h1, h2) { line-height: 1.2; margin: 2rem 0 0.75rem; font-weight: 700;}
pre { overflow-x: auto; padding: 1rem; border-radius: 0.75rem;}
img { display: block; max-width: 100%; height: auto;}
/* Footnotes / references section: hard-wrap long URLs and any long tokens so they never force horizontal scroll, even when wider than the viewport. MDEx renders these as <section class="footnotes"> with raw URLs as link text, which browsers won't break by default. */section.footnotes { overflow-wrap: anywhere; word-break: break-word;}
.posts-list { padding: 0; list-style: none;}
.posts-list__item { display: grid; grid-template-columns: 12ch 1fr; gap: 1rem; align-items: baseline; margin: 0.35rem 0;}
.posts-list time,.post-meta { color: var(--yellow); font-size: 0.9rem;}
.posts-list time { font-variant-numeric: tabular-nums;}
.post-header { margin-bottom: 2rem;}
.post-header h1 { margin-bottom: 0.5rem;}
.post-meta { display: flex; flex-wrap: wrap; gap: 0.35rem 0.75rem; align-items: center;}
.post-meta > * + *::before { content: "/"; margin-right: 0.75rem; color: var(--primary);}
.tags { display: inline-flex; flex-wrap: wrap; gap: 0.35rem; padding: 0; margin: 0; list-style: none;}
.tags li::before { content: "#";}
.bsky-comments { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid color-mix(in srgb, var(--green) 40%, transparent);}
.bsky-comments h2 { margin-bottom: 1rem;}
bsky-conversation { display: block; font-size: 0.95rem; --bsky-border-color: color-mix(in srgb, var(--green) 35%, transparent); --bsky-muted-color: var(--yellow); --bsky-link-color: var(--orange); --bsky-link-hover: var(--teal); --bsky-link-underline: color-mix(in srgb, var(--orange) 45%, transparent); --bsky-link-underline-hover: color-mix(in srgb, var(--teal) 50%, transparent);}
@media (max-width: 480px) { body { margin: 1.5rem auto; padding: 0 1rem; line-height: 1.55; }
nav ul { gap: 0.25rem 0.75rem; }
nav li + li::before { margin-right: 0.75rem; }
.posts-list__item { grid-template-columns: 1fr; gap: 0; }}
.log-body { margin-top: 1.5rem;}
.log-entry { display: grid; grid-template-columns: 12ch 1fr; gap: 1rem; padding: 0.5rem 0;}
.log-date,.log-rkey { color: var(--yellow); font-size: 0.9rem;}
.log-rkey { margin-top: 0.25rem;}
.log-head { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline;}
.brew-bean,.play-track { font-weight: 700;}
.brew-roaster,.brew-sub,.brew-meta,.brew-equipment,.play-artist,.play-release { margin-top: 0.15rem;}
.brew-list { /* Arabica feed-card tokens, scoped so the rest of the site keeps its own palette. */ --brand-brown-50: #fdf8f6; --brand-brown-100: #f2e8e5; --brand-brown-200: #eaddd7; --brand-brown-300: #e0cec7; --brand-brown-400: #d2bab0; --brand-brown-700: #6b4423; --brand-brown-800: #4a2c2a; --brand-brown-900: #3d2319; --feed-card-bg: #fffdf5; --type-brew-tint: rgba(107, 68, 35, 0.14); --text-primary: #3d2319; --text-secondary: #4a2c2a; --text-emphasis: #6b4423; --text-muted: #7f5539; --text-faint: #8a6758; --text-placeholder: #d2bab0; --rating-bg: #fef3c7; --rating-text: #78350f; margin-top: 1.5rem;}
.brew-grid { display: grid; gap: 0.75rem;}
.feed-card { break-inside: avoid; overflow: hidden; border: none; border-radius: 0.25rem; background-color: var(--feed-card-bg); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);}
.feed-card:hover { box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);}
.feed-card-brew { padding: 1rem; background-image: linear-gradient(var(--type-brew-tint), var(--type-brew-tint)); box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);}
.brew-card__meta { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; color: var(--text-muted); font-size: 0.875rem;}
.brew-card__topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.75rem;}
.brew-card__title-wrap { flex: 1 1 auto; min-width: 0;}
.brew-bean { color: var(--text-primary); font-size: 1rem; font-weight: 700; line-height: 1.5rem; text-decoration: none;}
.brew-bean:hover { text-decoration: underline;}
.brew-roaster { margin-top: 0.125rem; color: var(--text-emphasis); font-size: 0.875rem; font-weight: 500;}
.brew-sub { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; margin-top: -0.25rem; margin-bottom: 0.5rem; color: var(--text-muted); font-size: 0.75rem; line-height: 1rem;}
.brew-rating { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 0.375rem; padding: 0.25rem 0.75rem; border-radius: 9999px; background: var(--rating-bg); color: var(--rating-text); font-size: 0.875rem; font-weight: 500; line-height: 1.25rem;}
.brew-brewer-row { margin-bottom: 0.5rem; font-size: 0.875rem;}
.brew-label,.brew-param dt { display: inline; color: var(--text-muted); font-size: inherit; font-weight: 400; letter-spacing: 0; text-transform: none;}
.brew-brewer,.brew-param dd { display: inline; margin: 0; color: var(--text-primary); font-weight: 600;}
.brew-params { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.25rem 1rem; margin: 0; color: var(--text-emphasis); font-size: 0.75rem; line-height: 1rem;}
.brew-param { min-width: 0;}
.brew-pours { display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; margin-top: 0.5rem; color: var(--text-emphasis); font-size: 0.75rem; line-height: 1rem;}
.brew-pour { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem 0.5rem; border: 1px solid var(--brand-brown-200); border-radius: 0.375rem; background: var(--brand-brown-50); color: var(--text-faint);}
.brew-pour__index { color: var(--text-emphasis); font-weight: 500;}
.brew-pour__water { color: var(--text-primary);}
.brew-pour__dot { color: var(--text-placeholder);}
.brew-notes { margin: 0.75rem 0 0; padding-top: 0.5rem; border-top: 1px solid var(--brand-brown-200); color: var(--text-secondary); font-size: 0.875rem; font-style: italic; line-height: 1.45;}
.hidden { display: none !important;}
@media (max-width: 480px) { .log-entry { grid-template-columns: 1fr; gap: 0; }
.brew-list { margin-left: -0.25rem; margin-right: -0.25rem; padding: 0.55rem; }
.brew-card__topline { align-items: flex-start; }
.brew-params { grid-template-columns: 1fr; }}