:root{--bg: #0c0c0b;--surface: #141413;--border: #242422;--muted: #555550;--text: #e8e6df;--text-dim: #9c9a91;--accent: #d4f27a;--accent-dim: #a8c25e;--f-serif: "Instrument Serif", serif;--f-mono: "DM Mono", monospace;--f-sans: "Syne", sans-serif}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}::selection{background-color:var(--accent);color:var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;padding:1.25rem;margin:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.layout-grid{max-width:72rem;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr;gap:2rem;padding-top:2rem;padding-bottom:4rem}header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;padding-bottom:1rem;border-bottom:1px solid transparent;background-color:var(--bg);transition:border-color .3s,backdrop-filter .3s,background .3s}header.scrolled{background:#0c0c0bbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border)}h1{font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:2rem;color:var(--text);margin:0}h2{font-family:var(--f-serif);font-style:italic;font-size:1.75rem;font-weight:400;color:var(--text);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-top:0;margin-bottom:1rem}main>p{font-size:.9375rem;line-height:1.75;color:var(--text-dim);margin-top:0}main nav{display:flex;gap:.75rem;align-items:center;margin-top:1rem}a:hover{color:var(--accent)}nav a{color:var(--text-dim);text-decoration:none;transition:color .3s}nav a:hover{text-decoration:underline}.right-column{display:flex;flex-direction:column;gap:1.5rem}ul{list-style:none;padding:0;margin:0}ul li{display:flex;gap:.5rem;padding-top:.875rem;padding-bottom:.875rem;border-top:1px solid var(--border);position:relative;padding-left:0;transition:padding-left .3s}ul li:first-child{border-top:none}ul li:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background-color:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .3s}ul li:hover{padding-left:.75rem}ul li:hover:before{transform:scaleY(1)}ul li img{width:3rem;height:3rem;border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface);flex-shrink:0}ul li>div{display:flex;flex-direction:column;gap:.25rem}li h5{font-family:var(--f-sans);font-size:.9375rem;font-weight:600;color:var(--text);margin:0}li h5 a{color:inherit;text-decoration:none}li h5 a:hover{text-decoration:underline}li p{font-family:var(--f-mono);font-size:.75rem;color:var(--text-dim);line-height:1.25rem;margin:0}#experience-counter{font-family:var(--f-mono);color:var(--accent-dim)}#strava-widget{width:100%;margin-top:.75rem;border:1px solid var(--border);overflow:hidden}#strava-widget iframe{display:block;filter:invert(1) hue-rotate(180deg);border-radius:8px}footer p{font-family:var(--f-mono);font-size:.7rem;color:var(--muted);text-align:center;margin:0}footer a{color:var(--accent);text-decoration:none}footer a:hover{color:var(--accent)}@media (min-width: 768px){html,body{height:100%;overflow:hidden}.layout-grid{grid-template-columns:1fr 1fr;height:calc(100vh - 2.5rem);padding-top:0;padding-bottom:0}.left-column{height:100%;overflow:hidden;display:flex;flex-direction:column;padding-top:2rem}.right-column{height:100%;overflow-y:auto;padding-top:2rem;padding-bottom:4rem}.left-column header{position:static}.left-column main{flex:1;display:flex;flex-direction:column}.left-column main nav{margin-top:auto;padding-bottom:3rem}}