.personal-hero{padding:44px var(--pad) 28px;background:var(--bg);grid-template-columns:1.2fr 1fr;column-gap:7vw;display:grid;position:relative}.personal-heading{z-index:2;position:relative}.personal-heading h1{letter-spacing:-.075em;margin:55px 0 30px;font-size:clamp(100px,13.4vw,205px);line-height:.86}.personal-heading h1 span{display:block}.personal-thesis{letter-spacing:-.04em;font-size:clamp(25px,3vw,42px);line-height:1.15}.personal-photo{grid-area:1/2/3;align-self:center;margin:38px 0 20px}.personal-photo img{object-fit:cover;width:100%;height:clamp(420px,44vw,650px)}.personal-photo figcaption{font-size:11px}.personal-intro{max-width:450px;margin:35px 0 65px}.personal-intro>p{font-size:17px;line-height:1.65}.personal-intro .text-link{margin-top:20px}.personal-baseline{border-top:1px solid var(--ink);grid-column:1/-1;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px;display:flex}.personal-work{padding:100px var(--pad)}.personal-work>h2{margin:50px 0 80px;font-size:clamp(44px,6.5vw,92px)}.personal-project{grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;margin-bottom:100px;text-decoration:none;display:grid}.personal-project__image{background:var(--soft);overflow:hidden}.personal-project__image img{object-fit:cover;width:100%;height:480px;transition:transform .5s}.personal-project:hover img{transform:scale(1.025)}.personal-project h3{margin-bottom:25px;font-size:clamp(40px,5vw,72px)}.personal-project p:not(.eyebrow){max-width:400px}.personal-project .text-link{margin-top:24px}.personal-project--reverse{grid-template-columns:1fr 1.2fr}.personal-project--reverse .personal-project__image{grid-area:1/2}.personal-project--reverse>div:last-child{grid-area:1/1}@media (width<=900px){.personal-heading h1{margin-top:38px;font-size:13vw}.personal-hero{gap:25px}.personal-photo img{height:470px}.personal-project__image img{height:350px}.personal-project{gap:35px}.personal-work{padding-block:70px}}@media (width<=600px){.personal-hero{grid-template-columns:1fr;padding-top:30px}.personal-heading h1{margin:36px 0 25px;font-size:23.5vw}.personal-photo{grid-area:auto/1;margin:10px 0}.personal-photo img{height:400px}.personal-intro{margin:0 0 25px}.personal-baseline{font-size:10px}.personal-project,.personal-project--reverse{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.personal-project--reverse .personal-project__image,.personal-project--reverse>div:last-child{grid-area:auto}.personal-work>h2{margin-block:35px 50px}.personal-project__image img{height:330px}}
