: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;--profile-width:592px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;font-size:62.5%}body{min-height:100%;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-x:hidden}#root{min-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}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--overcast-grey);border-radius:3px}.site-main{z-index:1;justify-content:center;align-items:flex-start;min-height:100dvh;padding:4rem 2.4rem 8rem;display:flex;position:relative}.profile-panel{width:min(100%, var(--profile-width));-webkit-backdrop-filter:blur(8px);background:#f5f2ebcc;border-radius:2px;min-height:calc(100dvh - 12rem);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:0;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:0;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);margin:0 0 1.6rem;font-size:1.8rem;line-height:1.7}.expandable__content p:last-child{margin-bottom:0}.expandable__content a,.contact-links a{color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none;transition:opacity .3s}.expandable__content a:hover,.contact-links a: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}.experience-note{color:var(--text-secondary);margin-top:.6rem;padding-left:1.8rem;font-size:1.5rem}::selection{background-color:#c5c9a466}@media screen and (width<=800px){.site-main{padding:2rem 1.6rem 6rem}.profile-panel{min-height:calc(100dvh - 8rem);padding:6rem 2.4rem 8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}