@font-face{font-family:eb garamond;src:url(/fonts/EBGaramond-VariableFont_wght.ttf)format("truetype");font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:lato,sans-serif;font-size:1rem;line-height:1.6;background-color:#282828;color:#ebdbb2;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}a{color:#8ec07c;text-decoration:none;transition:color .15s ease}a:hover{color:#fe8019}img{max-width:100%;height:auto}::selection{background:#fabd2f;color:#1d2021}.section-inner{max-width:900px;margin:0 auto;padding:0 1.5rem}.section-heading{font-family:playfair display,serif;font-size:1.6rem;font-weight:700;color:#ebdbb2;margin-bottom:2.5rem;padding-left:1rem;position:relative}.section-heading::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#fabd2f;border-radius:2px}.site-header{position:sticky;top:0;z-index:100}.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;gap:.5rem}.nav-logo{font-family:lato,sans-serif;font-size:1.2rem;font-weight:700;color:#ebdbb2;margin-right:auto;letter-spacing:-.02em;transition:color .15s ease}.nav-logo:hover{color:#fabd2f}.nav-links{display:flex;align-items:center;gap:.15rem;margin-left:auto}.nav-link{font-family:lato,sans-serif;font-size:.875rem;font-weight:400;color:#a89984;padding:.35rem .75rem;border-radius:4px;transition:color .15s ease,background .15s ease}.nav-link:hover{color:#ebdbb2;background:#3c3836}.nav-link--active{color:#fabd2f}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:0 0;border:none;cursor:pointer;padding:.4rem;width:2.2rem;height:2.2rem;margin-left:.25rem}.nav-hamburger span{display:block;width:100%;height:2px;background:#a89984;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(7px)rotate(45deg)}.nav-hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-menu{display:none;flex-direction:column;background:#1d2021;border-top:1px solid #504945;padding:.5rem 1.5rem 1rem}.nav-mobile-menu--open{display:flex}.nav-mobile-link{font-family:lato,sans-serif;font-size:1rem;color:#d5c4a1;padding:.6rem 0;border-bottom:1px solid #504945}.nav-mobile-link:last-child{border-bottom:none}.nav-mobile-link:hover{color:#fabd2f}.hero{background:#1d2021;min-height:100vh;padding:0 1.5rem;position:relative;display:flex;align-items:center}.hero-attractor-label{position:absolute;bottom:2rem;right:1.5rem;z-index:2;max-width:26ch;font-family:lato,sans-serif;font-size:.72rem;font-style:italic;line-height:1.6;color:#a89984;opacity:.65;pointer-events:none;text-align:right}.hero-scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;color:#a89984;opacity:.6;transition:opacity .2s ease;animation:scroll-bounce 2s ease-in-out infinite}.hero-scroll-hint svg{width:2rem;height:2rem;display:block}.hero-scroll-hint:hover{opacity:1}@keyframes scroll-bounce{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(6px)}}.hero-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#484848 1px,transparent 1px);background-size:28px 28px;opacity:.4;pointer-events:none}.hero-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:10rem;position:relative;z-index:2;pointer-events:none}.hero-inner a,.hero-inner button{pointer-events:auto}.hero-left{flex:1;min-width:0;max-width:600px;display:flex;flex-direction:row;align-items:center;gap:2rem}.hero-text{flex:1;min-width:0}.hero-greeting{font-family:lato,sans-serif;font-size:.8rem;font-weight:300;color:#a89984;letter-spacing:.08em;margin-bottom:.5rem}.hero-name{font-family:playfair display,serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;color:#ebdbb2;line-height:1.1;margin-bottom:.6rem;letter-spacing:-.01em}.hero-title{font-family:lato,sans-serif;font-size:1rem;font-weight:400;color:#d5c4a1;margin-bottom:1.1rem}.hero-bio{font-family:lato,sans-serif;font-size:.95rem;color:#d5c4a1;line-height:1.65;max-width:44ch;margin-bottom:1.75rem}.hero-socials{display:flex;flex-direction:column;gap:.65rem}.hero-socials-row{display:flex;flex-wrap:wrap;gap:.65rem}.hero-social-link{display:inline-flex;align-items:center;gap:.4rem;font-family:lato,sans-serif;background:0 0;cursor:pointer;font-size:.83rem;font-weight:500;color:#a89984;padding:.38rem .85rem;border:1px solid #504945;border-radius:5px;transition:color .15s ease,border-color .15s ease,background .15s ease}.hero-social-link svg{width:.95rem;height:.95rem;fill:currentColor;flex-shrink:0}.hero-social-link:hover{color:#fabd2f;border-color:#fabd2f;background:rgba(250,189,47,6%)}.hero-profile-wrap{flex-shrink:0;width:200px;height:200px;border-radius:50%;border:2px solid #504945;overflow:hidden}.hero-profile-img{width:100%;height:100%;object-fit:cover}.hero-right{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-3js{width:100%;height:100%}.hero-3js canvas{display:block}.section{padding:4.5rem 0}.section:nth-child(even){background:#1d2021}.section.posts-section{background:#282828}.section.skills-section{background:#1d2021}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.1rem}.skill-category{background:#3c3836;border:1px solid #504945;border-radius:8px;padding:1.25rem;transition:border-color .2s ease}.skill-category:hover{border-color:#665c54}.skill-category-name{font-family:lato,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.85rem}.skill-category--blue .skill-category-name{color:#83a598}.skill-category--green .skill-category-name{color:#b8bb26}.skill-category--yellow .skill-category-name{color:#fabd2f}.skill-category--aqua .skill-category-name{color:#8ec07c}.skill-category--purple .skill-category-name{color:#d3869b}.skill-pills{display:flex;flex-wrap:wrap;gap:.4rem}.skill-pill{font-family:lato,sans-serif;font-size:.78rem;font-weight:500;padding:.2rem .55rem;border-radius:4px;cursor:default;transition:opacity .15s ease}.skill-pill:hover{opacity:.75}.skill-category--blue .skill-pill{background:rgba(131,165,152,.15);color:#83a598}.skill-category--green .skill-pill{background:rgba(184,187,38,.15);color:#b8bb26}.skill-category--yellow .skill-pill{background:rgba(250,189,47,.15);color:#fabd2f}.skill-category--aqua .skill-pill{background:rgba(142,192,124,.15);color:#8ec07c}.skill-category--purple .skill-pill{background:rgba(211,134,155,.15);color:#d3869b}.timeline{position:relative}.timeline::before{content:'';position:absolute;left:7.5rem;top:.4rem;bottom:0;width:2px;background:#665c54}.timeline-item{display:grid;grid-template-columns:7rem 1.5rem 1fr;gap:0 1.25rem;margin-bottom:2.75rem;align-items:flex-start}.timeline-item:last-child{margin-bottom:0}.timeline-year{font-family:lato,sans-serif;font-size:.78rem;font-weight:600;color:#a89984;text-align:right;padding-top:.15rem;letter-spacing:.04em}.timeline-connector{display:flex;justify-content:center;padding-top:.2rem}.timeline-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fabd2f;background:#282828;position:relative;z-index:1;flex-shrink:0}.timeline-item--education .timeline-dot{border-color:#83a598;background:rgba(131,165,152,.12)}.timeline-item--work .timeline-dot{border-color:#fabd2f;background:rgba(250,189,47,.1)}.timeline-content{padding-bottom:.5rem}.timeline-period{font-family:lato,sans-serif;font-size:.7rem;color:#a89984;letter-spacing:.04em;margin-bottom:.3rem}.timeline-title{font-family:playfair display,serif;font-size:1.05rem;font-weight:600;color:#ebdbb2;margin-bottom:.2rem}.timeline-org{font-family:lato,sans-serif;font-size:.85rem;font-weight:500;color:#fe8019;margin-bottom:.5rem}.timeline-item--education .timeline-org{color:#83a598}.timeline-desc{font-family:lato,sans-serif;font-size:.875rem;color:#a89984;line-height:1.6}.home-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.home-post-card{display:block;background:#3c3836;border:1px solid #504945;border-radius:6px;overflow:hidden;padding:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:#ebdbb2}.home-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.4);border-color:#665c54;color:#ebdbb2}.home-post-card-img{width:100%;height:160px;object-fit:cover;display:block}.home-post-card-placeholder{width:100%;height:160px;background:repeating-linear-gradient(45deg,#504945,#504945 2px,#3c3836 2px,#3c3836 12px);opacity:.5}.home-post-card-inner{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem}.home-post-title{font-family:playfair display,serif;font-size:.875rem;font-weight:600;color:#ebdbb2;line-height:1.3}.home-post-desc{font-family:lato,sans-serif;font-size:.775rem;color:#a89984;line-height:1.45;flex:1}.home-post-meta{display:flex;gap:.75rem;font-family:lato,sans-serif;font-size:.65rem;color:#a89984;margin-top:.15rem}.posts-view-all{text-align:right}.view-all-link{font-family:lato,sans-serif;font-size:.875rem;font-weight:500;color:#8ec07c}.view-all-link:hover{color:#fe8019}.tag-container{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.35rem}.tag-pill{font-family:lato,sans-serif;font-size:.7rem;font-weight:500;color:#1d2021;padding:.15rem .45rem;border-radius:4px;white-space:nowrap}.post-layout{max-width:760px;margin:0 auto;padding:3rem 1.5rem 5rem}.post-back{display:inline-flex;align-items:center;gap:.3rem;font-family:lato,sans-serif;font-size:.85rem;color:#a89984;margin-bottom:2rem;transition:color .15s ease}.post-back:hover{color:#fabd2f}.post-header{margin-bottom:2.5rem}.post-header .tag-container{margin:.75rem 0}.post-title{font-family:playfair display,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#ebdbb2;line-height:1.2}.article-deets{display:flex;align-items:center;gap:1.5rem;margin-top:.75rem}.article-deets div{display:flex;align-items:center;gap:.4rem}.article-deets div p{font-family:lato,sans-serif;font-size:.82rem;color:#a89984;margin:0}.article-deets .icon{fill:#a89984;width:.9rem;height:.9rem}.article-content{font-family:eb garamond,serif;font-size:1.125rem;line-height:1.8;color:#d5c4a1}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#ebdbb2;margin:2rem 0 .8rem;line-height:1.25;font-weight:700}.article-content h1{font-family:playfair display,serif;font-size:1.6rem}.article-content h2{font-family:playfair display,serif;font-size:1.25rem;padding-left:.75rem;border-left:2px solid #665c54}.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:lato,sans-serif;font-size:1.05rem}.article-content p{margin-bottom:1.1rem}.article-content a{color:#8ec07c;text-decoration:underline dotted;text-underline-offset:3px}.article-content a:hover{color:#fe8019}.article-content ul,.article-content ol{font-family:lato,sans-serif;font-size:1rem;margin:.75rem 0 1.1rem 1.5rem}.article-content ul li,.article-content ol li{margin-bottom:.35rem;line-height:1.6}.article-content img{display:block;margin:2rem auto;border-radius:4px}.article-content code{font-family:lato,sans-serif;font-size:.85em;background:#3c3836;padding:.1em .35em;border-radius:3px;color:#b8bb26}.article-content pre{background:#1d2021;border:1px solid #504945;border-radius:6px;padding:1.25rem;overflow-x:auto;margin:1.5rem 0}.article-content pre code{background:0 0;padding:0;font-size:.875rem}.article-content blockquote{border-left:3px solid #fabd2f;padding:.5rem 0 .5rem 1.25rem;margin:1.5rem 0;color:#a89984;font-style:italic}.article-content div{display:flex;flex-wrap:wrap;justify-content:center}.list-layout{max-width:760px;margin:0 auto;padding:3rem 1.5rem 5rem}.posts-search{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.posts-search .section-heading{margin-bottom:0;flex:1;min-width:0}.search{display:flex;align-items:center;border-bottom:1px solid #504945;padding:.25rem;gap:.5rem;min-width:200px;transition:border-color .15s ease}.search:focus-within{border-bottom-color:#fabd2f}.search-icon{fill:#a89984;width:1rem;height:1rem;flex-shrink:0;cursor:pointer}.search-input{font-family:lato,sans-serif;font-size:.9rem;color:#ebdbb2;background:0 0;border:none;outline:none;width:100%}.search-input::placeholder{color:#a89984}.posts-container{display:flex;flex-direction:column;gap:.75rem}.post-item{display:block;padding:.9rem 1rem;border-radius:6px;border:1px solid #504945;background:#3c3836;transition:transform .15s ease,border-color .15s ease;color:#ebdbb2}.post-item h2{font-family:lato,sans-serif;font-size:.975rem;font-weight:600;color:#ebdbb2;margin-bottom:.25rem}.post-item:hover{transform:translateY(-1px);border-color:#665c54;color:#ebdbb2}.post-item-description{font-family:lato,sans-serif;font-size:.85rem;color:#a89984}.read-time{font-family:lato,sans-serif;font-size:.7rem;color:#a89984}.article-button{display:inline-block;font-family:lato,sans-serif;font-size:.875rem;font-weight:600;background:#3c3836;color:#ebdbb2;border:1px solid #504945;padding:.5rem 1.2rem;border-radius:6px;margin:.5rem .25rem;transition:all .15s ease;box-shadow:0 2px #504945}.article-button:hover{background:#504945;color:#ebdbb2;transform:translateY(1px);box-shadow:0 1px #504945}.site-footer{background:#1d2021;border-top:1px solid #504945;padding:1.5rem 0}.footer-inner{max-width:900px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-copy,.footer-built{font-family:lato,sans-serif;font-size:.72rem;color:#a89984}.footer-copy a,.footer-built a{color:#a89984}.footer-copy a:hover,.footer-built a:hover{color:#fabd2f}mjx-assistive-mml{display:none}canvas{outline:none;border:none}.icon{width:auto;height:1.1rem}@media only screen and (max-width:720px){.nav-links{display:none}.nav-hamburger{display:flex}.hero{padding:3rem 1.25rem 2.5rem}.hero-attractor-label{display:none}.hero-socials-row{justify-content:center}.hero-inner{flex-direction:column-reverse;gap:2rem}.hero-left{flex-direction:column;text-align:center;align-items:center}.hero-profile-wrap{width:100px;height:100px}.hero-bio{max-width:100%}.hero-socials{justify-content:center}.hero-right{position:absolute;inset:0;width:100%;height:100%}.section{padding:3rem 0}.section-heading{font-size:1.25rem;margin-bottom:1.75rem}.timeline::before{left:.5rem}.timeline-item{grid-template-columns:1.5rem 1fr;gap:0 .85rem}.timeline-year{display:none}.timeline-connector{padding-top:.2rem}.home-posts-grid,.skills-grid{grid-template-columns:1fr}.post-layout,.list-layout{padding:2rem 1.25rem 3rem}.posts-search{flex-direction:column;align-items:flex-start}.posts-search .search{width:100%;min-width:0}.footer-inner{flex-direction:column;text-align:center;gap:.5rem}}