:root{--ink:#06182d;--muted:#6d7177;--line:#cfd3d6;--teal:#358684;--magenta:#bc2b73;--accent:#61b7a7;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Montserrat,Avenir,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.hero{color:#fff;text-align:center;background:linear-gradient(#020c1829,#020c1852),url(/assets/caf1087ce5f9f63b.jpg) 50%/cover fixed;place-items:center;min-height:94vh;display:grid}.hero__content{width:min(100% - 32px,880px);transform:translateY(34px)}.hero p,.eyebrow{text-transform:uppercase;letter-spacing:0;margin:0 0 24px;font-size:14px;font-weight:700}.hero h1{text-transform:uppercase;letter-spacing:0;margin:0;font-size:clamp(48px,7.2vw,86px);font-weight:800;line-height:1.16}.hero h1 span{display:block}.hero h1 span:last-child{white-space:nowrap}.socials{justify-content:center;gap:28px;margin-top:42px;display:flex}.socials a{color:#ffffff9e;width:31px;height:31px;transition:color .16s,transform .16s}.socials a:hover{color:#fff;transform:translateY(-2px)}.socials svg{fill:currentColor;width:100%;height:100%}.section{padding:110px max(24px, calc((100vw - var(--max)) / 2))}.narrow{width:min(860px,100%);margin:0 auto}h2,.section-title{text-align:center;text-transform:uppercase;margin:0 0 34px;font-size:clamp(31px,4vw,46px);font-weight:800;line-height:1.1}.about h2{font-size:36px}.about p{color:#555b64;margin:0 0 25px;font-size:16px;line-height:1.75}.split-bg{color:#ffffffdb;background:linear-gradient(#081828a8,#081828a8),url(/assets/935491807e3147d1.jpg) 50%/cover fixed;min-height:820px;padding:90px max(40px,50vw - 600px);position:relative;overflow:hidden}.section-title--light{color:#fff}.education__grid{grid-template-columns:1fr 1fr;align-items:start;gap:90px;display:grid}blockquote{color:#fff;margin:42px 0 52px;font-size:16px;font-weight:800;line-height:1.32}cite{color:#ffffff9e;margin-top:22px;font-size:15px;font-style:normal;display:block}.timeline{gap:48px;display:grid}.timeline>div{grid-template-columns:82px 1fr;gap:28px;display:grid;position:relative}.timeline>div:before{content:"";background:currentColor;border-radius:50%;width:25px;height:25px;position:absolute;top:9px;left:100px;box-shadow:0 0 0 7px #ffffff26}.timeline>div:after{content:"";opacity:.42;background:currentColor;width:4px;height:calc(100% + 34px);position:absolute;top:38px;left:111px}.timeline>div:last-child:after{display:none}.timeline span{color:currentColor;font-size:16px;line-height:1.55}.timeline .date-range{text-align:center;justify-items:center;gap:30px;display:grid}.timeline article{padding-left:32px}.timeline h3,.education__side h3,.pub h3,.work-list h3,.project h3,.references h3{text-transform:uppercase;margin:0 0 20px;font-size:18px;font-weight:700;line-height:1.32}.timeline p,.education__side p{color:#ffffffa3;margin:0;font-size:16px;line-height:1.45}.education__side{text-align:right;padding-top:32px}.education__side article{border-top:1px solid #ffffff52;padding:26px 0}.experience h2{margin-bottom:116px}.two-column{grid-template-columns:minmax(280px,500px) minmax(360px,1fr);align-items:start;gap:120px;display:grid}.publication-list,.work-list{gap:40px;display:grid}.two-column .eyebrow,.references .eyebrow{color:#a6a6a6}.pub-card{perspective:1200px;min-height:430px}.pub-card__inner{width:100%;min-height:430px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.2,1);position:relative}.pub-card:hover .pub-card__inner,.pub-card:focus .pub-card__inner,.pub-card:focus-within .pub-card__inner{transform:rotateY(180deg)}.pub{color:#fff;text-align:center;backface-visibility:hidden;border:1px solid #0000001f;align-content:center;justify-items:center;min-height:430px;padding:44px;display:grid;position:absolute;inset:0}.pub--magenta{background:var(--magenta)}.pub--teal{background:var(--teal)}.pub h3{text-transform:none;font-size:clamp(20px,2.7vw,28px)}.pub p,.pub a{color:#ffffffad;margin:0;font-size:15px}.pub a{margin-top:10px;font-weight:800}.pub--back{color:#4d5a69;background:#fff;transform:rotateY(180deg)}.pub--back p{color:#4d5a69;font-size:clamp(15px,1vw,20px);line-height:1.75}.pub--back a{color:#6fc7df;font-size:clamp(15px,1vw,20px)}.work-list{text-align:right;min-height:600px;position:sticky;top:72px}.timeline--dark{color:#122235}.timeline--dark>div{grid-template-columns:1fr 88px}.timeline--dark>div:before{box-shadow:none;background:#14243a;left:auto;right:92px}.timeline--dark>div:after{opacity:1;background:#c7c7c7;left:auto;right:102px}.timeline--dark span{color:#1d1d1d;grid-area:1/2}.timeline--dark article{grid-area:1/1;padding:0 34px 0 0}.timeline--dark p{color:#828282;font-size:16px;line-height:1.5}.projects{color:#fff;background:linear-gradient(#04142442,#04142442),url(/assets/bf57edc3db3de6a7.jpg) 50%/cover fixed;padding:90px max(24px,50vw - 580px) 125px}.projects h2{color:#fff;margin:0 0 68px}.projects__grid{gap:70px;display:grid}.project{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;margin-bottom:80px;display:grid}.project:nth-child(2n){grid-template-columns:.9fr 1.1fr}.project:nth-child(2n) img{order:2}.project img{object-fit:cover;background:#fff;width:100%;height:380px}.video-frame{aspect-ratio:16/9;background:#fff;width:100%}.video-frame iframe{border:0;width:100%;height:100%}.project--menhir{background:linear-gradient(90deg,#0000,#0000006b),url(/assets/caf1087ce5f9f63b.jpg) 100%/cover;border-bottom:1px solid #ffffff2e;min-height:460px;margin-bottom:110px;padding-bottom:84px}.project>div:not(.video-frame){max-width:460px}.project h3{color:#fff;text-transform:none;margin-bottom:18px;font-size:17px}hr{background-color:#ccc;border:0;width:35px;height:1px;margin:0;display:block}.project p,.project a{color:#ffffffc7;margin:0 0 8px;font-size:15px;line-height:1.65;display:block}.project a{color:#6fc0b2;font-weight:800}.references h2{margin-bottom:76px}.reference-grid{flex-wrap:wrap;justify-content:center;gap:92px 72px;display:flex}.reference-grid article{text-align:center;flex:0 calc(33.3333% - 48px);min-width:260px}.reference-photo{width:150px;height:150px;margin:0 auto 32px;position:relative}.reference-grid img{object-fit:cover;border-radius:50%;width:150px;height:150px}.reference-links{opacity:0;background:#030d1aad;border-radius:50%;justify-content:center;align-items:center;gap:12px;transition:opacity .18s,transform .18s;display:flex;position:absolute;inset:0;transform:scale(.92)}.reference-photo:hover .reference-links,.reference-photo:focus-within .reference-links{opacity:1;transform:scale(1)}.reference-links a{color:#fff;background:#ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.reference-links svg{fill:currentColor;width:18px;height:18px}.references h3{color:#2f3338;margin-bottom:14px;font-size:19px;font-weight:700;line-height:1.2}.references p{color:#8a8a8a;margin:0;font-size:16px;font-style:italic;line-height:1.5}.site-footer{color:#7b7f86;text-align:center;background:#f7f7f7;border-top:1px solid #ececec;padding:34px 24px}.site-footer p{margin:0;font-size:14px}@media (max-width:920px){.hero{background-attachment:scroll;min-height:760px}.split-bg,.projects{background-attachment:scroll}.education__grid,.two-column,.project,.project--menhir,.project:nth-child(2n){grid-template-columns:1fr;gap:52px}.project:nth-child(2n) img{order:0}.education__side,.work-list{text-align:left}.work-list{min-height:auto;padding-top:0;position:static}.timeline--dark>div{grid-template-columns:88px 1fr}.timeline--dark span{grid-column:1}.timeline--dark article{grid-column:2;padding:0 0 0 32px}.timeline--dark>div:before{left:105px;right:auto}.timeline--dark>div:after{left:116px;right:auto}.reference-grid{gap:82px 52px}.reference-grid article{flex-basis:calc(50% - 26px)}}@media (max-width:640px){.hero{min-height:680px}.hero h1{font-size:42px}.hero h1 span:last-child{white-space:normal}.section,.split-bg,.projects{padding-left:22px;padding-right:22px}.section{padding-top:78px;padding-bottom:78px}.split-bg{min-height:auto}blockquote{font-size:22px}.timeline>div,.timeline--dark>div{grid-template-columns:1fr;gap:16px}.timeline>div:before,.timeline>div:after,.timeline--dark>div:before,.timeline--dark>div:after{display:none}.timeline article,.timeline--dark article{grid-area:auto;padding:0}.timeline--dark span{grid-area:auto}.pub{padding:30px 24px}.pub-card,.pub-card__inner,.pub{min-height:430px}.pub h3{font-size:28px}.pub--back p,.pub--back a{font-size:18px}.project img{height:260px}.reference-grid{gap:62px}.reference-grid article{flex-basis:100%}}