/* Additions for the rewritten home page. styles.base.css is an unmodified copy of the live assets/css/styles.css. */
.wrap{max-width:760px}
.lede{font-family:var(--serif);font-size:1.28rem;line-height:1.4;color:var(--ink);margin:14px 0 0;max-width:34em;letter-spacing:-.01em}
.about p{margin:0 0 14px}.about{margin-top:20px}
.facts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.facts li{padding-left:16px;position:relative;color:var(--ink-soft);font-size:.98rem;max-width:62ch}
.facts li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:1px;background:var(--brass)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.btn{font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;padding:9px 14px;border:1px solid var(--ink);border-radius:8px;color:var(--ink);text-decoration:none;background:transparent}
.btn.primary{background:var(--ink);color:#fff}.btn:hover{border-color:var(--brass);color:var(--brass)}.btn.primary:hover{background:var(--brass);color:#fff}
.btn.pending{border-style:dashed;color:var(--ink-mut);border-color:var(--ink-mut);cursor:not-allowed}
h2.cat__label{margin:0}
.cat{margin-top:52px}
.proj__link[aria-disabled="true"]{cursor:default}
.badge2{font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);border:1px solid #e6c9bd;background:#fdf6f2;border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:middle}
.proj__title .new{font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;color:var(--teal);border:1px solid #c7dad8;background:#f3f8f7;border-radius:999px;padding:2px 8px;margin-left:10px;vertical-align:middle;font-style:normal}
.honest{margin-top:20px;font-size:.86rem;color:var(--ink-mut);max-width:62ch;border-left:2px solid var(--line);padding-left:12px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px 10px;z-index:9}
:root{--ink-mut:#6f6e65}
.fun-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.fun-grid li{border-bottom:1px solid var(--line);padding:12px 2px}
.fun-grid a{font-family:var(--serif);font-size:1.1rem;color:var(--ink);text-decoration:none}.fun-grid a:hover{color:var(--brass)}
.fun-grid span{display:block;font-size:.84rem;color:var(--ink-mut);line-height:1.4}
@media(max-width:560px){.fun-grid{grid-template-columns:1fr}.lede{font-size:1.15rem}}

/* preview additions */
.topnav{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
.topnav a,.sub a{font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;color:var(--brass);text-decoration:none;border-bottom:1px solid transparent}
.topnav a:hover,.sub a:hover{border-bottom-color:var(--brass)}
.proj.feat{border-bottom:1px solid var(--line)}.proj.feat .proj__link{border-bottom:0;padding-bottom:12px}
.sub{display:flex;gap:18px;flex-wrap:wrap;margin:0 2px 26px}
.foot__links a.quiet{color:var(--ink-mut)}
.tagline a,.honest a,.small a,.about a{color:var(--brass);text-decoration:none;border-bottom:1px solid var(--line)}
.tagline a:hover,.honest a:hover,.small a:hover{border-bottom-color:var(--brass)}
.proj__blurb b{color:var(--ink);font-weight:600}
.resume-frame{width:100%;height:78vh;min-height:520px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:22px}
.small{font-size:.86rem;color:var(--ink-mut);max-width:62ch}
:root{--ink-mut:#6f6e65}
.fun-grid.one{grid-template-columns:1fr}
.doc{padding:30px 24px 60px;max-width:860px}.doc h1{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}.doc h2,.doc h3{font-family:var(--serif);font-weight:500;margin-top:1.8em}.doc table{border-collapse:collapse;font-size:.86rem;display:block;overflow-x:auto}.doc th,.doc td{border-bottom:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}.doc code{font-family:var(--mono);font-size:.82em;background:var(--paper-2);padding:1px 4px;border-radius:3px}.doc pre{background:var(--paper-2);padding:12px;overflow-x:auto;border-radius:6px}.doc pre code{background:none;padding:0}.doc a{color:var(--brass)}