:root{--dark: #41431B;--sage: #AEB784;--tan: #E3DBBB;--cream: #F8F3E1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--dark);font-family:adobe-caslon-pro,Georgia,serif;font-weight:400;font-style:normal;min-height:100vh;overflow-x:hidden}.grain{position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.038;pointer-events:none;z-index:9999;animation:grain 9s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-4%)}20%{transform:translate(-6%,3%)}30%{transform:translate(4%,-5%)}40%{transform:translate(-2%,5%)}50%{transform:translate(-5%,-2%)}60%{transform:translate(5%,4%)}70%{transform:translate(1%,-3%)}80%{transform:translate(-4%,5%)}90%{transform:translate(3%,2%)}}header{padding:24px 40px;text-align:center;position:sticky;top:0;z-index:100;background:#f8f3e1e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}nav{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}nav a{font-family:adobe-caslon-pro,Georgia,serif;font-size:.88rem;font-weight:400;color:var(--sage);text-decoration:none;letter-spacing:.04em;transition:color .18s}nav a:hover{color:var(--dark)}.sep{font-size:.8rem;color:var(--tan);user-select:none}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:6vh 7vw}.hero-inner{width:100%;max-width:660px}.page-name{font-family:adobe-caslon-pro,Georgia,serif;font-size:clamp(1.9rem,2.8vw,3.2rem);font-weight:400;font-style:italic;color:var(--dark);margin-bottom:.5em;letter-spacing:-.01em}.bio{font-size:clamp(1rem,1.3vw,1.3rem);line-height:1.6;color:var(--dark);margin-bottom:0}.bio a{color:var(--dark);text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:3px;text-decoration-thickness:2px;transition:color .18s,text-decoration-color .18s}.bio a:hover{color:var(--sage);text-decoration-color:var(--dark)}.work-list{list-style:none;padding:0;margin:1.8rem 0 0}.work-item{display:flex;align-items:center;gap:.8em;padding:.88rem 0;border-top:1px solid var(--tan);position:relative;font-size:clamp(1rem,1.3vw,1.3rem);color:var(--dark);transition:color .25s}.work-item:last-child{border-bottom:1px solid var(--tan)}.work-item:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.work-item:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--sage);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.work-item:hover:before,.work-item:hover:after{transform:scaleX(1)}.work-role{flex:1;min-width:0}.work-dot{display:inline-block;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--sage);background:transparent;flex-shrink:0;animation:ringPulse 4s ease-in-out infinite;transition:background .3s,border-color .3s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.35);opacity:1}}.work-item:hover .work-dot{background:var(--sage);animation-play-state:paused;transform:scale(1);opacity:1}.work-place{font-style:italic;color:var(--sage);white-space:nowrap;font-size:.95em;text-transform:lowercase}.work-place a{color:var(--sage);text-decoration:underline;text-decoration-color:var(--tan);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .18s,text-decoration-color .18s}.work-place a:hover{color:var(--dark);text-decoration-color:var(--sage)}@keyframes colorPulse{0%,to{color:var(--dark)}50%{color:var(--sage)}}.animate-color{animation:colorPulse 3.5s ease-in-out infinite;font-style:italic}.blog-index{padding:8vh 7vw;max-width:1200px;margin-left:auto;margin-right:auto}.blog-index h1{font-size:clamp(2rem,4vw,5rem);font-style:italic;font-weight:400;color:var(--dark);margin-bottom:2.5rem;letter-spacing:-.01em}.post-list{list-style:none;padding:0}.post-list li{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--tan)}.post-list li:last-child{border-bottom:none}.post-list a{font-size:clamp(1.6rem,2.8vw,3rem);color:var(--dark);text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:6px;text-decoration-thickness:3px;transition:color .18s,text-decoration-color .18s}.post-list a:hover{color:var(--sage);text-decoration-color:var(--dark)}.post-date{font-size:.9rem;color:var(--sage);letter-spacing:.03em;white-space:nowrap}.post{padding:6vh 7vw;max-width:1200px;margin-left:auto;margin-right:auto}.post-header{margin-bottom:3rem;padding-bottom:1.5rem}.post-header h1{font-size:clamp(2rem,4vw,5rem);font-style:italic;font-weight:400;color:var(--dark);letter-spacing:-.02em;text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:10px;text-decoration-thickness:3px}.post-header .meta{font-size:.9rem;color:var(--sage);margin-top:.75rem;letter-spacing:.03em}.post-content{font-size:1.15rem;line-height:1.7;color:var(--dark)}.post-content svg{width:100%;height:auto;display:block;margin:2rem 0}@media(max-width:600px){header{padding:18px 20px}nav{gap:14px}.hero{padding:5vh 5vw;align-items:flex-start}.work-place{white-space:normal}.blog-index{padding:6vh 5vw}.post{padding:5vh 5vw}}