:root{--serif: "Instrument Serif", serif;--mono: "DM Mono", monospace;--sans: "DM Sans", sans-serif;--bg: #efe3cf;--bg-card: #eee2bf;--text: #2C1A0E;--text-muted: #8C7355;--accent: #A0522D;--accent-soft: #edd5b2;--border: #D4C9B0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);font-weight:300;background:var(--bg);-webkit-font-smoothing:antialiased}nav{top:0;left:0;right:0;position:fixed;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 3rem;background:#ecd497d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--mono);font-size:.8rem;font-weight:400;letter-spacing:.05em;color:var(--text-muted);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s}.hero{font-family:var(--serif);display:flex;justify-content:center;flex-direction:column;padding:2rem 4rem;max-width:900px;min-height:100vh;position:relative;margin:0 auto}.hero-eyebrow{font-size:clamp(.5rem,2vw,1.25rem);font-family:var(--mono);font-weight:300;letter-spacing:.13rem;color:var(--accent);opacity:0;animation:fadeUp .8s ease forwards .15s}.hero-name{font-family:var(--serif);font-size:clamp(3.5rem,8vw,6.5rem);font-weight:400;line-height:1;opacity:0;color:var(--text);margin-bottom:1.5rem;margin-top:0;letter-spacing:-.02rem;animation:fadeUp .9s ease forwards .25s}.hero-tagline{font-family:var(--serif);font-size:clamp(1rem,4vw,3rem);font-style:italic;font-weight:200;color:var(--text-muted);margin-top:1.5rem;margin-bottom:3rem;opacity:0;line-height:1.4;animation:fadeUp 1s ease forwards .35s}.hero-tagline span{color:var(--text);font-style:italic}.hero-cta{display:flex;flex-wrap:wrap;opacity:0;gap:1rem;animation:fadeUp 1.1s ease forwards .5s}.hero-cta a{text-decoration:none;font-size:clamp(1rem,2vw,1rem)}.hero-scroll{position:absolute;bottom:2.5rem;left:3rem;display:flex;align-items:center;gap:.75rem;opacity:0;animation:fadeIn 1s ease forwards 1s;margin-bottom:5rem}.hero-scroll-line{width:40px;height:1px;background:var(--text-muted);animation:expandLine 1s ease forwards 1.2s;transform-origin:left;transform:scaleX(0)}.hero-scroll span{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.btn-primary{font-family:var(--mono);background:var(--text);color:var(--bg);padding:.5rem;border-radius:.2rem}.btn-primary:hover{background:#3d2510}.btn-secondary{font-family:var(--mono);background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.5rem;border-radius:.2rem}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}section{margin:0 auto;max-width:57rem;padding:3rem 2rem;border-top:1px solid var(--border);scroll-margin-top:5rem}.section-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.section-label:after{content:"";flex:1;height:1px;background:var(--border);max-width:60px}.about-text{font-family:var(--serif);font-size:clamp(1.5rem,1vw,1.5rem);font-weight:500}.about-text em{color:var(--text-muted)}.about-tags{display:flex;font-size:clamp(.65rem,.5vw,.65rem);margin-top:1.5rem;gap:.5rem;flex-wrap:wrap;margin-bottom:0}.tag{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);padding:.25rem;border-radius:.15rem;border-color:var(--accent);letter-spacing:.06em}.writing-grid{display:grid;gap:1px;border:1px solid var(--border);border-radius:.25rem;overflow:hidden}.writing-item{display:grid;grid-template-columns:1fr auto;align-items:center;background:var(--bg-card);text-decoration:none;color:var(--text);padding:.5rem}.writing-date-topic{font-family:var(--mono);font-weight:200;letter-spacing:.03em;font-size:clamp(.75rem,.75vw,.75rem);color:var(--text-muted)}.writing-item-title{font-family:var(--serif);font-weight:100;letter-spacing:.02em;font-size:clamp(2rem,1vw,2rem)}.writing-arrow{display:grid;font-size:1rem;color:var(--accent);padding-right:1rem;transition:transform .2s,color .2s}article{display:flex;flex-direction:column;justify-content:left;padding:6rem 2rem;max-width:680px;margin:0 auto;align-items:left;font-family:var(--serif)}article h1{font-size:2.5rem;margin-bottom:1rem}article h2{font-weight:300}article h3{font-weight:300}article h4{font-family:var(--mono);font-size:.75rem;color:var(--text-muted);font-weight:200}article pre{font-family:var(--mono);background:var(--text)!important;color:var(--accent-soft);padding:0rem;border-radius:.3rem;font-size:.9rem;margin:0rem 3rem}article pre code{font-family:var(--mono);background:var(--text);background-color:var(--text);color:var(--accent-soft);padding-left:1rem;border-radius:.3rem}article p{font-size:1.25rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text);letter-spacing:.02em}article li{font-size:1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text);letter-spacing:.02em}article a{color:var(--accent);text-decoration:underline}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:none}.timeline-date{font-family:var(--mono);font-size:.8rem;letter-spacing:.05em;font-weight:200;color:var(--text-muted);line-height:1.5;padding-top:.2rem}.timeline-role{font-family:var(--sans);font-size:1rem}.timeline-company{font-family:var(--mono);font-size:.75rem;letter-spacing:.03em}.timeline-desc{font-family:var(--sans);font-size:.8rem}footer{max-width:900px;margin:0 auto;padding:3rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-copywright{font-family:var(--mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.06em}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expandLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:600px){nav{padding:1rem 0rem}.nav-links{font-size:clamp(.5rem,.5vw,.5rem)}.nav-links li a{font-size:9px;padding-right:.5rem}.nav-logo{font-size:9px;padding-left:.5rem}.hero,section,footer{padding-top:1rem;padding-left:1.5rem;padding-right:1.5rem}.hero-scroll{left:1.5rem}.timeline-item{grid-template-columns:1fr;gap:.5rem}footer{flex-direction:column;gap:1.5rem;text-align:center}}