@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Noto+Serif:ital,wght@0,300;0,400;1,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f4ef;--bg-card: #f0ebe2;--bg-hover: #e8e2d8;--ink: #141210;--ink-soft: #4a4540;--ink-muted: #8a837c;--rule: #cec8be;--accent: #b07d5a;--green: #6a9e6a;--serif: "Noto Serif Display", Georgia, serif;--body: "Noto Serif", Georgia, serif;--ease: cubic-bezier(.4, 0, .2, 1);--sidebar-w: 220px;--text-xs: .618rem;--text-sm: .764rem;--text-base: 1rem;--text-md: 1.618rem;--text-lg: 2.618rem;--text-xl: 4.236rem}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;font-size:16px;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;padding:56px 36px;display:flex;flex-direction:column;border-right:1px solid var(--rule);background:var(--bg);z-index:100}.sidebar-name{font-family:var(--serif);font-size:var(--text-base);font-weight:400;letter-spacing:.01em;line-height:1.3;margin-bottom:4px;color:var(--ink)}.sidebar-role{font-size:var(--text-xs);color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:56px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-btn{background:none;border:none;font-family:var(--body);font-size:.9rem;font-weight:300;color:var(--ink-soft);text-align:left;padding:7px 0;letter-spacing:.01em;border-bottom:1px solid transparent;transition:color .25s var(--ease);position:relative}.nav-btn:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .25s var(--ease)}.nav-btn:hover{color:var(--ink)}.nav-btn.active{color:var(--ink);font-weight:400}.nav-btn.active:before{opacity:1}.sidebar-footer{margin-top:auto;font-size:.68rem;color:var(--rule);letter-spacing:.08em}.main-content{margin-left:var(--sidebar-w);width:calc(100vw - var(--sidebar-w));padding:80px 0 120px;display:flex;justify-content:center}.main-content>section,.main-content>*{width:100%;max-width:720px;padding:0 48px}.section-label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:40px;font-weight:400}h1{font-family:var(--serif);font-size:var(--text-lg);font-weight:300;line-height:1.15;letter-spacing:-.02em;margin-bottom:28px;color:var(--ink)}h2{font-family:var(--serif);font-size:var(--text-md);font-weight:400;margin-bottom:12px;color:var(--ink)}h3{font-size:var(--text-base);font-weight:400;color:var(--ink)}.body-text{font-size:var(--text-base);color:var(--ink-soft);max-width:560px;margin-bottom:20px;line-height:1.75}.body-text strong{color:var(--ink);font-weight:400}.rule-line{border:none;border-top:1px solid var(--rule);margin:48px 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:8px;width:100%}.work-grid>*{min-width:0}.work-card{background:var(--bg-card);padding:36px 32px;cursor:pointer;transition:background .2s var(--ease);position:relative;overflow:hidden}.work-card:after{content:"↗";position:absolute;top:20px;right:24px;font-size:.8rem;color:var(--rule);transition:color .2s var(--ease),transform .2s var(--ease)}.work-card:hover{background:var(--bg-hover)}.work-card:hover:after{color:var(--accent);transform:translate(2px,-2px)}.work-tag{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-weight:400}.work-card h3{font-family:var(--serif);font-size:var(--text-base);font-weight:400;margin-bottom:10px;line-height:1.35;color:var(--ink)}.work-card p{font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:0;line-height:1.7}.work-year{display:block;margin-top:24px;font-size:var(--text-xs);color:var(--ink-muted);letter-spacing:.1em}.writing-list{list-style:none}.writing-list li{padding:28px 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;cursor:pointer;transition:opacity .2s}.writing-list li:first-child{border-top:1px solid var(--rule)}.writing-list li:hover{opacity:.55}.writing-list h3{font-family:var(--serif);font-size:var(--text-base);font-weight:400;margin-bottom:4px;color:var(--ink)}.writing-list p{font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:0;max-width:400px;line-height:1.65}.writing-meta{text-align:right;font-size:var(--text-xs);color:var(--ink-muted);letter-spacing:.06em;white-space:nowrap;padding-top:3px}.writing-topic{display:inline-block;margin-top:6px;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:8px}.stack-list{list-style:none}.stack-list li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:var(--text-sm);color:var(--ink-soft);display:flex;justify-content:space-between}.stack-list li span{font-size:var(--text-xs);letter-spacing:.1em;color:var(--ink-muted);text-transform:uppercase;align-self:center}.contact-links{margin-top:40px;display:flex;flex-direction:column}.contact-link{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--rule);transition:opacity .2s}.contact-link:first-child{border-top:1px solid var(--rule)}.contact-link:hover{opacity:.45}.contact-link-name{font-family:var(--serif);font-size:1rem;font-weight:400}.contact-link-url{font-size:.72rem;color:var(--ink-soft);letter-spacing:.06em}.contact-arrow{font-size:.8rem;color:var(--rule)}.contact-form{margin-top:48px;display:flex;flex-direction:column;gap:20px;max-width:480px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.form-input,.form-textarea{background:var(--bg-card);border:1px solid var(--rule);border-radius:0;padding:12px 16px;font-family:var(--body);font-size:.85rem;font-weight:300;color:var(--ink);outline:none;transition:border-color .2s var(--ease);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--ink-soft)}.form-textarea{resize:vertical;min-height:120px}.form-btn{background:var(--ink);color:var(--bg);border:none;padding:13px 28px;font-family:var(--body);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;align-self:flex-start;transition:opacity .2s var(--ease)}.form-btn:hover{opacity:.75}.form-btn:disabled{opacity:.4;cursor:default}.form-success{font-size:.82rem;color:var(--green);letter-spacing:.06em}.form-error{font-size:.82rem;color:#c0765a;letter-spacing:.06em}.avail{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:48px}.avail-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;padding:36px 28px 24px;border-right:none;border-bottom:1px solid var(--rule)}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:0 24px}.nav-btn:before{display:none}.sidebar-role{margin-bottom:24px}.sidebar-footer{display:none}.main-content{margin-left:0;width:100%;padding:40px 0 80px}.main-content>*{padding:0 24px}.work-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:32px}}