:root{--paper:#f5f3ec;--paper-shade:#efece2;--ink:#1c1a16;--ink-soft:#3a3630;--mute:#8a857a;--mute-soft:#b9b2a3;--rule:#d6d0c0;--rule-soft:#e6e1d3;--accent:#6e2a1e;--ink-mute:#5f594e;--grad-a:#d2c3dc8c;--grad-b:#ebc6c38c;--grad-c:#c8c8e68c;--grad-d:#e1d7e673;--serif:"EB Garamond", "Times New Roman", serif;--serif-italic:"Cormorant Garamond", "EB Garamond", serif;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.55}body{background-color:var(--paper);background-image:radial-gradient(ellipse 1000px 520px at 12% -8%, var(--grad-a), transparent 65%), radial-gradient(ellipse 900px 480px at 50% -14%, var(--grad-b), transparent 65%), radial-gradient(ellipse 1100px 560px at 88% -6%, var(--grad-c), transparent 65%), radial-gradient(ellipse 1400px 600px at 50% 18%, var(--grad-d), transparent 70%);background-repeat:no-repeat;background-attachment:scroll}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}@keyframes fadeUp{0%{opacity:0}to{opacity:1}}.anim{animation:.8s ease-out .15s both fadeUp}.sheet{max-width:1180px;margin:0 auto;padding:64px 64px 96px;position:relative}.sheet:before{content:"";background:var(--rule);opacity:.7;pointer-events:none;width:1px;position:absolute;top:64px;bottom:64px;left:368px}.header{border-bottom:1px solid var(--rule);grid-template-columns:280px 1fr auto;align-items:start;gap:48px;padding-bottom:88px;display:grid}.name{font-family:var(--serif-italic);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:92px;font-style:italic;font-weight:400;line-height:.92}.name .last{display:block}.name-meta{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-top:18px;font-size:10.5px;line-height:1.7}.name-meta .accent{color:var(--ink)}.tag-and-contact{padding-top:18px}.tagline{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:21px;font-weight:400}.tagline .plus{color:var(--ink-mute);margin:0 6px;font-weight:300}.tagline .alt{color:var(--ink-mute)}.description{font-family:var(--sans);color:var(--ink-mute);margin:0 0 22px;font-size:13px;font-weight:400;line-height:1.55}.contact-list{font-family:var(--serif);color:var(--ink);font-size:18px;line-height:1.55}.contact-list a{border-bottom:1px solid #0000;width:fit-content;transition:border-color .2s,color .2s;display:block}.contact-list a:hover{border-bottom-color:var(--ink)}.header-mark{cursor:pointer;width:96px;color:var(--ink-mute);opacity:.8;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;transition:opacity .2s;display:flex}.header-mark:hover{opacity:1}.lang-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#fff;z-index:1;font-size:10px;font-weight:500;transition:color .2s}.header-mark svg{z-index:1;background:var(--ink-soft);width:30px;height:100px;display:block;position:absolute;top:0}.body{grid-template-columns:280px 1fr;column-gap:48px;padding-top:56px;display:grid}.sec-h{font-family:var(--serif-italic);letter-spacing:-.01em;color:var(--ink);margin:0 0 28px;font-size:38px;font-style:italic;font-weight:300;line-height:1}.left{flex-direction:column;gap:64px;display:flex}.block{font-family:var(--mono);color:var(--ink);font-size:13px;line-height:1.55}.block .label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-top:18px;margin-bottom:6px;font-size:10.5px;display:block}.block .label:first-child{margin-top:0}.block .entry{margin-bottom:18px}.block .entry:last-child{margin-bottom:0}.block .entry .school,.block .entry .degree,.block .entry .detail,.block .entry .dates{display:block}.block .entry .school{color:var(--ink)}.block .entry .degree{color:var(--ink-soft)}.block .entry .detail{color:var(--ink-mute)}.block .entry .dates{color:var(--ink-mute);margin-top:2px}.block .skill-line{color:var(--ink-soft);display:block}.right{padding-left:24px}.exp-list{flex-direction:column;display:flex}.exp-row{grid-template-columns:168px 1fr;gap:36px;padding:24px 0 30px;display:grid;position:relative}.exp-row+.exp-row{border-top:1px dashed var(--rule-soft)}.exp-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink);font-size:11px;line-height:1.7}.exp-tag .company{color:var(--ink);font-weight:500;display:block}.exp-tag .dates,.exp-tag .place{color:var(--ink-mute);display:block}.exp-tag .dates{margin-top:4px}.exp-tag .place{color:var(--mute)}.exp-body{font-family:var(--serif);color:var(--ink-soft);font-size:17px;line-height:1.55}.exp-body .role{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:12px;font-size:11px;font-weight:500;display:block}.exp-body .role .role-prev{color:var(--ink-mute);margin-left:6px;font-weight:400}.exp-bullets{margin:0;padding-left:1.1em;list-style:circle}.exp-bullets li{margin-bottom:8px}.exp-bullets li:last-child{margin-bottom:0}.exp-body em{color:var(--ink);font-style:italic}.philosophy{border-top:1px solid var(--rule);margin-top:80px;padding-top:56px}.philosophy-prompt{font-family:var(--serif-italic);letter-spacing:-.01em;color:var(--ink);margin:0 0 28px;font-size:44px;font-style:italic;font-weight:300;line-height:1}.foot{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);justify-content:space-between;margin-top:80px;font-size:10.5px;display:flex}@media (width<=920px){.sheet{padding:36px 28px 64px}.sheet:before{display:none}.header,.body,.creed-row{grid-template-columns:1fr;gap:28px}.header{padding-bottom:48px}.name{font-size:64px}.right{padding-left:0}.exp-row{grid-template-columns:1fr;gap:12px}.creed-body{padding-left:0}.header-mark{opacity:1;z-index:100;flex-direction:row;width:auto;position:fixed;top:14px;right:20px}.header-mark svg{display:none}.lang-label{color:var(--paper);background:var(--ink-mute);border-radius:2px;padding:4px 10px;font-size:11px}.header-mark:hover .lang-label{color:#fff}.foot{flex-direction:column;gap:8px}}
