@layer pages{.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--measure) / 2 - var(--s8))),1fr));max-inline-size:none;padding:0;gap:var(--s8) var(--s16);margin-top:var(--s12);>*{display:flex;flex-direction:column;margin:0;>*{margin-block:0}h3{font-size:var(--text-3xl);margin-bottom:var(--s3)}p{line-height:1.65}>a:last-child{margin-block-start:auto;padding-top:var(--s3)}}}.feature-section{position:relative;isolation:isolate;overflow:clip;padding-inline:var(--padding-measure-wide);&:before{content:"";position:absolute;z-index:-1;top:var(--s8);right:var(--padding-measure-wide);width:var(--s56);aspect-ratio:1;background:var(--illustration-fill);mask:var(--illustration) center / contain no-repeat;opacity:.18;pointer-events:none;transition-duration:var(--duration)}>h2{max-inline-size:var(--measure-narrow);padding-inline:0;margin:0 0 var(--s6)}>p{max-inline-size:var(--measure-narrow);margin-bottom:0}}}@layer pages{.hero{overflow:visible;overflow-x:clip;display:flow-root;margin-block:var(--s6) var(--s8);padding-block:var(--s6);padding-inline:var(--padding-measure-wide);background:none;h1{margin-block-end:var(--s3);font-size:var(--text-4xl);line-height:1;letter-spacing:normal}p{max-inline-size:var(--measure-narrow);margin-block:0 var(--s4)}@media(min-width:768px){display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:var(--s12);margin-block:var(--s16) var(--s12);h1{margin-block-end:var(--s6);font-size:var(--text-6xl)}p{font-size:var(--text-lg)}}}.portrait{float:right;width:var(--s20);margin-block-end:var(--s5);margin-inline-start:var(--s5);position:relative;transform:rotate(1.5deg);&:after{content:"";position:absolute;inset:calc(-1 * var(--s12)) calc(-1 * var(--s16)) auto auto;width:12rem;height:12rem;background:url(/img/coffee-splatter.png) right bottom / 60% no-repeat,url(/img/coffee-stain.png) center / 75% no-repeat;opacity:.4;mix-blend-mode:multiply;pointer-events:none;transition-property:filter;transition-duration:var(--duration)}picture{display:block;filter:drop-shadow(0 .5px 1px #02061740)}img{width:100%;aspect-ratio:8 / 9;object-fit:cover;border:clamp(var(--s2),1vw,var(--s3)) solid var(--bg-grid-item);mask:url(/illustrations/portrait-paper.svg) center / 100% 100% no-repeat}figcaption{display:none;text-align:center;margin-top:var(--s4);color:var(--text-secondary)}@media(min-width:768px){float:none;grid-column:2;grid-row:1;width:auto;margin:0;&:after{width:23rem;height:23rem;inset:calc(-1 * var(--s20)) calc(-1 * var(--s24)) auto auto;background-size:60%,contain;opacity:.5}figcaption{display:block}}}.dark .portrait:after{filter:brightness(.4)}}@layer pages{.contact{display:grid;background:var(--bg-lead);padding-block:var(--s20);padding-inline:var(--padding-measure-wide);margin-bottom:calc(-1 * var(--s16));scroll-margin-top:var(--s8);h2{align-self:end;max-inline-size:var(--measure-narrow);margin:0 0 var(--s6);padding:0;font-size:var(--text-4xl)}p{max-inline-size:var(--measure-narrow);font-size:var(--text-lg);line-height:1.65;margin-block-end:var(--s6)}.button{justify-self:center}&:after{content:"";display:block;width:var(--s24);height:var(--s20);margin:var(--s6) auto 0;background-color:var(--illustration-fill);mask:url(/illustrations/cup-of-coffee-03.svg) center / contain no-repeat;opacity:.65;pointer-events:none;transition-duration:var(--duration)}@media(min-width:768px){grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s12);align-items:start;p{margin-block-end:0}.button{grid-column:2}&:after{grid-column:2;grid-row:1;width:var(--s32);height:var(--s24);margin:0 auto var(--s5)}}}}@layer pages{main{p{margin-block-end:var(--s5)}h2{margin-block:0 var(--s6);max-inline-size:var(--measure-narrow);text-wrap:balance}h3{margin-block-start:0}}.credentials,.experience,.approach{padding-inline:var(--padding-measure-wide)}.feature-section,.experience,.approach{padding-block:var(--s20)}.hero{p:last-child{font-size:var(--text-sm);margin-block-end:var(--s3);color:var(--text-secondary)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6);margin-block:var(--s8) var(--s5)}}.credentials{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);padding-block:var(--s5);border-block:1px solid var(--border-light);div{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2)}span{font-size:var(--text-sm);color:var(--text-secondary)}@media(min-width:768px){flex-direction:row;gap:var(--s3) var(--s6)}}.experience{scroll-margin-top:var(--s8);background:var(--bg-section-alternate);h2{margin-block-end:0}p:first-child{font-size:var(--text-sm);margin-block-end:var(--s3);color:var(--text-secondary)}}.experience-grid{display:grid;gap:var(--s8);margin-block-start:var(--s8);>div{min-inline-size:0;padding:var(--s6);border:1px solid var(--border-light);border-radius:var(--s3);background:var(--bg-main)}h3{font-size:var(--text-3xl);margin-block-end:var(--s6)}@media(min-width:1024px){grid-template-columns:1fr 1fr;gap:var(--s6)}}.current-work{>div{display:grid;gap:var(--s8);@media(min-width:768px){grid-template-columns:1fr 1fr;column-gap:var(--s12)}}h4{font-family:var(--font-sans);font-size:var(--text-lg);margin-block-end:var(--s4)}p:last-child{margin-block-end:0}@media(min-width:1024px){grid-column:1 / -1}}.previous-job{display:flex;flex-direction:column;dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-block-start:auto;padding-block-start:var(--s6);border-top:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary);div{display:flex;flex-direction:column}}dd{order:-1;margin-block-end:var(--s2);font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;color:var(--text-bright)}}.open-source-work{ul{list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--text-secondary);p{margin-block:var(--s1) 0}}li{margin-block-start:0;padding-block:var(--s4);+li{border-top:1px solid var(--border-light)}&:first-child{padding-block-start:0}&:last-child{padding-block-end:0}}a{font-size:var(--text-lg)}}.featured-talk{display:grid;grid-template-columns:var(--s24) minmax(0,1fr);align-items:start;gap:var(--s4);margin-block-start:var(--s8);p{margin-block-end:0;font-size:var(--text-sm)}img{width:100%;aspect-ratio:16 / 9;border-radius:var(--s3);border:1px solid var(--border-light)}a{grid-column:2;display:inline-flex;align-items:center;gap:var(--s2);@media(min-width:768px){grid-column:3}}@media(min-width:768px){grid-template-columns:calc(var(--s24) * 2) minmax(0,1fr) auto;align-items:center;gap:var(--s6)}}.approach{display:grid;gap:var(--s8);>div:last-child{border-top:1px solid var(--border-light);padding-block-start:var(--s8);@media(min-width:768px){border-top:0;border-left:1px solid var(--border-light);padding-block-start:0;padding-inline-start:var(--s8)}}dl{margin-block-start:var(--s6)}dt{padding-block-start:var(--s4);font-weight:600}dd{padding-block-end:var(--s4);color:var(--text-secondary);&:last-child{padding-block-end:0}}>div:first-child:after{content:"";display:block;width:min(100%,calc(var(--s40) * 1.9));aspect-ratio:2;margin-block-start:var(--s6);margin-inline:auto;background-color:var(--illustration-fill);mask:url(/illustrations/the-coffee-shop-01.svg) left bottom / 54% auto no-repeat,url(/illustrations/the-coffee-shop-02.svg) right bottom / 41% auto no-repeat;opacity:.65;pointer-events:none;transition-duration:var(--duration)}@media(min-width:768px){grid-template-columns:1fr 1fr;gap:var(--s16)}}}