*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#0d0d0d}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;color:#e8e8e8;background:#111;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:#FF6E00;text-decoration:none}
a:hover,a:focus-visible{color:#FF9840}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:2px solid #FF6E00;outline-offset:3px}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .6em;font-weight:800;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1{font-size:clamp(2rem,5vw,3rem)}
h2{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-top:2.4rem;padding-top:2rem;border-top:1px solid #222}
h3{font-size:1.05rem;margin-top:1.4rem}
p{margin:0 0 1em;color:#b8b8b8}
.skip{position:absolute;left:-9999px;top:0;background:#FF6E00;color:#000;padding:.75rem 1rem;z-index:1000;font-weight:700}
.skip:focus{left:0}
.wrap{max-width:820px;margin:0 auto;padding:0 1.25rem}

/* ── Nav ── */
.nav{position:sticky;top:0;z-index:50;background:rgba(13,13,13,.88);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid #222}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px;max-width:900px;margin:0 auto;padding:0 1.25rem}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.05rem;color:#fff;text-decoration:none}
.brand:hover{color:#fff}
.brand .b{color:#FF6E00}
.nav-cta{background:#FF6E00;color:#000!important;padding:.55rem 1.1rem;font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background .15s}
.nav-cta:hover{background:#FF9840;color:#000!important}

/* ── Hero Author ── */
.hero-author{padding:4rem 0 3rem;border-bottom:1px solid #222}
.hero-author .wrap{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center}
@media(max-width:600px){.hero-author .wrap{grid-template-columns:1fr;text-align:center;gap:1.5rem}}
.avatar{width:160px;height:160px;border-radius:0;border:3px solid #FF6E00;object-fit:cover;justify-self:center}
.role{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#FF6E00;margin-bottom:.6rem}
.tagline{font-size:1.05rem;color:#ccc;margin:.5rem 0 1rem;line-height:1.5}
.meta-row{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;font-size:.82rem;color:#777}
.meta-row span{display:flex;align-items:center;gap:.35rem}
.meta-row svg{flex-shrink:0;color:#FF6E00}

/* ── Main content ── */
main{padding:2rem 0 4rem}
.lead-bio{font-size:1.1rem;color:#ccc;line-height:1.7;margin-bottom:2rem}

/* ── Expertise grid ── */
.expertise{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#222;margin:1.5rem 0 2rem}
@media(max-width:640px){.expertise{grid-template-columns:1fr}}
.skill{background:#111;padding:1.5rem 1.25rem}
.icon{width:36px;height:36px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;color:#FF6E00}
.skill h3{font-size:.95rem;margin:0 0 .4rem;color:#fff}
.skill p{font-size:.88rem;color:#777;margin:0}

/* ── Pullquote ── */
.pullquote{margin:2.5rem 0;padding:1.5rem 1.75rem;border-left:4px solid #FF6E00;background:#141414;font-size:1.05rem;line-height:1.65;color:#e0e0e0;font-style:italic}
.pullquote cite{display:block;margin-top:.75rem;font-size:.82rem;font-style:normal;color:#666}

/* ── Timeline ── */
.timeline{margin:1.5rem 0 2rem}
.timeline-item{padding:1.25rem 0;border-bottom:1px solid #1e1e1e}
.timeline-item:last-child{border-bottom:none}
.year{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FF6E00;margin-bottom:.3rem}
.timeline-item h3{margin:0 0 .25rem;font-size:1rem}
.timeline-item p{margin:0;font-size:.9rem;color:#777}

/* ── Articles ── */
.articles{display:flex;flex-direction:column;gap:0;margin:1.25rem 0 2rem;border:1px solid #222}
.article-link{padding:.9rem 1.1rem;border-bottom:1px solid #1e1e1e;font-size:.92rem;color:#ccc;transition:background .15s,color .15s}
.article-link:last-child{border-bottom:none}
.article-link:hover{background:#1a1a1a;color:#FF6E00}

/* ── Back link ── */
.back-link{display:inline-block;margin-top:1rem;font-size:.9rem;color:#FF6E00;font-weight:600}
.back-link:hover{color:#FF9840}

/* ── Footer ── */
footer{padding:2rem 0;border-top:1px solid #1e1e1e}
footer p{font-size:.82rem;color:#555;margin:0;text-align:center}
footer a{color:#FF6E00}