/* An airy hero; the flat name tag and two clear actions retain their roles. */
.hero{padding-block:64px 104px}
.hero-name-tag-layout .hero-title{font-weight:350;line-height:1.06}
.hero-name-tag-layout .hero-argument{margin-top:28px;line-height:1.7}
.hero-name-tag-layout .hero-strengths{margin-top:24px}
.hero-name-tag-layout .name-tag{border-color:#b9b9b4}
.name-tag .photo-frame{border-color:#cececa}
.name-tag .identity .name-tag-name{font-weight:400}
.hero-actions .clarity-button{background:transparent;color:var(--ink);border:1px solid var(--ink);font-weight:400}
.hero-actions .clarity-button:hover{background:transparent;color:var(--blue);border-color:var(--blue)}
.hero-actions .hero-vera{margin-top:18px}
.nav-links .nav-clarity:hover{background:transparent;color:var(--blue);border-color:var(--blue)}
.logo-ribbon{padding-block:12px;margin-bottom:32px}
@media(min-width:900px){.hero-name-tag-layout .hero-title{font-size:clamp(58px,6vw,80px)}.hero-main.hero-name-tag-layout{column-gap:80px;row-gap:32px}}
@media(min-width:1100px){.hero{padding-block:88px 128px}.hero-main.hero-name-tag-layout{column-gap:104px}.logo-ribbon{margin-bottom:40px}.projects-v54{padding-top:96px}}
@media(max-width:699px){.hero{padding-block:52px 88px}.logo-ribbon{margin-bottom:24px}}