/* Homepage type study — independent of the published site. */
body{font-size:19.2rem;line-height:1.5}
.brand{font-size:23rem;font-weight:550;letter-spacing:-.45rem}
.site-header nav{font-size:17rem}
.eyebrow{font-size:13rem;font-weight:550;letter-spacing:1.4rem;line-height:1.5}
.hero h1{font-size:64rem;line-height:1.12;font-weight:500;letter-spacing:-2.2rem}
.location{font-size:17rem;top:137rem;left:0;gap:7rem}
.location img{width:20rem;height:20rem}
.button{font-size:17rem;font-weight:500;letter-spacing:0}
.years{font-size:108rem;font-weight:500;letter-spacing:-4rem;line-height:1.62}
.years span{font-size:58rem;letter-spacing:-1rem}
.years-caption{font-size:20rem}
.experience-card strong{font-size:18.5rem;font-weight:500}
.craft{font-size:16rem;line-height:1.6}
.status{font-size:17rem}
h2,.skills h2{font-size:36rem;font-weight:500;line-height:1.25;letter-spacing:-.9rem}
.section-heading>p{font-size:20rem;line-height:1.6}
.project h3{font-size:22rem;font-weight:500;letter-spacing:-.35rem}
.project>p{font-size:16rem;line-height:1.5}
.case-link{font-size:16rem;font-weight:500}
.about h2{font-size:40rem;font-weight:500;line-height:1.35;letter-spacing:-1rem}
.bio{font-size:18rem;line-height:1.7}
.about-copy h3{font-size:22rem;font-weight:500}
.about-copy h3~p:not(.eyebrow){font-size:18rem;line-height:1.6}
.date{font-size:16rem;line-height:1.6}
.role strong{font-size:22rem;font-weight:500;letter-spacing:-.25rem}
.role>span{font-size:17rem;line-height:1.5}
.experience ul{font-size:17rem;line-height:1.7}
.skill h3{font-size:22rem;font-weight:500}
.skill ul{font-size:18rem;line-height:1.6}
.contact h2{font-size:36rem;font-weight:500;line-height:1.3;letter-spacing:-.8rem}
.contact a{font-size:20rem}
.contact-info p{font-size:20rem}
.contact-info p+p{font-size:18rem}
@media(max-width:760px){
 body{font-size:15px}
 .brand{font-size:18px;font-weight:550;letter-spacing:-.3px}
 .site-header nav{font-size:13px}
 .eyebrow,.hero-copy .eyebrow{font-size:10px;letter-spacing:1.1px}
 .hero h1{font-size:34px;font-weight:500;letter-spacing:-1.1px;line-height:1.15;margin-top:20px}
 .location{font-size:13px;margin-top:15px;gap:6px}
 .location img{width:16px;height:16px}
 .button,.hero-buttons .button,.hero-buttons .button:last-child{font-size:13px;font-weight:500}
 .header-cv{font-size:11px}
 .experience-card .eyebrow{font-size:10px;letter-spacing:.8px}
 .years{font-size:46px;line-height:1.2;letter-spacing:-2px}
 .years span{font-size:28px;letter-spacing:0}
 .years-caption{font-size:13px}
 .experience-card strong{font-size:13px}
 .craft{font-size:12px;line-height:1.6}
 .status{font-size:12px}
 h2,.skills h2{font-size:26px;line-height:1.3;letter-spacing:-.65px}
 .section-heading>p{font-size:14px;line-height:1.6}
 .project h3{font-size:19px;letter-spacing:-.25px}
 .project>p{font-size:13px}
 .case-link{font-size:13px}
 .about h2{font-size:28px;line-height:1.35;letter-spacing:-.7px}
 .bio{font-size:14px;line-height:1.7}
 .about-copy h3{font-size:18px}
 .about-copy h3~p:not(.eyebrow){font-size:13px}
 .date{font-size:12px}
 .role strong{font-size:17px}
 .role>span{font-size:13px}
 .experience ul{font-size:13px}
 .skill h3{font-size:17px}
 .skill ul{font-size:13px}
 .contact h2{font-size:25px;letter-spacing:-.6px}
 .contact a{font-size:14px}
 .contact-info p{font-size:16px}
 .contact-info p+p,.contact-info p:last-child{font-size:13px}
}