:root{--muted-yellow-green:#c5c9a4;--sage:#8b9a6b;--warm-brick:#8b5e3c;--overcast-grey:#d4d0c8;--chalk-white:#f5f2eb;--deep-blue:#1b4b6b;--bg-base:#e8e4db;--text:#3a342c;--text-secondary:#7a7062;--text-muted:#8c8c8c;--accent:var(--deep-blue);--grain-opacity:.04;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:Georgia, "Times New Roman", serif;--main-column-width:640px;--pane-width:625px;--pane-offset:40px;--pane-padding:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:var(--font-body);color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;font-size:1.8rem;line-height:1.65;overflow:hidden}html,body,#root{height:100%}.film-grain{pointer-events:none;opacity:var(--grain-opacity);z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px;position:fixed;inset:0}.page-root{z-index:1;flex-direction:column;height:100vh;display:flex;position:relative}.scroll-container{flex:1;display:flex;overflow:hidden auto}.page-root.notes-mode .scroll-container{overflow:auto hidden}.scroll-container::-webkit-scrollbar{height:6px}.scroll-container::-webkit-scrollbar-track{background:0 0}.scroll-container::-webkit-scrollbar-thumb{background:var(--overcast-grey);border-radius:3px}.columns-container{min-height:100%;display:flex}.page-root.landing-mode .columns-container{justify-content:center;width:100%}.page-root.notes-mode .columns-container{transition:width .1s cubic-bezier(.19,1,.22,1)}.page-root.no-layout-transition .columns-container,.page-root.no-layout-transition .main-column{transition:none!important}.page-root.closing-mode .scroll-container{overflow-x:hidden}.page-root.closing-mode .main-column{z-index:5;will-change:transform;height:100%;position:sticky;left:0;overflow-y:auto}.main-column{width:var(--main-column-width);max-width:var(--main-column-width);flex-shrink:0;padding:0 2.4rem;transition:all .6s cubic-bezier(.19,1,.22,1)}.page-root.notes-mode .main-column{z-index:5;will-change:transform;height:100%;position:sticky;left:0;overflow-y:auto}.page-root.notes-mode .main-column::-webkit-scrollbar{width:4px}.page-root.notes-mode .main-column::-webkit-scrollbar-track{background:0 0}.page-root.notes-mode .main-column::-webkit-scrollbar-thumb{background:var(--overcast-grey);border-radius:2px}.main-column-inner{-webkit-backdrop-filter:blur(8px);background:#f5f2ebcc;border-radius:2px;min-height:calc(100vh - 8rem);margin:4rem 0;padding:8rem 4rem 12rem;box-shadow:0 1px 3px #0000000a,0 8px 40px #00000008}.hero-header{text-align:center;margin-bottom:6rem}.hero-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:.8rem;font-size:clamp(3.6rem,6vw,5.4rem);font-weight:400;animation:1.2s both fadeInUp}.hero-subtitle{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.01em;font-size:1.6rem;animation:1.2s .15s both fadeInUp}.pronunciation{font-family:var(--font-display);font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.body-section{border-top:1px solid var(--overcast-grey)}.expandable summary{list-style:none}.expandable summary::-webkit-details-marker{display:none}.expandable__trigger{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:2.4rem 0;display:flex}.expandable__trigger h2{font-family:var(--font-display);color:var(--text);font-size:2.2rem;font-weight:400;transition:color .3s}.expandable__trigger:hover h2{color:var(--accent)}.expandable__icon{flex-shrink:0;width:16px;height:16px;margin-left:1.6rem;display:block;position:relative}.expandable__icon:before,.expandable__icon:after{content:"";background:var(--text-secondary);transition:transform .35s,opacity .35s;position:absolute}.expandable__icon:before{width:16px;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.expandable__icon:after{width:1.5px;height:16px;top:0;left:50%;transform:translate(-50%)}details[open] .expandable__icon:after{opacity:0;transform:translate(-50%)rotate(90deg)}.expandable__content{padding:0 0 2.4rem}.expandable__content p{color:var(--text);font-size:1.8rem;line-height:1.7}.expandable__content a{color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none;transition:opacity .3s}.expandable__content a:hover{opacity:.7}.work-list{padding:0;list-style:none}.work-list li{padding:.6rem 0;font-size:1.7rem;line-height:1.5}.work-list a{color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none;transition:opacity .3s}.work-list a:hover{opacity:.7}.work-list-desc{color:var(--text-secondary)}.about-cta{color:var(--text-secondary);margin-top:1.2rem;font-size:1.6rem}.inline-note-link{font-family:inherit;font-size:inherit;line-height:inherit;color:var(--accent);border:none;border-bottom:1px solid var(--accent);cursor:pointer;background:0 0;padding:0;transition:opacity .3s}.inline-note-link:hover{opacity:.7}.experience-list{padding:0;list-style:none}.experience-list li{color:var(--text);border-bottom:1px solid #d4d0c880;padding:1.4rem 0;font-size:1.6rem;line-height:1.6}.experience-list li:last-child{border-bottom:none}.experience-list strong{color:var(--text);font-weight:600}.date-range{color:var(--text-muted);margin-left:.4rem;font-size:1.3rem}.contact-links a{color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none;transition:opacity .3s}.contact-links a:hover{opacity:.7}.main-footer{border-top:1px solid var(--overcast-grey);margin-top:6rem;padding-top:3rem}.main-footer p{color:var(--text-secondary);font-size:1.4rem}.note-pane{width:var(--pane-width);max-width:var(--pane-width);-webkit-backdrop-filter:blur(12px);background:#f5f2ebf2;border-left:1px solid #0000000f;flex-grow:1;flex-shrink:0;height:100%;transition:box-shadow .1s linear,opacity 75ms linear,transform .2s cubic-bezier(.19,1,.22,1);position:sticky;top:0;overflow:hidden auto}.note-pane:first-of-type{border-left:none}@keyframes paneFadeIn{0%{opacity:0}to{opacity:1}}.note-pane{animation:.15s linear both paneFadeIn}.note-pane.overlay,.note-pane.obscured{box-shadow:0 0 15px 3px #0000001a}.obscured-label{width:var(--visible-width,var(--pane-width));writing-mode:vertical-lr;font-family:var(--font-body);letter-spacing:.03em;color:var(--text-secondary);font-size:17px;font-weight:500;line-height:var(--pane-offset);cursor:default;pointer-events:none;z-index:1;opacity:var(--obscured-progress,0);-webkit-backdrop-filter:blur(6px);background:#f5f2ebb3;padding-top:36px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.note-pane-inner{padding:var(--pane-padding);background:#f5f2eb;min-height:100%;padding-bottom:80px;position:relative}.note-header{margin-bottom:28px}.note-close-button{display:none}.note-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0 0 16px;font-size:2.6rem;font-weight:400;line-height:1.25}.note-content{color:var(--text);font-size:1.6rem;line-height:1.7}.note-paragraph{margin-top:0;margin-bottom:1.1em}.note-paragraph strong{color:var(--warm-brick);font-weight:600}.note-list{margin-bottom:1.1em;padding-left:0;list-style:none}.note-list-item{margin-bottom:.5em;padding:.3em 0 .3em 1.2em;position:relative}.note-list-item:before{content:"•";color:var(--text-muted);position:absolute;left:0}.note-link{color:var(--accent);cursor:pointer;border-bottom:1px solid #1b4b6b40;padding-bottom:1px;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s}.note-link:hover{border-bottom-color:#0000;text-decoration:underline}.note-link.active{background-color:#1b4b6b1f}.note-link.broken{color:var(--text-muted);cursor:default;border-bottom-style:dashed}.external-link{color:var(--accent);border-bottom:1px solid #1b4b6b40;padding-bottom:1px;text-decoration:none;transition:border-color .15s,color .15s}.external-link:hover{border-bottom-color:#0000;text-decoration:underline}.backlinks-section{background-color:#e8e4db80;border-radius:16px;margin:16px;padding:16px}.backlinks-title{font-family:var(--font-body);color:var(--text-muted);margin:0 0 8px;font-size:1.7rem;line-height:2.4rem}.backlinks-list{flex-wrap:wrap;justify-content:space-between;display:flex}.backlink-card{-webkit-line-clamp:3;-webkit-user-select:none;user-select:none;cursor:pointer;width:282px;height:118px;color:inherit;background-color:#0000;border-radius:8px;-webkit-box-orient:vertical;margin:8px -8px 0;padding:8px;text-decoration:none;transition:background-color .1s linear;display:-webkit-box;overflow:hidden}.backlink-card:hover{background-color:#0000000d;transition:background-color 50ms linear}.backlink-card:active{background-color:#0000001a}.backlink-title{font-family:var(--font-body);color:var(--text);margin:0;font-size:1.2rem;font-weight:500;line-height:1.6rem}.backlink-summary{font-family:var(--font-body);color:var(--text-muted);margin-top:0;font-size:1.2rem;line-height:1.6rem}.hover-preview{z-index:2000;pointer-events:none;background-color:var(--chalk-white);filter:drop-shadow(0 0 10px #00000014)drop-shadow(0 20px 50px #0000000a)drop-shadow(0 0 1px #00000026);border-radius:8px;animation:.15s linear both previewFadeIn;position:fixed}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}.hover-preview-inner{--scale-factor:.8;--preview-width:calc(var(--pane-width) * var(--scale-factor));--preview-margin:calc(var(--pane-padding) * var(--scale-factor));width:var(--preview-width);max-height:400px;margin:var(--preview-margin);overflow:hidden}.hover-preview-content{width:calc((var(--preview-width) - var(--preview-margin) * 2) / var(--scale-factor));transform:scale(var(--scale-factor));transform-origin:0 0}.hover-preview-content .note-title{margin-bottom:12px;font-size:2.6rem}.hover-preview-content .note-content{font-size:1.6rem}.note-pane::-webkit-scrollbar{width:4px}.note-pane::-webkit-scrollbar-track{background:0 0}.note-pane::-webkit-scrollbar-thumb{background:var(--overcast-grey);border-radius:2px}.note-pane::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:#c5c9a466}@media screen and (width<=800px){.scroll-container{overflow:hidden auto!important}.columns-container{flex-direction:column;width:100%!important}.main-column{width:100%;max-width:100%;position:relative!important}.main-column-inner{padding:6rem 2.4rem 8rem}:root{--pane-padding:16px;--pane-width:100vw}.notes-mode .main-column,.closing-mode .main-column{display:none}.note-pane{height:auto;min-height:100vh;width:100%!important;max-width:100%!important;animation:none!important;position:relative!important;left:0!important;right:auto!important}.obscured-label{display:none}.note-close-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;margin:0 0 1.6rem;padding:0;font-size:1.5rem;display:inline-flex}.hover-preview{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}